На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

Рекомендуем ознакомиться со следующими разделами Фотошопа:



Разместите здесь свою рекламу
Главная » Photoshop » Оригинальная шапка для сайта
24.05.2020

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

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

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

Сложность: низкая
Время: до 30 минутНавыки для "прокачки":
- создание векторных объектов в Фотошоп
- Работа с путями (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 дизайна, и Вы легко создадите свой, уникальный дизайн!

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

Ссылка на источник: http://csscreme.com

(+2 баллов, 2 оценок)
Loading ... Loading ...
Написать комментарий

Подписаться, не комментируя

.