Артистия

Объединенные искусством!

Cоветы на Артист и Я

Советы и мнения от профессионалов и любителей искусства
  1. andy
  2. Цифровой арт - советы
  3. 30.07.2013

Шаг 1:

Cначала яиспользовала трассировку сканированного оригинала вкакой-нибудь векторной программе, нопотом поняла, что это слишком уждолго. Лучше сначала четко обвести эскиз чернилами, апотом сканировать. Как только вывыбрали картинку для раскраски, перенесите ееначистый лист бумаги (подробнее обэтом вуроке «Аккуратная обводка»). Чтобы линия была тонкой, рисуйте рисунок большим, иобводите его тонкой ручкой. Если выгде-то заляпайте, топотом можно будет подправить вФотошопе. Сотрите все ненужные карандашные линии идобейтесь идеальной чистоты иопрятности эскиза. Если вынелюбите обводить рисунок ручкой, томожно это сделать просто карандашом. Вполне возможно получить приятный эскиз испомощью карандаша, апотом подправить яркость/контраст вPhotoshop.
Итак, сканируем рисунок иоткрываем вФотошопе. Убедитесь, что картинка находится врежиме RGB. Если это нетак, зайдите вменю Image > Mode иотметьте пункт RGB Color.

Многие люди любят помещать контур нанижний слой, азатем ракрашивать поверх, используя режим «Multiply». Вэтом нет ничего страшного, ноесли вытак сделаете, вы несможете раскрасить сам контур, аэто иногда может сделать картинку очень красивой. Чтобы иметь такую возможность, вам нужно сделать контур напрозрачном фоне, что позволить накладывать цвет позади контура. (как еслибы вынарисовали эскиз напрозрачной пленке). Яобъясню все подробней вследующих нескольких шагах.

Шаг 2:

неправильноправильно

Прежде чем что либо делать, подрегулируйте яркость иконтраст (brightness and contrast) вашей картинки, пока белый нестанет чисто белым, ачерный— глубоко черным. Однако помните, что если выпереусердствуете сконтрастом, выполучите пикселизированную изломанную линию, как накартинке слева. Так что следите, чтобы линия оставалась четкой и сглаженной. Вам еще может понадобиться пройтись повсем неровностям эскиза, чтобы подтереть «лохмотья». Правда, лично уменя иногда нехватает терпения это сделать. Влюбом случае, когда выуменьшите картинку, «лохмотья» частично исчезнут. Моя обводка обычно получается очень неряшливой, ноеще никто этого незамечает, если только янепоказываю имнераскрашенный эскиз. ^_^;

Шаг 3:


Начинаем делать слой сабрисом прозрачным. Сначала дублируем его (правой кнопкой послою > Duplicate layer) . Удаляем первоначальный Background. Создаем новый слой, заливаем его чисто белым цветом ипомещаем назадний план, всамый низ списка слоев.
Теперь унас два слоя: белый фон ислой сконтуром поверх него.

Шаг 4:

Теперь идем вовкладку «Каналы» («Channels»). Щелкаем накнопочке «Загрузить канал, как выделение» («Load Channel asSelection») которая выглядит, как пунктирный кружочек. При этом все белые участки нарисунке выделятся. Непользуйтесь «Волшебной палочкой» («Magic Wand»)! Выделение вэтом случае может получиться неровным илохматым. Язнаю множество людей, которые просто выделяют еюбелые участки итутже ихираскрашивают; это может показаться вам хорошей идеей, ноэто нетак: вокруг контуры остаются ужасные белые точечки. Постарайтесь избежать использования «Волшебной палочки» дотех пор, пока выненаучитесь обращаться снею виртуозно.
…Итак, после того, как выщелкните «Загрузить канал, как выделение» («Load Channel asSelection»), все белые участки окажутся окружены «марширующими муравьями» (термин, которым вшутку обзывают бегущую пунктирную линию, образующуюся вокруг выделения.— прим.пер.)

Шаг 5:

Теперь, убедившись втом, что слой сконтуром активен, нажимаем «Ctrl+X» (незабудьте переключиться наанглийскую раскладку!— прим.пер.) Выделенные участки исчезнут. Снимите выделение, чтобы «муравьи» убрались восвояси. Очень может быть, что линия обводки будет бледноватой - неволнуйтесь, это поправимо :)

Шаг 6:

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

Есть идругой способ— еще раз выделите контур (либо «Волшебной палочкой», либо используя команду «Select > Color range»), затем расширьте выделение на1пиксель («Select > Modify > Expand»)

Шаг 7:

Ну-с, теперь унас есть чистенький ичеткий контур, который готов краскраске из-под низа. :)

Шаг 8:

Создайте новый слой ипоместите его между контуром ибелым задним планом, это унас будет кожа (конечно, выможете начинать раскрашивать стого, что вам больше нравится, нояобычно начинаю сволос или кожи). :) Большинство людей использую «Волшебную палочку», чтобы обозначить область раскраски, ноянахожу этот инструмент очень неточным. Плюс ковсему, при этом подходе около контура будут образовываться неряшливые «лохмотья». Поэтому лучше использовать инструмент «Полигональное лассо» («Polygonal Lasso»). Это занимает немного больше времени, нозато результат себя оправдывает. Вам непридется беспокоиться одырках и«лохмотьях». Все, что вам нужно— это просто обвести регион, который выхотите раскрасить. Может быть немного трудноватым обводить большие области, потому что, начав обводку, еенельзя бросать насередине (врежиме выделения «Полигональным Лассо» документ нельзя подвинуть напанели «Навигатор», поэтому зажимайте пробел идвигайте рисунок мышкой прямо восновном окне— прим.пер.). Если это для вас проблема— используйте инструмент «Перо» («Pen»). Иногда бывает невыносимо нудно обводить сложные участки, например, волосы, ноповерьте, выбудете сполна вознаграждены засвое терпение. :)

Шаг 9:

Как только вывыделили участок кожи (или другой части рисунка), залейте еецветом. Если увас проблемы свыбором корректного цвета, разыщите вСети подходящие рисунки ивозмите цвет оттуда спомощью «Пипетки» («Eyedropper»). Если цвет вам ненравится, его всегда можно откорректировать насвой вкус. Да,перед тем, как раскрашивать, определите, какой свет увас будет нарисунке. Будетли ондневной или сумеречный? Сколь яркой будет луна? Выбор цвета повлияет нанастроение всей картинки, так что возьмите это назаметку.

Шаг 10:

Выделяем другие участки рисунка изаливаем ихцветом. Лучше для каждого участка создавать свой слой, вкрайнем случае следите, чтобы наодном слое цвета некасались друг друга. Благодаря этому потом будет легче накладывать тени. ^_^ Неначинайте затенять, пока нераскрасите все участки базовыми цветами! Иначе может нарушиться общая гамма картинки.
Ярешила, что освещение уменя накартинке будет дневным имягким, поэтому выбрала светлые, слегка приглушенные цвета. Незабудьте, что правильный подбор цветов зависит наобщее настроение картинки, поэтому нежалейте времени наэто. Яобычно долго побираю цвета для кожи иволос, потому что сразу уменя неполучается, чтобы они подходили друг другу идеально.

Шаг 11:

Теперь, когда все области раскрашены однородными цветами, мыможем начать накладывать тени. Я,как обычно, начинаю сволос икожи. :) Незабудьте зафиксировать прозрачность услоя, накотором выраскрашиваете! Это поможет вам ненарушать границы области раскраски исделает затенение гораздо более легким делом. Выбирайте цвет потемнее— ивперед! Если увас есть проблемы свыбором правильного цвета— обратитесь кнаглядному материалу. Явсегда использую картинки других художников, чтобы правильно подобрать цвета, особенно при сложном освещении. Для выделения области затенения яиспользую графический плантшет (обэтом подробнее вразделе «Принадлежности— Компьютер». Чтобы достичь плавных контуров спомощью мыши, используйте «Перо» или «Полигональное лассо» для выделения участков ираскрашивайте ихвручную кисточкой. Есть много различных приемов затенения; выбор завами. Небойтесь экспериментироватьи запаситесь терпением.

Шаг 12:

Можно немного подчернкнуть тени. Если выошиблись свыбором цвета ихотите одновременно поменять его навсех подобных тенях, возьмите его спомощью «пипетки» («Eyedropper»), затем идите вImage>Replace Color именяйте надругой, более подходящий. ^_^

Шаг 13:

Закончив стенями налице, приступим кдругим областям. Яобычно затем раскрашиваю волосы, потому что, как яуже сказала раньше, явообще люблю ихраскрашивать. :) Волосы затеняются аналогично лицу: берется цвет потемнее базового и— вуаля. Убедитесь, что общая цветовая гамма рисунка (теплая или холодная) выдержана . Если свет налицо падает слева, тоинаволосы онтоже должен ложиться слева . Заостряйте внимание навсех областях, куда падает тень, ипомните, что можно пользоваться готовыми примерами.

Шаг 14:

Если хотите, наложите еще один слой теней— это придаст картинке больший объем. Нестесняйтесь также накладывать блики. Яздесь нестала этого делать, потому что унего неблестящие волосы, ноесли вывсеже займетесь наложением бликов, ярекомендую делать это нановом слое. Блики, накладывающиеся вотдельных местах натень, помогают сделать волосы (или еще что-нибудь) действительно блестящим. Наложение лучше производить именно нановом слое: если выошибетесь, вынеповредите существующую тень.

Шаг 15:

После раскрашивания волос илица язанялась головным убором. Яхочу пройтись покамешкам исделать ихпросто таки сверкающими. ^_^ Это может показаться сложным, ноэто нетак. Начните ссоздания темной области вцентре камня. Ясделала это еще настадии эскиза, так что теперь надо всего лишь размазать ееинструментом «палец» («Smudge»). ^_^

Шаг 16:

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

Шаг 17:

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

Шаг 18:

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

Шаг 19:

Прокрасьте остальные детали. Следите заправильностью местоположения теней.

Шаг 20:

Помните, еще вначале ясказала, что цветная обводка может придать картинке больше жизни? Нучто ж,теперь выможете вэтом сами убедиться. :) Отметьте слой сконтуром, зафиксируйте его прозрачность ираскрашивайте! Для волос яиспользовала цвет тени— темно-голубой; для кожи— темно-телесный . Это заставляет контур какбы спрятаться, новсе еще отмечать края. Сравните эту картинку стой, что повыше. Видите разницу? Она довольно трудно различима, ноповерьте моему опыту, ваша картинка стала выглядеть более опрятно (особенно, если линии были толстыми)

Шаг 21:

Как только вызакончите раскрашивать картинку, вам может захотеться добавить кней задний фон. Даже небрежный «задник» может заметно оживить вашу работу. ;) Ябыстренько набросала фон, состоящий издомиков игор, ипоместила его назамый нижний слой. Потом ясделала его прозрачным, как описано вчасти 1.Может быть былобы немного лучше, еслибы ясразу предусмотрела фон впервоначальном варианте; япросто вспомнила обэтом уже после сканирования основного эскиза. ^_^; Влюбом случае, убедитесь, что обводка прозрачна.

Шаг 22:

Залейте фон базовыми цветами, используя «полигональное лассо». Да,язнаю, что мой фон— несамый лучший вмире, ноэто мой первый опыт ручного рисования «задника», так что простите меня. ^_^

Шаг 23:

Добавьте теней взадний фон, чтобы онневыглядел столь плоским. Обычно хорошо помогает использование наглядного материала; про вас янезнаю, нолично янахожу раскраску природного пейзажа сложным делом. ^_^ Это все потому, что янепрактиковалась вэтом… ^_~

Шаг 24:

Раскрасив «задник», ядобавила немного световых эффектов. Яустановила «Линзу» («Lens Flare») слева над горой (это тот редкий случай, когда она уместна, так как ееобычно видно только тогда, когда солнце светит прямо ккамеру), ипротянула несколько лучиков света. Чтобы нарисовать лучи, ясоздала новый слой поверх моего фона, взяла «полигональное лассо», выделила области ввиде длинных треугольников, залила ихчистым белым цветом, размыла ихчуть-чуть «размытием поГауссу» («Gaussian Blur») поставила режим слоя на«Мягкий свет» («Soft Light») ипоставила прозрачность слоя на70%.

Шаг 25:

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

Шаг последний!

Теперь точно готово! :) Теперь надо сохранить файл. Илучше его сжать. Однако, если увас хватает места надиске, можно оставить ивысококачественный оригинал. Но,если высобираетесь поместить рисунок вИнтернет, ноондолжен быть сохранен либо вформате GIF, либо вJPG. Нет ничего хуже, чем ждать полтора часа, пока модем вытянет изсети полуторамегабайтный файл только потому, что кто-то его несжал. Чтобы уменьшить объем файла, идите вменю «Layers > Flatten Image». Эта операция объединит все слои. Если это несделать, нельзя будет сохранить картинку вформате JPG (вPhotoshop 6.0 ивыше можно!— прим.пер). Необходимо будет еще уменьшить ширину ивысоту картинки— первое лучше делать неболее 800пикселей; Далее идем вменю «File > Save as» ивыбираем тип файла JPG. Когда спросят, выберем степень компрессии для файла. Яобычно ставлю 6-7, это наилучшее соотношение объем/качество. Поверьте мне, разница между силой сжатия 10и7трудноразличима наглаз. ^_^
(Если выработаете вPhotoshop 6ивыше, можно воспользоваться пунктом меню «File > Save for Web»)

Хотя впоследнее время модно говорить, что «Фотошоп» непригоден для рисования, явсёже считаю, что для создания работ определенных стилей эта программа просто незаменима. Лично ялюблю яркие постеры сгероями аниме. Понятия неимею, спомощью каких материалов они нарисованы, нов«Фотошопе» повторить этот эффект несложно.

Отом, как это сделать, ярасcкажу напримере вот этой работы. Использовавшиеся материалы: бумага формата А4(CopyRex), карандаш автоматический (Pilot SuperGrip 0,5), тушь черная (Гамма), перо №41,компьютер (P-III), сканер, мышь (Dexxa Optical), Photoshop 6.0, четыре чашки кофе, пакет пряников, одно яблоко плюс очумелые ручки. По-моему, ничего особенного ^_~

Итак, ярисую обычно набумаге формата А4или больше. Контуры рисунка карандашом яобвожу тушью. Поэтому после сканирования яимею ровные чистые линии. Сканирую вч/б режиме исразрешением 300dpi.

Открыв скан рисунка в«Фотошопе», янеуменьшаю его размеры. При желании это, конечно, можно сделать, нояневижу смысла. Уменьшить рисунок можно после окончания работы. Сохраните свой рисунок вформате PSD. Меню: «File => Save».

Совет! Сохраняйтесь как можно чаще, особенно перед особо «опасными» экспериментами виспользовании возможностей программы. Иимейте две копии сохраненной работы. Это незанимает много времени, нозато вам неудастся испортить своими экспериментами рисунок безвозвратно (бывает итакое =_=). Увас всегда будет куда отступить иначать сопределенной точки.
Иногда, чтобы добиться чистоты ичеткости линий, нужно изменить яркость иконтраст. Меню: «Image => Adjust => Brightness/Contrast»
Надеюсь, что все, кто читает этот материал, знакомы хотябы поверхностно спалитрами иинструментами «Фотошопа», поэтому янебуду вдаваться визлишние подробности. Обращу лишь внимание напалитру Layers («Слои»), тусамую, что находится вправом нижнем углу программы (рис.слева).
Итак, спомощью ластика или кисти яубираю все помарки: пятнышки, неровные линии (отпечатки пальцев ^^). Иногда необходимо что-то подправить или перерисовать. Яделаю это также кистью , реже карандашом .
Совет! Пользуйтесь клавишами быстрого доступа! Это намного ускоряет работу. Например, чтобы отменить какое-либо действие, достаточно нажать [Ctrl+Z].
После этого напалитре Слои яперевожу рисунок изобычного режима («normal») врежим умножения («Multiply»). При этом выможете назвать слой срисунком как вам удобнее. Яредко это делаю. Обычно, как ивэтом случае, все слои уменя имеют номера поумолчанию. Хотя при большом количестве слоёв это неудобно. Неленитесь как яидавайте каждому слою понятное название ^_^

Нучтоже, теперь приступаем крисованию. Создаю новый слой ирасполагаю его ниже рисунка. Обычно я начинаю сфона, ноздесь мне хотелось оставить его белым. Выделяю тело правой девушки (да,это Утэна ^.^) изаливаю выделенную область выбранным цветом (внимание! заливать нужно новый, чистый слой, расположенный ниже рисунка!).

Совет! Чтобы снять выделение нажмите [Ctrl+D].
Теперь язаймусь тенями. Для этого можно создать новый слой, а можно воспользоваться уже существующим. Яникогда неразмечаю тени заранее нанаброске, а«леплю» объем уже впроцессе работы. Только незабывайте обисточнике света, чтобы правильно распределить тени. Например, яздесь испортила лицо Утэны, неверными тенями, нозамечу свою ошибку позже. Наэтомже этапе ярисую глаза. (Подсказка: для бликов ясоздаю слой над рисунком с режимом normal).

Тоже самое яповторяю, когда рисую кожу Химемии. Заметьте, что новый слой («Layer 8») ярасполагаю еще ниже.


Нетрудно догадаться, что волосы ярисую точно также, как икожу.

Подсказка: яначинаю сосновного цвета волос, затем кладу тени и,впоследнюю очередь, света (блики).

Авот ирезультат работы. Яисправила лицо Утэны, убрав снего тень, добавила фон (так как решила, что набелом фоне эти фигуры выглядят слишком ярко) идобавила как элемент оформления рамочку изслов ^^ Сохраняю рисунок для себя вбольшом разрешении. Для того, чтобы выложить рисунок вСеть, яменяю его размеры. Прежде всего склеиваю все слои. Меню: «Layer => Flatten Image». Далее меняю разрешение иразмер. Меню: «Image => Image Size.»
Пожалейте пользователей Интернета иневыкладывайте рисунки размером более 100kb.Неу всех хватит терпения загружать рисунок размером вполмегабайта. Я,как правило, выкладываю рисунки сразрешением в72пикселя надюйм иразмером неболее 600пикселей ввысоту. Большего размера требуют работы свысокой детализацией. Втоже время неследует иочень уменьшать рисунки.
Ивзаключение— небольшая просьба. Яписала этот материал прежде всего для начинающих. Нотак как сама пользуюсь «Фотошопом» уже давно, томогла упустить какие-то тонкости, так как считаю ихсамо собой разумеющимися.
Совет! Нежалуйтесь наотсутствие увас планшета или супер-пупер навороченной мышки. Да,существуют стили ипрограммы, используя которые, трудно обойтись без графического планшета. Ноипри его отсутствии можно создавать великолепные работы. Вот примеры: работы вPhotoshop иработы вPainter’e. Точно также дорогая бумага иперья изЯпонии несделают извас художника (хотя попонтоваться всегда приятно ^^). Вобщем, как говорится, плохому танцору… ^_~ Ненойте, арисуйте, рисуйте, рисуйте!
Несмотря на то,что вэтом уроке процесс обработки ираскраски картинки показан напримере персонажа Annah изигры Planescape: Torment, данный урок отнесен именно враздел «Обработка», анев«Персонажи», так как очень подробен ипо сути подходит именно вэтот раздел.

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

Используемая вами техника рисования не имеет значения, поскольку она неотразится наготовой картинке. Некоторые используют геометрические формы, такие как шары, цилиндры иконусы. Это может послужить хорошим приемом в том случае, если вы— начинающий врисовании, иеще неразработали свою методику. Япривык использовать базовые скелетные фигуры срасположением всех связующих элементов внадлежащих точках. Сложно пояснить это вкратце, поэтому яприбегну кнаглядному пояснению посредством цилиндрических форм. Разница невелика, номыперешли ктрехмерному отображению. Наданном этапе яобычно непрорисовываю грудную клетку.

Пропорции
Вданном руководстве янемогу сказать много пропорциях человеческого тела. Если увас возникают сомнения относительно анатомических пропорций тела человека, почитайте другие уроки наданном сайте, аименно раздел «Тело». Некоторые замечания: вженской фигуре ширина бедер должна примерно соответствовать ширине плеч, втовремя, как в фигуре мужчины плечи должны иметь ширину большую, нежели бедра.

Воплощение фигуры
Набросок скелета сам посебе неслишком привлекателен. Необходимо придать ему «очертания плоти». Если выпользуетесь техникой рисования спомощью геометрических фигур, вам фактически необходимо обрисовать заданные фигуры тонкими линиями. Однако наданном этапе мой метод подразумевает более детализированные знания анатомии, например строения бедренной кости. Вданном случае яснова рекомендую вам ознакомиться скнигой Лумиса (Loomis) для более точного понимания структуры мышечной системы человека.

Не подумайте, что наданной стадии ярисую обнаженную фигуру персонажа лишь потому, что я— грязный извращенец :). Анатомические детали крайне необходимы для предотвращения неверной прорисовки одежды.

С чего начать?
Натом этапе, когда пропорции тела ипоза приведены вдолжный вид, яприлагаю дополнительные усилия для совершенствования деталей головы илица. Лицо— важнейшая часть персонажа (разве только после пропорций). Если лицо выглядит неудачно, персонаж небудет смотреться хорошо, несмотря даже нато, что остальные детали рисунка выполнены достойно. Когда вы начнете отрабатывать прорисовку отдельных частей тела, вы поймете, что лицо икисти рук требуют значительно большего внимания. Специальное замечание относительно этой картинки: наданном этапе груди персонажа изображены несколько приподнятыми вверх, так как водежде они должны будут выглядеть именно таким образом (несмотря нато,что одежда наданном этапе отсутствует).

Детали иодежда
После того, как выполностью стерли направляющие линии скелета ипрочих вспомогательных деталей, следует приступить кизображению одежды идополнительных аксессуаров. Данная процедура зависит исключительно отспецифики персонажа, ипоэтому янедаю определенных советов. Выдолжны тщательно прорисовать детали, чтобы ваша картинка невыглядела небрежно. Сдругой стороны, некоторые поверхности лучше незагромождать излишними деталями.
Сканирование изображения
Сканируйте изображение вдвойном разрешении относительно того, вкаком разрешении выхотите получить законченную картинку. Как правило, ясканирую набросок формата A4в разрешении 120dpi.

Никогда несканируйте изображение вчерно-белом режиме. Тоже относится ктрадиционным чернильным наброскам. Даже будучи вдействительности черно-белым изображением, полученная битовая палитра выглядит «пикселизованной», исключая теслучаи, когда сканирование производится вгигантских разрешениях. Сканируйте врежиме «шкалы серого» (Grayscale) инеобращайте внимания на«мусор» вгамме серого цвета. Увеличивайте яркость иконтрастность изображения дооптимального уровня уменьшения «замусоривания», затем выберите вредакторе инструмент «кисть» (Paintbrush) иочистите рисунок врежиме высокого увеличения дополучения оптимального «незамусоренного» изображения. Всегда сохраняйте промежуточные копии изображения вформате PSD или влюбом другом формате без алгоритма компрессии. При необходимости публикации вашей картинки выможете сохранить ееповторно как копию вформате JPG (или влюбом другом формате).

Перед тем, как обводить ираскрашивать эскиз, неплохо былобы запостить рисунок накакой-нибудь художественный форум (например, на АртистиЯ.), чтобы послушать, что скажет народ поповоду пропорций. Итолько потом, сучетом всей критики, приступать кдальнейшей работе.

Обводка вручную
Впервую очередь, если выпользуетесь мышью (т.е. увас нет цифрового планшета) якрайне рекомендую неприменять методику цифровой обводки. Вцелях использования традиционной методики обводки возможно вам придется увеличить яркость иуменьшить контрастность вашего наброска, чтобы цвет наброска приобрел оттенки слабо-серого набелом. Затем распечатайте набросок вмаксимально возможном для вашего принтера формате. Лучшим условием для обводки является отсутствие следов карандаша набумаге, таким образом вам непридется беспокоиться относительно испорченного оригинального карандашного наброска. Незабывайте сканировать законченный обведенный рисунок вшкале серого (Grayscale) воизбежание «пикселизации».
Цифровая обводка
Обычно явырезаю отсканированный набросок ипомещаю его насобственный слой. Затем яуменьшаю его непрозрачность (opacity) до25%. Яполагаю, что вам необходимо будет также увеличить яркость изображения. Затем создайте новый слой для обводки (Lineart). Установите режим слоя в«Умножение» (Multiply), тогда высможете применять белый цвет для стирания, незатрагивая самого чертежа. (ВPhotoshop нажмите [D] для установления черно-белой палитры поумолчанию. Вы можете переключаться между режимами нажатием [X]).

Инструментарий
Яиспользую увеличение 300% иставлю короткие пятна «жесткой кисточкой» (Hard paintbrush). Даже применяя такую технику мне редко удается получить законченную обводку спервой попытки, имне приходится производить повторное сглаживание или утончение сиспользованием белого. Эта техника требует больших затрат времени посравнению страдиционной обводкой, новданном случае отточенность линий достигает законченности, что помоему мнению оправдывает данную методику.

Линии различной толщины
Рисунок выглядит уныло, если все линии его обводки имеют одинаковую толщину. Несравненно легче варьировать толщину линий, используя цифровую обводку, нежели каждый раз менять размер кисти для каждого фрагмента наброска. Вданном случае япрорисовываю каждую линию несколько раз дотех пор, пока небуду удовлетворен полученной толщиной. Япривык рисовать толстыми линиями, носейчас предпочитаю более тонкие.
Где следует делать линии толстыми, игде неследует
Вобщем, линии, описывающие контуры тела, одежды ипрочих объектов, должны быть изображены более массивными посравнению слиниями, изображающими детали. Выможете также изобразить более тонкими линии, направленные кисточнику света, втовремя как линии втени будут толще.
Специальные приемы
Рисуя эту картинку, ярешил, что татуировка недолжна иметь собственного контура. Цифровая обводка неимеет большинства ограничений, свойственных традиционной обводке, поэтому ясоздал дополнительный слой под рабочим слоем (слой «Lineart» впредыдущем примере) ираскрасил татуировку серым цветом, таким образом вдальнейшем ясмогу закрепить (Lock) еепрозрачность ираскрасить цветом отдельно. Простой эксперимент. Высможете отыскать огромное количество маленьких трюков ииспользовать ихвразличных целях.
Последние штрихи
Обводка завершена, итеперь можно удалить слой наброска. Если выиспользовали белый цвет при обводке, товыдолжны избавиться отнего наэтом этапе для того, чтобы вдальнейшем смогли закрепить прозрачность обведенного наброска ираскрасить линии. Выделите весь рисунок [Ctrl-A] наслое обводки, вырежьте его [Ctrl-X], введите маску [Q], вставьте выделенный фрагмент [Ctrl-V], закройте маску [Q], инвертируйте выделенное [Ctrl-Shift-I] изаполните выделенный фрагмент черным. Наслое неостанется белого цвета. Сохраните рисунок вновом файле исмените его цветовой режим наRGB— теперь все готово краскраске.
Зачем нужен сплошной цвет?
Используя «сплошной» цвет, высможете вдальнейшем выделять цветовые области впределах слоя спомощью «волшебной палочки» (Magic Wand), даже после наложения тени. Япредполагаю, что вызнаете отом, что выделение областей закрашенных градиентом при помощи «волшебной палочки» практически невозможно. Если ввашем компьютере достаточно много памяти, выможете попытаться поместить каждый цвет вотдельный слой… Тогда высможете красить пообласти сплошного цвета, ивтоже время сможете выделить область базового цвета если вам понадобится возвратиться кданному этапу.

Если выследовали указаниям, приведенным выше, перед вами должен находиться доработанный «прозрачный» обведенный рисунок, расположенный вотдельном слое иработающий внормальном режиме редактирования. Впротивном случае (если выневыполняли обводку цифровым методом или раскрашивали чужой обведенный рисунок), выможете либо расположить готовый обведенный набросок наотдельном вышестоящем слое иизменить его режим на«Умножение» (Multiply), либо вернуться выше, кизучению советов поцифровой обводке, ивыполнить действия, указанные вразделе «последние штрихи».


Инструментарий
Создайте новый слой ипоместите его под тем слоем, накотором расположен слой обводки (как было указано выше ). Ничего недолжно находиться нафоновом слое, таким образом смените цвет фонового слоя натот, который непланируете преимущественно использовать враскраске (вданном случае— светло-зеленый). Если выоставите фоновый слой белым, будет легко забыть обособенностях прорисовки белых элементов (как вданном случае— глаза изубы). Кроме того, если они останутся прозрачными, это скажется при добавлении конечного цвета фона.

Для выполнения раскраски сплошным цветом япредпочитаю использовать инструмент «карандаш» (Pencil) при увеличении 300%. Если выпользуетесь мышью, вам это несоставит особого труда. Использование инструмента «лассо» (Lasso) без применения анти-элейзинга (Anti-Aliasing) дает такойже результат. Сохраняйте весь слой врежиме «Aliased», так как области, помеченные атрибутом «Anti-Aliased» нетак легко выделить «волшебной палочкой».

По завершении указанных действий картинка должна выглядеть следующим образом:

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

На этой картинке первичный источник света (белый) находится втом направлении, куда устремлен взгляд персонажа, авторичный (голубой)— слева (если смотреть снашей стороны). Использование вторичного источника света дает рисунку больше глубины. «Холодные» цвета являются хорошим решением для вторичного «подсвечивания».

Качество вашего рисунка вомногом зависит оттого, правильноли выиспользуете эффекты источников света иналожение теней. Источники цвета наиболее важны даже посравнению сомногими техниками раскраски.


Затенение
Янакладываю тени впрограмме Painter (исключая теслучаи, когда необходимо применить «затенение ячейками» (Cell shading), тогда япредпочитаю Photoshop иего инструмент «ручка» (Pen tool), источник света также является важнейшим условием при затенении ячейками). Painter версии 7работает сослоями также, как Photoshop, ионтакже поддерживает формат PSD, поэтому обе эти программы можно применять совместно. Однако ясмог сделать точно такоеже затенение вPhotoshop без особых усилий, поэтому отсутствие увас Painter 7невызовет больших трудностей. Выможете использовать Photoshop, однако вPainter 7модуль раскрашивания несколько более совершенный, новостальном ихразличия для данного примера заканчиваются.

Создайте новый слой между слоем сплошного цвета ислоем обводки (или просто создайте дубликат слоя сплошного цвета). Выберите «волшебную палочку» иснимите пометку «прилегающий» (contiguous). Затем отметьте область цвета подлежащую затенению наслое сплошного цвета, иначните раскраску нановом слое. Старайтесь использовать больше вариаций тонирования, помимо более темных или более светлых тонов исходного цвета, чтобы получить более «живую» картинку. Непользуйтесь «умножением» (Multiply) наэкране, выбирайте цвета сами.

Текстуры
Существует множество способов наложения текстур. Выможете использовать готовые текстуры или создавать свои, можете «задымлять» фон, ит.д. Вэтих целях яиспользую инструмент «Стилевая ручка» (Pattern pen) вPainter, однако выможете пользоваться эффектом «Liquify» втекстурах Photoshop. Текстуры располагаются поверх области затенения методом наложенного слоя. Экспериментируйте, достигая желаемого результата, неверного метода несуществует.

Перестаньте любоваться этой грудью иобратите внимание натекстуру! =P
Раскрашивание наброска
Ничего особенного наданном этапе нет. Если высоздали сделали набросок действительно прозрачным (методом инвертирования маски, как пояснялось впредыдущих примерах), вам остается только «закрепить» прозрачность («Lock Transparency»), итогда высможете раскрашивать рисунок полиниям (втовремя, как вдействительности слой наброска выбран текущим). Таким образом можно создать действительно красивые эффекты. Вданном примере яраскрасил только татуировку.
Фон
Одноцветный фон скорее всего небудет лучшим решением для рисунка (хотя снабженный хорошей композицией онможет выглядеть действительно приятно). Тем неменее, если картинка является простым изображением позы, нет особенной необходимости рисовать «реалистичный» фон. Простой фон спродуманной композицией вданном случае будет смотреться более эффектно, нежели панорама окрестностей. Однако детализированный фон помогает созданию атмосферы рисунка, ивам следует всегда помнить обэтом.
Закончення работа
Яувеличил часть наброска иуменьшил его «непрозрачность» (Opacity), затем добавил белые фрагменты сверху иснизу рисунка, инаконец применил «градиент насыщенности» (Saturation gradient). Ярешил, что этого достаточно. Обрисовка персонажа белым была сделана путем объединения слоев персонажа, создания нового слоя под текущим слоем, выбора слоя персонажа, расширением слоя изаполнения его белым цветом.

Закончили! =)

source: drawmanga.ru

  Moscow, Russia
Посещение 
Комментарий
Никаких комментариев пока не создано.


На это сообщение еще не было ни одного ответа.
Однако, Вы не можете отвечать на это сообщение.