Как нарисовать алмаз в Photoshop

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


Рисовать будем сразу большой вариант, а затем, когда все будет готово — уменьшим до нужного размера или же оставим оригинал. Создание алмаза будем выполнять следующим образом:

  1. Рисование основного векторного объекта
  2. Создание второго векторного объекта копированием первого
  3. Рисование граней алмаза инструментом Pen Tool
  4. Настройка параметров слоя основного векторного объекта
  5. Установка параметров слоя для второго объекта
  6. Настройка слоев для векторных объектов-граней алмаза
  7. Добавление дополнительных эффектов для алмаза

Рисование основного векторного объекта

Для начала создайте новый документ, например, с такими параметрами:

Создание нового документа в Photoshop

Закрасьте основной слой каким-нибудь нейтральным цветом, например, светло-зеленым (#c0efcc). Теперь нужно нарисовать векторный квадрат с закругленными углами. Выберите в панели инструментов Rounded Rectangle Tool, установите параметр Radius 30 px, цвет используйте оранжевый (#ffb018), зажмите кнопку Shift и нарисуйте квадрат в центре.

Рисование векторного квадрата с закругленными углами в Photoshop

Чтобы сделать будущему алмазу грани нужно выровнять сглаженные углы. Воспользуйтесь инструментом Convert Point Tool. Для начала нужно выделить векторную маску слоя, чтобы можно было работать с объектом.

Выделение векторной маски на слое в Photoshop

Каждое закругление имеет две векторные точки. Два раза щелкните по каждой этим инструментом.

Векторный объект квадрат с закругленными углами в Photoshop

После проделанного действия, должен получиться следующий векторный объект:

Векторный объект квадрат с выровненными углами при помощи инструмента Convert Point Tool в Photoshop

Создание второго векторного объекта копированием первого

Теперь копируем слой с векторным объектом, поменяем его цвет на более светлый, выделяем и, зажав кнопки Shift+Alt, масштабируем новый объект так, чтобы он оказался внутри основного объекта.

Копируем векторный объект квадрат в Photoshop

Рисование граней алмаза инструментом Pen Tool

Создадим другие грани для алмаза. Возьмите инструмент Pen Tool и нарисуйте слева вверху векторный объект:

Рисуем еще один векторный объект при помощи инструмента Pen Tool в Photoshop

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

Распределяем копии векторного объекта в Photoshop

Настройка параметров слоя основного векторного объекта

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

Установка параметров Inner Glow и Gradient Overlay для основного слоя в Photoshop

Настройка параметра Stroke для основного слоя в Photoshop

После настройки параметров слоя должен получиться такой алмаз:

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

Установка параметров слоя для второго объекта

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

Установка параметров слоя Outer Glow и Gradient Overlay для внутреннего векторного объекта в Photoshop

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

Рисунок алмаз с основными настройками слоев в Photoshop

Настройка слоев для векторных объектов-граней алмаза

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

Настройка параметра слоя Gradient Overlay для векторного объекта в Photoshop

Настройка параметра слоя Gradient Overlay для векторного объекта в Photoshop

Настройка параметра слоя Gradient Overlay для векторного объекта в Photoshop

Настройка параметра слоя Gradient Overlay для векторного объекта в Photoshop

Векторный объект алмаз с основными настройками слоев в Photoshop

Добавление дополнительных эффектов для алмаза

Добавим дополнительные эффекты. Для этого нужно нарисовать два векторных треугольника, а затем скопировать их и разместить на алмазе. Чтобы это сделать, нужно найти центр нашего объекта. Создайте новый слой и нарисуйте на нем пиксельную точку. Чтобы поместить нарисованный пиксель в центр, зажмите кнопку ctrl и нажмите на слой с основным объектом. Используя инструмент «Move Tool» выровняйте пиксель, нажав в верхнем меню на кнопку «Align vertical centers» и «Align horizontal centers».

Выравнивание пиксля по центру при помощи инструмента Move Tool и настроек Align vertical centers и Align horizontal centers в Photoshop

Вспомогательный пиксель, выровненный по центру инструментами Align vertical centers и Align horizontal centers  в Photoshop

Теперь нужно нарисовать два векторных треугольника используя инструмент Pen Tool, как показано на изображении:

Векторные треугольники, нарисованные при помощи инструмента Pen Tool в Photoshop

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

Поворот векторных треугольников, нарисованные при помощи инструмента Pen Tool в Photoshop

То же самое нужно проделать с двумя остальными объектами-треугольниками. Должно получиться следующее:

Векторные треугольники, нарисованные при помощи инструмента Pen Tool в Photoshop

Создайте папку (группу) и поместите туда все слои, на которых находятся векторные треугольники. Назначьте в настройках группы для режима blending mode параметр soft light со значением 73%. Должен получиться такой алмаз.

Векторный алмаз, нарисованный при помощи векторных объектов в Photoshop

Также вы можете добавить тень и уменьшить размер алмаза. Если вам интересно, как это сделать или есть какие-нибудь другие вопросы — не стесняйтесь задавать их в комментариях. Скачать файл вы можете здесь. А чтобы не забыть и сохранить урок — добавьте его в закладки социальных сетей (значки внизу).

Один комментарий на “Как нарисовать алмаз в Photoshop

  1. Как нарисовать алмаз в Photoshop
    Мне понравился сайт. В нём можно научиться базовым знаниям в Photoshop, и AS 3.0. Успехов вам!

Комментировать

Почта не публикуется.Обязательные поля отмечены *