Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Сегодня мы будем учиться невероятно полезному мастерству – цифровой живописи с использованием фотографии; мастерство в этой области поможет развивать навыки дизайна.

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

Давайте начнём!

Конечный результат



Рисуем зомби-кота в Фотошопе


Ресурсы урока


Фотография кота

Фотография мыши

Фотография мозга

Текстуры для поверхности земли

Шаг 1


Откройте в Фотошопе фотографию кота. Создавайте новый слой каждый раз при рисовании каждой значительной детали.
Перед тем, как начать рисовать, мы должны определить цвета всей работы. Темно-синий и оранжевый будут хорошо сочетаться. Поэтому возьмите инструмент Кисть (Brush Tool) с жесткими краями, понизьте параметр Нажим (Flow) и плавно закройте тёмно-синим цветом правую часть.

Рисуем зомби-кота в Фотошопе


Теперь сделайте то же самое с левой частью, но используя оранжевый цвет. Пусть в нашей работе будет изображена ночь и свет от фонаря слева.

Рисуем зомби-кота в Фотошопе


Не забудьте закрыть землю и помните, что наш кот отбрасывает тень направо.

Рисуем зомби-кота в Фотошопе


Измените Размер изображения (Image Size) (Ctrl + Alt + I) на самое большое из возможных. 11 тысяч пикселей ширины прекрасно подойдут, но и 6 тысяч достаточно. Чем выше разрешение, тем больше деталей мы сможем добавить работе!

Рисуем зомби-кота в Фотошопе


Шаг 2


Увеличьте один глаз кота. Той же кистью, что и раньше, обведите края глаза и зрачок чёрным цветом.

Рисуем зомби-кота в Фотошопе


Теперь закройте хрусталик глаза двумя разными оттенками зелёного. Не бойтесь задеть зрачок, он никогда не бывает таким однозначно чёрным.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Объедините все слои с глазом (Ctrl + E), сделайте копию слоя (Ctrl + J), отразите его горизонтально (Transform – Flip Horizontal) и поместите копию на место второго глаза.

Рисуем зомби-кота в Фотошопе


Кистью ярко-зелёного цвета в режиме Линейный свет (Linear Light) добавьте блики глазам. Рисуйте их именно на слоях с глазами, иначе ничего не получится. И не перестарайтесь, будьте осторожны!

Рисуем зомби-кота в Фотошопе


Измените цвет на темно-зелёный, а режим кисти на Перекрытие (Overlay). Теперь можно добавить тени под верхним веком.

Рисуем зомби-кота в Фотошопе


Наш кот – зомби, поэтому его глаза не должны быть слишком яркими и слишком живыми! Возьмите кисть с мягкими краями светло-голубого цвета и режимом Осветление (Screen), добавьте глазам небольшую дымку. Не выходите за границы глаз!

Рисуем зомби-кота в Фотошопе


Создайте новый слой (Shift + Ctrl + N) под слоем с глазами, чтобы нарисовать немного теней вокруг глаз. Конечно, это не так эффектно, как тени под глазами людей, но все-таки очень убедительно!

Рисуем зомби-кота в Фотошопе


Шаг 3


Прорисуйте форму носа коричневатым оттенком.

Рисуем зомби-кота в Фотошопе


Чёрным цветом прорисуйте детали, сверяясь с оригинальной фотографией.

Рисуем зомби-кота в Фотошопе


Добавьте еще деталей, света и теней, тем же основным коричневым цветом, но меняя его яркость.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Шаг 4


Добавьте свет на левую сторону головы. Просто набросайте световые части, точность здесь не важна.

Рисуем зомби-кота в Фотошопе


Правая сторона на нашей работе не освещена, но рефлекс не помешает.

Рисуем зомби-кота в Фотошопе


Добавьте немного теней на правую часть.

Рисуем зомби-кота в Фотошопе


И немного коричневато-оранжевых оттенков на правую часть головы.

Рисуем зомби-кота в Фотошопе


Скройте оригинальное изображение, проверьте, нет ли незакрытых частей.

Рисуем зомби-кота в Фотошопе


Шаг 5


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

Рисуем зомби-кота в Фотошопе


Давайте сделаем так, будто правое ухо оторвано. Сотрите его часть инструментом Ластик (Eraser Tool) и зарисуйте внутреннюю часть уха темно-синим цветом.

Рисуем зомби-кота в Фотошопе


Нарисуйте засохшую кровь на ухе, добавьте немного красного цвета.

Рисуем зомби-кота в Фотошопе


Шаг 6


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

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Правую часть также обобщите одним цветом.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Шаг 7


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

Рисуем зомби-кота в Фотошопе


Вновь проверьте наличие белых пятен.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Шаг 8


Сейчас мы будем прорабатывать детали. Подправьте линию нижней челюсти, чтобы придать котенку невинный облик.

Рисуем зомби-кота в Фотошопе


Если у Вас есть кошка, Вы наверняка знаете: иногда они забывают убирать язычок после умывания. Тогда они выглядят очень смешно, не так ли? Давайте используем это в нашей работе!

Рисуем зомби-кота в Фотошопе


Добавьте свет и тень языку, берите цвета с мордочки.

Рисуем зомби-кота в Фотошопе


Добавьте больше света, больше деталей языку с помощью кисти в режиме Линейный свет (Linear Light).

Рисуем зомби-кота в Фотошопе


Нарисуйте маленькие отверстия для усов (кто-нибудь знает, как они называются?), чередуя жёсткую кисть и мягкую.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Шаг 9


Добавим глубину нашему изображению. Для нас в основном интересует голова кота, остальное не так важно. Выберите на панели слоёв слой с телом и примените фильтр Размытие по Гауссу (Gaussian Blur Filter). Слегка измените параметр Радиус (Radius),чтобы тело получилось немного размытым.

Рисуем зомби-кота в Фотошопе


Выберите инструмент Быстрая маска (Quick Mask Tool), выделите те части тела, которые больше всего удалены от нас (в этом режиме Вы можете именно нарисовать выделение).

Рисуем зомби-кота в Фотошопе


Выйдите из инструмента Быстрая маска (Quick Mask Tool), создайте выделение, инверсируйте его (Ctrl + Shift + I) и примените размытие.

Рисуем зомби-кота в Фотошопе


Шаг 10


Я только что заметил, что у кота слишком прямой нос! Конечно, это зависит от породы, но все-таки я его намного исправил.

Рисуем зомби-кота в Фотошопе


Нарисуйте вены внутри ушка кота. Поиграйте с режимами кисти, чтобы получились интересные эффекты.

Рисуем зомби-кота в Фотошопе


Нарисуйте все волоски шерсти на морде быстро и свободно. Установите минимальный диаметр кисти, чтобы волоски получились чёткими и тонкими.

Рисуем зомби-кота в Фотошопе


И вновь, добавьте немного света на мордочку. Используйте режимы кисти Линейный свет (Linear Light) или Осветление основы (Color Dodge) для большей яркости, но будьте осторожны, не перестарайтесь!

Рисуем зомби-кота в Фотошопе


Слегка затемните нижнюю челюсть.

Рисуем зомби-кота в Фотошопе


Давайте вернёмся к уху. Снова нарисуйте на нём кровь – засохшую и свежую.

Рисуем зомби-кота в Фотошопе


Шаг 11


Усы! Усы очень важны для котов и кошек. Нарисуйте их кистью с нажимом 100%.

Рисуем зомби-кота в Фотошопе


Создайте новый слой над предыдущим и создайте обтравочную маску (Ctrl + Alt + G). Теперь Вы легко сможете рисовать над слоем с усами и не задевать его.

Рисуем зомби-кота в Фотошопе


Шаг 12


Сейчас мы добавим другой элемент нашей работе. Наш кот поймал мышь и ест ее. Откройте изображение мыши в нашем рабочем документе.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Теперь закройте цветом тело мыши. Цвета берите из оригинальной фотографии.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Поместите в эту область фотографию мозга из источников урока.

Рисуем зомби-кота в Фотошопе


Набросайте форму мозга по оригиналу.

Рисуем зомби-кота в Фотошопе


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

Рисуем зомби-кота в Фотошопе


Нарисуйте ее шерсть, пока приблизительно, просто обозначьте направление волосков.

Рисуем зомби-кота в Фотошопе


Закройте шёрстку более подходящими цветами, определяйте форму тела мыши.

Рисуем зомби-кота в Фотошопе


Кистью с мягкими краями нарисуйте свет на теле мыши.

Рисуем зомби-кота в Фотошопе


Нарисуйте мозг поподробнее, закрывая линии наброска и добавляя свет.

Рисуем зомби-кота в Фотошопе


Добавьте последние штрихи.

Рисуем зомби-кота в Фотошопе


Шаг 13


Теперь мы поработаем над поверхностью, на которой сидит наш кот. Вставьте в наш рабочий документ текстуру для поверхности земли из ресурсов урока. С помощью инструмента Свободная Трансформация (Free Transform Tool) измените форму так, чтобы она вписывалась в перспективу (для передвижения одной точки удерживайте Ctrl).

Рисуем зомби-кота в Фотошопе


Сделайте текстуру чёрно-белой, перейдите в Изображения > Коррекция > Черно-белое (Image > Adjustments > Black & White). Установите режим наложения текстуры на Перекрытие (Blending Mode – Overlay).

Рисуем зомби-кота в Фотошопе


Если текстура получилась слишком тёмной, Вы всегда можете добавить цвета под слой с ней, чтобы это исправить.

Рисуем зомби-кота в Фотошопе


Теперь нам нужно сделать так, чтобы тело мыши сочеталось с цветом земли. Зарисовывайте его чёрным цветом, пока оно не перестанет неестественно выделяться из фона.

Рисуем зомби-кота в Фотошопе


Сейчас мы должны немного определить задний план. Инструментом Прямоугольник (Rectangle Tool) нарисуйте произвольные формы. Старайтесь использовать подходящие цвета.

Рисуем зомби-кота в Фотошопе


Примените к слою размытие по Гауссу (Gaussian Blur Filter).

Рисуем зомби-кота в Фотошопе


Шаг 14


Добавим некоторые жуткие детали, а также подумаем об общем движении и действии, присущим нашей картинке.

Возможно, когда мы увидели кота-зомби, он как раз ел мышь, он поднял голову и посмотрел на нас. Давайте нарисуем, что у него во рту еще осталась кровь. Используйте Ваше воображение!

Рисуем зомби-кота в Фотошопе


Добавьте деталей. Не забывайте о световых бликах, ведь кровь блестит!

Рисуем зомби-кота в Фотошопе


Зомби, не имеющий некоторых открытых от шерсти частей тела, не настоящий зомби! Поэтому нарисуйте часть тела без шерсти, покрытую кровью.

Рисуем зомби-кота в Фотошопе


Добавьте сухую и свежую кровь.

Рисуем зомби-кота в Фотошопе


Не забывайте про свет!

Рисуем зомби-кота в Фотошопе


Проверьте, не нужно ли нарисовать оторванному уху больше деталей.

Рисуем зомби-кота в Фотошопе


Нарисуйте ранку на носу.

Рисуем зомби-кота в Фотошопе


Шаг 15


У нашего кота слишком чистая для зомби шерсть. Давайте нарисуем немного крови. Используйте режим кисти Перекрытие (Overlay), чтобы не потерять детали.

Рисуем зомби-кота в Фотошопе


Нарисуйте еще раны коту. Оставляю Вам полную свободу действий! Не забывайте рисовать красным и покрывать раны шерстью.

Рисуем зомби-кота в Фотошопе


Нужно нарисовать кровь от ран и на земле. Рисуйте в режиме Умножение (Multiply).

Рисуем зомби-кота в Фотошопе


Добавим особую атмосферу работе. Создайте новый слой, залейте его тёмным цветом, добавьте фильтр Шум (Noise Filter).

Рисуем зомби-кота в Фотошопе


Увеличьте слой, чтобы получить большие по размеру частицы.

Рисуем зомби-кота в Фотошопе


Режим наложения слоя измените на Перекрытие (Blending Mode – Overlay). Понизьте Непрозрачность слоя, чтобы он стал еле видимым.

Рисуем зомби-кота в Фотошопе


Наша работа завершена!
Не правда ли, получился милый котёнок? Оставляйте комментарии о том, как у Вас проходил рабочий процесс и понравился ли Вам урок!

Рисуем зомби-кота в Фотошопе



Ссылка на источник урока

написал : LGden

---------------


написал : ***

не получилось((( sad

---------------


написал : positive11

***, что не получилось?

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: