Читать

Урок 44. Рисуем объёмную диаграмму

28.12.2019 / Уроки

В этом несложном пошаговом уроке фотошопа нарисуем объёмный вид диаграммы. Как обычно, будем использовать простые фигуры, лёгкие приёмы, а из фильтров — лишь размытие по Гауссу.

Как обычно, начнём с определения линейками центра рабочего пространства. Затем фигурой «Окружность» рисуем круг (зажав Shift):


Урок фотошопа. Рисуем объёмную диаграмму


Теперь нужно вырезать лишние фрагменты. Для этого выбираем фигуру «Прямоугольник» и зажав Alt, удаляем лишнее:


Урок фотошопа. Рисуем объёмную диаграмму


Удобно также менять область вычитания, перемещаа точки фигур инструментом «Выделение узла» (А):


Урок фотошопа. Рисуем объёмную диаграмму


Таких сегментов нам понадобится несколько: можно дублировать первую и менять зону вычитания, либо каждый сегмент рисовать с нуля по одной и той же схеме. В конце нужно объединить фигуры внутри каждого сегмента:


Урок фотошопа. Рисуем объёмную диаграмму


Теперь немного раздвигаем сегменты от центра и добавляем надписи (проценты). В зависимости от размера сегмента можно менять и размер шрифта:


Урок фотошопа. Рисуем объёмную диаграмму


Выделяем все слои (сегменты и надписи) и трансформацией сначала поворачиваем диагарамму под нужным нам углом, а затем сплющиваем по вертикали:


Урок фотошопа. Рисуем объёмную диаграмму

Урок фотошопа. Рисуем объёмную диаграмму


Можно ещё немного подвинуть сегменты, а затем переходим к созданию объёма. Дублируем слои с фигурами. Нижние слои с ними отодвигаем строго вниз на равное расстояние. Чтобы была заметна разница изменяем оттенок отодвинутых фигур:


Урок фотошопа. Рисуем объёмную диаграмму


Теперь нужно добавить в область нижних фигур прямоугольники, которые обозначат границы по бокам (для лучшего результата отключите привязку к пиксельной сетке - Ctrl+K и снимаем галочку с пункта «Привязать векторные инструменты и преобразования к пиксельной сетке»):


Урок фотошопа. Рисуем объёмную диаграмму


Объём ещё не полный — не хватает эффектов освещённости. Если считать, что источник освещения у нас находится слева, то грани справа должны быть темнее. Нарисуем их «Прямоугольником», создавая по завершении рисования обтравочную маску (Shift+Ctrl+G), чтобы новая фигура не выходила за границы основы:


Урок фотошопа. Рисуем объёмную диаграмму


Можно похожим образом затемнить округлые стенки. И/или добавить тень для усиления эффекта объёмности: выделяем все слои, дублируем их (Ctrl+J), сливаем (Ctrl+E), двигаем вниз и размываем по Гауссу. Всё!


Урок фотошопа. Рисуем объёмную диаграмму


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

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




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




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

avatar


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

Под конец года принято подводить итоги. Прежде чем шагнуть в 2016 год, я тоже решил оглянуться на уходящий год и вспомнить самое важное. По большей части это касается данного проекта, конечно же.


30.12.2015 / Сайтовское

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


04.01.2015 / Арт

О трилогии Властелин Колец

Внимание! Возможны спойлеры!
В этом году 15-летие отметил ещё один крупный кинопроект - «Властелин Колец», произведший огромное влияние на кинематограф и популяризацию фэнтези во всём мире.


14.12.2016 / Кино

Внимание! Спойлеры!
Рассказ в фильме пойдет про парня, который, так уж вышло, стал седьмым сыном седьмого сына. А только такой человек может стать ведьмаком.


17.06.2015 / Отзывы



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