Читать

Урок 50. Рисуем схему сотрудничества

03.09.2020 / Уроки

В новом уроке нарисуем блок «Схема сотрудничества». Если вы предлагаете какие-то услуги, продаёте или рекламируете что-то, необходимо как можно понятнее донести до потребителя информацию о процессе взаимодействия.

Самым оптимальным вариантом будет показать пошаговую схему сотрудничества с использованием пиктограм (иконок) и указателей. Предположим, наша схема взаимодействия состоит из четырёх шагов. Можно расположить их в одну строку, а можно в две. Предварительно делим область на шесть частей.


Урок фотошопа. Схема сотрудничества


Правый верхний угол и нижний левый мы пока трогать не будем, займёмся размещением шагов в остальных четырёх. Для иконок нарисуем круглые подложки инструментом «Эллипс»:


Урок фотошопа. Схема сотрудничества


Добавим едва заметную тень, зайдя в стили слоя и выбрав вкладку «Тень». Напомню, чтобы распространить настройки стиля слоя на другие слои, достаточно кликнуть сначала на исходный слой правой кнопкой и в списке выбрать «Скопировать стиль слоя», а затем на других слоя снова ПКМ и «Вставить стиль слоя».


Урок фотошопа. Схема сотрудничества
Урок фотошопа. Схема сотрудничества


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


Урок фотошопа. Схема сотрудничества


Расставляем надписи - короткие, но информативные:


Урок фотошопа. Схема сотрудничества


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


Урок фотошопа. Схема сотрудничества


Осталось провести направляющую, которая начнётся от первого шага и приведёт к четвёртому. Можно нарисовать линию «Пером» и затем «Выполнить обводку», но я решил создать линию из маленьких кружочков. В Фигме (Figma) создание этой направляющей заняло бы не больше минуты, и в одном из будущих уроков я покажу, как там сделать то, что в этом уроке мы рисуем вручную путём дублирования слоя с кружочком и расстановки дублей по определённой траектории.


Урок фотошопа. Схема сотрудничества


Первый и последний кружочек в цепочке выделяем цветом, скрываем слой с разметкой на отсеки и — готово!


Урок фотошопа. Схема сотрудничества


Урок фотошопа. Схема сотрудничества

Для большей наглядности можно выделить последний шаг, как самый важный для потребителя, изменив цвета на более активные:

Урок фотошопа. Схема сотрудничества


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

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




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





Просмотров: 37 / Теги: фотошоп, урок, схема сотрудничества

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

avatar


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

Творческих людей в мире немало! Но профессионалов своего дела всё же гораздо меньше любителей. А значит, глядя на их работы, нам есть к чему стремиться. К празднику весны и труда...


01.05.2015 / Арт

Иллюстратор из США Брайан Миллер (Brian Miller)  рисует в отличительном едином стиле. Его работы являются яркими представителями мира иллюстраций. Особый стиль, сочные краски, волшебные композиции.


23.10.2015 / Арт

Внимание! Спойлеры!
Совсем недавно на ТВ показали продолжение популярного в недавнем прошлом сериала «Секретные материалы». Поделюсь своими впечатлениями.


28.02.2016 / Отзывы

Внимание! Возможны спойлеры!
Команда лучших иллюзионистов мира проворачивает дерзкие ограбления прямо во время своих шоу, играя в кошки-мышки с агентами ФБР.


15.06.2016 / Отзывы



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