Как рисовать диаграммы в Photoshop?

...

Используйте инструмент Rectangular Marquee Tool, чтобы добавить прямые квадратные линии.

Кредит изображения: Изображение любезно предоставлено Adobe.

Если вам нужно нарисовать организационную диаграмму, инфографику или блок-схему, в Adobe Photoshop CC есть все, что вам нужно. Добавьте собственные изображения в диаграмму или используйте любую из уже предоставленных фигур для создания визуальных представлений для вашей аудитории. Сначала начните с предметов и этикеток. Когда они будут на месте, добавьте стрелки или линии, чтобы соединить их.

Рисование базовой схемы

Шаг 1

...

Новое окно Photoshop с предустановкой US Paper.

Кредит изображения: Изображение любезно предоставлено Adobe.

Запустите Photoshop и выберите подходящий размер для вашей схемы. Если вы его распечатываете, выберите «U.S. Paper» в меню «Preset». Если вам нужен холст с альбомной ориентацией, а не с портретной, просто переключите значения «8,5» и «11» в полях «Высота» и «Ширина», прежде чем нажимать «ОК».

Видео дня

Шаг 2

...

Прямоугольник, нарисованный с помощью инструмента Rounded Rectangle Tool.

Кредит изображения: Изображение любезно предоставлено Adobe.

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

Шаг 3

...

Прямоугольник с внутренним скосом и падающей тенью.

Кредит изображения: Изображение любезно предоставлено Adobe.

Выберите «Стили слоя» в меню «Слой» и выберите один или несколько стилей, которые нужно применить к вашей форме. Добавьте стиль Drop Shadow, чтобы форма казалась плавающей на экране. Чтобы добавить скос вокруг границы формы, выберите «Bevel & Emboss» и выберите «Inner Bevel» в меню «Стиль».

Шаг 4

...

К тексту применен внешний скос.

Кредит изображения: Изображение любезно предоставлено Adobe.

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

Шаг 5

...

Группируйте слои, чтобы быстро перемещать и копировать их.

Кредит изображения: Изображение любезно предоставлено Adobe.

Сгруппируйте текстовое поле и фоновую фигуру, чтобы их было легче перемещать. Выделите слой «Текст» и слой «Форма» на панели «Слои», щелкнув их, удерживая нажатой клавишу «Ctrl», а затем выберите «Группировать слои» в меню «Слои». Чтобы переместить оба слоя вместе, выберите папку. Перетаскивание папки на значок «Новый слой» в нижней части панели «Слои» копирует текст и форму фона. Чтобы редактировать любой слой по отдельности, откройте папку и выберите соответствующий слой.

ШАГ 6

...

Меню "Фигуры" в Photoshop.

Кредит изображения: Изображение любезно предоставлено Adobe.

Щелкните инструмент «Пользовательская фигура» на панели инструментов, затем щелкните меню «Фигуры» в правой части панели параметров. В меню «Фигуры» есть несколько различных стрелок, пузырей с текстом и других фигур, которые вы можете использовать для своей схемы. Щелкните стрелку, а затем перетащите курсор на холст, чтобы нарисовать его. После того, как он нарисован, вы можете отформатировать его и применить к нему стили слоя, как и к любой другой форме.

Шаг 7

...

Стрелка между двумя прямоугольниками.

Кредит изображения: Изображение любезно предоставлено Adobe.

Выберите «Свободное преобразование» в меню «Правка», чтобы при необходимости изменить размер или повернуть стрелку. Удерживая нажатой клавишу «Shift» при перетаскивании угла стрелки, вы ограничите ее соотношение сторон. Чтобы повернуть фигуру, наведите курсор на угол за пределами угла, пока он не превратится в изогнутую стрелку, а затем перетащите его.

Шаг 8

...

Фоновый прямоугольник со скошенным краем и примененной текстурой.

Кредит изображения: Изображение любезно предоставлено Adobe.

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

Рисование линий на диаграмме

Шаг 1

...

Направляющие выравнивания появляются при перемещении объекта.

Кредит изображения: Изображение любезно предоставлено Adobe.

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

Шаг 2

...

Параметр «Обводка» в меню «Правка».

Кредит изображения: Изображение любезно предоставлено Adobe.

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

Шаг 3

...

Применяем обводку к инструменту Rectangular Marquee Tool.

Кредит изображения: Изображение любезно предоставлено Adobe.

Введите ширину в пикселях для толщины линии в окне «Обводка». Щелкните значок «Цвет» и выберите цвет линии, затем щелкните «ОК», чтобы закрыть каждое окно. Инструмент выделения теперь представляет собой прямоугольник.

Шаг 4

...

Объекты соединены прямыми квадратными линиями.

Кредит изображения: Изображение любезно предоставлено Adobe.

Выберите «Ластик», чтобы стереть части прямоугольника, которые вам не нужны. Повторите этот процесс с инструментом Rectangular Marquee Tool, чтобы нарисовать столько линий, сколько вам нужно.

Шаг 5

...

Схема здания с пожарными выходами.

Кредит изображения: Изображение любезно предоставлено Adobe.

Объедините прямоугольники и овалы в одну форму, удерживая клавишу «Shift» при рисовании с помощью любого из инструментов выделения. Каждый раз, когда вы добавляете новую фигуру, она автоматически комбинируется с уже существующими, поэтому вы можете рисовать планы этажей, перекрестки улиц или любые другие фигуры, которые могут вам понадобиться на диаграмме.