Как нарисовать драгоценный камень в Photoshop

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


Сначала рисуем самый большой вариант, а потом его уменьшим. Рисование алмаза будем делать последовательно.

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

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

Создайте новый документ со следующими параметрами:

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

Закрасьте основной слой нейтральным цветом (#c0efcc). Выберите в палитре инструментов (Custom Shap Tool) векторный объект, зажмите кнопку Shift, и нарисуйте его на слое.

Палитра инструментов Custom Shap Tool в Photoshop

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

Затем поверните объект, как показано на изображении.

Векторный объект в Photoshop

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

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

Вспомогательный пиксель для обозначения центра объекта в Photoshop

Чтобы поместить пиксель в центр объекта нужно проделать следующие действия:

  1. используя инструмент «Move Tool» выделите слой, на котором расположен основной векторный объект, для этого зажмите кнопку Ctrl и щелкните кнопкой мыши на этом слое;
  2. после чего нужно на верхней панели инструментов нажать на кнопки выравнивания «Align vertical centers» и «Align horizontal centers».

Выравнивание объекта по центру в Photoshop

Теперь используя инструмент «Pen Tool» нарисуйте такой треугольник.

Векторный треугольник в Photoshop

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

Можете взять треугольник из набора векторных фигур и повернуть его так, как нужно, но лучше воспользоваться инструментом «Pen Tool».

Когда первая грань нарисована, то можно на ее основе сделать остальные. Скопируйте слой с векторным треугольником и для наглядности поменяйте цвет объекта.

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

Находясь в режиме редактирования, переместите центральную точку объекта в правый верхний угол, где находится вспомогательный пиксель, затем нажмите на «галочку» в верхнем меню. Возьмите курсором мыши объект за любой угол (курсор будет выглядеть как две изогнутые стрелочки) и поверните треугольник (можете зажать клавишу shift), он должен будет поворачиваться относительно вспомогательного пикселя, который мы нарисовали ранее.

Векторный треугольник в Photoshop

Точно также нужно создать другие грани, должно получиться следующее:

Векторный треугольник в Photoshop

Настройка параметров слоев для векторных граней-треугольников

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

Настройка параметров слоя в Photoshop

Настройка параметров слоя в Photoshop

Настройка параметров слоя в Photoshop

Настройка параметров слоя в Photoshop

Настройка параметров слоя в Photoshop

Настройка параметров слоя в Photoshop

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

Примечание. Находясь в режиме настроек слоя и редактирования градиента (Gradient Overlay) можно двигать его кнопкой мыши, изменяя тем самым его расположение в векторном объекте. Попробуйте сделать это, просто наведите курсор на объект, где расположен градиент, зажмите правую кнопку мыши и переместите курсор — градиент должен будет изменять свое положение. Если вы заметили какие-то несоответствия в уроке с итоговым результатом, где используется градиент, то попробуйте его «подвигать» мышью.

К основному векторному объекту примените только параметр контура, как показано на изображении:

Настройка параметров слоя в Photoshop

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

Теперь нужно нарисовать еще один такой же объект в центре основного. Это будет верхняя грань алмаза. Сделаем это при помощи копирования слоя основного векторного объекта, далее зажав кнопку Shift, уменьшим масштаб нового объекта, как показано на рисунке.

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

Назначьте следующие параметры слою объекта:

Настройка параметров слоя в Photoshop

Должен получиться такой драгоценный камень:

Драгоценный камень с примененными настройками слоя для основной грани в Photoshop

Добавление световых эффектов граням алмаза

Добавим к драгоценному камню еще несколько световых эффектов. Для этого создайте треугольник и на его основе еще два. Разместите их так, как указано на изображении.

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

Примените к каждому слою этих объектов «Blend Mode Lighten» и установите параметр «Opacity» на значение 20.

Установка параметров Blend Mode  и Opacity для слоя в Photoshop

Теперь нужно сделать еще треугольные объекты для других оставшихся граней. Точно также при помощи «Pen Tool» нарисуйте треугольник, а затем на его основе скопируйте два других и разместите следующим образом:

Рисование векторных объектов в Photoshop

Примените следующие настройки для каждого слоя:

Настройка параметров слоя в Photoshop

Настройка параметров слоя в Photoshop

Настройка параметров слоя в Photoshop

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

Давайте добавим алмазу небольшое подсвечивание из линий и тень, чтобы придать объем. Создайте новый слой и нарисуйте белые линии, как показано на изображении.

Настройка параметров слоя в Photoshop

Подсказка. Чтобы рисовать прямые линии при помощи инструментов Brush Tool и Pencil Tool, как это делается при создании векторного объекта, сначала нажмите на начальную точку, затем зажмите клавишу shift и нажмите на следующую, туда, куда нужно провести линию.

Сделаем еще небольшие штрихи, добавим подсвечивание для линий.

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

В итоге должен получиться такой драгоценный камень, который можно уменьшить в масштабе и применить в качестве спрайта для игры.

Как нарисовать драгоценный камень в Photoshop

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

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

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