Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В конце урока вы получите такой результат:


Web дизайн шапки для блога


1. Создайте новый документ размером 773×220 пикселей с разрешением 72 dpi. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру, показанную ниже:


Web дизайн шапки для блога


2. Примените к слою с прямоугольником следующие стили в меню Стилей слоя
(Layer Style - Blending Options):

Внутренняя тень (Режим – Умножение):


Web дизайн шапки для блога


Наложение цвета (Режим – Нормальный):


Web дизайн шапки для блога


3. Инструментом Прямоугольник (Rectangle Tool) создайте ещё одну фигуру:


Web дизайн шапки для блога


4. Ко второй фигуре примените следующие стили в меню Стилей слоя
(Layer Style - Blending Options):

Внутренняя тень (Режим – Умножение):


Web дизайн шапки для блога


Наложение градиента (Режим – Нормальный; Стиль – Линейный):


Web дизайн шапки для блога

Web дизайн шапки для блога


5. Создайте ещё один прямоугольник, как показано ниже:


Web дизайн шапки для блога



6. Примените следующие стили в меню Стилей слоя (Layer Style - Blending Options):

Отбрасывание тени (Режим – Умножение):


Web дизайн шапки для блога


Внутренняя тень (Режим – Умножение):


Web дизайн шапки для блога


Наложение градиента (Режим – Нормальный):


Web дизайн шапки для блога

Web дизайн шапки для блога


7. Создайте ещё одну фигуру:


Web дизайн шапки для блога


8. Примените стиль Внутренняя тень (Layer Style - Inner Shadow) (Режим – Умножение):


Web дизайн шапки для блога


Наложение цвета (Режим – Нормальный):


Web дизайн шапки для блога


9. Создайте ещё один прямоугольник цветом #C99F15.


Web дизайн шапки для блога


10. Примените стиль Отбрасывание тени (Layer Style - Drop Shadow) (Режим – Умножение):


Web дизайн шапки для блога


11. Инструментом Перо (Pen Tool) нарисуйте такую фигуру:


Web дизайн шапки для блога


12. Примените стиль Внешнее свечение (Layer Style - Outer Glow) (Режим – Нормальный; Метод – Мягкий):


Web дизайн шапки для блога

Web дизайн шапки для блога


13. Создайте обтравочную маску, кликнув между слоем с последней фигурой и нижним слоем, удерживая Alt.


Web дизайн шапки для блога


14. Инструментом Перо (Pen Tool) нарисуйте ещё одну фигуру цветом #569413.


Web дизайн шапки для блога


15. Создайте обтравочную маску ещё раз:


Web дизайн шапки для блога

Web дизайн шапки для блога


16. Тем же самым инструментом нарисуйте ещё одну фигуру цветом #32560B.


Web дизайн шапки для блога


17. Создайте ещё одну обтравочную маску:


Web дизайн шапки для блога

Web дизайн шапки для блога


18. Сделайте копию последнего слоя, установите его Заливку (Fill) – 30%. Инструментом Свободное трансформирование (Free Transform) увеличьте фигуру и поместите её, как показано ниже. Создайте обтравочную маску:


Web дизайн шапки для блога


19. Инструментом Перо (Pen Tool) создайте ещё одну фигуру цветом #1D5004. Установите Заливку (Fill) этого слоя – 30%.


Web дизайн шапки для блога


20. Нарисуйте ещё одну такую же фигуру и установите Заливку (Fill) слоя – 30%.


Web дизайн шапки для блога


21. Тем же инструментом нарисуйте ещё одну такую фигуру и установите Заливку (Fill) слоя – 30%.


Web дизайн шапки для блога


22. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите название блога. Настройки текста показаны ниже:


Web дизайн шапки для блога

Web дизайн шапки для блога


23. К слою с текстом примените стиль Отбрасывание тени (Layer Style - Drop Shadow):


Web дизайн шапки для блога


24. Добавьте ещё одну часть названия блога:


Web дизайн шапки для блога

Web дизайн шапки для блога


25. Напишите надпись приветствия:


Web дизайн шапки для блога

Web дизайн шапки для блога


26. И ещё одна часть текста:


Web дизайн шапки для блога

Web дизайн шапки для блога



Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: