INFOGRAPHICA. От простого к сложному

Сергей Алексеев, 2023

Получите новые навыки создания цепляющих изображений инфографики с помощью Photoshop, от простого к сложному.Занимайтесь тем, что нравится)

Инфографика — это набор картинок, графических элементов, цветов, значков, иллюстраций, шрифтов, которые складываются в определенную историю, инструкцию. Покупатель — не только узнает о товаре, но и просматривает его с удовольствием. Создание инфографики пользуется спросом на любых маркетплейсах и в интернет магазинах. Что вполне, может вам обеспечить дополнительный или основной источник заработка.

Инфографика 1

Запускаем программу Photoshop и создаём новое изображение (Ctr+N), со следующими параметрами:

Выбираем инструмент « Прямоугольник» (U).

Обратите Внимание, чтобы в свойствах, было указано «фигура».

Рисуем прямоугольник, далее «окно», «свойства» и выставляем следующие значения:

Создаем дубликат слоя с фигурой.

В свойствах этой фигуры, указываем следующие значения:

С помощью инструмента «овальная область» выделяем ту область на фигуре, чтобы в инверсии отображался другой цвет.

Наводим мышкой на выделенную область, кликаем правую кнопу и выбираем «инверсия выделенной области».

Затем растрируем слой с фигурой.

Наводим мышкой на выделенную область и копируем на новый слой.

Слой с прямоугольником выключаем:

Добавляем овал, с помощью инструмента «эллипс», а в свойствах выставляем следующие значения.

С помощью инструмента «Текст» добавляем цифру 1 в кружочек и надпись посередине фигуры.

Для удобства работы, можно объединить слои в одну группу.

Назовем ее «Инфографика 1» и создаем 3 дубликата группы, чтобы в итоге у нас получилось 4.

Располагаем фигуры равномерно по всему изображению, чтобы сверху был отступ 105 пикселей, а между фигурами 155 пикселей.

Выбирая нужный слой с цифрой, меняем цифру в нужном порядке и в свойствах заменяем цвета фигуры и элементов, на эти: 2. 337abe — 609bc0, 3. f89734 — e8c528, 4. 00b0f0 — 46c8f4.

Создаем прямоугольник и применяем к нему следующий градиент, и копируем элемент на следующие фигуры.

Добавляем слева текст, соответственно размеру и цвету, объединяем в группу и дублируем.

И вуаля)