24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Чб аватар с текстурами и кистями by asphyxiated


Чб аватар с текстурами и кистями by asphyxiated

Сообщений 1 страница 16 из 16

1

http://s1.uploads.ru/VEhS0.png
Я попробую написать урок о том, как делаю черно-белые аватары с использованием текстур, кистей, текста на примере своей сегодняшней работы. Помните, смысл этого урока не в том, чтобы повторить мою работу, а в том, чтобы понять принцип.
В честь такого события, я решила поделиться прекрасными дополнениями для подобного вида работ со своего пк, которые я недавно отсортировала. Мой набор мутных текстур честно офигителен и мне даже в тайне немножко не хочется им делиться.

Начну с того, что любая работа в фотошопе - это "слоеный пирог" и важно, чтобы слои были расположены в правильном порядке.
http://s1.uploads.ru/EnlOs.gif
Как правило в моих работах слои расположены подобным образом. Конечно, есть и множество исключений, но данный вид распожения слоев считаю самым адекватным.
Этап 1
Замена фона

Самое важное - выбирать качественные исходники и фоны, потому что иначе придется долго и нудно выводить качество, что не всегда получается и вы убьете кучу времени впустую.
Также, важно помнить о том, что фоны нужно подбирать адекватно. Например, я раз видела аватар с полуголой моделью из Victoria's Secret в католическом соборе(!). Это выглядит, по меньшей мере, глупо и нелепо.
Еще одна из самых распространенных ошибок при замене фона - это несоответствие пропорций. Когда люди слишком большие или маленькие, что тоже выглядит нелепо. Сразу идет ассоциация с Гуливером или лилипутами.

В моем случае, я взяла исходник с Йеном и мрачное здание изнутри, тк работа по определению должна была получиться мрачной.
Я выделяю при помощи пера, тк считаю, что этот способ выделения дает наиболее качественный результат. Как правило, я открываю исходик в оригинальном размере, уменьшаю шум топаз деноизом, потом выделяю пером, правлю выделенную область с помощью растушевки-feather 0,4, сжимаю или расширяю выделение, делаю маску из выделенной области, затем уже переношу на нужный документ и правлю выделение еще раз уже по маске в уменьшенном варианте.
http://s1.uploads.ru/t/JUOSl.gif
http://s1.uploads.ru/Fqc2y.png http://s1.uploads.ru/hGqFg.gif

о моем способе выделения подробнее

Я вообще не использую crop-рамку кадрирования. Мне намного удобнее использовать свободную трансформацию.

свободная трансформация

Переместите картинку в наш пустой документ и дублируйте ее. Сразу видно, что картинка чересчур большая.
http://s53.radikal.ru/i141/1009/31/45130b165240.gif
Выделите верхний слой и нажмите Ctrl+T или Edit -Free Transform (Редактирование - Свободная трансформация).
Трансфомировать большие изображения для аватаров лучше на большом отдалении, а потом приближать.
Чтобы сохранить пропорции, нужно трансформировать с зажатой клавишей Shift, иначе изображение расползется.
Для вращения изображения, необходимо вывести курсор за границы трансформируемой области. Тогда появится стрелочка и можно вращать изображение по своему желанию.
http://s49.radikal.ru/i125/1009/32/4f7dbe443f84.gif

Вырезаю я пером+масками+иногда каналами (если фон белый и волосы развиваются).

перо

урок 1
урок 2
Я учила перо по этим 2-м урокам. Не просто просмотрела, а именно сделала их.

Ну и своими словами расскажу. Так может быть понятнее.
Работать с пером не очень сложно, просто к нему нужно привыкнуть.
Чтобы что-то выделить, нужно сначала нарисовать контур, а потом создать выделенную область из этого контура.
Перо ставит точки, которые соединены между собой. В принципе, можно все, что угодно, выделить просто точками, близко расположенными друг к другу.
http://forumupload.ru/uploads/000c/77/06/48012-1-f.png
Но это не очень быстро и не так качественно, как может быть.
Чтобы хорошо работать с пером, нужно уметь им рисовать. То есть делать не только прямые линии, но и изогнутые.
http://forumupload.ru/uploads/000c/77/06/48013-1-f.png
Вот с ними-то у народа обычно и возникают проблемы, но все не так сложно, как кажется. Нужно просто приноровиться. Помните, что линия в пределах двух последних точек будет искривляться ( при движении мышью "в разные стороны") до того момента, как вы не отпустите левую клавишу мыши.
Но если вы в чем-то ошиблись - это не беда. Любую точку можно удалить (меню правой кнопки мыши), передвинуть, заново изогнуть, можно двигать весь контур или его часть.
То есть вы можете бесконечно редактировать свое выделение и оно никуда не пропадет.

Для таких передвижений при ошибках лучше всего использовать стрелки. http://www.10pix.ru/img1/600667/3475845.gif Которые никто никогда не юзает http://www.10pix.ru/img1/1547/3475842.gif
http://www.photoshop-master.ru/lessons/2007/210907/pen/wight.gif - двигает сами точки
http://www.photoshop-master.ru/lessons/2007/210907/pen/black.gif - двигает весь контур
Все обычно спрашивают меня, где их в найти.
Вот они http://www.10pix.ru/img1/600667/3475845.gif
http://forumupload.ru/uploads/000c/77/06/48013-2.png

Как обычно выделяю я:
1. Открываю исх с человеком, делаю копию.
2. Выделяю пером при сильном приближении с максимальным количеством точек. Если какие-то детали "вылазят", то просто в контуре их обрезаю.
3. Когда контур создан, создаю выделенную область. Если нужно - правлю ее: ставлю feather-растушевку, сжимаю или расширяю выделение. Затем нажимаю знак маски слоя, чтобы потом можно было править уже по маске.
4. Перетаскиваю уже вырезанную фигуру с маской на док аватара-эпиграфа, дублирую (чтобы оставить себе копию, если вдруг криво как-то вставлю), затем с шифтом (для сохранения пропорций) трансформирую уже на каком-то другом фоне.

Чем хорош этот способ?
Выделение пером - самое качественное, хотя и достаточно трудоемкое. Но потом на 100-ый раз ты делаешь это быстро и качественно. Быстрее, чем просто кистью по маске.
Трансформация же дает больше простора для того, чтобы красиво расположить фигуру на аватаре. И просто так удобнее.

Этап 3
Колоризация

Хочется немного рассказать о черно-белых колоризациях. Мой любимый способ обесцвечивания - черно-белая карта градиента наверху всех слоев. Она дает замечательный чистый контрастный чб. Уже под ней я пишу колоризацию.
Хочу заметить, что в чб колорах можно использовать выборочную коррекцию, цветовой баланс, вибрацию итд. Просто делать это под чб картой градиента. И не важно, что в цвете это бы выглядело ужасно.
Также для чб колоров важно использовать экспозицию и яркость-контрастность.
В данной работе я использовала вибрацию, выборочную коррекцию, цветовой баланс, яркость-контрастность и 2 карты градиента (1 с непрозрачностью 23%, чтобы еще сильнее увеличить контраст). Мои настройки можно будет посмотреть в псд-файле.
В цвете мой колор выглядит не ахти, а в чб как раз очень темный и контрасный. Мутные текстуры всегда осветляют изображение, поэтому колор должен быть темнее обычного.
http://s1.uploads.ru/gVW2t.png http://s1.uploads.ru/IvUuO.png
http://s1.uploads.ru/K3ciT.gif
Этап 3
Обработка фильтрами

Фильтры помогают повысить качество и слить исходник с фоном, сделав их однороднее.
Я накладываю фильтры на уже заколоренное изображение, чтобы качество было высоким. Особенно, разница видна на цветных работах.
В данном случае я слила фон, исх и колор, дублировала.
Многие используют размытие по-Гауссу или в движении, мне же нравится использовать радиальное размытие.
http://s1.uploads.ru/LIinp.gif
Настройки 10, центр - там, где лицо.
Затем я дублирую слой с радиальным размытием. Нижний на экран-screen, верхний на мягкий свет-soft light, изменяю непрозрачность по вкусу.
После этого еще раз сливаю слои и добавляю резкость. Можно делать это разными способами - инструментом, умной резкостью, через цветовой контраст-high pass, контурную резкость, плагины. Здесь уже как кому нравится.
http://s1.uploads.ru/OYtXW.gif

Процесс

http://s1.uploads.ru/IvUuO.png
+радиальное размытие-radial blur 10 экран-screen 23%
http://s1.uploads.ru/30RJI.png
+радиальное размытие-radial blur 10 мягкий свет-soft light 14%
http://s1.uploads.ru/yr7qo.png
+инструменты "резкость" и "размытие"
http://s1.uploads.ru/4ZXi8.png

Изображение стало мягче и контрастнее одновременно.
Этап 4
Наложение текстур + кисти

"Мутные" или "дымчатые" текстуры как правило накладывают на screen или lighten.
В данном случае, я наложила данную текстуру на экран-screen 100%.
http://s1.uploads.ru/GHgcu.png
Затем бумажную, чтобы как-то обыграть присутствие огня. Бумажная текстура только внизу. Чб градиент по маске, чтобы текстура переходила плавно.
http://s1.uploads.ru/rEsk1.gif
http://s1.uploads.ru/m9rdg.png
Для того, чтобы нарисовать кровь, я взяла кисти. Их можно скачать в начале урока.
Как правило я рисую по новому слою, делаю копию. Нижний на умножение-multiply 100%, верхний на нормальный непрозрачность по вкусу.
Кровь на умножение-multiply 100%
http://s1.uploads.ru/hHXtm.png
Нормальный 32%
http://s1.uploads.ru/yumas.png
Затем я наложила текстуру огня на экран-screen.
http://s1.uploads.ru/FGeWY.png
Я подумала, что монохромный коричневый огонь будет интереснее, поэтому создала корректирующий слой чб и обтравочную маску к текстуре. Настроила корректировку под предполагаемые тона текста.
http://s1.uploads.ru/7xoOX.gif http://s1.uploads.ru/06qu4.gif
http://s1.uploads.ru/US7Is.png
http://s1.uploads.ru/oSZNI.gif
Этап 5
Текст и подложка

Я использовала строки текста песни Muse – Space Dementia и 2 стандартных шрифта. Верхний Georgia, нижний - Courier New.
Georgia - 12pt, капсом, сглаживание crisp
Courier New - 6pt, капсом, межстрочный интервал 5pt, межбуквенный интервал 40, сглаживание crisp
Стиль верхнего текста можно скачать в начале урока. Как правило, я пишу стили сама, но здесь использовала готовый, неизвестного автора.
http://s1.uploads.ru/2ASX5.png
http://s1.uploads.ru/gQkV1.gif http://s1.uploads.ru/NnXK5.gif
http://s1.uploads.ru/t/0ahiP.gif
Мне показалось, что текст слабо читается и я нарисовала подложку. Никаких хитростей - три полосочки, на тоненьких стиль с текста. Поставила под текстуру для однородности.
http://s1.uploads.ru/vBMw2.gif
Аватар для Максима готов. Псд в начале урока под хайдом.
http://s1.uploads.ru/VEhS0.png
Мои работы, выполненные аналогичным способом - с применением мутных текстур.

примеры

http://savepic.su/1213189m.gif http://uploads.ru/i/M/W/o/MWozT.png
http://uploads.ru/i/t/n/r/tnr7E.gif  http://s1.uploads.ru/i/KTIai.png
http://uploads.ru/i/g/U/d/gUdMb.png http://uploads.ru/i/x/f/q/xfqGz.png

Урок написан asphyxiated специально для http://colorforum.ru/

+25

2

шикарный урок, Свет! спасибо http://www.10pix.ru/img1/4447/3475774.gif

Отредактировано .acid (10-10-2012 15:04:20)

0

3

.acid
ты ж еще не прочитала http://www.10pix.ru/img1/600667/3475845.gif  http://www.10pix.ru/img1/600667/3475845.gif  http://www.10pix.ru/img1/600667/3475845.gif
советую скачать допы, пока не пропали с хостингов. я часов 10 сортировала разномастные текстурки по папочкам http://uploads.ru/i/Z/u/G/ZuGv0.gif

0

4

asphyxiated
хаа)) я уже прочитала и скачать успела http://lady.webnice.ru/img/2010/06/img20100620101220_6282.gif
ты умничка вообще *О* за текстурки, кисти тебе вообще отдельно огроменное спасибо! http://colormate.ru/wp-content/uploads/2011/12/heartbeat_by_scorpion81-d39ad70.gif

0

5

.acid
ахах, за 2 минуты http://www.10pix.ru/img1/600667/3475845.gif
жду комментика, как тебе мои наборы текстурок http://uploads.ru/i/Z/u/G/ZuGv0.gif

0

6

asphyxiated
http://www.10pix.ru/img1/4447/3475774.gif очень понравились текстуры *О* некоторые из них давно искала -_- 
я бездарность, но все же http://www.10pix.ru/img1/600667/3475845.gif попробовала по уроку))
http://s1.uploads.ru/IBhnO.png

+1

7

спасибо за урок и текстурки  http://colormate.ru/wp-content/uploads/2011/03/clover.gif
отошла от чб + совместила ещё несколько уроков
http://s1.uploads.ru/fu9rd.png

Отредактировано Amelis (12-10-2012 16:41:46)

0

8

Хать, я ее стащу

0

9

свет, шикарный урок http://uploads.ru/i/m/s/z/msz46.gif
у меня не получится написать так же
скачиваю допы  http://www.10pix.ru/img1/600667/3475845.gif

0

10

ах, прекрасный урок  http://uploads.ru/i/m/s/z/msz46.gif

0

11

asphyxiated
вот с текстурами авик хд
они и правда, офигенны!
http://s2.uploads.ru/CfndT.jpg

0

12

а у меня, увы не получается х(

0

13

http://uploads.ru/i/0/p/P/0pPyG.gif спасибо

0

14

Спасибо! Интереснейший урок...
http://s5.uploads.ru/t/Jf7Vo.png

0

15

Спасибо за шикарный урок.)

0

16

Спасибо, это прекрасно)

0


Вы здесь » COLOR MATE » Уроки Photoshop » Чб аватар с текстурами и кистями by asphyxiated