Как нарисовать бриллиант в фотошопе для игры три в ряд

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


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

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

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

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

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

Закрасьте главный слой нейтральным цветом.

Для начала создадим полигон из восьми сторон. Чтобы сделать это используйте инструмент Polygon Tool, который находится на панели инструментов слева.

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

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

Рисование граней алмаза при помощи выделения

Теперь нужно сделать прямоугольную грань. Для этого создайте копию слоя с объектом полигоном, измените цвет полигона на другой и рестаризуйте слой (выделите слой и нажмите правой кнопкой мыши на нем, в появившемся контекстном меню выберите «Rasterize Layer»). Выделите следующие области и удалите их.

Создание грани алмаза при помощи выделения в Photoshop

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

Прямоугольник для создания граней алмаза в Photoshop

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

Создание граней алмаза копированием в Photoshop

Обратите внимание, что могут возникнуть неточности. Это связано с особенностями построения векторных объектов в фотошопе.

Рисование граней для драгоценного камня в Photoshop

В этом случае лучше нарисовать нижнюю грань на новом слое используя выделение.

Рисование грани драгоценного камня при помощи выделения в Photoshop

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

Прямоугольные грани драгоценного камня в Photoshop

Создание дополнительных объектов-граней для драгоценного камня

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

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

Установка настроек градиента для слоев граней алмаза

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

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

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

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

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

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

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

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

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

Перемещение градиента внутри слоя курсором мыши в Photoshop

Продолжим настройку градиента для угловых граней драгоценного камня.

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

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

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

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

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

Настройки градиента для слоя нижней левой центральной грани алмаза в Photoshop

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

Настройки градиента для слоя верхней левой центральной грани алмаза в Photoshop

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

В итоге должно получиться следующее изображение алмаза:

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

Добавление дополнительных эффектов в виде контура, теней и подсветки

Чтобы придать большей выразительности драгоценному камню — добавим контур и тень.

Добавление контура и тени основному объекту в Photoshop

Драгоценный камень с контуром и тенью в Photoshop

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

Настройки для свечения центральных граней алмаза в Photoshop

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

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

Автор: Jean Winters

Другие уроки Photoshop:

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


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


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

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