Пошаговые уроки рисования в фотошопе. Выделения цветом при помощи режимов наложения. Как нарисовать локацию в цифровой графике в Adobe Photoshop

Adobe Photoshop предоставляет очень широкие возможности для работы с фотографией и изображениями. Вы можете изменить снимок до неузнаваемости, исправить огрехи и недостатки или нарисовать что-то новое. Необязательно быть художником и создавать картины. Навыки рисования пригодятся при обработке фотографий и коллажей.

В этой статье мы рассмотрим основные инструменты рисования Adobe Photoshop и покажем, как научиться рисовать в Фотошопе.

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

Из всего многообразия инструментов для рисования наиболее полезны следующие:

• Brush Tool/Инструмент «Кисть» . Размер, плотность и форму кисти можно изменять.

Кликните правой клавишей мыши по пиктограмме инструмента «Кисть» и выберите кисть или карандаш для рисования.

Mixer Brush Tool/Инструмент «Микс-кисть». Эта кисть позволяет смешивать цвета и работает почти как настоящий инструмент для рисования.

Custom Shape Tool/Инструмент «Произвольная фигура» . По клику на него правой клавишей мыши откроется группа инструментов для рисования геометрических фигур и форм. При этом библиотеку можно расширять и дополнять своими формами.

• Rectangle Tool/Инструмент «Прямоугольник»
• Rounded Rectangle Tool/Инструмент «Прямоугольник со скруглёнными углами»
• Ellipse Tool/Инструмент «Эллипс»
• Polygon Tool/Инструмент «Многоугольник»
• Line Tool/Инструмент «Линия»
• Custom Shape Tool/Инструмент «Произвольная фигура»

• Eraser Tool/Инструмент «Ластик» удаляет части изображения.

В верхней части окна Photoshop находится меню настроек выбранного инструмента.

Давайте рассмотрим параметры инструмента Brush Tool/«Кисть» .

Основные параметры кисти приведены на этом скриншоте. Итак, доступно изменение размера кисти, ёе жёсткости и формы (при этом можно создавать свои кисти и загружать наборы из интернета), плотности и уровня заполнения.

Жёсткая кисть

Попробуйте поэкспериментировать с настройками кистей и порисовать на белом фоне кистями разной формы, плотности и размера, менять цвета и тип инструмента.

Давайте теперь разберём, как нарисовать в Фотошопе простую картинку.

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

Кликаем на пиктограмму выбора цвета и задаём активный цвет. Пусть это будет оттенок жёлтого. После этого выбираем Paint Bucket Tool/Инструмент «Заливка» и кликаем на любом фрагменте пустого белого слоя. Краска зальёт весь холст.

Создадим новый прозрачный слой с помощью команды Layer/«Слои» → New/«Новый» → Layer/«Слой» . После этого на панели слоёв появится прозрачный слой. Прозрачный слой работает как калька: мы его не видим, но видно то, что нарисовано на нём. Можно отключить видимость слоя с помощью пиктограммы с изображением глаза или изменить размер и форму, переместив «кальку» вместе с картинкой.

Выбираем другой цвет, кликаем на инструмент «Кисть» и пробуем рисовать!

Просто двигайте мышью с нажатой левой клавишей по холсту.

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

В Adobe Photoshop есть рабочее пространство, предназначенное для художников. От пространства для фотографов оно отличается расположением панелей и инструментов. Перейти к нему можно с помощью меню Window/«Окно» → Workspace/«Рабочая среда» → Painting/«Рисование» .

Здесь кисти расположены в виде списка, есть быстрый доступ к палитре цветов.

• уменьшение размера кисти: [
• увеличение размера кисти: ]
• уменьшение жёсткости кисти: {
• увеличение жёсткости кисти: }
• переключение на предыдущую кисть: ,
• переключение на следующую кисть: .
• переключение на первую кисть: <
• переключение на последнюю кисть: >
• поменять цвета местами: X
• установка цвета по умолчанию (чёрный/белый): D

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

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

Сегодня я расскажу об инструментах группы . Всего их четыре.

• Кисть. Имитирует рисование настоящей кистью. Вы можете менять её размер, цвет, форму.
• Карандаш. Пожалуй, самый понятный инструмент группы, потому что карандашом в реальной жизни точно пользовался каждый. Если контуры нарисованных кистью линий размыты, то линии карандаша имеют чётко очерченные края.
• Замена цвета. Перекрашивает уже нарисованные объекты. Благодаря ему вы легко можете сменить цвет уже находящегося на рисунке элемента.
• Микс-кисть. Новый инструмент, тоже имитирующий кисть, но с ним вы можете смешивать цвета на холсте и на самой кисти, задавать влажность краски и т. д.

Теперь разберём подробнее. Создайте новый документ Photoshop с белым фоном и экспериментируйте с инструментами: рисование - процесс полезный, интересный и никому не повредит. Чтобы отобразить инструменты, щёлкните на значке два раза левой или один раз правой кнопкой мыши.

Кисть

Если вы хоть раз рисовали кистью (а вы ведь рисовали), то смысл инструмента вам объяснять не нужно. После его активации вы сможете рисовать, проводя по холсту указателем с зажатой кнопкой мыши.

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

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

Но в полной мере насладиться настройками можно, выполнив команду Окно -> Кисть главного меню Photoshop.

В левой части окна расположены вкладки-флажки, позволяющие настраивать, включать и отключать те или иные свойства кисти.

• Форма отпечатка кисти. Открытая по умолчанию вкладка, на которой находятся уже рассмотренные нами параметры.
• Динамика формы. С помощью элементов этой вкладки можно настроить, как будут изменяться свойства кисти непосредственно в процессе рисования.
• Рисование. Ползунок рассеивания позволяет менять плотность и ширину создаваемых линий. Счетчик устанавливает количество рассеиваемых элементов - чем больше значение, тем «гуще» рисует кисть. Колебания счетчика позволяют элементам разбрызгиваться неравномерно. Если установить флажок Обе оси, то краска будет распыляться ещё и по горизонтали.

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

• К основной кисти вы можете добавить ещё одну, настройки которой и задаются на этой вкладке.

• Настройки изменения цвета с течением времени: цветовой тон, насыщенность, яркость, чистота.

• Позволяет установить динамическое изменение насыщенности и прозрачности.

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

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

• Накладка. Установка флажка создаёт эффект разбрызгивания краски из баллончика. Чем дольше вы держите кнопку мыши нажатой, тем эффект сильней.
• Сглаживание. По умолчанию флажок установлен. Снимите его, если хотите, чтобы очертания рисуемых линий стали более чёткими и резкими.
• Защита текстуры. Установите этот флажок если хотите, чтобы текстура, заданная в настройках выбранной кисти по умолчанию, не подменяла установленную вами.

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

Карандаш

Выбрав этот инструмент, вы можете создавать резкие, чёткие, тонкие линии, как будто рисуете обычным карандашом. Параметры инструмента совпадают с параметрами кисти, даже окно настроек будет тем же (Окно -> Кисть).

На панели параметров помимо значка, открывающего окно набора шаблонов, есть ещё несколько элементов.

Замена цвета

Инструмент позволяет перекрашивать уже созданные объекты, причём обилие настроек даёт возможность сделать это максимально качественно, с сохранением текстур. Изменить значения можно либо на панели параметров, либо в окне, для открытия которого служит команда главного меню программы Изображение -> Коррекция -> Заменить цвет.

Микс-кисть

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

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

Основные инструменты описаны .

Для начала необходимо правильно расположить наш рисунок. Вследствие моих трудностей при наброске пропорций, первую вещь, которую я создал - сетку, по фотографии (размер A4 картинка из глянцевого журнала) используя карандаш и линейку. Сетка состояла из 12 квадратов поперек и 9 вниз, каждый квадрат 1,5см.

Для этого я создал прозрачный слой и (для дальнейшей работе с линейкой) далее размерную сетку – 12 квадратов поперек и 9 вниз. Назвал слой СЕТКА (GRID). Поскольку мне необходим был размер 640х480 этого изображения, для этого я подравнял сетку до нужного мне размера.

После этого я создал другой слой с белым фоном, назвал его ЭСКИЗОМ (SKETCH), поместив перед слоем СЕТКИ(GRID), подобно этому:

На слое ЭСКИЗА, я начал создавать набросок в фотошопе, используя инструмент line tool , с сеткой для лучшей прорисовки пропорций.

Позади этого ЭСКИЗА, на белом слое, я начал добавлять небольшую штриховку с помощью airbrush , пока не получилось это:

Шаг1

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

Основная тень

При работе с фоновым слоем в Фотошопе (с ЭСКИЗОМ и слоем СЕТКИ на переднем плане), я начал заштриховывать изображение серым, используя airbrush и smudge tool с различными настройками кистей, варьируя pressure 60-80%.

Шаг 2

Для более плотных областей, таких как нос, я добавлял маленькие капли и линии, которые потом размазывал по всей форме носа, используя smudge tool .

Используя те же самые инструменты, я начал заштриховывать мужское лицо, подкрашивать некоторые области и добавлять тени к плечу девушки, пока не пришёл к этому:

Шаг 3

Базовая раскраска

По светлым и тёмным областям, я начал накладывать цвет. Это было сделано довольно таки просто, крася по текущему изображению airbrush в режиме mode:color.

Шаг 3

В ходе этого раскрашивания, я решил использовать простые коричневые и розовые оттенки для кожи.

Что не надо делать!

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

Первая ошибка заключалась в том, что я начал раскрашивать не по слою ЭСКИЗА, а по фоновому слою (background), подумав, я решил слить слои. Из-за этого я потерял большое количество времени и нервов:

Ошибка 1 : я вырезал изображение с помощью Magic Wand и приклеил его на красный фон, испортив при этом сглаживание вокруг головы девушки. Я также заметил, что немного поторопился с airbrush ’ем и потерял некоторые детали на носе мужчины и его щеке. Загрузив предыдущую стадию своей работы, попытался вырезать мужчину и приклеивать его на испорченное изображение (не очень то хорошо получилось) и немного позже всёже пришлось подчищать некоторые области резинкой.

Ошибка 2 : рисовать волосы девушки мне показалось очень легко, и я решил применить один из фильтров,перед дальнейшей обработкой инструментом smudge . Для этого я выделил волосы с помощью инструмента Lasso tool , и применил к ним фотошоп-фильтр "Размазывание краски" (Filter > Artistic > Paint Daubs ).

Иногда я применял sharpen (filter > sharpen ) к волосам, чтобы более чётче проявлялись все детали и резкость цветов, которые присутствуют в волосах, чтобы придать ещё большее количество оттенков и просто для разнообразия и уменьшения монотонности самого их вида.

Выглядит не лучшим образом, да?

После попытки работать с этим (и еще раз расстягивая весь процесс) получалось что-то непонятное.

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

Урок 1 : Регулярно сохраняйте свою работу под различными названиями.

Урок 2 : Не применяйте фильтров! (Ладно, я признаю, что использовал Paint Daubs, НО очень редко).

Так или иначе, в итоге после переделывания изображения при помощи airbrush и smudge tool я достиг следующей стадии.

Шаг 5

Сглаживание

В этом пункте, я решил пригладить некоторые места после работы с кистью. Это было сделано сначала с blur tool и затем, смешивая оттенки вместе с smudge tool , как показано в следующем примере:

1. Неровный градиент с небольшими переходами между каждым оттенком.

2. Smudge tool используется обычно для смягчения этих оттенков.

3. Smudge tool и soft brushes использовал для дальнейшего смешивания, до перехода к следующему шагу.

Детализация

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

С dodge и burn tool , я начал усиливать основные световые и теневые моменты. Я также использовал airbrush , burn и dodge tools и smudge tool с hard brushes , чтобы добавить деталей к губам, глазам и носу каждого, слегка как бы подталкивая и растягивая цвета в нужном направлении (см. предыдущий пример носа).

С помощью burn и dodge tools , я начал добавлять светлые и темные линии к волосам девушки, используя smudge tool и hard brushes , для разделения цветовых линий.

К некоторым другим областям волос я применил Filter > Artistic > Paint Daubs (в умеренном количестве) перед сглаживанием и дальнейшей обработкой (как показано ниже).

Шаг 6

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

1. Простой недетализированный глаз.

2. Основной момент, это осветление кончика глаза при помощи инструмента фотошоп dodge tool . Добавление отдельных элементов к глазу, сделанных при помощи smudge tool .

3. Брови и ресницы, опущены вниз. Добавлены складки к кончику глаза. Добавление фиолетовых оттенков при помощи airbrush в режиме mode: color.

Шаг 7

Часть первая

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

Я использую Photoshop CS5 и мышь Logitech mx518.

Служит мне уже 5 лет, очень удобна, прямые линии, которых все так боятся, проводятся без труда. Хотя сделать набросок человеческой фигуры я не смогу (на бумаге это тоже дается нелегко), но вот пример наброска глаза, нарисованного с нуля.

Главной сложностью все-таки является отсутствие знаний и опыта.

Попробую обозначить главные особенности рисования мышью:

Намного удобнее рисовать стандартной мягкой кистью. Hardness (Жесткость) колеблется от 20 до 70% . Flow (нажим) 40% . Opacity (Непрозрачность) тоже, как правило, низкая, но это зависит от ситуации. Боюсь, что этот пункт может вызвать негативные эмоции, ведь почти все использование мягкой кисти не одобряют, но рисовать мышью с помощью неё намного удобнее. Регулировать степень нажатия нет возможности, а следовательно, если взять твердую кисть, мазки будут получаться очень грубыми. Так что нужно быть осторожнее.

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

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

Теперь, собственно, о самом рисунке.

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

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

Через год мне представилась немного другая картина, я подумала, что это непременно должен быть водопад, а не просто поток. Поэтому я изменила скетч уже в фотошопе, если есть основа, то это не представляет большого труда. Разрешение работы - 3773x5500 .

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

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

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

Волосы же рисую прерывистыми линиями и стираю их концы. Сначала беру толстую кисточку и постепенно делаю её тоньше и тоньше. По этому принципу я рисую абсолютно всё, не только волосы.

А теперь вернусь, собственно, ко всей картинке.

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

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

Прорисовываю руки и изменяю вид косы, вместо обычной рисую «колосок », так как не учла то, что возле лица у меня получился именно он. Еще детальнее прорисовываю небо, водопад, отражение в воде, намечаю стебли растения на скале.

У меня появилось чувство, что пространства вокруг не хватает, поэтому немного расширила холст. Начал появляться туман внизу и цветы на растении.

И в заключение применяю 2 фильтра Alien Skin Exposure 2. Получается 2 слоя поверх рисунка:

1. Color Film - Kodak Ektachrome mid-1970s (blue) (немного понижаю контрастность, Opacity 20%);

2. Color Film - Fuji Provia 100F (Opacity 20%);

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

Готовый результат.

Финальный результат