Макияж. Уход за волосами. Уход за кожей

Макияж. Уход за волосами. Уход за кожей

» » Как делать иллюстрации. Иллюстрации для книги

Как делать иллюстрации. Иллюстрации для книги

Готовы ли вы к рискам в веб-дизайне? Скорее всего, не каждый из вас даст утвердительный ответ. Тем не менее, существует риск, который с течением времени стал неким стандартом, трендом в современном веб-дизайне. Мы называем это «нечто» риском только потому, что важно не только фантазировать на тему и смешивать вариации элементов, но и представлять, насколько это уместно в вашем проекте дизайна сайта. Речь идет о сочетании фотографий и иллюстраций в одном дизайне.

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

Но веб-дизайн - искусство новаторства и профессионализма работы в графических редакторах. А потому совместить два типа изображений вполне реально. Мы рассмотрим сегодня не только варианты того, как веб-мастера применяют такой вид изображений, но и тонкости их создания в 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/, то здание магазина можно рисовать самому, а вот песика перевести из фотографии, выделить контуры, а все что будет появляться внутри (точки, артефакты, пикселы) удалить ластиком.

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

Вы долго готовились к изданию собственной книги: материал отобран, отредактирован, проверен на близких; вы уже нашли издательство , в которое будете обращаться… Казалось бы - еще немного, и у вас в руках окажется книга с вашими инициалами на обложке.

Но будьте внимательны - и не забудьте о еще одном, более чем важном аспекте публикации книги. Речь идет о её иллюстрировании. Уже из перевода слова «иллюстрация» становится понятно, почему визуальное оформление книги важно - это не что иное как «наглядное изображение» её содержания.

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

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

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

По сути художник - это соавтор книги. Идея и образы, в которых автор ее воплощает, могут нуждаться в визуальной поддержке - и при достаточном мастерстве художника иллюстрация может не только обеспечить эту визуальную поддержку, но и отвлечь от возможных мелких недостатков стиля автора. Например, в исторических романах или в фэнтези: автор может недостаточно владеть искусством описания быта, и тогда читатель будет «выпадать» из эпохи или не верить происходящему в книге - так как события разворачиваются «неизвестно где и неизвестно когда». В этом случае мастерство художника может «оживить» и дополнить картинку, возникающую в голове у читателя - и недостатки литературного стиля будут восприниматься не так категорично.

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

Иллюстрирование поэтических сборников требует особого подхода. Обязательно учитывайте, что небольшой объем произведений требует от читателя бОльшей сосредоточенности, чем при чтении прозы - и значит, слишком яркие иллюстрации могут просто «перетянуть одеяло» на себя: ваша книга привлечет внимание, но исключительно картинками (и станут ли после их просмотра читать сами стихотворения?).

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

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

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

Итак, поехали:

В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.

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

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

Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.

От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида - это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.

Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.

7. Добавление текстуры для векторных иллюстраций

Добавление текстуры - это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.

Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.

Создание лиц

9. Создание векторного глаза

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

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

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

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

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

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

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

Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.

В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.

С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.

В руководстве описан процесс создания простого персонажа аниме от начала и до конца.

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

Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.

Здесь Вы сможете увидеть, как создаются персонажи видеоигр. У Вас будет возможность рассмотреть работу с первого эскиза и до самого финала.

Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.

Ландшафт и окружающая среда

25. Создание векторной картины-инфографики

В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.

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

Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).

В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.

Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.

В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.

За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.

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

Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.

Полутон - способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.

В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).

36. Конвертируйте растровое изображение в векторное

Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.

Слайдер - популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.

Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.

В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.

В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.

Одним и тем же словом «иллюстрация» называют изображения разные по содержанию и форме, по значению для произведения и читателя, по связи между рисунком и текстом, по технике исполнения.«По целям, которые преследует изображение, иллюстрации можно подразделить на научно-познавательные (карты, планы, схемы, чертежи и т. п.) и художественно-образные (истолкование литературного произведения средствами книжной графики). Иллюстрации могут быть пояснительным изображением к тексту, дополняющими текст, и изображением почти полностью самостоятельным, иногда даже подчиняющим себе текст» .

«В зависимости от размера и расположения в книге бывают следующие виды иллюстраций:

- Фронтиспис. Элемент художественного оформления издания, представляющий собой иллюстрацию, помещенную на левой странице в развороте с титульным листом.

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

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

- Оборонная (небольшой рисунок, окруженный текстом), рисунки на полях - менее значимых событий.

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

Заставки и концовки должны быть выполнены в одном стиле, так как они взаимосвязаны и часто находятся рядом на книжном развороте».

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

- Живописные материалы (акварель, гуашь, акрил);

- Графические материалы (уголь, сангина, соус, ретушь, итальянский карандаш);

- Коллаж (фр. collage –приклеивание, наклейка) – техника создания художественного произведения, когда различные материалы (фрагменты газет, обоев, цветной бумаги, отделочных материалов, тканей, проволоки, дерева, веревок, металла) крепятся на основу и воспринимаются как фрагмент реальности. Коллаж был введен П.Пикассо и Ж.Бракомв 1912. В этой технике работали К.Карра, Дж. Северини, Х.Арп, А.В.Лентулов.

- Аппликация - лат. applicatio – прикладывание). Кусочки какого-либо материала (ткань, бумага, мех, соломка и т.п.) нашиваются, наклеиваются на ткань, бумагу, картон. Созданные таким образом изображения или орнамент придают произведению особую рельефность и выразительность.

- Фотомонтаж – композиция, составленная из фотографий и их фрагментов, иногда дополненная графическими элементами. Применяется в ХХ в. в печатной графике, плакате. Название было придумано берлинскими дадаистами для обозначения произведений, смонтированных из фотографий. Фотомонтаж использовали Дж. Хартфилд (1891–1968), А.М.Родченко, Л.М.Лисицкий.

- компьютерная графика:

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

Ве́кторная гра́фика - это использование геометрических примитивов, таких как точки, линии, сплайны и многоугольники, для представления изображений в компьютерной графике. Термин используется в противоположность к растровой графике, которая представляет изображения как матрицу пикселов (точек)».

Трёхмерная графика (3D, 3 Dimensions, русск. 3 измерения ) - раздел компьютерной графики, совокупность приемов и инструментов (как программных, так и аппаратных), предназначенных для изображения объёмных объектов. Больше всего применяется для создания изображений на плоскости экрана или листа печатной продукции в архитектурной визуализации,кинематографе, телевидении, компьютерных играх, печатной продукции, а также в науке и промышленности.

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

У каждого инструмента есть свой звук и свое ощущение в пальцах. От выбора инструментов во многом влияет на характер изображения. Зачастую сама тематика иллюстрации выбирает технику и стиль изображения. «Стиль - это в значительной степени выбор инструмента. В хорошей типографике всегда виден след каллиграфического инструмента. Это не проблема, если делать иллюстрацию на бумаге, но в цифровой графике нужно прилагать отдельные усилия, чтобы сохранить генетический отпечаток живого рисования». Например, Jonathan Edwards - использует вектор, но его иллюстрация живёт (Рис 25. Приложение 1). Рисование даже с использованием растровой, векторной или трёхмерной графики необходимо «сохранять жизнь» изображения.

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

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

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

И все же есть признаки того, что векторная, и вообще цифровая графика начинает надоедать и публике.

Существует тренд недавно открытый Сергеем Первушиным (Рис 26. Приложение 1), известным иллюстратором: фото с рисованными элементами, способ рассказать о присутствии неведомого. «Присутствие в иллюстрации фотографических элементов (вроде бы скорее наоборот, тут фотография занимает большую часть площади - но рисованные элементы уверенно подгребают ее под себя и превращают в иллюстрацию) сообщает ей столько графических изысков, столько достоверности, что, в общем, странно, что эта история до сих пор не влилась в нормальную иллюстрацию, а остается какой-то самодостаточной игрой». Стоит чуть выйти за плоскость листа, как начинаются вещи гораздо более интересные. Иллюстраторы работают с коллажем, с использованием традиционных материалов (бумага, ткань, фотографии), или такого средства как

- пластилин (Рис 27, Приложение 1);

- папье-маше; (фр.papier-mâché «жёваная бумага») - легко поддающаяся формовке масса, получаемая из смеси волокнистых материалов (бумаги,картона) склеящимивеществами,крахмалом,гипсоми т. д. Из папье-маше делаютмуляжи,маски, учебные пособия, игрушки, театральнуюбутафорию, шкатулки и т.д. В отдельных случаях дажеиллюстрации;

- скульптуры из книжек (Рис 28. Приложение 1) - Книги можно не только читать, а, оказывается, из них можно творить. Как, например, Николас Джонс.

- бумагопластика (Рис 29. Приложение 1) - по виду творчества очень похожа на скульптуру. Но, в бумагопластике все изделия внутри пусты, все изделия - оболочки изображаемого предмета.

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

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

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

Выводы по второй главе

В истории иллюстрации, речь идёт о её постоянном изменении, в соответствии с развитием культуры и искусства в целом. О её синтезе с изобразительным искусством, дизайном и книжной графикой. Также рассматриваются тенденции иллюстрации XX в. влиянии на неё стилей эпохи Модерна. И основные тренды н. XXI в., относятся больше к стороне техники выполнениятиллюстрации. Понятие иллюстрация раскрывается по трём признакам, по одним признакам её можно отнести ее к высокому искусству. Что выделяет её как особый жанр изобразительного искусства. Это рисунки, произведения живописи и скульптуры, которые выполнялись на литературные темы, но при этом имели самостоятельное художественное значение. По другим иллюстрация – вид книжной графики, которая является произведением, предназначенным для восприятия в определенном единстве с текстом, то есть находящееся в книге и участвующее в ее восприятии в процессе чтения. По третьим иллюстрация - пояснение текста путем демонстрации зрительного образа, активное толкование текста. Это научно-познавательные иллюстрации (карты, планы, схемы, чертежи и т. п.), а также иллюстрации, которые оформляют утилитарную продукцию (изображение на деньгах, марках, информационных материалах, конвертах, упаковке). Такую иллюстрацию можно отнести к прикладной графике.………………………… Правильный выбор техники и вида иллюстрации позволяет художнику быть уверенным в качестве и актуальности иллюстрации.

В течении последних нескольких недель я пробовал пользоваться полутоновыми фильтрами, мне был интересен результат и на что они способны. К тому же, к большому удивлению, я обнаружил инструмент Width Tool в Illustrator CS5. Имея эти два инструмента я решил найти им применение и создать иллюстрацию в стиле Роя Лихтенштейна.

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

Рой Лихтенштейн (Roy Fox Lichtenstein; 27 октября 1923 - 29 сентября 1997) - американский художник, представитель поп-арта. Успех художнику принесли его работы на темы комиксов и журнальной графики. Википедия

Шаг 1

Начнем с работы в Иллюстраторе.
Откройте фотографию в иллюстраторе с которой вы будете работать. Эту я нашел на Shutterstock , но вы можете выбрать любую другую.

Шаг 2

Выберите Pencil Tool (N) и начните рисовать поверх фото, используя его как фон. Я начал с глаз. Для зрачков использовал Эллипс (L).

Шаг 3

Продолжайте рисовать с помощью Pencil Tool (N) и Pen Tool (P), чтобы добиться большей точности, но не увлекайтесь, т.к. здесь не требуется идеальность.

Шаг 4

С помощью Pencil Tool (N) обведите контур волос девушки:

Шаг 5

Затем, этим же инструментов добавьте немного деталей для волос:

Шаг 6

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

Шаг 7

Удалите фоновую фотографию чтобы работать только с векторными элементами:

Шаг 8

Один из моих любимых инструментов в Иллюстраторе это Width Tool (Shift+W). Он позволяет изменить ширину штриха части нашей обводки. Посмотрите, это просто фантастика!

Шаг 9

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

Шаг 10

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

Шаг 11

Теперь перейдем в Фотошоп. Откройте в Фотошопе текстуру бумаги. текстуру я нашел там же где и девушку, на Shutterstock.

Шаг 12

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

Шаг 13

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

Шаг 14

Создайте новый слой под слоем фотографии девушки, но внутри той же папки с нашей маской. Измените режим наложения нового слоя на Multiply и залейте его голубым цветом:

Шаг 15

Скопируйте векторное изображение в иллюстраторе и вставьте в Фотошоп. При вставке я использовал опцию «Smart Objects», т.к. это позволяет редактировать вектор в любой момент прямо в Фотошопе.
Как вы наверное заметили, я установил прозрачнось нового слоя в 70%, благодаря чему можно установить необходимое расположение слоя:

Шаг 16

Как только вы найдете необходимое расположение, сделайте слой непрозрачным (100%):

Шаг 17

Измените порядок слоёв таким образом, чтобы фотография девушки находилась поверх векторного слоя. После этого обесцветьте фото (Image > Adjustments > Desaturate). У вас получится черно-белое фото, примерно как у меня.
Затем перейдите к редактированию уровней (Image > Adjustments > Levels).
Измените черный канал до 60 и белый до 195.
Задайте нашему слою режим наложения на Multiply:

Шаг 18

Выберите Filter > Pixelate > Color Halftone. В открывшемся окне укажите максимальный радиус 15 и значение 199 для всех каналов.
Примечание: в зависимости от размера иллюстрации пропорционально изменяйте максимальный радиус.

Шаг 19

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

Шаг 20

Поместите текстуру бумаги поверх всех слоев нашей иллюстрации и установите режим наложения Linear Burn:

Заключение

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

Это топик является переводом