Создание шапки для сайта в Adobe Photoshop .
21-06-2019 15:03
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Ольга_Бугримова Оригинальное сообщение
Создание шапки для сайта в Adobe Photoshop уроки AdobePhotoshopОтличный урок создания шапки для сайта на Adobe Photoshop CS. За несколько шагов мы с
Отличный урок создания шапки для сайта на Adobe Photoshop CS. За несколько шагов мы создаём уникальный и красивый элемент сайта!
2. Заходим в Layer Style (кликните правой клавишей по слою, выберите Blending Options) вкладка Gradient Overlay. Следующим образом настраиваем градиент (красным цветом на картинке отмечены шестнадцатеричные значения цветов):
Жмём везде «Ok» и получается фон:
3. После этого выбираем инструмент Pen Tool и рисуем фигуру. Подключайте свою фантазию. Возьмём цвет #313e5a:
4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:
После этого должно получиться примерно как на картинке:
5. Теперь выбираем кисточку с пятнами краски (если у Вас в наборе нет подобной кисточки, поищите в Интернете), создайте новый слой и что-нибудь «наляпайте» примерно как на картинке:
6. Создаём новый слой ещё раз, смешивание (Blend Mode) измените с Normal на Overlay и снова нарисуем что-нибудь:
7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.
Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:
8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку (как создавать подобную текстуру сказано, например, в начале урока №21):
Получиться должно вот так:
9. А сейчас давайте напишем название для сайта. Самый ответственный момент.
10. Раскрасьте его по следующему принципу:
11. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:
12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).
Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:
13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):
14. Выберите инструмент Gradient Tool (градиент) и чёрно-белым градиентом залейте маску сверху вниз:
15. Снизу напишите названия основных разделов сайта:
16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool):
17. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз:
Вот мы и нарисовали в шапку для сайта на Photoshop. Получилось симпотично.
И, на последок, хотелось бы дать небольшой совет: экспериментируйте, творите, делаёте что-то новое и оригинальное. Удачных экспериментов!
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Ольга_Бугримова Оригинальное сообщение
Создание шапки для сайта в Adobe Photoshop уроки AdobePhotoshopОтличный урок создания шапки для сайта на Adobe Photoshop CS. За несколько шагов мы с
Создание шапки для сайта в Adobe Photoshop
Отличный урок создания шапки для сайта на Adobe Photoshop CS. За несколько шагов мы создаём уникальный и красивый элемент сайта!
Рассмотрим с Вами как можно быстро сделать несложную шапку для сайта на AdobePhotoshop. Шапка на самом деле несложная, но если вы подключите свою фантазию, то может получиться очень даже хорошо.
И так, вооружаемся "фотошопом" и приступайте.
1. Первое, что нужно сделать, это создать новый холст, пусть он будет размером 800x150px:
И так, вооружаемся "фотошопом" и приступайте.
1. Первое, что нужно сделать, это создать новый холст, пусть он будет размером 800x150px:
2. Заходим в Layer Style (кликните правой клавишей по слою, выберите Blending Options) вкладка Gradient Overlay. Следующим образом настраиваем градиент (красным цветом на картинке отмечены шестнадцатеричные значения цветов):
Жмём везде «Ok» и получается фон:
3. После этого выбираем инструмент Pen Tool и рисуем фигуру. Подключайте свою фантазию. Возьмём цвет #313e5a:
4. Заходим в Layer Style на вкладку Drop Shadow и выставляем следующие параметры:
После этого должно получиться примерно как на картинке:
5. Теперь выбираем кисточку с пятнами краски (если у Вас в наборе нет подобной кисточки, поищите в Интернете), создайте новый слой и что-нибудь «наляпайте» примерно как на картинке:
6. Создаём новый слой ещё раз, смешивание (Blend Mode) измените с Normal на Overlay и снова нарисуем что-нибудь:
7. Создайте новый слой и залейте его любым цветом (с помощью Paint Bucket Tool), затем непрозрачность заливки Fill уменьшите до 0%.
Зайдите в Layer Style на вкладку Inner Shadow и настройте следующие параметры:
8. А на вкладке Pattern Overlay настройте заливку текстурой. В качестве текстуры выберите какую-нибудь штриховку (как создавать подобную текстуру сказано, например, в начале урока №21):
Получиться должно вот так:
9. А сейчас давайте напишем название для сайта. Самый ответственный момент.
10. Раскрасьте его по следующему принципу:
11. Нарисуйте ещё что-нибудь и напишите слоган вашего сайта:
12. А сейчас создайте копию слоя с названием сайта (для этого перетащите слой на иконку создания нового слоя или кликните по слою правой клавишей и там выберите Duplicate Layer).
Отразите по вертикали копию слоя с названием сайта (Edit —> Transform —> Flip Vertical) и разместите её (надпись) ниже:
13. Добавьте маску слоя (на панели слоёв кликните по кнопке Add layer mask):
14. Выберите инструмент Gradient Tool (градиент) и чёрно-белым градиентом залейте маску сверху вниз:
15. Снизу напишите названия основных разделов сайта:
16. Создайте новый слой. С помощью инструмента Rectangular Marque Tool выделите верхнюю часть изображения и залейте её белым цветом (с помощью Paint Bucket Tool):
17. Добавьте к данному слою маску, как это мы делали ранее, и залейте её чёрно-белым градиентом сверху вниз:
Вот мы и нарисовали в шапку для сайта на Photoshop. Получилось симпотично.
И, на последок, хотелось бы дать небольшой совет: экспериментируйте, творите, делаёте что-то новое и оригинальное. Удачных экспериментов!
Оригинальная статья DesignArts.ru
Вы сейчас не можете прокомментировать это сообщение.
Дневник Создание шапки для сайта в Adobe Photoshop . | Ольга_Бугримова - Дневник Ольги |
Лента друзей Ольга_Бугримова
/ Полная версия
Добавить в друзья
Страницы:
раньше»