Рубрика: Photoshop Уроки | Урок прочитали: 1370
 (голосов: 6)

Рисуем мышек в Фотошоп

В этом уроке вы узнаете, как создать трогательную иллюстрацию с забавными мышками.

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

Видео-урок

1. Подготавливаем основу

Создаем новый документ File - New (Файл - Новый) и устанавливаем достаточно большой размер. Расширение выбираем 300 dpi, на тот случай, если вы захотите распечатать рисунок. Работать с больший полотном гораздо удобнее, а закончив работу, вы можете его уменьшить до более подходящего размера.

Начинаем с создания на новом слое простого наброска Layer - New - Layer (Слой - Новый - Слой) (Shift+Command/Ctrl+N), на котором мы определяемся с композицией. Устанавливаем режим смешивания слоя на Multiply (Умножение) и блокируем его. Я уменьшила непрозрачность до 50%, чтобы контуры не мешали рисовать.

2. Создаем фон

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

3. Добавляем объем

Создаем новый слой Layer - New - Layer (Слой - Новый - Слой) и жесткой кистью рисуем листья на переднем плане. О деталях не беспокойтесь, их будем добавлять по мере работы. Ранние стадии рисования, в большей степени, посвящены анализу и построению композиции. Поэтому на данном этапе набросок должен быть достаточно быстрым и простым.

Чтобы размыть слой с листьями, переходим Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Установите радиус на такое значение, чтобы структура листьев более-менее просматривалась.

Закончив с размытием, добавляем новый слой Layer - New - Layer (Слой - Новый - Слой) и устанавливаем его режим смешивания на Soft Light (Мягкий свет). Затем приступаем к нанесению базового слоя со светом: оранжевый - вверху, голубой - внизу.

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

4. Мыши

Начинаем рисовать мышей. Создаем новый слой Layer - New - Layer (Слой - Новый - Слой) и в качестве основы используем нейтральный оттенок коричневого. Выберите что-то не слишком темное и не слишком светлое.

Теперь, над слоем с базовыми цветами, добавляем еще один новый Layer - New - Layer (Слой - Новый - Слой). Преобразовываем его в обтравочную маску комбинацией клавиш Ctrl/Command+Alt+G. Благодаря этому, все, что мы будем рисовать на новом слое, не будет выходить за границы базового слоя.

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

Повторюсь, не детализируйте. Детали будем добавлять в самом конце. Закончив с основным светом, выделяем два слоя и объединяем их в один Command/Ctrl+E или переходим Layer - Merge Layers (Слой - Объединить слои). Если вы не будете группировать и объединять слои, то в конце работы у вас их может быть 100 штук и вряд ли вы сможете с легкостью в них разобраться.

Закончив с основой, переходим к созданию более четких форм. Добавляем новый слой Layer - New - Layer (Слой - Новый - Слой) и преобразовываем его в обтравочную маску для базового слоя с мышью. Кистью аккуратно начинаем детализировать персонажа, выделяя свет и тени.

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

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

Я добавила новый слой и привязала его к основе (Command/Ctrl+Alt+G). Режим смешивания устанавливаем на Soft (Мягкий) или Hard Light (Жесткий свет), исходя из желаемого результата. Жесткий свет имеет более сильное воздействие, но его необходимо использовать аккуратно, стараясь не "сжечь" картинку. Я добавила немного оранжевого оттенка в верхней части туловища и зеленовато-голубого в нижней, чтобы мышь более гармонично сочеталась с фоном.

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

На данном этапе световые эффекты выглядят достаточно тускло и не выделяются. Во время работы очень важно продумывать основные моменты. Каким образом ведет себя свет? Откуда он исходит? Есть ли какие-то преграды на его пути?

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

В данном рисунке мыши сидят на веточке, с которй пытаются собрать утреннюю росу. Я немного детализировала мышат и добавила новый слой, котрый привязала к основе. Режим смешивания слоя я установила на Hard Light (Жесткий свет).

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

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

Я добавила свет на ветке, придав ей объема. Советую при рисовании природных элементов изучать фотографии, а лучше всего выйти на улицу. Как на самом деле выглядит реальная ветка? Как свет взаимодействует с ней? Где она грубее, а где более гладкая? Как текстуру ветки воссоздать в цифровом рисунке?

5. Дорабатываем фон

Я решила добавить сверкающих от росы листьев. Они будут выгодно контрастировать с основными элементами. Начинаем с рисования зеленой основы на новом слое Layer - New - Layer (Слой - Новый - Слой).

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

Я выбрала слой с дальними листьями и слегка их размыла Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Листья должны достаточно хорошо просматриваться, поэтому используем не такое интенсивное размытие, как раньше Траву на переднем плане оставим четкой. Она примерно на том же расстоянии от зрителя, что и мыши.

Добавляем новый слой Layer - New - Layer (Слой - Новый - Слой) над всеми фоновыми слоями, в том числе и с травой. Устанавливаем режим смешивания на Overlay (Перекрытие) и уменьшаем непрозрачность до 75%. Теперь начнем придавать работе влажную атмосферу. Мягкой кистью морского синего цвета слегка начинаем тонировать фон. Для лучшего результата я добавила корректирующий слой Photo Filter (Фото-фильтр) и установила его на Cooling (80) (Холодный) с плотностью 25%.

Теперь займемся листиком-чашей и капелькой росы. Для листка создаем базовый зленый слой.

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

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

Рисуем травинку и каплю росы. Обратите внимание, что капля хоть и прозрачная, но все же имеет кое-какую плотность. Листок видно сквозь каплю, но благодаря игре света он преломляется. Для усиления эффекта я добавила маленький блик в верхней части.

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

Работая с листьями, я решила улучшить свет на переднем плане.
Мне показалось, что листья слишком яркие, поэтому я добавила новый слой над фоном и установиоа его режим смешивания на Hard Light (Жесткий свет). Бледным темно-зеленым цветом тонируем нижнюю часть изображения. Теперь слишком много зеленого, поэтому создаем еще один новый слой с режимом смешивания Soft Light (Мягкий свет) и тонируем листья синим цветом, чтобы придать эффект влажности. Далее снова создаем слой с режимом смешивания Soft Light (Мягкий свет) и серовато-синим цветом тонируем листья на заднем плане для усиления атмосферы.

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

6. Рисуем капли росы

Когда я рисую капли, я использую Elliptical Marquee Tool (Овальное выделение) (L), чтобы они получились с четкими и аккуратными краями и выгодно выделялись на грубоватом фоне. Добавляем новый слой Layer - New - Layer (Слой - Новый - Слой) и заполняем выделение нейтральным оттенком синего, взятого с листьев. Затем делаем центральную часть капли немного темнее, а края светлее.

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

Рисуем маленькую каплю рядом с большой, используя ту же технику. Затем рисуем тени и отраженный свет от каплей внутри тени.

Активируем Lasso Tool (Лассо) (L) и с зажатой клавишей Shift создаем много округлых выделений. Благодаря этому нам не придется рисовать каждую отдельную каплю. Добавляем новый слой и заполняем выделения нейтральным голубым цветом, взятым с листьев. Затем тщательно прорисовываем все капли тем же способом, что и первую. Кроме того, я еще поработала с листьями, использовав жесткую круглую кисть с непрозрачностью чувствительной к нажатию пера на планшет.

7. Добавляем финальные штрихи

Закончив с фоном и мышами, начнем добавлять финальные штрихи: усы, пучки шерсти и световые эффекты.

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

На финальном этапе работы я объединила все слои вместе и уменьшила размер картинки до более удобного. Затем применила фильтр Filter - Sharpen - Smart Sharpen (Фильтр - Резкость - Умная резкость), чтобы сделать рисунок более четким.

           

Похожие файлы и публикации:

Рисуем мышек в Фотошоп
В этом уроке я продемонстрирую вам, как нарисовать пирата в Фотошопе.
Рисуем мышек в Фотошоп
В этом уроке вы узнаете, как создать аппетитный пончик в Фотошоп.
Рисуем мышек в Фотошоп
В этом уроке вы узнаете, как, используя кисти и стандартные фигуры Фотошопа, создать волшебный рождественский фон.
Рисуем мышек в Фотошоп
Шаг 1: Создание формы Создайте новый документ в Фотошоп, залейте его белым (#FFFFFF). Создайте new layer (новый слой) и используйте инструмент Pen (Перо), чтобы нарисовать фигуру бейсболки (вы можете использовать в качестве  ориентира изображение бейсболки или этот контур, представленный ниже). После чего нажмите Ctrl+Enter, чтобы трансформировать контур в выделение. Затем залейте его цветом #1c1812.
Рисуем мышек в Фотошоп
В этом уроке я покажу вам, как создать рождественскую открытку с яркой елкой и падающими снежинками.
Рисуем мышек в Фотошоп
В этом уроке я покажу вам, как создать впечатляющую новогоднюю открытку с неоновым эффектом в Фотошоп.
Рисуем мышек в Фотошоп
В этом уроке вы узнаете, как с помощью фильтров, кистей и режимов смешивания создать яркий текст в космическом стиле.
Рисуем мышек в Фотошоп
В этом уроке мы с вами, используя текстуры и световые эффекты, создадим фантастическую композицию в стиле sci-fi, которая может быть использована в качестве постера к фильму.
Рисуем мышек в Фотошоп
В этом уроке я расскажу вам, как нарисовать бабочку на фоне цветущей весенней ветви. Основным инструментом, который мы будем использовать, будет мягкая круглая кисть. Практически все эффекты будут достигнуты всего лишь изменением непрозрачности и размера кисти. Начнем!
Рисуем мышек в Фотошоп
В этом уроке мы будем рисовать обои с волком, воющем на луну. В ходе работы мы будем использовать множество режимов наложения, света и тени, технику выделения, инструмент перо и различные кисти.
Рисуем мышек в Фотошоп
В этом уроке я покажу вам, как создать необычный мистический коллаж, используя стоковые изображения и кисти. Работа не очень сложная, потребуются всего лишь ваши навыки работы в Фотшоп и фантазия. Начнем!
Рисуем мышек в Фотошоп
В этом уроке вы узнаете, как создать мультяшный текстовый эффект в стиле граффити.
Рисуем мышек в Фотошоп
В сегодняшнем уроке мы создадим реалистичную кисть, используя стили слоев, обтравочную маску и другие инструменты Фотошоп.
Рисуем мышек в Фотошоп
В этом уроке вы узнаете, как в Photoshop создать забавного 3D-персонажа, используя несложные техники и приемы.
Рисуем мышек в Фотошоп
В сегодняшнем уроке я продемонстрирую вам, как создать реалистичную телефонную трубку. Начнем!
Рисуем мышек в Фотошоп
В этом уроке вы узнаете, как создать фантастическую иллюстрацию с супергероем. В процессе работы мы будем комбинировать стоковые изображения и создавать световые эффекты.
Рисуем мышек в Фотошоп
В этом уроке я покажу вам, как создать сюрреалистичный коллаж "Хранитель времени".
Рисуем мышек в Фотошоп
В этом уроке вы узнаете, как создать кровавый текстовый эффект в Фотошоп. Мы будем использовать кисти, смешивания слоев, эффекты облаков и цветовую коррекцию. Урок очень простой и подойдет для начинающих фотошоп-мастеров. Вот так выглядит финальный результат: