Читать

Урок 48. Рисуем информационный баннер

19.06.2020 / Уроки

Чтобы сообщить посетителям сайта какую-то важную информацию, мало просто написать крупный заголовок красным цветом (и это скорее то, что делать не следует). Можно создать более эстетичный вариант.

Начнём с основы. Это будет прямоугольник со скруглёнными углами:


Урок фотошопа. Рисуем информационный баннер


Сразу перейдём в Стили слоя, дважды кликнув по слою с прямоугольником в панели слоёв. Выбираем «Наложение градиента», используя оттенки одного цвета:


Урок фотошопа. Рисуем информационный баннер
Урок фотошопа. Рисуем информационный баннер


Предположим, слева у нас будет небольшой графический элемент, правее — текст, и совсем справа — кнопка. Допустим, мы сообщаем посетителям о каком-то личном достижении. Нарисуем кубок, используя фигуры («Прямоугольник», «Прямоугольник со скруглёнными углами», «Окружность»), вычитая или добавляя всё новые фигуры:


Урок фотошопа. Рисуем информационный баннер
Урок фотошопа. Рисуем информационный баннер
Урок фотошопа. Рисуем информационный баннер


Таким же образом дорисовываем детали:


Урок фотошопа. Рисуем информационный баннер
Урок фотошопа. Рисуем информационный баннер
Урок фотошопа. Рисуем информационный баннер


Используя ту же фигуру «Прямоугольник со скруглёнными углами», рисуем кнопку — два прямоугольника; нижний на тон темнее и со сдвигом вниз:


Урок фотошопа. Рисуем информационный баннер


Осталось добавить текст на кнопку и сообщение, которое мы, собственно, и собирались выделить на странице сайта:


Урок фотошопа. Рисуем информационный баннер

Прилагаю исходник урока в формате psd — zip-архив (42 Кб)

Скачать архив




Самые первые уроки, рассчитанные для начинающих, смотрите здесь.





Просмотров: 349 / Теги: урок, баннер, фотошоп, веб, дизайн

Комментарии (0)

avatar


НЕКОТОРЫЕ АРХИВНЫЕ ПУБЛИКАЦИИ

За новой порцией вдохновения я вновь обратился к ресурсу dribbble. Здесь в основном публикуются лишь избранные работы пользователей, так как проект не включает в себя функций онлайн-портфолио.


02.08.2015 / Веб-дизайн

Вдохновляющая подборка логотипов

Для черпания вдохновения и генерации новых идей для логотипов я заглянул на знакомый ресурс logopond.com. Там оказалось немало весьма любопытных новинок. Я отобрал двенадцать из них. Здесь и приятные цветовые решения ...


13.10.2016 / Веб-дизайн

В новом уроке мы нарисуем календарь. Только в данном случае будем рисовать не на весь год, а на один месяц. Покажу на примере весеннего месяца марта. Почему это так важно - определиться с месяцем? Потому что...


01.12.2014 / Уроки

Внимание! Возможны спойлеры!
Приспособившийся к жизни в Лондоне Тарзан возвращается в свой бывший дом, в джунгли, чтобы разобраться в происходящих бесчинствах.


25.09.2016 / Отзывы



ПОДПИШИТЕСЬ НА ОБНОВЛЕНИЯ