«Маскирование» в Photoshop CS3.

[Sir Aristocrat]

Выкладываю еще один урок: навел на мысли разговор с Inukami-Shinigami + оказалось, что многие этого не знают.
Урок скорее связан с техникой окрашивания, чем непосредственно с анимацией, но, думаю, при рисовании собственных gif и небольших мультфильмов вам данная информация пригодится, поскольку действительно облегчает работу с цветом и его изменениями.

читать

Плюсы масок:
1. Маски позволяют скрыть часть слоя, таким образом, облегчая работу.
2. Всегда проще подправить маску, чем исправлять сам слой!

Есть множество примеров их использования, я покажу 2 наиболее часто используемый мной в анимации.

1 – позволяет наиболее быстро наложить цвет и добавить к нему тень-свет.

Берем исходное изображение, на которое будем накладывать цвет.



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



Накладываем маску.




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



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



Далее берем инструмент палец и настраиваем его в меню Brushes (Кисти): кисть № 43, angle (угол) 57 градусов, spacing (расстояние) 55%.



Strength (сила) 85-88%.



Размываем тень-свет. Готово.




2 – позволяет более тщательно работать с тень-светом, делая его настраиваемым, тем самым облегчая работу с последующими кадрами.

Так же берем исходное изображение, накладываем слой «цвет1», создаем маску, работаем с ней.
Далее дублируем полученный слой два раза, изменяем названия на «тень1» и «свет1»:




Изменяем цвет слоя, изменяем маски, опять-таки скрывая все ненужное.



Далее, снова используем «палец», однако на этот раз размывать мы будем маску, а не цвет на слое, поэтому советую быть либо осторожным, либо просто наложить еще одну маску на группу «цвет» (продублировать слой «цвет1» еще раз и перетащить с него маску на папку, затем удалить ненужный слой без маски). Готово.



В чем плюс такой работы?
Все уроки советуют накладывать тень-свет на новых слоях, дабы с ними было удобнее работать. Однако мне в моей практике пришлось столкнуться со следующим: при размытии инструментом «палец» цвета, он иногда размывается не особо качественно… Появляется полупрозрачность там, где не надо, и снова приходится добавлять цвет; появляются «грязные разводы» (осветление при размытии до светло-серых оттенков), каемкой ложащиеся на самый край размытия и которые постоянно приходится убирать и исправлять. Маска полностью исключает подобные проблемы – здесь всегда будет качественное размытие, насыщенный, легко изменяемый цвет и простота исправления.

@темы: Урок

Comments

[Эхо миров]

Спасибо за урок Все никак не могла добратся до изучения масок в фотошопе)
Sir Aristocrat а у вас есть свои работы? Очень хотелось бы посмотреть на Вашу анимацию

[Sir Aristocrat]

Эхо миров, ну, чуть-чуть лежит несколько постов ниже в этом же сообществе... как-то вставлять сюда анимацию с расширением 1024 на 768 не особо удобно будет... тем более, что там ролик еще не готов + это реально видео...
Мои другие работы (не анимированные, а рисунки) можно посмотреть у меня на дневнике, выловив все записи с пометкой "арт".

[омбре]

Sir Aristocrat наконец вижу дельные уроки! Спасибо.

[gunfighter]

Спасибо за подробный урок. Я вообще не представляла, как с масками работать.

[Komoki]

Sir Aristocrat ооооо...... от первого прочтения у меня сломался мозг Х)))) нада всё попродробнее будет изучить на практике =) а так, результаты оч понравились! ** и вроде всё доступно и не надо особых талантов иметь =) давно хочу научица нормально с тенями раскрашивать)))))))

[Алеу]

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

[Sir Aristocrat]

Всем спасибо за благоданость, стараюсь)))

[Sir Aristocrat]

Вобщем, спасибо еще раз, такой способ покраски я вижу впервые ))))

Алеу Уайтер, да уж... я почти все переделываю)) не устроила меня возня с "грязью" - начали изобретаться новые способы, как и что сделать лучше))

[Komoki]

ыыы.. первый пример получился! ХЗЗ я раскрасил рубашечку ^^ няяяяя)) не знаю на какой уровень проффесиональности это потянет, но для меня это высший класс! лучшее что я сделал в фш Х))))))))))))) кхы, как здоровоо... на остальное уже сил нет ^^ потом попробую =)
Sir Aristocrat а вот вопрос, в первом шаге, где синим цветом закрашивать.. там нужно чтоб рисунок состоял чисто из обводки? оО без белого фона? и типа слой с цветом делать под слоём с рисунком?.. а то как то неудобно стало х_Х.. если сверху или если не прозрачный рисунок.. ну карандашный, грубо говоря =.= не видно где там линии, под цветом, и что потом стирать Х) ..а маска удобная штука =) она сама почти все границы определила ^^ почти х)) и панелька с кисточками прикольная +_+ все эти углы расстояния, цыферки.. прямо клад какой то! Х)) жутко интересно =) скока всего понарисовать оказываеца то можно! **
а как вы пальцем растирали тени? маленьким размером по всем складочкам? ^^ а то я большим попробовал, так он всё сразу смазывает х_Х и тени и свет и обводку х) остаеца один силуэт объёмный Х)))

[Sir Aristocrat]

Kevo, рисунки у меня обычно всегда состоят из 2-х слоев, при учета, что сделаны на ПК: белый фон + черные контуры. Такой принцип облегчает работу.

а как вы пальцем растирали тени? маленьким размером по всем складочкам? ^^ а то я большим попробовал, так он всё сразу смазывает х_Х и тени и свет и обводку х) остаеца один силуэт объёмный Х)))

9, вроде как... или меньше... растираю по направлениям складок...

[Komoki]

Sir Aristocrat

белый фон + черные контуры.

ну, это сложно =.=.. контуры прямо в компе рисуете? =\ на планшете?... мне, чтобы получить чистые контуры, нада рисунки гелевой ручкой обводить тогда =-= а потом уже белое всё вырезать в фш.. но мне не нравица ручка х_Х она иногда всё настроение меняет в рисунке оО"... пф, ну ладно.. я вчера использовал копию рисунка сверху, и полупрозрачный х) т.ч как нить да можно выкрутица =))

а вы не знаете часом.. вот есть вроде такая спец прога.. которая делает ровные и чистые контуры.. тоненькие такие... ну или что то подобное.. выравнивает их.. или уже готовые, или прям там рисовать нада, не знаю х_Х я пару раз слышал... вы не знаете про такое?\

[Sir Aristocrat]

которая делает ровные и чистые контуры.. тоненькие такие... ну или что то подобное.. выравнивает их.. или уже готовые, или прям там рисовать нада, не знаю х_Х я пару раз слышал... вы не знаете про такое?\

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

[Komoki]

Sir Aristocrat

это вектора, называется)))

а можете поподробнее рассказать, как это в действии выглядит? +-+ это вообще полезно? или так.. фигня х)

[Sir Aristocrat]

Kevo, вот как раз в след уроке про них будет)))

[Komoki]

у меня не получаеца второй вариант сделать =(

Изменяем цвет слоя, изменяем маски, опять-таки скрывая все ненужное.

как цвет изменить? у меня он всё время прозрачный или обратный получаеца, как будто из под рисунка х_х.. и как сделать так, чтобы в новых слоях можно было выделить границы там, где была маска на цвете? а не чтоб выделялось то, что было сначала нарисовано, неакуратно, заходя за границы =.=..

Далее, снова используем «палец», однако на этот раз размывать мы будем маску, а не цвет на слое

а у меня маски не хотят размываца вообще =\ они не реагируют на палец...

либо просто наложить еще одну маску на группу «цвет» (продублировать слой «цвет1» еще раз и перетащить с него маску на папку, затем удалить ненужный слой без маски)

а зачем так делать? от чего это предохраняет? и что потом размывать то, маску которая оказалась на папке, или каждую маску на слоях в папке?

[Sir Aristocrat]

как цвет изменить?

ctrl+клик по слою в меню слои - выделится цвет на слое. потом его можно легко и просто перекрасить

и как сделать так, чтобы в новых слоях можно было выделить границы там, где была маска на цвете? а не чтоб выделялось то, что было сначала нарисовано, неакуратно, заходя за границы =.=..

чесно говоря, не понимаю смысла вопроса... можно точнее?? -_-

а у меня маски не хотят размываца вообще =\ они не реагируют на палец...

несколько вариантов: от системного глюка до того, что вы просто работаете не с маскоей, а со слоем... чтобы работать с маской, щелкните непосредственно на ней, а не на слое.

а зачем так делать? от чего это предохраняет?

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

[Komoki]

Sir Aristocrat

чесно говоря, не понимаю смысла вопроса... можно точнее?? -_-

ну вот.. как вы сказали, стрл и клик по слою.. и выделяеца цвет который был изначально =\ а изначально я красил неаккуратно, т.к. вы сам сказали "

лучше намеренно не соблюдать границ, ибо так будет проще наложить маску.

вот.. ну и если перекрашивать, то закрашиваеца и то, что я стёр в первом слое на маске.. и как тогда? =\ так и должно быть? нужно на каждой копии слоя подправлять границы чтоли? х_х

несколько вариантов: от системного глюка до того, что вы просто работаете не с маскоей, а со слоем... чтобы работать с маской, щелкните непосредственно на ней, а не на слое.

дык, вот, маска не реагирует =\ цвет на слое растираеца, а на маске нет =\

нада будет ещё попробовать =.= я пока первым способом решил дорисовать)

[Sir Aristocrat]

нужно на каждой копии слоя подправлять границы чтоли? х_х

обратите внимание на второй рисунок снизу, а конкретнее - на маски... чем выше - тем чернее))

[Komoki]

Sir Aristocrat эм.. ну это понятно =.=... всё скрыто, кроме того, что нужно оставить под свет или тень.. а по наружной границе? =\ вот слои слева.. когда вы их копировали, там рисунок всегда оставался с одинаковыми границами побокам?
у меня нет =\ тогда получаеца что чтоб рисунки копировались одинаковые, какие нужно, чтоб не вылазили за границы покраски.. (ну за границы плаща в вашем случае), нужно изначально первый слой красить ровно х_Х а не подправлять потом в маске..
ну.. короче, не знаю, у меня границы при копировании стирались =-= может я что то не то делал.. я ещё не полностью разобрался..

[Sir Aristocrat]

Kevo, хм.. странно... у меня никаких проблем нет с этим... у вас контуры сверху или снизу цвета?

[Komoki]

Sir Aristocrat не знаю х_Х у меня был просто карандашный рисунок.. я сделал один слой поверх и замазал рубашку цветом, неакуратно, кое где выходило за границе на рисунке.. потом сделал маску и чёрный закрасил всё, кроме рубашка, в том числе подправил края.. вот.. потом когда скопировал этот слой, (маска тоже скопировалась) я выделил цвет палочкой, а линия эта, пунктирная, которая двигаеца, она оказывалась по границам того цвета, который я замазал в самом начале, до маски =\ вот.. и само сабой другим цветом заливалось всё что внутри этой линии выделительной било =.= т.е. пришлось опять подтирать по краям... не знаю как так получилось, но по другому почему то не получалось х_Х.. как я уже сказал, может я просто что то не так сделал, не то нажал или не там закрасил х_х.. в первый раз ведь такое делаю х) попозже ещё раз поробую.. надеюсь это я что то перепутал просто...

а скажите, вы знаете как делать разные текстуры на картинках? наример чтоб одежда была в мааленькую сеточку, или там шёлковая +_+ или такая.. как песком посыпанная.. или ребристая оО.. ну вобщем, любая... как такое делать? это же где то выбрать можно в фш такую функцию? я просто не знаю где.. но когда то случайно залезал в незнакомые окошки и что то подобное делал х) (а то постоянно гладкое всё изза размазывания =\.. однообразно немного)

[Sir Aristocrat]

а скажите, вы знаете как делать разные текстуры на картинках? свойства слоя -> узор. там много чего есть...

[Komoki]

Sir Aristocrat а где это? у меня фш на английском =\ я его не понимаю

[омбре]

Люди, читаю посты и удивляюсь! Конечно все узнать нельзя сразу, особенно если вы самоучка. Но включите мозг! иногда помогает. Фотошоп классная штука, но советую к нему изучить еще и векторные программы - порой они очень полезны и необходимы. Это я к вопросу о текстурах и сеточках. А вот вопрос к Sir Aristocrat - вы работли с image ready? Если "да" - то мой вопроос был выше не в этом посте. Разговор шел о плавности движений. То что регулируется все с помощью установок времени кадра и количеством промежуточных кадров - понятно. Но хотелось бы увидеть именно урок практика. Наверняка есть какие-то ссоветы и "примочки".

[Sir Aristocrat]

омбре, поскольку у меня в универе никогда не уделяли должого внимания Шопу, а изучить его еще где-то у нас - нет возможности, то здесь я целиком и полностью самоучка.

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

Соглашусь, с векторами лучше работать в Corel.

вы работли с image ready?

Честно говоря, так и не нашел в нем практического превосходства хоть в чем-то перед Шопом... Если вы меня поправите и укажите на ошибки - буду рад))

Kevo
Дважды быстро щелкните на слое... откроется довольнотаки немаленькое окошко. Там второе подменю снизу. Дальше, думаю, разберетесь.

[Komoki]

омбре

советую к нему изучить еще и векторные программы - порой они очень полезны и необходимы.

если бы кто нить помог их изучить, я был бы не против х_Х

Sir Aristocrat спс =) это не то, что я видел раньше, но там тоже есть прикольные штучки)))

[омбре]

Могу оказать помощь с COREL

[Sir Aristocrat]

омбре, если выложите уроки - можно будет сказать только БОЛЬШУЩЕЕ СПАСИБО, так как с Corel у меня мало опыта - я там только со шрифтами работаю.

[Komoki]

омбре просим просим

[омбре]

Kevo , Sir Aristocrat нужна тема. Если предложите - я к вашим услугам.