Читать

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

19.06.2020 / Уроки

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

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


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


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


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


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


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


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


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


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


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


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


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

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

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




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





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

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

avatar


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

Предновогоднее настроение само диктует тему следующего урока. Так как в первых и последующих уроках мы уже основательно изучили основы фотошопа, в этом - останавливаться на мелочах не буду.


19.12.2015 / Уроки

Не за горами выход заключительной части кинотрилогии «Хоббит». Что интересно, ни к одной из частей не выпущено ни одной одноимённой видеоигры, если не считать Лего и настольные игры «Хоббит». Можно предположить...


01.12.2014 / Игры

В очередном обзоре арта я обратился к творчеству талантливого художника из Краснодара, известного на проекте deviantart.com под ником AlexShatohin. Очень качественная прорисовка, богатые деталями сцены


04.01.2015 / Арт

Существует множество дополнений для игры. Данные любительские обзоры я делаю на основании игры в дополнение "Wrath of the Lich King". С этим дополнением был добавлен континент Нордскол.


18.02.2016 / Игры



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