Иллюстрации в книге – важный эмоциональный фактор воздействия на читателя художественной литературы, который оказывает эстетическое и смысловое влияние. Иллюстрации способствуют лучшему восприятию текстов любого уровня сложности, помогая делать выбор в пользу конкретного издания!
В этой статье мы познакомим вас с основными моментами иллюстрирования и расскажем о способах как это сделать. Вам останется только выбрать подходящий способ оформления своей книги иллюстрациями.
Величина, формат и расположение каждой иллюстрации в книге имеет свое назначение. Вам необходимо познакомиться с тем, как обычно размещаются иллюстрации и техниками их рисования, чтобы общаться с художниками-иллюстраторами на «одном языке».
Выделяют следующие типы иллюстраций:
- Фронтиспис. Такая иллюстрация для книги печатается на отдельном плотном листе бумаги и приклеивается к левой стороне первого книжного блока, разворота титульного листа перед первой страницей текстового материала. Как правило, на этом листе отображается главная идея, действие повествования. В некоторых случаях здесь располагают портрет писателя или главного героя сюжета произведения.
- Заставка. Используется для украшения начала главы или раздела, и воспроизводит тематическую расшифровку содержания всей рубрикационной части издания, это, своего рода, графическое вступление. Заставка подготавливает читателя к развитию сюжета, эмоциональному восприятию произведения. Помимо тематических картинок, в начале разделов нередко используют орнаментальную, символическую, предметно-декоративную тематическую композицию, называемую линейкой.
- Полосная. Рисунок, который занимает всю страницу книжки.
- Полуполосная. Картинка, которая располагается в любом месте страницы: сверху, снизу, справа или слева.
- На развороте. Изображение, занимающее разворот издания.
- Оборонная. Тематическое изображение, обрамленное текстом.
- Рисунки на полях. Небольшие изображения, распределенные по краю текстовой полосы.
- Фоновая. Часто используется в цветных подарочных изданиях. Текст располагается поверх изображения.
- Концовка или виньетка. Рисунок или графический элемент располагают в конце текста. Его выполняют в одном сюжетно-тематическом исполнении с заставкой.
Ниже перечислены основные техники рисования:
- карандаш или уголь;
- акварель или масло;
- штриховой рисунок в стиле книг из славного времени СССР;
- компьютерная графика, в том числе и 3D;
- фотоколлаж – иллюстрация, составленная из нескольких фотографий;
- фотореалистическое рисование.
Познакомьтесь с иллюстрациями, выполненными в разных техниках, и подоберите для себя подходящий вариант.
Уголь
Акварель
Карандаш
Фотореалистическое рисование
Штриховой рисунок
Фотоколлаж
Привлекательность обложки издания, эстетичный и запоминающийся внешний вид, тематически правильно подобранные иллюстрации – гарантия будущего успеха книги. И здесь автору важно решить, какой способ иллюстрирования выбрать.
Способ 1: Заказать иллюстрации художнику-иллюстратору
Привлечение профессионального иллюстратора, художника-оформителя – один из лучших вариантов обеспечения своего письменного творения высококачественными изображениями в полном соответствии с изложением. Все иллюстрации для книги выполняются в единой технике рисования, поддерживается единый стиль, согласованный с автором.
Привлечение к работе иллюстратора не самый дешевый метод, но самый выигрышный в плане качества и точной передачи замысла автора.
Способ 2: Подобрать готовые иллюстрации для существующего сюжета
Данный способ хорошо подходит для стихов или рассказов, где все иллюстрации не связаны общей темой.
В Интернете можно найти множество готовых изображений по теме произведения. Но использовать их для оформления своей книги необходимо только с разрешения художника или фотографа, так как в этом случае существуют авторские права на изображение. Несоблюдение этого требования может привести к непредсказуемым последствиям: судебные разбирательства, денежные штрафы.
Поэтому лучше обратиться к услугам сайтов-фотобанков, где все фотографии, репродукции, рисунки предоставляются за небольшую плату, а иногда и бесплатно. Широкий выбор, высококачественное исполнение изображений позволяют оформить литературное произведение, не нарушая чужих авторских прав. Наше издательство пользуется услугами фотобанка www.lori.ru, где можно быстро найти подходящее изображение по ключевым словам.
Способ 3: Найти художника среди своих родственников или знакомых
Если Вы поинтересуетесь, то удивитесь, сколько знакомых Вам людей умеют рисовать. Пусть не очень профессионально, зато очень мило и душевно. Эти люди будут рады возможности иллюстрировать Вашу книгу бесплатно, за небольшое вознаграждение или ответную услугу. Пусть рисуют на бумаге. А затем в издательстве иллюстрации профессионально отсканируют и вставят в макет книги.
Услуги художников-иллюстраторов издательства ТРИУМФ
Наши специалисты создают иллюстрации в любой технике. Заказывая издание произведения в нашем издательстве, автор получает возможность работать с иллюстратором напрямую, что позволяет ему не только обсудить технику выполнения работ, количество рисунков, но и договориться о стоимости. Оплата также производится художнику напрямую.
Готовы ли вы к рискам в веб-дизайне? Скорее всего, не каждый из вас даст утвердительный ответ. Тем не менее, существует риск, который с течением времени стал неким стандартом, трендом в современном веб-дизайне. Мы называем это «нечто» риском только потому, что важно не только фантазировать на тему и смешивать вариации элементов, но и представлять, насколько это уместно в вашем проекте дизайна сайта. Речь идет о сочетании фотографий и иллюстраций в одном дизайне.
Фотография в нынешнее время используется для придания реалистичности внешнему виду проекта, возможности акцентирования внимания посетителя на том, что речь идет о вполне важных и нужных вещах в жизни каждого человека. Иллюстрация или рисунок чаще подходит для узконаправленных проектов и подсознательно ассоциируются у человека с действом, «мультяшностью» или даже несерьезностью.
Но веб-дизайн - искусство новаторства и профессионализма работы в графических редакторах. А потому совместить два типа изображений вполне реально. Мы рассмотрим сегодня не только варианты того, как веб-мастера применяют такой вид изображений, но и тонкости их создания в Photoshop.
Пользовательские акценты
Включать иллюстрации в веб-дизайн можно практически легко, если они представляют собой элементы пользовательского интерфейса. Но они также не обязательно должны быть нарисованными от руки или представлять собой только специфические кнопочки/стрелочки. Это может быть качественная сюжетная векторная графика. На примерах ниже можно увидеть, как с помощью иллюстраций дизайн оживился (www.wittycookie.com), а герой-персонаж представляет возможности компании.
Иллюстрация лого-изображения
Если вы любите иллюстрацию как таковую и планируете сделать в веб-дизайне проекта акцент на неё, то хорошим вариантом станет использование иллюстрированного лого-изображения. Первый проект madebyfew.com отлично представляет это. Более того, рисунки везде использовались как отдельные дизайн-элементы в виде кружочков, лент серпантина, улыбок, миниатюр к материалам. Поскольку сайт посвящен конференции и отображает её участников, то такую картинку можно использовать вместо массовой фотографии участников.
Другой пример onehappycampernj.org несколько скромнее, ибо в качестве иллюстрации используется текстура с растительными элементами. Особенность в том, что изображение создано только для одной секции на главной странице. Это позволяет акцентировать внимание на информации, оживить сайт и подчеркнуть особенность информации. В одном из прошлых материалов мы уже рассказывали об огромных коллекциях текстур . Затем вам потребуется только сменить цвет в Photoshop, прозрачность.
Строительная компания Бельгии konosair.be решила также создать иллюстрацию над фотографией. При этом более в дизайне сайта рисованные от руки картинки уже не используются. Тем не менее, даже на начальной странице такое сочетание выглядит весьма занятно.
Иллюстрация типографики
Существует способ добавления надписей поверх фотографии. Но представьте себе именно рисованную типографику и даже анимированную (archrival.com). Такую «фишку» можно использовать поверх уже имеющегося видео или изображения.
Скромнее выглядит steptoandson.co.uk/about/, где типографика и шрифтовые пары использовались не как иллюстрация, а как текстовой слой. Тем не менее, правильно подобранный стиль создаёт впечатление того, что поверх фотографии именно рисовали и писали рукой, каллиграфически или по трафарету.
Расскажите историю
Проект mamyfactory.com/fr/ интересен тем, что рисунки используются буквально везде, но совмещаются с фотографиями. Создавать такое оформление сложнее. Во-первых, потребуется реальная фотография рук, занятых вязанием, а во-вторых, придется аккуратно в Photoshop выделять нитки и вязку магнитным лассо, а затем переводить все это в рисованный вид. Тут уже могут потребоваться плагины, умение рисовать, или простое знание того, как перевести фотографию в рисунок.
Красивым сочетанием иллюстрации и фотографии можно назвать и веб-дизайн проекта discoveryphototours.com/photo-tours/. Здесь и фотографии оформлены в разрывах страниц, и печати, заголовки созданы в виде мазков и иллюстрированная типографика.
Аналогичным выглядит и gili-lankanfushi.com, в дизайне которого поверх фотографии Мальдив расположились иллюстрированные иконки и надписи, листочки, в боковая панель и footer тем более усиливают своим видом эффект рисованности.
Правила применения иллюстраций
Использование иллюстраций и фотографий в одном проекте - это повод развить фантазию, добавить интриги в проект, придать дизайну немного изыска. Но при этом необходимо соблюдать некоторые правила . Да-да, увы, но даже для сочетания фоток и картинок они тоже есть.
- Стилистика иллюстраций должна соответствовать общему дизайну. Значит, и иконки, и пиктограммы, а также и текст также должны быть выдержаны в общем стиле.
- Использовать иллюстрации лучше для иконок и кнопок, дополнительных небольших картинок, но для визуального акцента и взаимодействия с пользователями - только фотографии.
- В начале работы создайте шаблон с иллюстрациями и затем расставьте акценты, добавив фотографии и видео.
- Близ фотографий отлично смотрятся не просто картинки, но анимированные элементы. Например, tmfp.co.uk; они едва заметны близ фотографий и совершенно не отвлекают пользователя от изучения информации.
- В виде рисунков уместно создавать лейбл или логотип компании и размещать их рядом или поверх фотографий.
- Иллюстрации помогают посетителю сориентироваться на сайте, рассказывают ему некую историю и проводят пользователя по страницам проекта.
Создание иллюстраций в Photoshop
Несмотря на то, что «риск», о котором мы рассказали в начале, оказался не таким уж и страшным, встает вопрос о том, как проще всего создать иллюстрацию. С одной стороны, вы можете использовать клипарты (clipart), которых в интернете со свободной лицензией много. Но с другой стороны, можно создать рисунок и самостоятельно.
Важно то, что качество конечного материала можно долго еще улучшать, осветлять, затемнять, играть с контрастом, цветностью. И да, стилей иллюстраций, рисования от руки очень много.
Но мы приведем небольшой пример того, как можно создать иллюстрацию вообще и как использовать дальше. Помните, что затем её можно будет перевести в вектор или сделать вексельной, можно ластиком удалить лишние детали и оставить только контуры. Например, вам требуется рисунок сумочки или туфельки, но клипарта или стиля рисунка подходящих нет. Переведите в Photoshop и затем удалите все лишнее, сделайте более насыщенными контурные линии и..вуа-ля, рисунок готов.
Например, возьмем котенка.
Открываем Photoshop, копируем фотку на новый слой, создаем копию слоя. Так чтобы был фон и два слоя с фотографией.
Выбираем последний слой (верхний) и размываем его по Гаусу . Параметр подбирается «на глазок», ибо все фотографии разные по детализированности и цветности. Но после пары попыток при разном уровне размытия, вы будете видеть, что именно вам нужно.
После этого примените свойства данного слоя - Разделить . Вы уже получите заготовку под карандашный рисунок.
Теперь дело за малым. Скопируйте содержимое на новый слой (Ctrl+Shift+Alt+E) и Обесцветьте (Изображение-Коррекция-Обесцветить).
Создайте теперь копию этого слоя и выберите параметр Линейный затемнитель.
Вот и все. Теперь особо черные места можно Осветлить с панели инструментов. Можно создавать еще больше слоев, добиваясь прорисованности. Можно подкрашивать кисточкой серые места, чтобы избежать пятен. Но все зависит от конкретного материала и вашей фантазии.
Что теперь делать, казалось бы, с непонятной иллюстрацией? Её можно вставить в шаблон. Мы выбрали с котятами, где есть секция с разделами и в один из них вставили нашего котенка. Дополнительно наложили еще слоев и сделали его более четким. Если рядом использовать другие рисунки котят в разных позах, придать немного иной стиль, сделать котят более контурными, то как раз и получится олицетворение темы нашего материала. Исходник брали отсюда: templatemonster.com/ru/demo/47111.html.
Что же касается текста под лапкой, его можно раздвинуть в этом месте, а фон котенка украсить разрывом страницы. Дополнительно отрегулировать край, поправить ластиком пятна вокруг, применить резкость или даже отправить в Illustrator для трассировки и перевода в векторное. Удобнее переводить в рисунок архитектуру, лица.
Завершение
Использовать иллюстрации в сочетании с фотографиями в пределах дизайна одного сайта вполне реально. Это выглядит даже потрясающе, но это трудно создать, если в доступности нет именно тех рисунков, что требуются и вам приходится самостоятельно создавать в графических редакторах. Это сложнее сделать, если вы от природы и по жизни не особо умеете рисовать. Тем не менее, создать иллюстрацию возможно, только нужно представлять, какой стиль вам требуется. Если аналог mamyfactory.com/fr/, то здание магазина можно рисовать самому, а вот песика перевести из фотографии, выделить контуры, а все что будет появляться внутри (точки, артефакты, пикселы) удалить ластиком.
Веб-дизайн - профессия творческая и требующая не только времени, но и фантазии, любви к искусству и поиска вдохновений. И знаний тоже.
Мне всё с таким же постоянством приходят письма с вопросами: "Хочу стать иллюстратором, с чего начать?", "Как мне научиться рисовать?", "Что делать, если у меня не получается рисовать, есть ли у меня шанс стать иллюстратором?"
На первый взгляд вопросы довольно странные. Не умеешь рисовать, не хочешь начинать и пробовать, не хочешь даже учиться рисовать - какой из тебя иллюстратор? Зачем тебе это нужно? Но всё не так просто, как кажется на первый взгляд.
Недавно я наткнулась в сети на высшую частную школу в Гамбурге, которая готовит узконаправленно только иллюстраторов. На первых же страницах "О себе" они сообщают, что иллюстратор - это дизайнер, который умеет рисовать.
Мне стало смешно, потому что я дизайнер графики и получила, без ложной скромности, хорошее образование. За долгие годы обучения нам неустанно твердили, что любой дизайнер должен уметь рисовать, обращаться с фотокамерой, понимать толк в типографике и разбираться в искусстве.
Наряду с такими предметами как типографика, нас учили рисунку и фотоделу - вещи, которые отразились и на моих представлениях об иллюстрации. Я посвятила влиянию фотографии на иллюстрацию в своей книге "Профессия - иллюстратор. Учимся мыслить творчески" сразу несколько разделов.
Высказывание, что иллюстратор - это дизайнер, который умеет рисовать, показалось мне очень странным. Сначала я решила, что люди просто не в курсе, чему учат современных дизайнеров. Но потом я, кажется, поняла, о чём они. А именно о том, что иллюстратор - профессионал, который владеет самыми разными навыками и техниками изображения, которые часто уже можно назвать скорее дизайнерскими.
Действительно, современный иллюстратор больше не привязан к традиционным изобразительным техникам: ему не обязательно работать только красками или карандашами на бумаге. Ему даже не обязательно уметь очень хорошо рисовать. Достаточно уметь обращаться с бумагой и ножницами, древесиной и стамеской, тканями и швейной машинкой, уметь рисовать лишь на уровне контуров и набросков и быть при этом не менее успешным и продаваемым иллюстратором, чем коллеги, работающие в традиционных техниках.
Сегодня мне бы хотелось заострить ваше внимание на техниках исполнения современных иллюстраций.
На вопросы вроде "С чего начать будущему иллюстратору?" я уже отвечала, и ниже можно проследовать по ссылке на мой ответ. А на вопрос, получится ли из кого-то иллюстратор, если он не научился рисовать традиционно, академически, утвердительно скажу, что да. Потому что если не даётся бумага и светотени, стоит попробовать себя в какой-то нетрадиционной технике, если вопреки всему хочется заниматься иллюстрацией профессионально.
Для вдохновения покажу вам красивую книгу - сборник работ иллюстраторов и художников, работающих в нетрадиционных иллюстраторских техниках.
Книга на американском амазоне:
Книга на немецком амазоне: Illustration Play: Craving for the Extraordinary
Обложка выполнена на очень красивой, фактурной бумаге с настоящими наклейками.
А так выглядит содержание - перечень представленных иллюстраторов.
Иллюстрации, выполненные с помощью выжигателя. Автор: Genevieve Dionne
Иллюстрации-инсталляции из различных материалов. Автор: Stephanie Dotson
Иллюстрации-инсталляции из бумаги и древесины. Автор: Aj Fosik
Иллюстрации на старых упаковках, конвертах и прочем. Автор Melvin Galapon
Для многих художников, создание иллюстрации начинается с карандаша и листа бумаги. В этом уроке Andreas Preis покажет, как создать красивую миксовую иллюстрацию. Для начала, он создаст иллюстрацию в виде наброска на бумаге, а затем в Фотошопе добавит цвет и эффекты.
Финальное изображение:
Перед тем, как начать, посмотрите видео о том, как создавался эскиз:
Шаг 1
Все начинается с белого листа бумаги. Вы можете нарисовать иллюстрацию, которую использовал автор, а можете и свою.
Шаг 2
Прежде всего, создайте набросок иллюстрации карандашом.
Шаг 3
Теперь прорисуйте контуры:
Шаг 4
Это финальный шаг: начинаем рисовать чернилами. Если на иллюстрации предусмотрено много деталей, рисование может занять какое-то время.
Шаг 5
После нескольких часов рисования, иллюстрация выглядит так:
Шаг 6
Отсканируйте эскиз в оттенках серого, разрешение установите между 600-800 пикселями. Однако, обратите внимание на то, что чем больше файл, тем медленнее компьютер будет работать. После сканирования, откройте иллюстрацию в Фотошопе.
Шаг 7
Нужно усилить контраст изображения при помощи команды Кривые (Изображение - Коррекция - Кривые) (Curves) (Ctrl + M). Нужно добавить изображению как можно больше белых и черных оттенков:
Шаг 8
Теперь нужно исправить некоторые неточности на иллюстрации (к примеру, удалить лишние линии). Инвертируйте изображение (Ctrl + I) - тогда легче будет увидеть те неточности, которые нужно будет исправить.
Используя инструменты Осветлитель и Затемнитель (Burn/Dodge Tool) (O). Удалите все неточности, а затем снова инвертируйте изображение.
Шаг 9
Теперь нужно отделить изображение от белого фона. Для этого, выделите изображение (Ctrl + A) и скопируйте (Ctrl + C), затем добавьте маску . Кликните по маске, удерживая нажатой клавишу ALT. Теперь, вы сможете вставить иллюстрацию на маску (Ctrl + V).
Шаг 10
Инвертируйте слой-маску (Ctrl + I).
Перейдите с маски на слой, кликнув по его миниатюре, и залейте холст черным цветом.
Примените маску: сначала нажмите клавиши Ctrl + G , а затем Ctrl + E (этот способ позволит сначала поместить слой с изображением в группу, а затем объединить группу).
Шаг 13
При необходимости, можно скорректировать пропорции на изображении. Для этого, воспользуйтесь фильтром Пластика (Фильтр - Пластика) (Filter > Liquify).Здесь можно изменить некоторые линии и кривые.
Шаг 14
Теперь добавьте белый фоновый слой.
Шаг 15
Выделите изображение инструментом Волшебная палочка (Wand Tool) (W) и инвертируйте выделение (Ctrl + Shift + I). Сожмите выделение на 5 пикселей (Выделение - Модификация - Сжать) (Selection > Modify > Contract). Создайте новый слой (Shift + Ctrl + N) под слоем с иллюстрацией и залейте его темным цветом - это будет цвет волос.
Шаг 16
Над слоем с волосами создайте новый слой - это будет слой для лица. Для закрашивания лица используйте белый цвет и инструмент Кисть (Brush Tool) (B).
Шаг 17
Для каждой отдельной детали, которую собираетесь раскрашивать, создавайте отдельный слой. Теперь под слоем с лицом создайте новый слой для шарфа.
Шаг 18
В финале, создайте новый слой с названием «Pearls» и нарисуйте жемчуг в волосах.
Шаг 19
Теперь нужно заблокировать непрозрачность для каждого слоя, который расцвечивали. Это поможет не выйти за края каждого из слоев, когда Вы их будете затемнять.
Шаг 20
Теперь нужно раскрасить волосы в разные оттенки. Это можно сделать инструментом Кисть (Brush Tool) (В).
Шаг 21
Для создания света и тени будем использовать разные кисти. Загрузите изображение темного пятна из ресурсов урока - из него мы сделаем кисть.
Шаг 22
На этом этапе нужно снова усилить контраст изображения. Для этого, создайте кисть и изображения темного пятна (Редактирование - Определить кисть / Edit > Define Brush Preset).
В открывшемся окне задайте имя кисти:
Шаг 23
Откройте палитру Кисти (F5) и выберите только что созданную кисть:
Перейдите на вкладку Динамика формы (Shape Dynamics) и поэкспериментируйте с настройками пунктов Колебание размера (Size Jitter) и Колебание угла (Angle Jitter).
Шаг 24
Используя эту кисть, начните добавлять к каждому слою свет и тень. Начните с волос.
Шаг 25
Вы можете использовать дополнительные цвета, например те, которые использованы мной при раскрашивании шарфа.
Шаг 26
Жемчуг раскрасьте разными оттенками желтого и коричневого цветов:
Шаг 27
Работа с лицом - самая сложная часть. Нужно понять, где добавить тени и светлые области. Ориентируйтесь на скриншот:
Шаг 28
Создайте новый слой с названием «Makeup», нарисуйте на нем макияж и измените режим наложения на Умножение (Multiply).
Шаг 29
Переходим к созданию фона. Для его создания Вы можете использовать краски любого типа: акриловые, аэрозоли, также кисти. Не бойтесь экспериментировать.
Шаг 30
Фон может быть любой, включая окраску и царапины.
Шаг 31
Для этой конкретной части понадобятся цветные пятна, капли и т.д.
Это фотографии двух частей фона (для примера):
Шаг 32
Отсканируйте созданный фон (убедитесь, что краска на нем высохла). Желательно использовать довольно большое разрешение (около 900 пикселей).
Шаг 33
Перенесите отсканированный фон на основное изображение. Вы можете удалить белый фоновый слой, а все слои, относящиеся к иллюстрации поместить в отдельную группу. Для того, чтобы изменить цвет фона, добавьте к нему (Hue/Saturation).
Шаг 34
Вы можете использовать любой понравившийся цвет в качестве фона. Я выбрал бирюзовый оттенок.
Шаг 35
Добавьте второй фон и поверните его (Ctrl + T).
Шаг 36
Создайте новый слой (Shift + Ctrl + N) под вторым слоем с фоном, залейте его черным цветом и объедините этот слой с фоном со слоем, залитым черным цветом (Ctrl + E).
Шаг 37
К объединенному слою добавьте маску и загрузите выделение (Ctrl + A). Удерживая клавишу ALT, кликните по миниатюре маски. Нажмите Ctrl + V , чтобы вставить все. Цветной фон теперь работает в качестве маски.
Шаг 38
Перейдите с маски на слой, а теперь снова перейдите на маску, только уже не нажимая клавишу Alt. Таким образом, вы можете видеть, что происходит на холсте, но на маске можно также продолжать работать. Теперь примените команду Кривые (Curves) (Ctrl + M).
Шаг 39
Яркие области на втором фоне теперь станут видны:
Шаг 40
Создайте новый слой выше всех слоев и на нем добавьте тень на плечи.
Шаг 41
Теперь добавьте больше цветных пятен. Это придаст иллюстрации ощущение стиля «street art». Каждую каплю рисуйте на отдельном слое.
Шаг 42
Уменьшите непрозрачность каждого слоя с каплей приблизительно до 33%.
Шаг 43
Выделите при нажатой клавише Shift все слои с каплями и поместите их в группу (Ctrl + G). К группе с каплями добавьте маску и на ней различными кистями удалите некоторые части капель, чтобы придать им более интересный вид.
Шаг 44
Теперь я собираюсь использовать текстуру старой бумаги - ее можно найти в Интернете, а можно отсканировать.
Шаг 45
Перенесите изображение старой бумаги в наш документ и поместите над всеми слоями и группами. Добавьте к ней корректирующий слой Цветовой тон/Насыщенность (Слой - Корректирующий слой - Цветовой тон / Насыщенность) (Layer > New Adjustment Layer >Hue/Saturation)и уменьшите яркость текстуры.
Шаг 46
Для того, чтобы смешать текстуру старой бумаги с фоном, который был нарисован красками, измените режим наложения текстуры старой бумаги на Умножение (Multiply). Добавьте к слою с текстурой старой бумаги маску и удалите текстуру старой бумаги в некоторых местах изображения (например, с лица).
Шаг 47
Теперь можно использовать тот же трюк, который использовали при создании цветных капель. Добавьте маску к группе «Woman» (в ней находятся все слои, относящиеся к иллюстрации). Теперь сотрите некоторые мелкие детали с изображения разными кистями, чтобы придать текстуры.
Перевод: Слуцкая Светлана
Вы увидите, как я создаю концепт-набросок, фон, а затем постепенно улучшаю изображение, вырисовывая детали. Кстати, вы можете с легкостью применять техники, показанные в этом уроке при создании своих иллюстраций, лого и других проектов! Следуя подобным урокам, процесс рисования всегда кажется более легким, но если вы считаете, что вы недостаточно хорошо рисуете, то никогда не будет лишним просто попробовать, так как цель подобных уроков, так или иначе, заключается в улучшении ваших навыков! Я уверена в том, что те из вас, кто не может создавать масштабные рисунки, могут начать с быстрых набросков, наподобие этого.
Я использовала следующие инструменты:
- Photoshop CS3
- Планшет Wacom Graphire 3 USB (Голубой)
Шаг 1 : Я начала с эскиза. Затем я раскрасила поверхность земли. Здесь, как вы видите на готовом рисунке, много зеленой травы и она напоминает мне старую песню: "Зеленая Зеленая Трава у дома". Поэтому попытайтесь представить что-то в этом роде. Возможно, здесь неподалеку от маленького домика стоит старый дуб, под сенью которого вы так любили играть в детстве. Как только я определилась со сценой, я стала обдумывать цвета: основные и фоновые оттенки. Здесь я попыталась представить себе четкий образ. Я начала рисовать на пустом фоне, на который добавила несколько цветов. Я не люблю работать с рисунками, фон которых прост и невыразителен. Добавление различных цветов сохраняет интерес к изображению, а также помогает добиться нужного настроения.
Шаг 2 : Я добавила детали при помощи кисти с маленьким диаметром. Для этих иллюстраций я использую только те кисти, которые уже есть в Photoshop по умолчанию. Если хотите, вы можете загрузить другие кисти. Вот кисти, которые я использовала для этой иллюстрации. В моем рисунке я буду пользоваться только стандартными кистями. Перед тем как приступить к рисунку, вам нужно настроить свои кисти.
Шаг 3 : Теперь вам нужно выбрать основные цвета для вашей композиции. И вот мои цвета для данной иллюстрации. Как обычно я хочу создать очень яркий рисунок. Для фона я выбрала желтые и голубые оттенки. Все остальные цвета – для окружающей обстановки. Откройте другой файл и сохраните свои цвета. И пусть этот новый файл всегда будет открыт, пока вы рисуете.
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.
Шаг 4 : Я решила убрать старую машину, которая стояла у дома. Она, правда, совсем сюда не подходит. Этот автомобиль не сочетается с остальными элементами рисунка. Поэтому мне пришлось стереть машину и нарисовать старый дуб вместо нее, возможно, вы захотите нарисовать какое-то другое дерево. Я сделала черновой набросок в цвете круглой жесткой кистью большого диаметра, а затем примерно нарисовала детали такой же кистью только с меньшим диаметром. Я также создала новый слой для травы и сделала грубый набросок.
Шаг 5 : Затем я приступила к более детальной прорисовке зеленой травы при помощи маленькой жесткой круглой кисти, а мягкой круглой кистью сгладила изображение... но позже я могу изменить это, например, там возможно появятся красновато-синие или желтые цветы. Но на данный момент, я думаю, что зеленая трава – это как раз, то, что нужно.
Шаг 6 : Когда я ищу подходящий цвет, я делаю так:
Шаг 7 : Теперь обратите внимание на то, как я рисую древесину. В этом уроке я не показываю множество типов древесины. Здесь представлены только два вида: один для двери, а второй – для забора.
Шаг 8 : А теперь позвольте мне изменить размер холста. Как видите, если хотите получить рисунок с большим количеством деталей, то вам придется работать на холсте большого размера (примерно 2000 или 2600 пикселей).
Шаг 9 : Добавьте детали, используя маленькую кисть. Здесь обратите внимание на то, как я прорисовываю детали крыши.
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.
Шаг 10 : На следующих этапах, я собираюсь создать еще несколько слоев для зеленой травы. Причина создания нескольких слоев заключается в том, что позднее вам нужно будет откорректировать рисунок. Гораздо проще исправить ошибки, если основные элементы вашего рисунка представляют собой отдельные объекты. Я вчерне раскрасила рисунок при помощи большой жесткой круглой кисти, а затем добавила детали такой же кистью, но уже с меньшим диаметром. Я также создала новый слой для волос и сделала грубый набросок. Возвращаясь к вопросу о том, как рисовать траву. Просто кликните на значок кисти, выберите другой цвет и рисуйте так, как показано на моих эскизах. Затем просто повторяйте одно и то же действие.
Шаг 11 : Теперь пришло время приступить к детализации облаков. Рисуя облака, я придала форму белым цветом на отдельных слоях, а затем изменила режим наложения слоя на Наложение (Overlay) для того, чтобы этот эффект был заметен на рисунке. И я использовала только два слоя для облаков. Один цвет – в качестве базового, а другой – для увеличения яркости фона. Попытайтесь найти баланс, комбинируя разные формы кистей, и попробуйте нарисовать облака при помощи нанесения разных штрихов. Вам также нужно определить свет и тени. В этом вопросе вам помогут фотографии настоящего неба. Просто поищите в Google разные формы облаков.
Шаг 12 : Я также хотела добавить немного яркого солнечного света и других деталей, таких как, например, вспышка молнии. После нескольких попыток, я остановилась на том варианте, который изображен на моем рисунке. На этом этапе это выглядело достаточно приблизительно, но я вернусь к этому позже. Я также должна отметить, что каждый элемент рисунка оказался на отдельном слое, что позволило мне быстро выбрать нужный объект и с легкостью изменить цвета. Нажмите Command+Клик (на Mac) или Control+Клик (на Windows) на значке слоя в палетке "Слои" ("Layers") для того, чтобы выбрать непрозрачность (opacity).
Шаг 13 : Настройки. Это очень важно. Вы можете подобрать нужный цвет и тем самым изменить всю атмосферу. Теперь я использую Баланс цвета. После этого я изменила яркость и контраст. Вы заметите, как изменится световой эффект.
Выводы :
Теперь пришло время закрыть Photoshop. Я надеюсь, вам понравилось! В качестве завершающего штриха, я добавляю фильтр "Умная" резкость (Smart Sharpen) на плоский рисунок, для того чтобы получить более четкие, резкие линии. Это помогает выделить мелкие детали, такие как блики. Я надеюсь, чтение этого урока доставило вам удовольствие.
Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.