Как сделать кольцо в фотошопе
А сегодня в нашем выпуске речь пойдет о создании в Photoshop реалистичного металлического кольца. Забегая вперед, скажу, что описанный способ Вы сможете с легкостью применить к любому объекту — тексту, различным элементам интерфейса и даже текстурам.
Создадим новый слой посредством нажатия кнопки Новый слой (New Layer) в палитре Слои (Layers) или с помощью комбинации клавиш Shift+Ctrl+N. Назовем новый слой Ring.
Увеличим изображение максимально, но таким образом, чтобы оно полностью помещалось в экране. Активизируем инструмент Эллиптическое выделение (Elliptical Mark Tool) и, удерживая клавиши Shift и Alt нарисуем выделение от центра пересечения направляющих размером 209х209 пикселей. Чтобы видеть размеры создаваемого выделения, сделаем видимой палитру Info (Window > Info).
Определим в качестве основного цвета Серый (R:160; G:160; B;160) и нажмем Alt+Backspace, залив тем самым только что созданное выделение. Снимем выделение клавишами Ctrl+D.
На этом же слое Ring с помощью инструмента Эллиптическое выделение (Elliptical Mark Tool) нарисуем еще одно выделение размером 180х180 пикселей и, не снимая выделение, нажмем Del, удалив ненужные пиксели. Еще раз снимем выделение: Ctrl+D.
В палитре Слои (Layers) нажмем на представлении слоя Ring, удерживая клавишу Ctrl, тем самым выделив его непрозрачные пиксели. Перейдем к меню Select и сохраним выделение в альфа-канале: Select > Save Selection. Не будем менять установок по умолчанию в диалоговом окне Save Selection и нажмем ОК.
Перейдем к палитре Каналы (Channels). Все действия мы будем производить на канале Alpha 1, поэтому просто перейдем к нему, нажав на его представлении в палитре. Выберем в качестве основного цвета Белый (R:255; G:255; B:255) и зальем выделение с помощью клавиш Alt+Backspace. Снимем выделение: Select > Deselect или Ctrl+D.
Применим к альфа-каналу Alpha 1 фильтр Gaussian Blur: Filter > Blur > Gaussian Blur со значением Radius сначала 4 пикселя, затем 3, и наконец 2 пикселя.
Light Type: Spotlight
Intensity: 40
Focus: 75
Gloss: 71
Material: 71
Exposure: 0
Ambience: 10
Height: 80.
Замечание: в зависимости от размера изображения параметры фильтра Lighting Effects могут быть другими.
Как нетрудно заметить, на краях кольца появились зазубрины. Чтобы их убрать, щелкнем на представлении слоя Ring в палитре Слои (Layers) с нажатой клавишей Ctrl и выполним команду: Select > Modify > Contract. В диалоговом окне Contract определим значение 1 пиксель и нажмем ОК.
Инвертируем выделение: Select > Invert или Shift+Ctrl+I и удалим ненужное с помощью клавиши Del. Теперь все в порядке.
Снимем выделение: Ctrl+D.
В завершении перейдем к команде Curves. Она поможет настроить яркость объекта и добиться еще большей реалистичности эффекта: Image > Ajustments > Curves или Ctrl+M.
Определим параметры первой точки кривой яркости:
Input: 227
Output: 96.
А затем и второй:
Input: 25
Output: 156.
Мы смело можем поэкспериментировать со значениями команды Curves в зависимости от требований к конкретному изображению.
Наконец, в результате у нас получилось очень реалистичное металлическое кольцо.
Совет: команда Hue/Saturation, в свою очередь, дает нам прекрасную возможность изменить в соответствии с нашими желаниями цвет созданного кольца.
| © 2005 copyright Дизайн студия «КоЯк» . All rights reserved. |
Photoshop: от простого к сложному. Часть 107. Серебряное кольцо
Трехмерный металлический объект можно нарисовать не только в специальной программе для создания трехмерной графики, но и в Adobe Photoshop CS2.
О том, как это сделать, и рассказывается в настоящем уроке.
2 Заливаем фон черным цветом и создаем новый слой.
3 Для удобства увеличиваем масштаб просмотра изображения с помощью Zoom Tool и инструментом Elliptical Marquee делаем овальное выделение.
4 Заливаем выделение светло-коричневым цветом.
5 С помощью команды Transform Selection (меню Select) уменьшаем масштаб выделения и перемещаем его в нижнюю часть светло-коричневого овала таким образом, чтобы край овала оставался виден.
6 Стираем заливку внутри выделения.
7 Дублируем слой (меню Layer > Duplicate Layer) и переворачиваем его на 180° (меню Edit > Transform > Rotate 180?).
8 Половинку кольца на слое Layer 2 copy заливаем более светлым цветом. На самом деле на данном этапе цвет не имеет значения, однако это даст возможность лучше представить объем будущего кольца.
9 Вызываем диалоговое окно Layer Style (меню Layer). Переходим в нем к настройке параметров Drop Shadow. Устанавливаем Blend Mode на Multiply, Opacity — на 100%, Angle — на 120?, Distance — на 21 px, Spread — на 0%, Size — на 42 px. В меню Contour выбираем седьмой контур.
10 Затем переходим к настройке параметров Bevel and Emboss. Устанавливаем Style на Inner Bevel, Technique — на Smooth, Depth — на 40%, Direction — на Up, Size — на 60 px, Soften — на 0 px. Параметр Angle должен быть равен 120?, Altitude — 65?, Gloss Contour — восьмой из меню. Highlight Mode устанавливаем на Screen 100%, а Shadow Mode оставляем на Normal 50%. Для тени выбираем черный цвет.
11 Далее переходим к настройке Contour и устанавливаем параметры так, как показано на рисунке.
12 Очень важный параметр — Satin. Blending Mode выставляем на Screen 100%, Angle изменяем на 135?, Distance — на 30 px, Size на 50 px и выбираем девятый контур — из меню Contour.
13 Теперь переходим к Color Overlay, выбираем в качестве цвета черный, а Blend Mode устанавливаем на Normal 100%.
14 Переходим к слою Layer 2 и снова вызываем диалоговое окно Layer Style. Устанавливаем Style на Inner Bevel, Technique — на Smooth, Depth — на 65%, Direction — на Up, Size — на 25 px, Soften — на 4 px. Параметр Angle должен быть равен 90?, Altitude — 80?, Gloss Contour — первый из меню. Highlight Mode устанавливаем на Linear Dodge 50%, а Shadow Mode выставляем на Soft Light 100%. Для тени выбираем серый цвет.
15 На этом слое также важно настроить параметр Satin. Blending Mode выставляем на Soft Light 100%, Angle — на 90?, Distance — на 4 px, Size — на 20 px и выбираем десятый контур из меню Contour.
16 И последнее — Gradient Overlay. Выбираем градиент от светло-серого к темно-серому.
17 Получилось весьма убедительное кольцо стального цвета. Теперь добавим несколько эффектов. Сначала применяем к обоим слоям команду Group into New Smart Object, а затем — Rasterize Layer (обе команды находятся в меню, вызываемом щелчком по правой клавише мыши на слое в панели управления слоями).
18 Объединяем слои командой Merge Down.
19 Возвращаемся к слою Layer 2 copy и переворачиваем кольцо, как показано на рисунке (меню Edit > Transform > Rotate).
20 Дублируем слой с кольцом.
21 Применяем команду Flip Vertical (меню Edit > Transform).
22 Перемещаем второе кольцо таким образом, чтобы оно оказалось точно под первым. Для этого может понадобиться линейка (Ctrl+R).
23 Убираем линейку (повторное нажатие Ctrl+R; Ctrl+Н) и создаем новый слой.
24 Выбираем градиент от черного цвета до прозрачности. Можно добавить несколько точек с серым цветом, чтобы градиент был более плавным.
25 Заливаем градиент, начиная от верхнего края кольца-отражения. Линию лучше проводить чуть наискосок.
26 Применяем фильтр Lens Flare. Настраиваем параметры по своему усмотрению, чтобы получить реалистичный отблеск.
27 Объединяем все слои командой Flatten Image (меню Layer).
Цветовой круг для рисования в программе Adobe Photoshop CS6 выше.
Работая в компьютерных программах для рисования, мы все видели удобный цветовой круг или иные его ответвления , как пример посмотрите на цветовые круги Corel Painter и ArtRage:
Старые версии Photoshop (CS6 и ниже)
Adobe пошла по своему пути и сделала сложную систему (для рисования) доступа к цветам. Приходится нажимать на пиктограммы цвета и выбирать там цвет. Каждый ускорял работу как мог – добавлял нужные цвета на край холста, «смешивал» и потом пипеткой выбирал цвет, еще делались «пресеты» в меню образцов… В новых версиях Photoshop добавили быстрый вызов цветов через комбинацию Аlt-Shift-правый клик.
В целом было неудобно, но главное что
этот минус устраняется «расширениями». В интернете, на данный момент,
можно найти много видов цветовых кругов (даже с «подвязкой» к интернету,
генерирующие цветовые решения, но такое нас не интересует). И многие
платные, а вот один простой «как 5 копеек» восьмисекторный цветовой
круг с градиентной растяжкой – PaintersWheel с сайта LenWhite.com .
Скачиваем, устанавливаем через Адоб или скопировав
файлы в папку Plug-ins ( у меня путь выглядит C:\Program
Files\Adobe\Adobe Photoshop CS6 (64
Bit)\Plug-ins\Panels\PaintersWheel\PaintersWheel_CS6). Запускаем Фотошоп
и включаем расширение через окно – расширения – PaintersWheel –
готово!
Этого цветового круга хватает «с головой», конечно хотелось бы еще информации по цветам (разные номера раскладки цветового охвата), но расширение распространяется бесплатно, на это скажем «спасибо» разработчику.
Но для работы с веб или графическим дизайном, лучше подходит стандартное цветовой инструмент, т.к. тут сильно зависит от контроля цветов, особенно если они у вас прописаны в брендбуке или другой документации (смик, ргб, числовые значения цветов и тд).
Новые версии Photoshop (CC и выше)
В версиях СС продуктов Адоби, некоторые расширения потеряли
свою актуальность, т.к. программы перешли на другой «язык» написания
дополнений (ранее это был флеш, а теперь это хтмл), поэтому статья
актуальна для версий продуктов CS6 и ниже.
Но в версии Adobe Photoshop CC 2019 и выше, цветовой круг есть в самой программе, включается в дополнительном раскрывающемся меню на панели Цвет – Цветовой круг
Как сделать круг и кольцо, как выделить круг в Фотошоп
Что может быть проще рисования геометрических фигур, но оказывается создание правильного круга непростая задача. На помощь приходит программа Фотошоп.
Первый способ
Создаем новый файл. Необходимо настроить направляющие: вкладка «Просмотр» – «Новая направляющая».
Создаем круг при помощи инструмента «Овальная область».
Удерживая нажатой клавишу Alt проводим овал.
Но таким способом не создать окружность правильной. Для того чтобы круг был правильным нужно нажать комбинацию клавиш Alt и Shift и провести овал.
Не снимая выделения, выполняем заливку.
Второй способ создания круга
Создаем новый слой. Инструментом «Овальная область» создаем овал и не снимая выделения заходим во вкладку «Редактирование» – «Трансформирование» – «Масштабирование» и растягиваем овал.
Делаем его таким образом правильной формы.
Третий способ
Создаем новый слой. Инструмент «Эллипс».
Создаем круг, настраиваем значения фигуры эллипс.
Растрируем слой с фигурой: слой-заливку и векторную маску.
Применяем слой-маску: правой кнопкой мыши нажать в окне слоев и выбрать в диалоговом окне нужную функцию.