Регистрация

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

Размер шрифта:   13
INFOGRAPHICA. От простого к сложному

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

Рис.22 Infographica
Создание инфографики пользуется спросом на любых маркетплейсах и в интернет магазинах. Что вполне, может вам обеспечить дополнительный или основной источник заработка.

Рис.27 Infographica

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

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

Рис.4 Infographica

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

Рис.8 Infographica

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

Рис.14 Infographica

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

Рис.19 Infographica

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

Рис.25 Infographica

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

Рис.1 Infographica

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

Рис.6 Infographica

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

Рис.12 Infographica

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

Рис.17 Infographica

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

Рис.23 Infographica

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

Рис.10 Infographica

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

Рис.16 Infographica

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

Рис.21 Infographica

Рис.28 Infographica

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

Рис.3 Infographica

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

Рис.9 Infographica

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

Рис.15 Infographica

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

Рис.20 Infographica

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

Рис.26 Infographica

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

Рис.2 Infographica

И вуаля)

Рис.7 Infographica

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

Создаем новое изображение со следующими параметрами:

Рис.13 Infographica

Добавляем слой «градиент».

Рис.18 Infographica

Со следующими значениями:

Рис.24 Infographica

Цвет справа «3a3a3a», цвет слева «484849».

Рис.0 Infographica

Добавляем прямоугольник, размер 19х190 пикселей. Цвет «bfc0c0». В свойствах, нижние края прямоугольника округляем до 3 пикселей.

Рис.5 Infographica

Создаем следующую фигуру, и располагаем её горизонтально, справа вверху вертикальной. Размеры 104х22 пикселя, цвет тот же. И в свойствах округляем правый нижний угол до 11 пикселей.

Рис.11 Infographica

Дублируем эту фигуру, отражаем по горизонтали и располагаем слева.

Дублируем ещё одну фигуру, трансформируем её до размера 62х22 пикселя и располагаем чуть выше середины, от вертикального прямоугольника. Примерно на 45 пикселей от верхней фигуры.

Продолжить чтение