Как нарисовать бриллиант в фотошопе
Рисование, Дизайн и Разработка игр
Главная » Как нарисовать драгоценный камень в Photoshop
Как нарисовать драгоценный камень в Photoshop
В этом простом уроке нарисуем драгоценный камень и пополним коллекцию бриллиантов для возможной игры жанра «три в ряд» в Photoshop. В одном из уроков мы уже рисовали алмаз оранжевого цвета, в этот раз давайте нарисуем синий драгоценный камень. Как и в прошлом уроке будем рисовать, используя векторные фигуры и настройки слоев, в итоге должно получиться три вида изображения: большой, средний и маленький.
Сначала рисуем самый большой вариант, а потом его уменьшим. Рисование алмаза будем делать последовательно.
Рисование первого векторного объекта
Создайте новый документ со следующими параметрами:
Затем поверните объект, как показано на изображении.
Рисование граней алмаза инструментом Pen Tool
Перед тем, как начать рисование основных граней алмаза, давайте установим центральную точку объекта, она поможет расположить их в дальнейшем. Создайте новый слой и нарисуйте на нем центральный пиксель в любом месте.
Чтобы поместить пиксель в центр объекта нужно проделать следующие действия:
- используя инструмент «Move Tool» выделите слой, на котором расположен основной векторный объект, для этого зажмите кнопку Ctrl и щелкните кнопкой мыши на этом слое;
- после чего нужно на верхней панели инструментов нажать на кнопки выравнивания «Align vertical centers» и «Align horizontal centers».
Теперь используя инструмент «Pen Tool» нарисуйте такой треугольник.
Сначала нажмите кнопкой мыши на левый угол объекта, затем на центральную вспомогательную точку, которую мы нарисовали раньше, затем на нижний угол и опять на левый угол, чтобы замкнуть фигуру.
Можете взять треугольник из набора векторных фигур и повернуть его так, как нужно, но лучше воспользоваться инструментом «Pen Tool».
Когда первая грань нарисована, то можно на ее основе сделать остальные. Скопируйте слой с векторным треугольником и для наглядности поменяйте цвет объекта.
Используя инструмент «Move Tool» перейдите в режим изменения основных параметров объекта. Сделать это можно подведя курсор мыши к границам объекта, курсор будет отображаться в виде двух стрелочек.
Находясь в режиме редактирования, переместите центральную точку объекта в правый верхний угол, где находится вспомогательный пиксель, затем нажмите на «галочку» в верхнем меню. Возьмите курсором мыши объект за любой угол (курсор будет выглядеть как две изогнутые стрелочки) и поверните треугольник (можете зажать клавишу shift), он должен будет поворачиваться относительно вспомогательного пикселя, который мы нарисовали ранее.
Точно также нужно создать другие грани, должно получиться следующее:
Настройка параметров слоев для векторных граней-треугольников
Для каждой грани нужно применить свои параметры градиента.
Примечание. Находясь в режиме настроек слоя и редактирования градиента (Gradient Overlay) можно двигать его кнопкой мыши, изменяя тем самым его расположение в векторном объекте. Попробуйте сделать это, просто наведите курсор на объект, где расположен градиент, зажмите правую кнопку мыши и переместите курсор — градиент должен будет изменять свое положение. Если вы заметили какие-то несоответствия в уроке с итоговым результатом, где используется градиент, то попробуйте его «подвигать» мышью.
К основному векторному объекту примените только параметр контура, как показано на изображении:
Создание второго векторного объекта
Теперь нужно нарисовать еще один такой же объект в центре основного. Это будет верхняя грань алмаза. Сделаем это при помощи копирования слоя основного векторного объекта, далее зажав кнопку Shift, уменьшим масштаб нового объекта, как показано на рисунке.
Назначьте следующие параметры слою объекта:
Должен получиться такой драгоценный камень:
Добавление световых эффектов граням алмаза
Добавим к драгоценному камню еще несколько световых эффектов. Для этого создайте треугольник и на его основе еще два. Разместите их так, как указано на изображении.
Примените к каждому слою этих объектов «Blend Mode Lighten» и установите параметр «Opacity» на значение 20.
Теперь нужно сделать еще треугольные объекты для других оставшихся граней. Точно также при помощи «Pen Tool» нарисуйте треугольник, а затем на его основе скопируйте два других и разместите следующим образом:
Примените следующие настройки для каждого слоя:
Добавление дополнительных эффектов для алмаза
Давайте добавим алмазу небольшое подсвечивание из линий и тень, чтобы придать объем. Создайте новый слой и нарисуйте белые линии, как показано на изображении.
Подсказка. Чтобы рисовать прямые линии при помощи инструментов Brush Tool и Pencil Tool, как это делается при создании векторного объекта, сначала нажмите на начальную точку, затем зажмите клавишу shift и нажмите на следующую, туда, куда нужно провести линию.
Сделаем еще небольшие штрихи, добавим подсвечивание для линий.
В итоге должен получиться такой драгоценный камень, который можно уменьшить в масштабе и применить в качестве спрайта для игры.
Если вам понравился урок — сохраните его или поделитесь, добавив в закладки социальных сетей (значки внизу). Задавайте вопросы и пишите свое мнение в комментариях.
Главная » Как нарисовать алмаз в Photoshop
Как нарисовать алмаз в Photoshop
В этом уроке будем рисовать алмаз, или бриллиант, называйте, как хотите. Подобные изображения драгоценных камней часто используются в играх жанра «три в ряд». Поэтому если вы хотите написать такую игру, то научиться рисовать подобные драгоценности в Photoshop вам не помешает. В итоге получится вот такой рисунок с тремя версиями: большой, средний, маленький.
Рисовать будем сразу большой вариант, а затем, когда все будет готово — уменьшим до нужного размера или же оставим оригинал. Создание алмаза будем выполнять следующим образом:
Рисование основного векторного объекта
Для начала создайте новый документ, например, с такими параметрами:
Чтобы сделать будущему алмазу грани нужно выровнять сглаженные углы. Воспользуйтесь инструментом Convert Point Tool. Для начала нужно выделить векторную маску слоя, чтобы можно было работать с объектом.
Каждое закругление имеет две векторные точки. Два раза щелкните по каждой этим инструментом.
После проделанного действия, должен получиться следующий векторный объект:
Создание второго векторного объекта копированием первого
Теперь копируем слой с векторным объектом, поменяем его цвет на более светлый, выделяем и, зажав кнопки Shift+Alt, масштабируем новый объект так, чтобы он оказался внутри основного объекта.
Рисование граней алмаза инструментом Pen Tool
Создадим другие грани для алмаза. Возьмите инструмент Pen Tool и нарисуйте слева вверху векторный объект:
Нарисованный объект нужно разместить по всем сторонам алмаза. Для этого скопируйте каждый слой, поверните объект и расположите, как показано на изображении.
Настройка параметров слоя основного векторного объекта
Для того, чтобы раскрасить алмаз нужно каждому слою, на котором находится векторный объект, установить определенные параметры. Давайте начнем с первого основного объекта, настроим свечение, градиентную заливку и контур:
После настройки параметров слоя должен получиться такой алмаз:
Установка параметров слоя для второго объекта
Теперь нужно настроить слой с центральным векторным объектом. Установим параметры для свечения и градиентной заливки:
Когда настройки сделаны, можно посмотреть, как выглядит бриллиант:
Настройка слоев для векторных объектов-граней алмаза
Для остальных граней алмаза также нужно настроить параметры слоя. Установим для каждого свою градиентную заливку.
Добавление дополнительных эффектов для алмаза
Добавим дополнительные эффекты. Для этого нужно нарисовать два векторных треугольника, а затем скопировать их и разместить на алмазе. Чтобы это сделать, нужно найти центр нашего объекта. Создайте новый слой и нарисуйте на нем пиксельную точку. Чтобы поместить нарисованный пиксель в центр, зажмите кнопку ctrl и нажмите на слой с основным объектом. Используя инструмент «Move Tool» выровняйте пиксель, нажав в верхнем меню на кнопку «Align vertical centers» и «Align horizontal centers».
Теперь нужно нарисовать два векторных треугольника используя инструмент Pen Tool, как показано на изображении:
После того, как вы нарисуете два векторных треугольника (желательно на одном слое, на одной векторной маске) нужно будет скопировать их повернуть копию на девяносто градусов по часовой стрелке, как показано на картинке:
То же самое нужно проделать с двумя остальными объектами-треугольниками. Должно получиться следующее:
Создайте папку (группу) и поместите туда все слои, на которых находятся векторные треугольники. Назначьте в настройках группы для режима blending mode параметр soft light со значением 73%. Должен получиться такой алмаз.
Рисование, Дизайн и Разработка игр
Главная » Как нарисовать бриллиант в фотошопе для игры три в ряд
Как нарисовать бриллиант в фотошопе для игры три в ряд
Это третий урок из серии «как нарисовать алмаз в фотошопе». Ссылки на первые два урока вы найдете внизу статьи. Такие драгоценности можно использовать в качестве спрайтов к игре «три в ряд». В этот раз нарисуем зеленый драгоценный камень, который будет состоять из нескольких фигур.
Как и в предыдущих уроках по рисованию драгоценных камней сначала нарисуем алмаз большого размера, а потом можно будет его уменьшить. Рисовать будем поэтапно, как показано в описании.
Рисование основного векторного объекта-полигона
Создайте новый документ со следующими параметрами:
Закрасьте главный слой нейтральным цветом.
Для начала создадим полигон из восьми сторон. Чтобы сделать это используйте инструмент Polygon Tool, который находится на панели инструментов слева.
Рисование граней алмаза при помощи выделения
Теперь нужно сделать прямоугольную грань. Для этого создайте копию слоя с объектом полигоном, измените цвет полигона на другой и рестаризуйте слой (выделите слой и нажмите правой кнопкой мыши на нем, в появившемся контекстном меню выберите «Rasterize Layer»). Выделите следующие области и удалите их.
Должен получиться такой прямоугольник.
Скопируйте этот слой с прямоугольником и переместите на правую сторону, то же самое сделайте с нижней гранью, повернув ее на девяносто градусов.
Обратите внимание, что могут возникнуть неточности. Это связано с особенностями построения векторных объектов в фотошопе.
В этом случае лучше нарисовать нижнюю грань на новом слое используя выделение.
В любом случае должны получиться такие прямоугольные грани, как показано на рисунке.
Создание дополнительных объектов-граней для драгоценного камня
Теперь нужно создать остальные объекты, которые будут представлять другие грани драгоценного камня. Вы можете сделать это также выделением и заливкой новых слоев. В итоге нужно получить следующие объекты для дальнейшей установки их настроек.
Установка настроек градиента для слоев граней алмаза
Все грани будем рисовать при помощи градиента. Давайте сначала установим параметры градиента для основных боковых граней драгоценного камня.
Примечание. Обратите внимание, что градиент можно «двигать» внутри слоя, для этого находясь в настройках, нажмите на градиент и подвигайте его мышью.
Продолжим настройку градиента для угловых граней драгоценного камня.
Теперь нужно настроить параметры градиента для центральных слоев драгоценного камня.
В итоге должно получиться следующее изображение алмаза:
Добавление дополнительных эффектов в виде контура, теней и подсветки
Чтобы придать большей выразительности драгоценному камню — добавим контур и тень.
Давайте добавим еще подсветку в центре. Нарисуйте контур вокруг центральных граней кистью и добавьте свечение в настройках слоя, как показано на изображении.
Такую технологию рисования драгоценных камней можно использовать для создания спрайтов игры «три в ряд» . Посмотрите на сайте похожие уроки по созданию других алмазов, не забывайте добавлять уроки в закладки и делиться ими — нажмите на значки социальных сетей внизу.
В этом уроке вы узнаете, как создать стильные удивительно красивые алмазы и научитесь создавать обои из них.
Шаг 1.Прежде чем начать делать обои, мы должны сначала создать наш алмаз. Откройте Новый документ (Cntr+N) 350 × 350 пикселей, с белым фоном.
Шаг 2.Возмите Перо (Pen Tool)(P) и нарисуйте форму, как показано ниже.
Щелкните правой кнопкой мыши внутри полученной фигуры , и выберите «Образовать выделенную область» .Сделайте радиус растушевки 0 pxl и нажмите OK.
Возьмите инструмент Заливка (Paint Bucket)(D) и залейте выделение, тем голубым цветом который вы установили на переднем плане.
Хорошо, теперь мы будем использовать Прямоугольную область (М), чтобы обрезать форму. Сделайте, как показано на картинке ниже
Нажмите клавишу DELETE, чтобы урезать навеса или залейте выделенную область белым цветом. Теперь дублируйте слой. Для этого просто нажмите Ctrl+J, или просто перейдите на Слои>Создать дубликат слоя… Потом поверните этот слой по горизонтали Редактирование>Трансформирование>Отразить по горизонтали (Edit>Transform>Flip Horizontally).. И сделайте, как показано на рисунке ниже
Соедините 2 слоя, образуя форму алмаза, чтобы объединить 2 слоя нажмите Ctrl+E. Вот, что мы должны были получить.
Шаг 3.Теперь,когда мы получили наш алмаз , сделаем на него границы. Создайте Новый слой (Shift+Ctrl+N) и установите цвет переднего плана на черный. Выделите наш алмаз ( Ctrl+ клик по слою с алмазом)
Перейдите в Редактирование>Выполнить обводку… и используйте параметры указанные ниже.
Теперь время чтобы добавить какие-то внутренние границы. Создайте Новый слой (Shift+Ctrl+N) и сделайте с помощью инструмента Перо (P) как показано внизу.
Правой кнопкой мыши нажимаем и выбираем «Образовать выделенную область». После залейте выделение черным цветом.
Создайте Новый слой (Shift+Ctrl+N) и нарисуйте теперь вертикальную границу, как показано на картинке ниже.
Правой кнопкой мыши нажимаем и выбираем «Образовать выделенную область». После залейте выделение черным цветом. После делаем дубликат этого слоя и отображаем его по горизонтали, помещаем его в нужном месте. Вот как наш алмаз должен выглядеть после:
Шаг 4. Создайте Новый слой (Shift+Ctrl+N) и установите цвет переднего плана на белый. Возьмите кисть с параметрами указанными внизу. Это сделает нам хороший эффект блеска.
Шаг 5.Удалите белый слой фона и уберите значок видимости со слоя с нашим блеском. Объедините все остальные слои вместе (Ctrl + Shift + E).Вот что у вас получиться
Сделайте выделение нашего алмаза. Для это нажмите Ctrl+Щелчок по слою с нашим алмазом. И сделайте выделение обратным. Для этого просто перейдите на Выделение>Инверсия или нажмите Shift+Ctrl+I. Теперь сделайте видимым слой с блеском и удалите оставшийся за выделением блеск он нам не пригодиться. После это объедините все слои вместе (Ctrl + Shift + E).
Шаг 6. Хорошо, теперь пришло время начать делать обои. Откройте Новый документ (Ctrl+N) 1280 × 1024 пикселей.
Копируйте алмаз на новый документ и дублируйте слой 3 раза (Ctrl+J, 3 раза). Измените размер каждого их них (от большего к меньшему) нажатием (Ctrl+T).И сами выберите произвольно изменение.
Продолжайте делать дубликаты. Каждый алмаз в разном месте , со случайным углом. Сделайте это до тех пор, пока не будет заполнено примерно четверть документа:
Хорошо, теперь может ускорить этот процесс. Объедините все алмазы в один слой (не забывайте объединять без фона) и делайте снова дубликаты. Вращайте, перемещайте, чтобы выглядело по-другому.
Продолжайте это пока вы не заполните почти весь документ
Теперь сделайте видимым слой с фоном. Он должен быть белым цветом. Сделайте дубликат слоя алмазов и примените (на оригинал алмазов) размытие по Гауссу на 80 (Фильтр>Размытие>Размытие по Гауссу)
Возьмите инструмент Градиент и выберите градиент с кучей ярких цветов. Примените градиент на новом слое по диагонали.
Измените режим наложения на color (цветность). Возьмите мягкую кисть размером 800 пикс., установите цвет - белый, пройдитесь кистью по периметру обоев, уделяя внимание углам. Добавьте какой-нибудь текст.
Вот и сделали мы с вами обои с алмазами. Также можете добавить какой нибудь градиент по диагонали и поэкспериментировать со стилями слоя.
Вот вам и результат после эксперементирования.
Переводчик: Рузавин Василий
Ссылка на источник
В этом уроке вы узнаете, как создать красивое сердце, инкрустированное великолепными блестящими бриллиантами.
Сложность урока: Легкий
Лучшие друзья девушек – это бриллианты! А т.к. приближается праздник, то в этом уроке я покажу вам, как создать красивое сердце, инкрустированное великолепными блестящими бриллиантами. Поэтому, если нельзя позволить себе это в реальности, то вы всё равно можете сделать кого-нибудь счастливой, создав этот дизайн! Итак, давайте приступим!
Примечание: Урок выполнен в Adobe Photoshop CS6
Итоговый результат:
1. Создайте задний фон
Шаг 1
Откройте программу Photoshop. Создайте новый документ в программе Photoshop со следующими размерами 1000рх х 1000 рх, разрешение 300 пикселя/дюйм:
Шаг 2
Шаг 3
2. Нарисуйте Сердце
Шаг 1
Далее, нам нужно нарисовать контур сердца, чтобы было легче создать фигуру сердца из бриллиантов! Выберите инструмент Произвольная фигура (Custom Shape Tool (U)). В меню данного инструмента выберите фигуру сердца. Установите цвет обводки белый, толщину Обводки (Stroke) 2 pt. Для слоя с фигурой сердца создайте отдельную группу для улучшения организации работы со слоями.
Шаг 2
Теперь давайте перейдём к стреле! Выберите инструмент Линия (Line Tool (U)), установите те же самые настройки: цвет обводки белый, толщина Обводки (Stroke) 2 pt. Нарисуйте остриё и оперение стрелы, чтобы получилась стрела Купидона. Линии должны быть простыми, сердце и стрела нам нужны всего лишь в качестве ориентира для добавления бриллиантов.
3. Добавьте Бриллианты на Сердце и Стрелу
Шаг 1
Откройте исходное изображение с бриллиантами в программе Photoshop. Постарайтесь подобрать изображение с бриллиантами с чёрным задним фоном, чтобы вам было легче отделить камни от заднего фона. С помощью инструмента Волшебная палочка (Magic Wand Tool (W)), выделите чёрный задний фон, а затем нажмите клавишу ‘Delete’, чтобы удалить выделенный задний фон. Теперь с помощью инструмента Быстрое выделение (Quick Selection Tool (W)), выделите бриллиант, а затем скопируйте/вклейте (Copy/Paste) на наш рабочий документ.
Шаг 2
Нажмите клавиши (Ctrl+T) для активации инструмента Свободная трансформация (Free Transform), уменьшите размер бриллианта, чтобы он поместился внутри контура сердца. Повторите этот шаг, чтобы добавить ещё бриллиантов, не забывайте варьировать их размер.
Шаг 3
На данную часть урока по заполнению фигуры сердца бриллиантами уйдёт некоторое время, поэтому проявите терпение! Техника, которую я считаю наиболее приемлемой - это создание нескольких дубликатов определённого размера (просто щёлкните правой кнопкой мыши по слою с бриллиантом и в появившемся окне выберите опцию Создать дубликат слоя (Duplicate Layer)), расположение дубликатов слоёв по всей фигуре сердца, а затем изменение размера следующего бриллианта для повторения процесса. Поскольку мы имеем чёткие границы контура сердца, то нам не стоит переживать насчёт незаполненных пустот.
Результат должен быть, как на скриншоте ниже. Сердце должно быть полностью заполнено бриллиантами.
Шаг 4
Повторите предыдущие шаги, только на этот раз заполните бриллиантами контур стрелы. Варьируйте размер бриллиантов для более сбалансированного вида. Теперь отключите видимость слоёв с нарисованной фигурой сердца и стрелы, т.к. они нам больше уже не понадобятся. Объедините все слои с бриллиантами.
Примечание переводчика: вы можете объединить бриллианты, составляющие фигуру сердца, в одну группу, а бриллианты, составляющие фигуру стрелы, в другую группу.
Результат должен быть, как на скриншоте ниже. Вот так должны выглядеть сердце и стрела после того, как мы полностью заполним их бриллиантами.
Шаг 5
Далее, мы создадим блеск, который мы добавим на бриллианты. Для этого мы нарисуем линию толщиной 1рх с помощью инструмента Перо (Pen Tool (P)). Далее идём Фильтр – Размытие- Размытие в Движении (Filter > Blur > Motion Blur). В окне настроек данного фильтра, установите Угол (Angle) на 90 градусов, а Смещение (Distance) на 15 px, чтобы размыть первую линию. Продублируйте линию несколько раз, а затем с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T)), поверните дубликаты линий, чтобы получилась звездочка.
Объедините слои с линиями. Продублируйте полученный объединённый слой, чтобы получилось несколько звёздочек. Расположите звёздочки по всей фигуре сердца.
4. Проводим Коррекцию Цвета
Шаг 1
Далее, нам нужно, чтобы бриллианты засверкали! Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay) и с помощью инструмента Кисть (Brush Tool (B)), прокрасьте отдельные участки белой кистью, где бриллианты должны сверкать.
Шаг 2
Далее, мы добавим простой эффект виньетки, для этого создайте новый слой поверх всех остальных слоёв. Залейте этот слой чёрным цветом, а затем с помощью инструмента Ластик (Eraser Tool (E)) скройте чёрную заливку в центре изображения.
Шаг 3
Добавьте корректирующий слой Цветовой Баланс (Color Balance) поверх всех остальных слоёв. В настройках данного корректирующего слоя установите для Средних тонов (Midtones): Зелёные (Green) -30, Синие (Blue) +33, а для режима Света (Highlights): Красные (Red) +19, Синие (Blue) +11.
Шаг 4
Шаг 5
В качестве заключительного шага, мы добавим тень к сердцу из бриллиантов. Создайте новый слой ниже слоя с бриллиантовым сердцем и с помощью мягкой чёрной кисти нарисуйте тени. Уменьшите Непрозрачность (Opacity) слоя с тенью до 25%.
И мы завершили урок! Надеюсь, что вам понравился урок, и вы создали красивое бриллиантовое сердце для кого-то единственного в своей жизни!
Читайте также: