Наверх
Главная » Уроки Фотошоп

Как нарисовать иллюстрацию «Спортивная битва»

7 марта 2014 Просмотров - 19 Нет комментариев Опубликовал:
Данный урок был выполнен в Photoshop с использованием планшета Wacom Intuos 2 (6×8).

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

НАБРОСКИ / КОНЦЕПЦИЯ

При создании предварительных набросков для своих иллюстраций, я всегда использую механический карандаш Pilot Color Eno (0.7 мягкий с синим грифелем). Это очень мягкий, легкий карандаш, который позволяет добиться качественных чистых линий. Иногда я делаю скетчи в цифровом виде.

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

КОНТУРНЫЙ РИСУНОК (ЛАЙНАРТ)

1. Сканирование

Обычно я сканирую изображение при разрешении 300-600 dpi (точек на дюйм). 300 dpi – наиболее распространенный и стандартный выбор. Так как я работаю с цветным грифелем, более высокое разрешение даст намного более четкое изображение при «чистке». После очистки изображения, я уменьшаю разрешение до 350-300 dpi. Помните, большое разрешение – это большой размер файла, а это, в свою очередь, может привести к торможению работы кисти в процессе рисования.


Как нарисовать иллюстрацию «Спортивная битва»



2. Уровни

Пройдите в меню Изображение – Коррекция – Уровни (Image – Adjustments – Levels).

Черный слайдер отвечает за темные цвета.
Серый слайдер контролирует средние тона.
А белый регулирует светлые цвета.

Установите следующие параметры:


Как нарисовать иллюстрацию «Спортивная битва»


Как нарисовать иллюстрацию «Спортивная битва»



3. Цветовой диапазон

Увеличьте изображение до максимума (на 1600%, пока на изображении ничего нельзя будет разобрать, кроме квадратиков), желательно в области, которая требует очистки.


Как нарисовать иллюстрацию «Спортивная битва»



Пройдите в меню Выбрать – Цветовой диапазон (Select – Color Range).

Воспользуйтесь Пипеткой (Eyedropper), чтобы выбрать довольно темный тон (кликните пипеткой по самому темному квадратику на холсте). Теперь возьмите Пипетку со знаком «плюс» (+) (Добавить в образец – Add to Sample), чтобы выбрать тона среднего диапазона. Все, что слишком темное или слишком светлое, может ухудшить качество вашего изображения, потому что оно будет «съедать» слишком много с вашего контура. Также нужно помнить, что нельзя выбирать что-то перекликающееся с оригинальным цветом вашего рисунка. Например, я использовал синий, поэтому мне нужно избегать выделения синих областей, а, вместо этого, обращать больше внимания на розовые, коричневые и т.д.


Как нарисовать иллюстрацию «Спортивная битва»



Нажмите ОК, уменьшите масштаб и нажмите Удалить (Delete), чтобы увидеть результат. Уберите выделение, если вы остались довольны получившимся результатом. Если же нет, повторите процедуру.


Как нарисовать иллюстрацию «Спортивная битва»



4. Тон / Насыщенность

Можно изменить цвет контура. Я для этого использую опцию Тон/Насыщенность (Hue/Saturation).
Отметьте галочкой Цветность (Colorize) и подкорректируйте Тон/Насыщенность (Hue/Saturation), как на рисунке ниже. Ни в коем случае не рассматривайте Насыщенность (Saturation) как инструмент для затемнения рисунка.


Как нарисовать иллюстрацию «Спортивная битва»


Как нарисовать иллюстрацию «Спортивная битва»



После корректировок, вы можете заметить, что контур все еще слишком светлый. Если так, снова используйте Уровни (Levels), чтобы затемнить рисунок.


Как нарисовать иллюстрацию «Спортивная битва»



5. Чистка

Существует несколько способов чистки изображения. Я нахожу самым эффективным способом – использование Маски слоя (Layer Mask). На вашей панели Слоев (Layers) выберите иконку Маска слоя (Layer Mask).


Как нарисовать иллюстрацию «Спортивная битва»



Используя инструмент Кисть (Brush tool), сотрите все нежелательные грязные области, пройдясь по ним кистью и «закрасив» их. В отличии от Ластика (Eraser tool), маска слоя не перманентна. Черным вы можете стереть линии, тогда как с помощью белого цвета эти линии можно вернуть обратно. Используйте клавишу Х для быстрого переключения между этими двумя цветами. Чтобы еще больше ускорить процесс, используйте Лассо (Lasso) для выделения и удаления больших областей.


Как нарисовать иллюстрацию «Спортивная битва»


Как нарисовать иллюстрацию «Спортивная битва»


Как нарисовать иллюстрацию «Спортивная битва»



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


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



Еще один очень важный момент – это Обрезка (Cropping) изображения. Дайте себе и своему рисунку немного простора. Зачастую вся композиция может пострадать из-за неудачной обрезки изображения. И, раз уж мы используем цифровое мультимедиа, то мы можем внести эти изменения в самом конце работы.

КИСТИ

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

Для всех кистей Непрозрачность (Opacity) всегда была на уровне между 50% и 100%, Поток (Flow) же варьировался в пределах 10% — 100%.

1. Мягкая кисть (Soft Brush)


Как нарисовать иллюстрацию «Спортивная битва»



Форма кончика кисти (Brush Tip Shape) – Твердость (Hardness) 70% — 100% / Интервал (Spacing) 10% (варьируйте по своему усмотрению, особенно Твердость (Hardness) кисти).
Динамика формы (Shape Dynamics) – Колебание размера (Size Jitter) – Контроль (Control) Отключен (Off)
Другие динамики (Other Dynamics)
Аэрограф (Airbrush)
Разглаживание (Smoothing)


2. Кисть с острым кончиком (Sharp Tip Brush)


Как нарисовать иллюстрацию «Спортивная битва»



Форма кончика кисти (Brush Tip Shape) – Твердость (Hardness) 70% — 100% / Интервал (Spacing) в пределах 25%
Динамика формы (Shape Dynamics) – Давление (Pressure)
Шум (Noise)
Аэрограф (Airbrush)


3. Твердая кисть (Sharp Brush)


Как нарисовать иллюстрацию «Спортивная битва»



Настройки здесь такие же, как и для кисти выше, за исключением Динамики формы (Shape Dynamics), которую нужно отключить (снять галочку)
Шум (Noise)
Аэрограф (Airbrush)

4. Аэрограф (Airbrush)


Как нарисовать иллюстрацию «Спортивная битва»



Обычный стандартный аэрограф Photoshop-а. Настраивайте по своему вкусу.

РАСКРАШИВАНИЕ

Прежде чем двигаться дальше, хочу сразу сказать – я не любитель имитации рисунка с использованием инструментов типа размывающего Пальца (Smudge tool) или эффекта Размытия (Blur tool). Все должно быть нарисовано точно так, как это делалось бы в традиционном рисунке. А это включает в себя пошаговый процесс (со всеми средними, темными и светлыми тонами), и что самое важное, рисование всех элементов рисунка здесь и сейчас, одновременно. Следуя этому правилу, ваш рисунок всегда будет казаться завершенным на каждом отдельном этапе, и не будет этого визуального хаоса на рисунке. Все на вашей иллюстрации – это один рабочий орган, поэтому и относиться к нему надо соответственно.

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

Вот некоторые из цветов, которые я использовал.


Как нарисовать иллюстрацию «Спортивная битва»



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

Используйте инструмент Свободная Трансформация (Free Transform), для этого пройдите в меню Редактировать — Свободная Трансформация (Edit — Free Transform)

В зависимости от версии вашего Photoshop-а, вам может пригодиться кнопка переключения между Свободной трансформацией (Free Transform) и Режимами наложения текстур (Wrap Modes). При вводе режима трансформации, кнопочка сама появится на верхней части панели. При этом вокруг объекта появится сетка, которая позволит вам «тянуть» за точки вашего объекта, который вы трансформируете.


Как нарисовать иллюстрацию «Спортивная битва»



Вот так выглядит иллюстрация с готовым дизайном.


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



Перед раскрашиванием я заливаю простые цвета, и чаще всего распределяю их по разным слоям.


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



По мере раскрашивания я блокирую область, на которой работаю. Таким образом вы предотвратите выход «краски» за пределы слоя. Например, когда я раскрашиваю волосы, я блокирую этот слой. Для этого на панели Слоев (Layers) просто нажмите на иконку Блокировать прозрачные пиксели (Lock Transparent Pixels). После этого возле названия слоя появится маленький значок. Для того, чтобы снять со слоя блокировку, повторно нажмите на кнопку Блокировать прозрачные пиксели (Lock Transparent Pixels).


Как нарисовать иллюстрацию «Спортивная битва»



Я начинаю с нанесения темных тонов по всему рисунку. Но прежде всего нужно определиться с положением/направлением источника света.


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



Далее, добавляем светлые тона, опять же, по всему рисунку равномерно. На этот раз я также наношу дополнительный темный цвет и еще один светлый (на блестящие поверхности).


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



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


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



Продолжаем раскрашивать и добавлять последние штрихи на деталях.


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



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


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



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


Как нарисовать иллюстрацию «Спортивная битва»
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.



Автор: Studio Qube
Локализация урока для вас подготовлена командой сайта: http://www.DrawMaster.ru
Не забудьте сказать «Спасибо» за публикацию урока!


Пошаговые уроки
Источник: drawmaster.ru
Пометить материал как неуместный

Оценка информации

VN:F [1.9.22_1171]
Объективность
Актуальность
Полнота
Понятность
Rating: 0.0/10 (0 votes cast)
Записи на схожие темы
Привет Всем! Этот урок посвящен рисованию глаза. И так как это мой первый урок, я очень надеюсь, что вам он понравится.Работал всю ночь, около 4 часов! Сейчас время 4.30 утра и мне пора бежать спать!P.S. Некоторые говорят, что мои уроки сложно понять, потому...
[7 Mar 2014 | Автор  ]
Привет всем! Для этого урока я использовал планшет Wacom Intuous 2, программы Photoshop CS4 и Painter IX.ШАГ 1Начните с грубых набросков, чтобы наглядно изобразить свою идею. Из двух своих вариантов я выбрал нижний. Идея заключалась в следующем: «выжавшие в третьей...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Автор: Нати (nathie), ГерманияЛокализация урока для вас подготовлена командой сайта: http://www.DrawMaster.ruПошаговые урокиИсточник: drawmaster.ru
Можете использовать тот же цвет, что и я:1. Итак, первым делом нарисуйте произвольную форму. Я нарисовал такую:*извините, мне лень рисовать целое дерево.2. Теперь берем инструмент Ведро (Bucket) и заливаем форму.Затем берем Ластик (Eraser) и делаем маленькие...
[7 Mar 2014 | Автор  ]
Это не урок - это то, что я уже давно обещал, но всё не доходили руки. Как я рисую волосы - не как правильно, а как я их рисую, так что берите полезное, а остальное вполне можно игнорить. Обычно на всё это дело тратится минут 15-20. Ну, на кудряшки-барашки или...
[7 Mar 2014 | Автор  ]
Рубрика Рисуем людей | Метки: , ,
Перед вами пошаговая иллюстрация рисования зеленого яблока. В этом уроке нет текстов и объяснений, но и из самих этапов все довольно понятно.Автор: Mirko CogoПошаговые урокиИсточник: drawmaster.ru
[7 Mar 2014 | Автор  ]
Автор: adelentaЛокализация урока для вас подготовлена командой сайта: http://www.DrawMaster.ruПошаговые урокиИсточник: drawmaster.ru
[7 Mar 2014 | Автор  ]
Об иллюстрации: этот рисунок был моим личным проектом, я хотел изобразить экзотический пустынный пейзаж, излучающий ощущение чего-то мистического. Работа была создана в Photoshop CS3, за 8 часов в совокупности двух дней.Как вы потом увидите, я использую...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Из этого урока вы узнаете как научиться рисовать фотореалистичную архитектуру со сложным, ночным светом.После многочисленных просьб со стороны людей, и моих личных...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.В этом уроке автор Ванчана Интрасомбат (Wanchana Intrasombat) расскажет о том, как создавалась иллюстрация «К водопаду!». Сюжет картины говорит о маленьком купидоне, который...
О том, куда смотрит человек, говорит не только его поза или повернутая голова, но и глаза.1 - Обычно даже при слегка повернутой голове одна сторона плеча становится прямой, а другая – изогнутой.2 - Когда человек поворачивает верхнюю часть туловища,...
[7 Mar 2014 | Автор  ]
Работа выполнена в Paint Tool SAI с помощью планшета Wacom Bamboo.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть...
[27 Mar 2014 | Автор  ]
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.В этом уроке автор Ванчана Интрасомбат (Wanchana Intrasombat) из Таиланда расскажет вам о том, как создавалась его иллюстрация «Приручи свое животное!», где главными героями...
ШАГ 1ШАГ 2ШАГ 3ШАГ 4ШАГ 5ШАГ 6ШАГ 7ШАГ 8Автор: IzaskunПереводчик: meofkaУрок переформирован командой сайта: www.DrawMaster.ruРисуем ПейзажиИсточник: drawmaster.ru
[7 Mar 2014 | Автор  ]
Привет всем!Я только что обнаружил новый способ рисования травы и создал урок для вас. Сделано за 2 часа – очень быстро, - поэтому много деталей не будет. Надеюсь, урок вам понравится.Приятного чтения и всего хорошего!Знаете, сколько в траве цветов,...
Первым делом, кликните по иконке «Новый слой с контурным изображением» (New linewor layer), чтобы создать слой с векторным контуром.Далее, выберите на панели инструментов Кривую (Curve tool).Затем выберите размер кисти, который хотите использовать. В принципе,...
[7 Mar 2014 | Автор  ]
Для Paint Tool SAI1. Создайте базовую форму камня.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.2. Нарисуйте форму «куска пирога».Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.3. Добавьте...
Фото-образецНажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Давайте откроем новый файл и создадим в нем два слоя, первый зальем белым цветом, а на втором, прозрачном, мы будем рисовать, используя твердую кисть, и подбирать...
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
1. Я начала с размещения теней, прикидывая будущую форму.2. Добавляем разные оттенки и намечаем светлые области на ее лице3. На этом этапе снова уделяем внимание темным и светлым областям на лице. Добавим красный оттенок в области носа и губ, а также...
[7 Mar 2014 | Автор  ]
[b]ВСТУПЛЕНИЕ[/b]Идея этого рисунка была безумно проста – портрет молодой девушки в профиль. В голове у меня уже была четкая картинка - выражение лица девушки, необычное исполнение волос и головного убора в стиле «ар нуво» (art nouveau) (или «модерн») и общий...
[7 Mar 2014 | Автор  ]
Это очень простой урок о том, как смешивать цвета в Photoshop (я использую Photoshop CS2) с помощью чувствительного к нажиму графического планшета (у меня Wacom Intuos 2).Кстати, здесь описано то, как смешиваю цвета лично Я, если у вас есть свой, более лучший метод, придерживайтесь...
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.Нажмите...
[7 Mar 2014 | Автор  ]
Программное обеспечение: Photoshop 7Время: приблизительно 14 часовПервая часть*развлекаемся с цветами*А) С чего мне начать?Для начала мне нужно выбрать два дополнительных цвета. Я попробовал использовать сочетание оранжевого/светло-фиолетового цветов....
[7 Mar 2014 | Автор  ]

Оставить комментарий

Будте вежливы. Не ругайтесь. Оффтоп тоже не приветствуем. Спам убивается моментально.
Оставляя комментарий Вы соглашаетесь с правилами сайта.

(Обязательно)

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>