Photoshop
3D эффекты Анимация более 1 часа до 1 часа до 30 минут Имитации
Интерфейсы Коллаж Концептуальные Обработка фото Пейзаж Плакаты и фоны Элементы и текст Простые уроки Реальные объекты Реклама Ретушь и лицо Рисование Явления природы Сложные уроки Спецэффекты Средние уроки Трюки Фотошоп Фильтры Фотошоп с нуля Illustrator

Оригинальная шапка для сайта
Нравится(+) 0 Не нравится(-)

Оригинальная шапка для сайта - уроки фотошоп


Сегодня я покажу вам, как легко можно создать свою шапку для сайта. Для этого требуется совсем немного времени и усилий. Если вы только начинаете свое путешествие по урокам Web дизайна, то этот урок для вас.


Навыки для "прокачки":
- создание векторных объектов в Фотошоп
- Работа с путями (Path)
Давайте начнем. Создадим новый документ со следующими параметрами:


Оригинальная шапка для сайта - уроки фотошоп

Заполните фон цветом - #43b0c2.
Откройте изображение мятой бумаги.

Оригинальная шапка для сайта - уроки фотошоп

Если Ваше изображение не соответствует размерам, примените Transform = Трансформирование Ctrl+T. Измените режим наложения на Multiply = Умножение и Opacity = Непрозрачность на 33.

Оригинальная шапка для сайта - уроки фотошоп

Вот что должно получиться.

Оригинальная шапка для сайта - уроки фотошоп

Оригинальная шапка для сайта - уроки фотошоп
Теперь давайте сделаем облака. Создайте новый слой. Выберите цвет переднего плана - #d8f1f5.

Выберите инструмент Ellipse Tool = Эллипс

Оригинальная шапка для сайта - уроки фотошоп

Активируйте форму, как на картинке ниже

Оригинальная шапка для сайта - уроки фотошоп
Оригинальная шапка для сайта - уроки фотошоп
Нарисуйте круг, теперь нажмите добавить к выделенной области и нарисуйте еще 3-4круга, немного накладывая их друг на друга.

Оригинальная шапка для сайта - уроки фотошоп
Теперь нажмите Rasterize layer = Растрировать слой

Оригинальная шапка для сайта - уроки фотошоп

Дважды щелкните по слою, содержащему круги, чтобы открыть Палитру Стилей Слоя.
Добавим следующие изменения:

Drop Shadows = Тень

Оригинальная шапка для сайта - уроки фотошоп

Inner Glow = Внутреннее свечение

Оригинальная шапка для сайта - уроки фотошоп

Bevel and Emboss = Тиснение
Оригинальная шапка для сайта - уроки фотошоп

Satin = Глянец

Оригинальная шапка для сайта - уроки фотошоп

Gradient Overlay = Наложение градиента

Оригинальная шапка для сайта - уроки фотошоп

Сделайте столько облаков, сколько Вам хочется.

Создайте новый слой. Активируйте инструмент Line Tool = Линия, чтобы создать коробку.

Оригинальная шапка для сайта - уроки фотошоп

В следующем шаге, мы сделаем несколько волнистых линий, разных цветов, инструментом Pen Tool = Перо

Оригинальная шапка для сайта - уроки фотошоп

Нарисуйте волнистую линию.

Оригинальная шапка для сайта - уроки фотошоп

Нажмите правую кнопку мышки и выберите Stroke Path = Выполнить обводку контура

Оригинальная шапка для сайта - уроки фотошоп

Вы можете выполнить, имитировать нажим, а можете не делать этого, посмотрите обе функции и оставьте так, как Вам больше нравится. Теперь добавьте Drop Shadows = Тень, используя Стиль Слоя.

Оригинальная шапка для сайта - уроки фотошоп
Если вы не хотите делать тоже самое несколько раз, вы можете дублировать слой, с вашей линией, для этого нужно сделать, щелчок правой кнопкой по слою с линией Copy layer = Создать дубликат слоя

Оригинальная шапка для сайта - уроки фотошоп

Но в этом случае, Вы должны изменить цвет тени.

Теперь активируйте Инструмент Brush Tool = Кисть, выберите кисть со звездами. Сделайте несколько звездочек.
Оригинальная шапка для сайта - уроки фотошоп

Вот и все! Продолжайте свое путешествие, изучайте уроки Web дизайна, и Вы легко создадите свой, уникальный дизайн!

Оригинальная шапка для сайта - уроки фотошоп
Информация
Автор / Разработчик
Автор не указан
Перевел
Автор перевода не указан
Источник
Добавил
Yara
Дата
24-05-2019, 21:49
Метки:  еще статьи

Поделиться ссылкой

Оригинальная шапка для сайта
Социальне сети:
Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии

Комментариев нет...
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете


Последние уроки
Опубликовано 15-09-2019, 21:41
Опубликовано 12-09-2019, 18:38
Опубликовано 6-09-2019, 21:48
Архив сайта
Теги
Карта Сайта