Как нарисовать драгоценные камни в фотошопе
Привет! Это мой первый текстовый урок по рисунку, и предназначен он для новичков в рисовании вообще, и в Фотошопе в частности.
Я сама сейчас прохожу тернистый путь обучения рисованию и никакого опыта или художественной школы за плечами у меня нет, поэтому я постоянно сталкиваюсь с какими-то проблемами и пытаюсь их для себя решить, разложив по полочкам.
Камни достаточно простой предмет для рисования, но сколько же проблем они у меня вызывали. Это мои камни:
1. Прежде всего создадим новый холст ( у меня чаще всего 1920 на 1080 и разрешение 72 dpi). Зальём его немного сероватым или бежевым цветом, так как на чисто белом листе труднее воспринимать рисунок и цвет.
2. Поищем несколько референсов камней в Гугле и на Пинтересте. Это могут быть фото (лучше большого размера) или даже рисунки других людей. Нам нужен подходящий референс на цвет (с него мы пипеткой возьмём палитру), хорошее фото большого разрешения с текстурой камня (мы её используем для повышения детализации) и несколько фото для вдохновения. Разместим референсы на нашем холсте. чтобы всё было перед глазами. Первое что мы сделаем - это набросок камня в линиях и начнём с общей формы камня.
4. А вот и первый секрет. Форма у нас уже есть, теперь нужно определить плоскости. И в этом главная проблема большинства людей. Многие просто чертят беспорядочные линии внутри общей формы и получается каша, где цвет потом просто создает непонятные пятна. Здесь важно просто понять, где находятся главные верхние плоскости камня, на которые и будет падать свет. Их важнее всего проработать, а всё остальное пусть просто уходит в тень.
5. Второй секрет: разнообразие цвета. Сейчас мы приступим к базовым заливкам цветом, а для этого создадим палитру для светлых и тёмных участков камня. На этом этапе вы должны четко представлять себе, откуда будет падать свет, а где будет тень. Подберём палитру для светлых и тёмных участком камня. Зальём цветом нашу форму (слой под наброском). Лучше идти в таком порядке: сначала залить весь камень базовым цветом, затем добавить цвет на свету, затем цвет в тени.
А теперь внимание! Разнообразим цвет камня: на свету добавим персиковых оттенков и жёлтого, а в тени-голубоватого, синего или фиолетового. .Можно добавить зелёного, ведь на камнях часто растёт мох. Немного сглаживаем переходы между цветами.
Слой с наброском у нас должен лежать поверх слоя с цветом. Переведём слой с наброском в режим мягкий или жёсткий цвет. Создадим новый слой над наброском и спрячем линии наброска, проработаем точнее форму камня и добавим деталей. Используем текстурную кисть.Здесь я, конечно, поленилась и можно бы получше, так что уж постарайтесь! Теперь слои можно слить. Лучше сначала сделать их не слитые копии, так, на всякий случай. Слили? Теперь можно воспользоваться Осветлителем и Затемнителем.
6. Третий секрет: фокус зрения и применение текстуры. Нам не нужно прорабатывать весь камень попиксельно. Давайте определим небольшую область на камне, куда должен смотреть зритель. Там мы проработаем какую-нибудь характерную трещину или скол.
Для этого мы возьмём небольшой фрагмент фотографии и положим её слоем сверху в режиме софт лайт (ну здесь можно поэкспериментировать, в зависимости от того какой у вас цвет камня). Подгоним её форму с помощью Свободной трансформации (Warp?).Прикрепим слои с текстурами маской к основному слою.Далее в меню Изображение-Коррекция поправим яркость/контрастность и цветовой баланс.
Нам нужно приравнять нашу текстуру по цвету к рисунку и как бы забледнить её, чтобы она не выбивалась из общей массы. Ластиком в режиме airbruch подотрём края текстуры. Теперь будем рисовать на слое сверху. Нам нужно по максимуму сделать текстуру не заметной. как бы “прорисовав” её. Острые грани камня на свету можно подчеркнуть самым светлым цветом.
7. Четвёртый секрет: светлое на тёмном, тёмное на светлом. Это достаточно размыто звучит, я знаю. Мы приступаем к проработке нашего камня и теперь секрет в том, чтобы создавать тёмные трещины на светлых поверхностях и светлые сколы там, где у нас тень. Помните, откуда падает свет, все поверхности или плоскости, обращённые к небу, должны освещаться, вертикальные части камня остаются в тени. Не возбраняется использовать инструменты Осветлитель и Затемнитель, если что-то пойдет не так. Текстурной кистью добавим разных пятнышек, выбоинок и сколов.
Теперь у вас есть прекрасная возможность рисовать, редактировать любые изображения из любой точки мира не имея под рукой графического редактора.
"Фотошоп онлайн" - Полностью бесплатен! Доступен откуда угодно, не требует установки, легок, удобен и практичен!
Для использования "фотошоп онлайн" нажмите на кнопку.
Уроки Рисования » Рисуем Разное »
Уважаемый посетитель, позвольте для начала предложить Вам Зарегистрироваться или войти на сайт под своим именем.
Это займет всего минуту, и вы сможете воспользоваться множеством дополнительных возможностей нашего сайта.
Для Paint Tool SAI
1. Создайте базовую форму камня.
2. Нарисуйте форму «куска пирога».
3. Добавьте еще несколько таких фигур по кругу.
4. Создайте новый слой. Возьмите другой цвет. Установите режим Умножения (Multiply). Повторите пункты 2 и 3.
5. Создайте новый слой. Повторите пункт 4.
6. Создайте новый слой. Повторите пункт 4. Добавьте мелких «осколков».
7. Создайте новый слой. Возьмите более светлый оттенок, чтобы нарисовать в центре круг.
8. (можно пропустить этот этап) Установите режим этого слоя Lumi & Shade, с Непрозрачностью (Opacity) в районе 30-40%.
9. Создайте новый слой. По-диагонали нанесите световое пятно. Выберите режим смешивания Screen (Экран), и Непрозрачность (Opacity) около 50%.
10. Новый слой. Повторите пункты 2 и 3, НО возьмите более светлый оттенок в режиме Luminosity (Свечение). Придерживайтесь 30% Непрозрачности (Opacity).
11. Затемните круг более темным цветом.
12. Новый слой. Нарисуйте белые «осколки» на светлых участках камня. Уменьшите прозрачность до 90%. Не увлекайтесь.
13. Новый слой. Добавьте еще несколько световых пятен в центре и несколько на светлых участках камня.
14. Уменьшите прозрачность до того уровня, который вам понравится больше всего. У меня здесь примерно 20%, но на некоторых камнях лучше взять процент повыше.
15. Повторите пункты 13 и 14. Чтобы все было размыто и мягко.
16. Новый слой. Добавьте размытых точек на светлых участках. Я выбрала зеленый цвет. Настройте на Luminosity (Свечение) примерно 30%.
Та-даа! Драгоценные камни готовы!
С первого раза может не получиться, но я советую не останавливаться на этом, учитесь на своих пробах и ошибках. Именно так я разработала свой метод. Он и до сих пор находится в процессе развития.
Рисование, Дизайн и Разработка игр
Главная » Как нарисовать драгоценный камень в 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»). Выделите следующие области и удалите их.
Должен получиться такой прямоугольник.
Скопируйте этот слой с прямоугольником и переместите на правую сторону, то же самое сделайте с нижней гранью, повернув ее на девяносто градусов.
Обратите внимание, что могут возникнуть неточности. Это связано с особенностями построения векторных объектов в фотошопе.
В этом случае лучше нарисовать нижнюю грань на новом слое используя выделение.
В любом случае должны получиться такие прямоугольные грани, как показано на рисунке.
Создание дополнительных объектов-граней для драгоценного камня
Теперь нужно создать остальные объекты, которые будут представлять другие грани драгоценного камня. Вы можете сделать это также выделением и заливкой новых слоев. В итоге нужно получить следующие объекты для дальнейшей установки их настроек.
Установка настроек градиента для слоев граней алмаза
Все грани будем рисовать при помощи градиента. Давайте сначала установим параметры градиента для основных боковых граней драгоценного камня.
Примечание. Обратите внимание, что градиент можно «двигать» внутри слоя, для этого находясь в настройках, нажмите на градиент и подвигайте его мышью.
Продолжим настройку градиента для угловых граней драгоценного камня.
Теперь нужно настроить параметры градиента для центральных слоев драгоценного камня.
В итоге должно получиться следующее изображение алмаза:
Добавление дополнительных эффектов в виде контура, теней и подсветки
Чтобы придать большей выразительности драгоценному камню — добавим контур и тень.
Давайте добавим еще подсветку в центре. Нарисуйте контур вокруг центральных граней кистью и добавьте свечение в настройках слоя, как показано на изображении.
Такую технологию рисования драгоценных камней можно использовать для создания спрайтов игры «три в ряд» . Посмотрите на сайте похожие уроки по созданию других алмазов, не забывайте добавлять уроки в закладки и делиться ими — нажмите на значки социальных сетей внизу.
Читайте также: