Мы запустили Форум! (*beta)
Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа!
Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
+3
Шаг 1
Для начала создадим новый документ размером 1200 х 840 пикселей. Залейте фон цветом #f7f7f7.
Для начала создадим новый документ размером 1200 х 840 пикселей. Залейте фон цветом #f7f7f7.
Шаг 2
У нас будет много слоёв, поэтому я советую группировать их. Создайте новый слой
(Create New Layer) и, используя инструмент Прямоугольная область (Rectangular Marquee Tool), сделайте выделение размером 1200 х 30 пикселей, залейте его цветом #151515.
У нас будет много слоёв, поэтому я советую группировать их. Создайте новый слой
(Create New Layer) и, используя инструмент Прямоугольная область (Rectangular Marquee Tool), сделайте выделение размером 1200 х 30 пикселей, залейте его цветом #151515.
Шаг 3
Используя инструмент Горизонтальный текст (Horizontal Type Tool), напишите текст (HOME, ABOUT, CONTACT) в правом верхнем углу. Шрифт - Arial, цвет - #8a8a8a. Вы можете разделить слова при помощи инструмента Линия (Line Tool)
Используя инструмент Горизонтальный текст (Horizontal Type Tool), напишите текст (HOME, ABOUT, CONTACT) в правом верхнем углу. Шрифт - Arial, цвет - #8a8a8a. Вы можете разделить слова при помощи инструмента Линия (Line Tool)
Шаг 4
Создайте новый слой (Create New Layer) и таким же образом сделайте выделение размером 1200 х 100 пикселей, как показано ниже. Залейте выделение инструментом Градиент (Gradient Tool), тип – радиальный градиент, цвет от #353535 к #1d1d1d.
Создайте новый слой (Create New Layer) и таким же образом сделайте выделение размером 1200 х 100 пикселей, как показано ниже. Залейте выделение инструментом Градиент (Gradient Tool), тип – радиальный градиент, цвет от #353535 к #1d1d1d.
Шаг 6
В новом слое добавьте логотип. Я сделал круг, при помощи инструмента Овальная область (Elliptical Marquee Tool) и залил его радиальным градиентом цветом от #02a2e0 к #246f99. Я применил стили Наложение градиента (Layer Style - Gradient Overlay) и Внешнее свечение
(Layer Style - Outer Glow).
В новом слое добавьте логотип. Я сделал круг, при помощи инструмента Овальная область (Elliptical Marquee Tool) и залил его радиальным градиентом цветом от #02a2e0 к #246f99. Я применил стили Наложение градиента (Layer Style - Gradient Overlay) и Внешнее свечение
(Layer Style - Outer Glow).
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите имя вашего сайта. Я использовал Шрифт - Adobe Caslon Pro и применил те же самые 2 стиля слоя к логотипу.
Шаг 7
Теперь добавим поисковую область справа. Используя инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool), создайте фигуру с радиусом – 10 пикселей в новом слое. Залейте эту фигуру цветом #ffffff при помощи инструмента Заливка
(Paint Bucket Tool), как показано ниже:
Теперь добавим поисковую область справа. Используя инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool), создайте фигуру с радиусом – 10 пикселей в новом слое. Залейте эту фигуру цветом #ffffff при помощи инструмента Заливка
(Paint Bucket Tool), как показано ниже:
Используя инструмент Произвольная фигура (Custom Shape Tool), добавьте слева от текста лупу цвета #6c6c6c.
Шаг 8
Далее добавим кнопки навигации по категориям. Создайте новый слой, выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и создайте фигуру радиусом 10 пикселей, залейте фигуру линейным градиентом цветом от #02a2e0 к #5acffc.
Далее добавим кнопки навигации по категориям. Создайте новый слой, выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и создайте фигуру радиусом 10 пикселей, залейте фигуру линейным градиентом цветом от #02a2e0 к #5acffc.
Используя инструмент Горизонтальный текст (Horizontal Type Tool) напишите текст на вашей кнопке, шрифт – Arial, цвет – белый.
Создайте ещё одну кнопку, только зайлейте её градиентом цветом от #d7d7d7 к #fcfcfc, цвет текста - #2f2f2f.
Теперь добавьте такие же кнопки и напишите на них разный текст. Вы можете просто сделать копию слоя с кнопкой и добавить текст.
Шаг 9
Создайте новый слой (Create New Layer) и сделайте выделение размером 1200 х 200 пикселей. Залейте выделение радиальным градиентом цветом от #02a2e0 к #246f99.
Создайте новый слой (Create New Layer) и сделайте выделение размером 1200 х 200 пикселей. Залейте выделение радиальным градиентом цветом от #02a2e0 к #246f99.
Шаг 11
Добавьте какой-нибудь текст на только что созданную область. Вы можете найти кое-что интересное здесь. Шрифт – Arial, цвет – белый.
Добавьте какой-нибудь текст на только что созданную область. Вы можете найти кое-что интересное здесь. Шрифт – Arial, цвет – белый.
Шаг 12
Мы закончили с заголовком и начнём создавать содержимое. Добавьте пару жирных заголовков цветом #151515.
Мы закончили с заголовком и начнём создавать содержимое. Добавьте пару жирных заголовков цветом #151515.
Шаг 13
В новом слое, используя инструмент Прямоугольная область (Rectangular Marquee Tool), сделайте выделение шириной в пару пикселей под заголовками и залейте их цветом #d7d7d7.
В новом слое, используя инструмент Прямоугольная область (Rectangular Marquee Tool), сделайте выделение шириной в пару пикселей под заголовками и залейте их цветом #d7d7d7.
Шаг 15
Теперь создадим нижний колонтитул. В новом слое сделайте выделение размером 1200 х 140 пикселей и залейте его цветом #242424.
Теперь создадим нижний колонтитул. В новом слое сделайте выделение размером 1200 х 140 пикселей и залейте его цветом #242424.
Шаг 17
Добавьте текст об авторских правах в этой области. Шрифт - Arial, цвет – белый и #5a5a5a.
Добавьте текст об авторских правах в этой области. Шрифт - Arial, цвет – белый и #5a5a5a.
Ссылка на источник урока
Создан: 4 апреля 2009
написал : ArioM5
Отличный урок,респект!
---------------30 сентября 2009 06:03 | ICQ: -- | [цитировать]