Yara | 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