Главная >> Фотоэффекты >> Светящиеся нити вокруг фотки

Светящиеся нити вокруг фотки

Автор: Артемий   
23.05.2008 14:30

Очень полезный и интересный урок фотошопа. Очень популярная техника рисования симпатичных "ниток" на фотках.
Наверняка вы встречали такой эффект у друзей в альбомах вконтакте. Теперь и мы научимся!

 

 

Для выполнения этого урока фотошоп нам понадобится дополнительные кисти фотошопа, которые можно сказать по этой ссылке.

ШАГ 1:

Создаем новый документ размером 1100х1200 пикселей и черным задним фоном. Далее, создаем новый слой (Shift+Ctrl+N). Выбираем инструмент градиент (G) и используйте пример градиента, расположенного ниже. Этот градиент послужит нам в качестве первого шага для создания фона нашей картинки.

ШАГ 2:

Убедитесь, что вы выбрали радиальный градиент, нарисуйте аналогично рисунку снизу, затем в списке слоев задайте прозрачность слоя 50%.

ШАГ 3:

Создайте новый слой и используйте фильтр Облака (filter>render>clouds), в свойствах наложения слоя выберите overlay и установите прозрачность слоя на 50%. Теперь наш фон выглядит гораздо интереснее.

ШАГ 4:

Теперь берем картинку, вокруг которой будем рисовать полоски. В нашем примере - симпатичная девушка. Вставляем картинку в наш документ, берем в руки Перо (Pen tool) или лассо и отделяем девушку от фона.

ШАГ 5:

Теперь кликаем на слой с девушкой и снизу в панели слоев нажимаем "добавить маску слоя" (add a layer mask.) Теперь берем инструмент Лассо (Lasso tool (L)) и устанавливаем размытие на 40px. И рисуем выделение, аналогичное выделению на картинке:

ШАГ 6:

Теперь инвертируем выделение (Shift+Ctrl+I) и зальем его черным цветом (Shift+F5). Это сгладит края изображения. Маска слоя работает по принципу скрывания тех участков, на которые сверху наложен черный цвет. Аналогично ластику, но если ластиком мы стираем навсегда, то маску слоя всегда можно подправить.

ШАГ 7:

Теперь продублируем слой (Ctrl+J) и немножко размажем его размытием по гауссу (filter>blur>gaussian blur), установив значение в 10пх. Режим смешивания установим в overlay. Это очень распространненая техника по приданию гладкости кожи и созданию более динамичного образа. Возьмите себе на вооружение.

ШАГ 8:

Создаем новый слой, берем в руки кисточку с размерами 9пх и 13пх, со 100% жесткостью и ставим несколько точек вертикально. Этим самым мы создаем основу для наших "ниток". В принципе, в интернете можно найти кучу подобных кисточек, однако гораздо полезней создать такую самому. Проверьте, у вас ложно получиться тоже самое, что получилось у нас на картинке:

ШАГ 9:

Теперь сделаем выделение наших точек, кликнув с зажатой клавишей Ctrl по изображению нашего слоя в списке соев. Затем создаем кисточку на основе нашего выделения - (edit>define brush preset) и называем нашу кисто "Точки" или как-то так. Теперь скрываем наш слой с точками. Не забывайте, что точки у нас достаточно большие, это сделано для того, чтобы эту кисть можно было использовать для картинок с большим разрешением. Для себя вы можете сделать точки поменьше.

 

ШАГ 10:

Выбираем инструмент Кисть и заходим в редактор кистей (справа вверху). Нам понадобятся вкладки smoothing и shape dynamics. Теперь выставим настройки для shape dynamics как на картинке снизу.

ШАГ 11:

Создаем новый слой и берем иснтрумент кисть, ставим размер кисти 100пх. Затем берем инструмент Перо (Р) и рисуем линию как на картинке снизу. Затем правый клик, и создаем обводку (Stroke) нашей кривой. Убедимся, что выбрана нужная кисточка и нажимаем ОК.

Шаг 12:

Берем ластик (E) и используя жестку кисточку размером 60px с непрозрачностью 100% удаляем участки наших линий так, как будто они проходят за девушкой, опутывают ее. В нашем случае мы удалили линии с лица. Теперь берем мягкую кисть размером 400пх и непрозрачностью 25% и удаялем края наших линий, а если быть точнее - сглаживаем. Должно получиться как на картинке снизу.

ШАГ 13:

Повторяем шаги 11 и 12 необходимое количество раз. Убедимся, что каждая группа линий находится в разных слоях. Затем в списке слоев выделяем все три слоя, кликая с зажатым CTRL по их именам, ну и объединяем в один слой, нажав Ctrl+E.

Шаг 14:

Правым кликом по этом слою вызываем настройки, ставим галку напротив градиента, используем стандартный оранжево-желтый градиент. Выбираем режим наложения "осветлвение основы" (Color Dodge) и кликаем ОК. Как вы заметили, они по прежнем черные. Но наши линии остались по-прежнму черными. Это потому, что осветление наложено на черный цвет, что не дало никаких результатов. Теперь, нам нужно убрать прозрачность черной заливки на 0%, сделать это можно с помощью ползунка Fill, который находится прямо под известным ползунком Opacity. Opacity устанавливает прозрачность всего слоя, а Fill - только прозрачность основы, не трогая свойства слоя. Это как раз то, что нужно. Такой способ немного более долгий, однако его преимущество в том, что мы всегда можем что-то изменить, не прибегая к сложным процедурам.

ШАГ 15:

Создаем новый слой, выбираем инструмент Градиент, вместо радиального ставим линейный и используем точно такой же оранжево-желтый стиль, как мы использовали ранее. Тянем градиент сверху вниз, ставим режим наложения - Цвет (Color) и ставим прозрачность слоя на 75%.

ШАГ 16:

Создаем новый слой и на этот раз градиент пойдет от какого-нибудь цвета (например, зеленого) к прозрачности. На ваш выбор, у нас это выглядит так:

ШАГ 17:

Теперь опять ставим в настройках Радиальный градиент и рисуем так, как это сделано у меня. меняем цвета несколько раз.

ШАГ 18:

Ставим режим наложения слоя на Цвет (Color) и прозрачность устанавливаем в значение 75%.

 

 

На этом все! Если у вас что-то не получилось - пишите в комментариях, постараемся помочь.

 

Оригинал: tutorials4photoshop.blogspot.com

Перевод: graphic-tutorials.ru

При копировании материала активная ссылка на graphic-tutorials.ru обязательна!

Комментарии (34)


Показать/скрыть комментарии
...
Отличный урок! нужного эффекта smilies/wink.gif
deeble doo , 17-02-2010
...
хороший эффект просто клево.
толко у меня что то не получается.
я дошла до 11 шага, после этого никак не могу идти дальшеsmilies/angry.gif
помогите пожалуста smilies/sad.gifsmilies/sad.gif
ныута , 20-02-2010
...
А с чем конкретно возникла проблема?

Вообще смысл такой:
мы нарисуем кривую, которую потом обведем кисточкой. Для начала выбираем инструмент кисть и ставим нужную кисточку. Это нужно для того, чтобы в дальнейшем используя эти настройки мы обвели кривую (просто при выборе способа обводки мы не сможем задать параметры кисти, поэтому их мы задаем заранее).
Затем берем инструмент Перо (Р), рисуем линии, затем щелкаем правой кнопкой по нашей кривой и выбираем "обвести" или Store path..
В открывшемся окошке выбираем Brush (кисть) и смотрим результат!

Я постарался подробно объяснить, но если возникли какие-то сложности - обязательно спрашивайте! поможем! smilies/grin.gif
Administrator , 20-02-2010
...
спасибо.
знаете что у меня не получается.
когда я беру инструмент Перо (P)(Pen tool) и питаюсь сделать лини, у меня что то не получается. у меня получаются не линии а какой то закрытий объект по этими точками.
и еще кое что.
когда делаю правый клик Stroke path не активизируется.
заранее спасибо.
просто я только начинаю учить программу.
ныута , 22-02-2010
...
А, так у вас стоит настройка Пера неправильная. Он у вас делает выделения и заливает сразу, а нам нужны просто кривые. Сверху переключите так:

Тогда и Stroke Path активируется!
Удачи!
Administrator , 22-02-2010
...
спасибо. получилось.
если что нибудь будет не так, я могу еще побеспокоить Вас?
smilies/wink.gif
Нюута , 22-02-2010
...
Конечно! Обращайтесь, мы поможем! Удачи в освоении фотошопа! =)
Administrator , 22-02-2010
...
спосибо Вам за терпеливость
Нюта , 22-02-2010
...
на 5 шагу после того как инвертирую выделеное,нажимаю шифт+ф5 окно вылетает а заливка несрабатывает!!И как поставить туда фотографию свою ??Помогите я еще чайник в этом деле!!
воха , 22-02-2010
...
Воха, после нажатия Shift+F5 вылезает окошко с выбором заливки, выберите там черный цвет и нажмите ОК. Все должно получиться, если не получилось - вы что-то делаете не по уроку, перепроверьте. Убедитесь, что активен слой с девушкой (в списке слоев выделен синим цветом)
Administrator , 22-02-2010
...
Приветик! У меня никак не получается сделать такую же кисть. до пункта 12 все ок, но в 12-ом линии получабтся очень четкие, как будто не хватает мягкости. Линии не похожи на дымок, как у тебя((((
agunova , 25-02-2010
...
простите, я тормоз(((( тупо ластиком(((
agunova , 25-02-2010
...
Саламчик))) хороший урок! Всё получилось! хотя сложновато с описанием действий, что куда заходить...
А вобще Респэкт!!!
Спасибо за урок)))
[MC_FENIX] a.k.a. F.STYLE , 28-02-2010
...
Прет всем я конечно знаю что не в тему. но в фотошопе можно сделать такой эфект размытости как в игре асасинс крид? и можно ли это зделать в онлайн фотошопе?а то от обычного отличается заранее спасибо.smilies/smiley.gif
wayld , 02-03-2010
...
А я не понял откуда кисть таую скачать=))) подсажите пожалуйста+))
aslanbek , 06-03-2010
...
Там не нужны дополнительные кисти, все можно сделать стандартными средствами. В 8-м шаге все написано!
basfito , 06-03-2010
...
можно скриншот к 15 шагу как мы делали такой градиент с таким эффектом чёто туплю я
zzr , 25-03-2010
...
В 14-м шаге этого урока написано про этот оранжевый стиль
Basfito , 25-03-2010
...
ШАГ 17:

Теперь опять ставим в настройках Радиальный градиент и рисуем так, как это сделано у меня. меняем цвета несколько раз.

непойму как сделать этот цвет как накаливание....ппц...smilies/angry.gifsmilies/angry.gifsmilies/angry.gifsmilies/angry.gifsmilies/angry.gif
zzr , 26-03-2010
...
тьфу епть...не тот шаг выбрал
ШАГ 18:

Ставим режим наложения слоя на Цвет (Color) и прозрачность устанавливаем в значение 75%.
вот этот непойму
zzr , 26-03-2010
...
Вот режим наложения:


А вот прозрачность:


теперь разобрались? =)
Basfito , 26-03-2010
...
Как ты делал,чтобы было несколько линий у кисточки одновременно,а не одна?
Сделал все как в Шаг10 и ничего подобного не выходит у меня ((
VenOM , 08-04-2010
...
В шаге 8 написан принцип создания, там справа от девушки видны черные точки, вот так же нужно сделать.
Basfito , 08-04-2010
...
спасибо за нужный урок. второй день осваиваю. самое главное у вас нашел. 5+ автору :-)))
burda , 24-04-2010
...
привет!! у меня такая проблема,когда делаю шаг 12 ну устонавлюиваю "Берем ластик (E) и используя жестку кисточку размером 60px с непрозрачностью 100%" то когда нажимаю на мышку ничего не рисуется!!!!!почему???
artyom33 , 26-05-2010
...
Скажите пожалуйста как же эти градиенты заливать?
Ane4ka , 31-05-2010
...
объясните как нарисовать кривые линии пером .пол дня мучаюсь.
smilies/sad.gif
натали , 17-06-2010
...
У меня все равно не получается эфекта мягкости кисти, пробовала ластиком, но не то
Rimoza , 06-07-2010
...
мм извините не могу найти ссылку на кисти...((
H0oCh , 28-07-2010
...
а где ссылка на кисть, у меня ее нет?
Виктория , 11-08-2010
...
Да, где ссылка?
seven , 06-05-2011
...
Не выполнить шаг 9. Затем создаем кисточку на основе нашего выделения - (edit>define brush preset) В меню edit нет такой функции( Что нужно сделать и как?
karenok , 09-01-2012
...
Buildings are not cheap and not everyone can buy it. However, credit loans are created to aid people in such situations.
GallagherSybil31 , 12-01-2012
...
Have no cash to buy a building? Do not worry, just because that is available to receive the credit loans to resolve all the problems. Hence get a short term loan to buy all you need.
Marisa24Merrill , 12-01-2012

Написать комментарий

меньше | больше

busy