Создаём миксовую иллюстрацию в Фотошоп. Создание иллюстраций

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

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

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

Создание лиц

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом уроке от векторного художника Андрея Мариуса (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 и образцы.

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

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

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

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

 
Примеры работ в категории создание иллюстраций

 
Создание векторных иллюстраций для шахматного учебника

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

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

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

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

Этап 2. Эскизы
Тут все предельно просто и понятно, если я выбираю тему, то накидываю, какие именно предметы могут к неё относиться. А дальше ищу картинки нужных предметов и срисовываю их в свой молескин. Срисовывать нужно обязательно, стоки не позволяют использовать чужие фотографии в качестве прямых референсов (перерисовка чужих фото), но если подобрать несколько картинок, взять что-то с одной, что-то с другой и в итоге получить собственный рисунок, то все хорошо, авторское право не пострадало.
Рисую я, если честно, так себе, рука не поставлена на создание ровных линий, но, это не особенно нужно, за что и люблю вектор.
Эскизы здесь носят роль примерных схематических набросков, с них я буду брать общую форму. От кривости линий позже спасут инструменты Иллюстратора, позволяющие чертить ровные круги и прямоугольники.

Этап 3. Как это делают другие?
Для себя я утвердила основной принцип работы со стоками: мои картинки по качеству должны быть не хуже тех, что представлены на первых страницах среди популярных. Если работа не дотягивает, я буду мусолить её, пока не удовлетворюсь результатом. Естественно здесь речь идет и работах по той же теме и в той же технике, что и у меня.

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

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


Эта 5. Подбор цвета.
Подбор цвета, один из важнейших моментов, который я себе категорически не доверяю и сама цвета не подбираю. Есть много сервисов, позволяющих собрать красивые палитры, но это все не совсем то. Главным помощником в подборе цвета стал сервис: shutterstock.labs. Интересная штука, рекомендую покопаться, даже просто ради общего развития. Сайт позволяет подбирать фотографии по интересующим темам с учетом предпочтительной палитры. Например, я знаю, что для рисования Fast Food мне скорее всего понадобятся желтый, красный, оранжевый, коричневый и их оттенки. Формирую соответствующий поисковый запрос и программа выдает мне готовые фотографии с теми же хот-догами, картошкой и прочим, да еще и в ярких, красивых цветах, которые я в последствии и буду использовать в работе, благодаря инструменту пипетка.

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


Этап 7. Составление композиций.
Предметы нарисованы, самое время подумать, как их подать. Даже за мою недолгую стокерскую деятельность я успела сообразить, что композиции продаются лучше, чем просто предметы на белом фоне (хотя в таком виде тоже загружаю, иногда покупают). Поэтому теперь просто комбинирую всю нашу коллекцию в разные картинки, с фонами, без фонов, с надписями, без них. Чем больше удается наделать из одной коллекции картинок, тем лучше. Особенно мне нравится, когда какие-то предметы можно взять из прошлых работ. Например в набор «Fast Food» я добавила мороженое из коллекции «Лето». Поэтому и стараюсь рисовать в одном стиле, чтобы можно было все комбинировать.


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

В ходе работы над изданием ведется подготовка оригиналов иллюстраций к репродуцированию и размещению в тексте. Иллюстрации в книге штриховые и полутоновые. При создании иллюстраций я опиралась на следующие критерии:

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

Штриховые оригиналы:

• · рисунки должны быть выполнены на гладкой белой художественной бумаге;
• · исправления должны быть выполнены с помощью закрашивания ярким белым цветом;
• · рисунок должен быть выполнен в масштабе 1:1, 1,5:1, 2:1 по отношению к будущей иллюстрации в книге и иметь соответствующую толщину штрихов. Нельзя допускать слишком тонких штрихов, которые могут пропасть при уменьшении размера;
• · штриховка пунктиром или перекрестными штрихами должна быть однородной, с постепенным переходом, и не иметь слишком тонких или коротких штрихов в текстуре. Они могут быть потеряны при уменьшении размера.

Одноцветные полутоновые оригиналы:

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

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

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

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

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

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

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

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

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

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

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

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

В иллюстрациях к пьесе "Ах, жизнь наша сучья!" было взято три темы (эпизода): "Хирин с собакой", "конфликт миллионера с представителями банка и полицейскими на бал-маскараде", "отстаивание интересов мужа Мерчуткиной перед присутствующими на свадьбе". И в иллюстрациях к пьесе "Бес попутал!" также было взято три темы (эпизода): "разговор генеральши с Блистановым", "конфликт Ломова с Натальей Степановной и Чубуковым", "разбирательства Блистанова и Натальи Степановны".

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

Иллюстрации для книги "Чехонтины" созданы в технике - черно-белой контрастной графике, черной тушью с использованием пера и рапидографа. После сканирования обработаны в программе Adobe Photoshop с помощью графического планшета.

В рамках данной дипломной работы была поставлена цель - создание макета и иллюстраций для оформления книжного издания Г. И. Юденича "Чехонтины", учитывая особенности восприятия взрослой категории людей, используя основные графические инструменты, характерные для создания книжной графики. Целью работы было не просто создать графическое оформление и иллюстрации книги, но и спроектировать целостный макет, в котором гармонично совмещались бы все элементы книги.

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

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

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

Помимо правил верстки в работе рассмотрены особые требования, установленные государственными стандартами.

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

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

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

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

На основе полученных выводов была достигнута поставленная цель - создана иллюстрированная книга по произведению Г. И. Юденича "Чехонтины". Эта книга предназначена для взрослой категории людей. Она создавалась с учетом предпочтений этой возрастной группы. Был разработан макет книги, систематизирующий расположение и характерную форму иллюстраций. Он позволил гармонично воссоединить шрифтовое оформление основного текста, заголовков с иллюстративным материалом и другими графическими составляющими книги, такими, как колонцифры. Стиль иллюстраций гиперболичный, с элементами гротеска, но приближенный к реальности. Он достаточно проработанный, детализированный. Для создания макета и иллюстраций использовались современные технологии. Особое внимание было уделено разработке обложки, для которой была создана иллюстрация, включающая в себя шрифтовую композицию. Все элементы, созданные для построения образа книги инновационны в своей уникальности.

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