Красивое свечение и полезные приемы

Rioka · Jul 24, 2014

В этом уроке будем создавать с вами такую красоту:

Навыки, которые вы обретете, создавая похожее изображение, пригодятся и в дальнейшем общении с ФШ.

Приступим?

Для начала, откроем фотошоп и создадим новое изображение. Размер и фон можно выбрать любой, у меня 600 на 600 пикселей и прозрачный фон.
1.

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

3.

Далее делаем копию слоя (ctrl+J) и ставим режим смешивания на "Осветленные основы" (Color Dodge)
4.

note Можно поиграть с режимом наложения по собственному усмотрению.

Создаем новый слой.
5.

Устанавливаем стандартные ЧБ цвета для переднего и заднего плана, ткнув на кнопочку
6.

Применяем к нему фильтр "облака" (Rеnder рендеринг
Clouds облака):
7.

Картинка получается "залитой" облаками:
8.

Далее ставим режим наложения слою с облаками "перекрытие" (overlay) и снижаем прозрачность слоя на 30%. Но я не стала уменьшать прозрачность для большей яркости изображения и четкой дымки.
9.

Получается на данном этапе такое изображение:
10.

Для более четкого изображения дымки делаем следующее:
11.

Настройки фильтра "Хром" (Sketch эскиз - Chrome хром) смягчениестандартные, не изменяем. Хотя, вы опять же можете выбрать более подходящие для вашего изображения.
12.

Снова ставим режим наложения "перекрытие" (overlay) и уменьшаем прозрачность по вкусу.
13.
14.

Переходим к основной части - рисованию светящихся линий.

Выбираем на панели инструментов "перо" (Pen).
15.

Обязательно создаем новый слой, как на скриншоте №5!

С пером нужно уметь обращаться, поэтому, потренируйтесь, прежде чем достигните хорошего результата.

Пером ставим отправную точку где-нибудь на границе дымки.
Затем ставим другую (все также нажатием левой кнопки мыши) и, не отпуская кнопку, водим мышкой по экрану, добиваясь приятного изгиба.
Впоследствии поставленные точки будут деформировать ту часть прямой, которая связана с предыдущей точкой, и оставлять неизменной с теми, которые поставлены еще раньше.

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

16.

Когда контур вашей будущей прямой построен, выбираете инструмент "кисть" (brush) и следующие настройки:

17.
18.

От размера выбранной кисти зависит и толщина линии.

Затем вновь выбираем инструмент "перо", которым рисовали контур для линии. Теперь действуем правой кнопкой мыши: нажимаем ПКМ на любую точку из контура и выбираем "создать обводку контура" (Stroke Path):
19.

В появившемся окошке выбираем "кисть" и обязательно(!) ставим галочку "имитировать нажим" (Simulate pressure). Без этой галочки у вас будет равномерная прямая.

20.

Теперь вновь выбранным инструментом "перо" (Pen)с помощью ПКМ удаляем контур и любуемся на кривую.

21.
22.

Добавим свечения к нашей красивой линии.
Для этого щелкнем два раза по прозрачному слою с линией и установим следующие настройки для слоя:

23.
24.
25.

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

Однако, в этот раз я уменьшила толщину кисти до 5 пикселей (скриншот 17-18) и линии получились тоньше.

Для того, чтобы не с нуля создавать стиль слоя, благодаря которому первая линия светится, щелкнем правой кнопкой мыши по слою с уже светящейся линией и нажмем "скопировать слой стиля" (Copy Layer Style).

Соответственно, на новом слое с другими линиями будет достаточно нажать "вставить стиль слоя"(Past Layer Style).

26.

Когда завершили манипуляции с линиями и кривыми, получается примерно следующая картина:
27.

Далее следует добавление текста. Пишите, что хотите и каким угодно шрифтом.
Когда вас устроила надпись, щелкаем по слою с надписью правой кнопкой мыши и снова вставляем стиль слоя, скопированный ранее.

28.

Добавляем искорки к вашему рисунку.
Выбираем слой с любой из светящихся линий, выбираем кисть примерно 5-7 пикселей (обычную с мягкими краями) и произвольно проставляем на рисунке.

29.

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

Снова создаем новый слой, выбираем инструмент "градиент" (Gradient), делаем его с переходом в прозрачный:
30.

Получается так:
31.

Теперь ставим режим наложения у слоя с новым градиентом "цветность" (Color ) или "цветовой тон" (Hue ) и снижаем насыщенность слоя до приемлемого уровня.

32.

Получаем финальный результат:
33.

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

Дерзайте, очень интересно увидеть ваши результаты)
Click to expand...

endee2002 · Aug 17, 2014

Rioka, очень интересный урок, но пожалуйста, можите указать и англ. названия всех инструметов и функций которые вы использовали. Просто у меня англ. ФШ

Rioka · Aug 18, 2014

endee2002, Спасибо) Добавила перевод основных функций. Еще можно смотреть информацию тут.
Жду твоих результатов по уроку)

endee2002 · Aug 19, 2014

Rioka, у меня в ФШ нет "Эскизы", Версия СS6, что делать?

Rioka · Aug 19, 2014

endee2002,

Новые фильтры и их организация

Первое, что бросается в глаза при открытии меню Filters в Adobe Photoshop CS6, — это отсутствие некоторых привычных групп фильтров (Artistic, Brush Strokes, Sketch, Texture). На самом деле фильтры никуда не исчезли, просто все эффекты, работа с которыми происходит посредством окна Filter Gallery, были убраны из меню Filters.

фуллсайз кликабелен

Чтобы применить один из отсутствующих в меню эффектов, просто откройте галерею фильтров — и вы найдете его там. Нововведение вполне логичное, ведь при выборе фильтров из вышеозначенных категорий Filter Gallery открывается в любом случае. Впрочем, для тех, кто недоволен таким изменением интерфейса, предусмотрена команда для возвращения к старому виду меню Filters. Для этого откройте окно Edit → Preferences → Plug-ins и установите галочку напротив Show All Filter Gallery Groups and Names.

(с)

endee2002 · Aug 19, 2014

Rioka, Спасибо понял
Вот мой результат:

Но с галочкой "Имитировать нажим" все равно линия одной толщины((( что надо делать?

Rioka · Aug 19, 2014

endee2002, Ого, отлично! Иногда снятие-нажатие галочки начинает работать после перезагрузки фш.
Либо можно заняться читерством и обычной кисточкой с мягким краем "заузить" линию с края, как с волосами.)

endee2002 · Aug 19, 2014

Rioka, спасибо. Теперь я все понял!

SantaFulmine · Sep 1, 2014

Хорошая штука. можно интересные картинки с ней создавать. да и просто для оформления текста хорошо подходит.
только не пойму, зачем урок в цитату помещать? оно же форум растягивает. да и смысл? он откуда-то процитирован что ли?

Mr. Deer · Aug 1, 2015

Спасибо за такой ценный урок, этот эффект выглядит потрясающе.

Красивое свечение и полезные приемы

Опции

Опции

Опции

Опции

Опции

Опции

Опции

Опции

Опции

Опции

Useful Searches