Предупреждение: этот урок не для новичков. Он рассчитан на тех, кто разбирается в Photoshop и хочет улучшить свои знания/навыки. Если вы понятия не имеете о том, что такое радиальный градиент (radial gradient) и clipping mask, не ориентируетесь в режимах наложения (blending mode) и не обладаете хорошими навыками рисования, то этот урок скорее всего не для вас. И, конечно же, у вас должен быть графический планшет, было бы безумием попытаться нарисовать нечто подобное мышкой.
Все еще читаете? Отлично! В сети можно найти тысячи уроков, которые рассказывают об использовании "горячих" клавиш и различных кистей. Но очень малая часть из них рассказывает о том, почему мы сделали именно то, что сделали, когда создавали наше художественное произведение, что очень часто гораздо важнее, чем описание того, как вы этого добились. В этом уроке мы будем использовать несколько кистей, которые можно скачать
здесь.
Вот такую картинку мы попытаемся нарисовать:
Что побудило меня на создание этой работы? (или "Нет, он не всегда был деревом!")Для тех, кто никогда не играл в игру The Legend of Zelda: Majora’s Mask я кратко расскажу предысторию этого изображения. Все игры о Зельде завязаны на борьбе с тьмой. Но Majora’s Mask была первой игрой, в которой персонажи заглянули на темную сторону. Главный герой Линк (Link) оказывается в стране Термина (Termina). Он находит заклинание (маску Деку), которое превращает его в человечка Деку (странное маленькое существо, похожее на дерево). Загадочный демон в маске, известный как Скул Кид (Skull Kid), заставляет Луну сойти с орбиты и обрушиться на Термину. Трансформации в игре всегда выглядели очень мучительными; Линк каждый раз кричал от невыносимой боли. Мне всегда казалось, что идею с трансформацией можно развить, так почему бы не сделать это самому?
Забавный факт: когда Линк был в человеческом обличье, собаки его игнорировали, когда же он был Деку они были агрессивны и кусали его. Как будто бы просто быть дерево недостаточно плохо! Ну, по крайней мере, они не путали его с гидрантом...
Шаг 1: Хорошая основа (или "Как получить горячий напиток, приложив минимум усилий")В первую очередь, откройте Photoshop и создайте документ А4 300 dpi. Создайте грубый набросок, используя кисть "dc colouring opacity” (из загруженного ранее набора кистей) светло-синего цвета. В самом начале определитесь с позой персонажа и обдумайте общую композицию. Не беспокойтесь о деталях, пока не создадите скелет (основу). Всегда помогает, если встать и принять позу, которую собираетесь использовать, чтобы лучше понять, как именно расположить главного героя. Если есть возможность, попросите кого-нибудь принять нужную позу, сфотографируйте и используйте в качестве референса. К тому же вы можете использовать этот материал для шантажа, когда захотите бесплатную чашечку чая.
Шаг 2: ЛинииКогда будете довольны грубым наброском, создайте новый слой ‘lines’ и обведите вашего персонажа, используя кисть ‘ink’ (из загруженного набора).
Шаг 3: Добавляем цветДалее, используя paint bucket tool, залейте фон подходящим оттенком синего цвета. Это, во-первых, придает картине настроение, а, во-вторых, избавляет от белого пространства. Мало того, что белые интервалы могут немало смутить, так еще и раскрашивание поверх белого нарушит ваше цветовосприятие.
Все еще используем кисть ‘ink’; закрасьте ваше изображение однородными цветами (слои располагаются под ‘Lines’). Убедитесь, что смежные цвета располагаются на отдельных слоях (так легче будет наносить тени), поэтому раскрасьте кожу на одном слое, одежду на другом, который находится над слоем с кожей, его странные ветки-волосы - на третьем и т.д.
Шаг 4: ФонОткройте референсы. Как вы можете видеть, все изображения, взятые из игры немного темные, искривленные и жутковатые. Постараемся сделать так, чтобы наш фон вызывал похожие ощущения. Используя кисть "inking opacity”, наметьте базовый фон с простыми кустами и деревьями. Убедитесь, что всё на вашем фоне указывает на фокальную точку (например, все ветки направляют взгляд на Линка). Помните, что чем ближе мы к объектам, тем более насыщенными они выглядят. Поэтому используйте менее насыщенные цвета на деревьях, которые находятся вдали, чтобы отодвинуть их на задний план.
Шаг 5: Да будет светСейчас мы добавим источники света: маленькую фею по имени Татл (спутницу Линка) и луну. В начале не будем заморачиваться и добавим их в качестве референса, чтобы определиться с расположением теней на Линке. На слое ‘skin’, используя airbrush яркого желто-оранжевого цвета, нарисуйте простой круглый отблеск перед Линком. Проделайте тоже самое кистью белого цвета, чтобы определить местоположение луны.
Шаг 6: Больше элементов на фоне.Добавьте горы на заднем плане и нарисуйте сову на ветке, направленной на Линка. Пока что добавьте только силуэт совы, тщательнее проработаем его на более поздних стадиях. Используйте текстурную кисть, чтобы земля выглядела более разнообразной. Не нужно использовать какую-то специфическую кисть, это только для того, чтобы земля выглядела более разнообразной именно на этой стадии. Это некое неясное размещение объектов, которое поможет вам почувствовать создаваемое окружение.
Шаг 7: Волшебная сила clipping masks.Теперь для каждого слоя с однородными цветами создайте две clipping masks (создайте новый слой и установите галочку "use previous layer as clipping mask”, затем нажмите ОК). Измените режимы наложения всех верхних clipping masks на overlay, а нижние оставьте без изменения. Назовите слои Skin_normal, Skin_overlay, Hair_normal и т.д. Использование clipping masks позволяет добавить базовые тени к каждому слою и не надо беспокоиться о выходе за края: просто, но гениально!
Шаг 8: Налаживаем отношения с тенямиНачнем добавлять базовые тени на кожу, используя кисть ‘inking opacity’ на слое Skin_normal. Представьте, что вы рисуете 3D объект, так вам будет проще понять, как источники света влияют на распределение света и тени на Линке.
Шаг 9: Мылим, полощем, повторяем...Далее нужно повторить предыдущий шаг для одежды, ботинок и волос, используя ту же кисть на слоя Clothes_normal, Hair_normal и т.д. Используйте мягкую airbrush, чтобы создать странный огненный блеск в глазах Линка, а затем круглую твердую кисть для добавления деталей.
Шаг 10: Изоляция (или "ты такой прозрачный")Небольшой совет, который пригодится тем, кто любит сохранять рабочие линии на финальном изображении. Блокируйте прозрачность слоя ‘lines’, нажав на значок маленькой шахматной доски на палитре слоев. Это будет означать, что вы воздействуете только на существующие пиксели, а не создаете новые на этом слое. Таким образом, вы можете раскрашивать линии прямо на слое ‘lines’. Используйте цвета темнее самых темных оттенков на каждом слое (например, очень темный зеленый цвет для обводки одежды Линка).
Шаг 11: Лунный светНа слое Lines вы также можете добавить эффект Rim Lighting (обводящий эффект) для выделения Линка на фоне декораций (например, лунный свет на его шляпе и свет на руках Линка, отбрасываемый феей Татл), выбрав белый или ярко-желтый цвета и рисуя поверх линий.
Добавьте лунный свет на Линка, используя inking opacity brush светло-синего цвета (никакого белого цвета, он будет смотреться слишком насыщенным). Не добавляйте слишком много лунного света, с нашей точки зрения он практически закрыт Линком.
Шаг 12: ГрадиентыЗаблокируйте прозрачность слоя "skin" и залейте слой радиальным градиентом, чтобы точнее показать свет, излучаемый феей и создающий отблеск на руках Линка, используя мягкий желтый цвет и opacity 25%. Чем ближе вы к источнику света, тем более насыщенным должен быть желтый цвет. Чтобы добавить вариативности и яркости освещению, повторите это действие на слое "Skin_overlay". Добавьте более детальные свет и тени на Линке, используя inking opacity brush, и не забудьте раскрасить ярко-желтым линии на его руках для создания rim lighting.
Шаг 13: Режим наложения overlay.Создайте новый слой и назовите его ‘Blends’, расположите его под ‘lines’. Измените режим наложения на ‘overlay’ и выберите radial gradient tool. Мы хотим создать эффект рассеивания, который возникает, когда свет ударяется о поверхность. Выберите светло-синий цвет для участков, где лунный свет попадает на Линка, и светло-желтый цвет для участков, где на него попадает свет от феи. Кликните в точку, где всет ударяется о поверхность и потяните градиент наружу, чтобы создать едва различимый взрыв отраженного света. Помните, что у разных поверхностей различная отражательная способность, поэтому результат может варьироваться. Добавьте больше блеска в глазах на этом слое, используя желтый радиальный градиент. Добавляйте тени по ходу; по мере того, как вы добавляете больше света на изображение, становится более понятным расположение теней (например, вдоль углублений на его волосах).
Шаг 14: Режим наложения overlay снова идет в атакуВы также можете на слое ‘blends’ добавить цветовые вариации Линку (например, используйте красный цвет с низкой насыщенностью для румянца на щечках, мягкий оранжевый на ботинках и зеленый на шляпе). Прелесть слоев с режимами наложения overlay и soft light, заключается в том, что они добавляют яркость, не закрывая при этом существующие детали. Они очень полезны при редактировании цветов налету.
Теперь потратьте немного времени на совершенствование света и тени: добавьте маленькие детали такие как свет и тени в углублениях на теле Линка, чтобы его кожа стала более древовидной.
Шаг 15: Испачкайтесь! (или остерегайтесь сточных канав)Люди часто жалуются, что работы, создаваемые подобным образом выглядят очень чистенькими и искусственными, поэтому используйте grimy texture brushes на слоях clipping masks с режимом наложения overlay, чтобы немного загрязнить изображение. Линк в данный момент наполовину дерево, так что тут у вас огромное пространство для экспериментов с текстуризацией. Более того, учитывая, что он находится в лесу, добавьте грязь на его одежду и потертости на ботинки. Всё должно выглядеть поношенным. Проделывайте все это на слоях overlay, чтобы не потерять существующие детали.
Шаг 16: Рассказ о ТатлРуководствуясь желанием создать более "реалистичную" фантазию, я решил придать Татл более человекоподобную форму. Я сохраняю ее цвет и четыре крыла, но, используя inking opacity brush бело-желтого цвета, добавляю явные очертания женской фигуры; чем больше элементов зритель сможет соотнести с реальностью, тем дальше вы сможете продвинуться в своих фантазиях и при этом всё происходящее на картине будет выглядеть вполне правдоподобно. Несмотря на то, что Татл все-таки фея, человеческое обличье вызовет больше эмоций, чем простой яркий свет. Из-за наличия формы она будет казаться зрителю более настоящей.
Создайте слой ‘pixie dust’. Используя airbrush желтого цвета с низкой opacity, а затем speckled brush с opacity 60% добавьте частички волшебной пыли, оставляемой феей при полете. Смешайте очень светлый желтый и белый, чтобы придать им глубину.
Шаг 17: Заволакивание облакамиДля создания неба смешаем синие цвета; никаких черных цветов при полной луне. Примените радиальный или линейный градиент на слое background, чтобы получить цветовые вариации (верхняя часть должна быть самой темной). Создайте новый слой над тем и, используя главным образом airbrush, а также некоторые cloud brushes, нарисуйте облака. Начните с темной основы, а затем добавьте светлые цвета.
Шаг 18: Звезда появляется! На новом слое под "cloud" нарисуйте звезды, используя star brush. Меняйте диаметр и opacity кисти в зависимости от расстояния до звезд. Используйте смесь желтого и blue-ish whites. Затем примените Gaussian blur с небольшим радиусом, чтобы смягчить звезды, также примените Gaussian blur к облакам.
Шаг 19: Урок ландшафтной архитектурыСоздайте новый слой над background, stars и clouds и назовите его ‘mountains’. Используйте синий цвет с низкой насыщенностью для проработки гор. Как вы заметите мои первые горы получились слишком детальными и немного тупыми, поэтому в дальнейшем я их изменил. Позже, я закрасил большую часть деталей на горах, так как они находятся слишком далеко и не могут так хорошо просматриваться. Затем я сделал их более драматичными и зазубренными, чтобы придать им зловещий вид. Обратите внимание, что самый большой пик указывает на одну из второстепенных фокальных точек - луну. Используя airbrush (у этой кисти мягкие края, она идеально подходит для создания объектов, находящихся на расстоянии), добавьте город часов на слое над горами (используйте немного более темные и более насыщенный синий цвет). У меня стилизованное представление о городе часов, так как всё выглядит более искривленным и изогнутым, по сравнению с реальностью.
Добавьте еще один слой между горами и городом и, используя airbrush светло-серого цвета, создайте туман, собирающийся у подножия гор.
Шаг 20:На новом слое, используя кисть светло-синего цвета, наметьте очень тонкую тропу, начинающуюся от города часов и ведущую вниз к Линку. Пусть она немного извивается, так как кривые всегда смотрятся интереснее нежели прямые линии. Создайте новый слой над земля/тропа/т.д. и измените режим наложения на overlay. Добавьте желтый отблеск на земле, отбрасываемый феей, применив радиальный градиент. Удалите часть отблеска возле ног Линка, намекая на тени, которые они будут отбрасывать.
Сделаем нашу фею еще ярче, добавим больше желтого света на Линка и усилим тени. Используйте inking opacity brush, чтобы добавить свет, отражающийся от ботинок и лица, например. Также усильте некоторые мелкие детальки (используйте кисть светлого оттенка, чтобы наметить узор на его одежде, и маленькую кисть темного цвета, чтобы сделать углубления более детальными и придать вариативность его коже).
Шаг 21: Угрожающая луна (или "Я уверена, вчера она располагалась гораздо дальше")Луна в игре - отдельный персонаж, так как она врезается в Термину и уничтожает мир: игра окончена! Я решил немного переиначить историю, так как главная идея этого изображения - мутация Линка. Я хочу, чтобы луна стала предзнаменованием ужасных событий, о которых Линк и не подозревает. Мы оставим лицо, но сделаем его менее заметным и напоминающим лица, которые люди могут увидеть глядя на луну. Используйте airbrush, чтобы добавить злобное лицо (ориентируйтесь на картинку из игры). Чтобы добавить достоверности, вставьте фотографию луны над слоем с лицом, подгоните размеры и измените режим наложения на overlay.
Забавный факт: для самых любопытных - именно в этом шаге я откорректировал горы.
Шаг 22: Палки и камни (на самом деле они больше деревья нежели камни)Теперь у нас есть хорошо проработанный дальний план, теперь надо бы добавить объекты на среднем плане, чтобы придать иллюзии глубину. На новом слое создайте несколько жутких деревьев с левой стороны. Используйте темно-синий цвет, чтобы показать, что они находятся ближе, но все еще достаточно далеко для того, чтобы можно было увидеть реальные цветовые детали. Нарисуйте камень сплетен справа, используя inking opacity brush. Выделите камень с помощью lasso tool и откройте каменную текстуру, скопируйте ее, вернитесь в документ и нажмите Shift + Ctrl + V или edit>Paste into, чтобы вставить текстуру в выделенную область. Убедитесь, что текстура располагается над слоем с камнем и измените режим наложения на Hard Light.
Забавный факт: если вы стреляли в такие камни в "The Ocarina of Time” и "Majora’s Mask”, то они взлетали в небо как ракеты и взрывались. Я не знаю почему они так делали, но они так делали.
Шаг 23: Ночное небо (или "я нарисовал слишком много облаков, не правда ли?")Я решил, что небо выглядит слишком заполненным со всеми этими облаками. Поэтому я стер большую часть из них и оставил только несколько. На каждой картине должно быть пространство, на котором глаз может отдохнуть. Слишком много деталей навредят изображению, так как всё будет требовать вашего внимания. Копируйте и вставьте текстуру неба над слоем с небом и измените режим наложения на overlay, чтобы добавить реализма.
Шаг 24: Глаза в темноте...Пора взглянуть на Kaepora Gaebora (сову - советника Линка). Я решил сохранить внешний вид совы из игры, быстренько подыскал подходящий референс. Мне нравится, как выглядят перья реальной совы (как будто они текстурированы). Поэтому я использовал этот элемент в работе, но немного преувеличил его, чтобы подчеркнуть жуткую природу изображения. Я также предпочитаю оранжевые глаза, как у реальной совы (в игре у совы были голубые глаза). Я сохранил брови, чтобы точно знать, что аудитория признает ее как персонажа, а не воспримет, как жуткую сову на фоне. Добавим немного света на сову, чтобы придать ей таинственности.
Шаг 25На новом слое (над всеми остальными слоями) создайте силуэты пейзажа на переднем плане. Помните, они здесь для того, чтобы придать изображению глубину композиции, поэтому убедитесь, что все они указывают на фокальную точку (ветки и трава направляют наш взгляд на Линка, а небольшой участок листвы - на фею). Добавьте совсем немного света, намекая тем самым на 3D природу объектов и примените gaussian с небольшим радиусом к новым элементам, чтобы все оказалось немного не в фокусе. Все, что осталось сделать, - добавить финальные штрихи (например, нарисовать листья, на которые будет падать свет от феи, чтобы придать глубину растительности, и нарисовать небольшое скопление земли у ботинок Линка, чтобы показать воздействие его веса на землю).
Шаг 26: Финальные штрихиВы также можете добавить еще один слой с режимом наложения overlay на самом верху палитры слоев и применить градиент, чтобы добавить "живости" вашему изображению. Поэкспериментируйте немного, добавляя темные цвета на небо, горы и облака или добавляя еще больше блеска на фею и Линка. Подчистите ваше изображение, прежде чем перейти к последнему шагу.
Шаг 27: Разные хорошие штучкиЭтот последний шаг - на самом деле хороший метод для улучшения фотографий, но он также хорошо работает и на иллюстрациях. Нажмите Shift + Ctrl + Alt + ~ (в CS4 вместо ~ нажимаете 2). Если вам удалось это проделать, не сломав руки, то у вас выделятся границы (точки изображения, в которых резко изменяется яркость или есть другие виды неоднородностей). Перейдите на самый верхний слой и нажмите Shift + Ctrl + C, чтобы копировать их со всех видимых слоев и затем Ctrl + V, чтобы вставить их на новый слой. Измените режим наложения нового слоя на Soft Light, установите opacity 45% и вы заметите, что все цвета стали немного богаче.
Автор:
David CousensПеревод:
Trinity_
