Последние работы
на правах рекламы
Процесс создания иллюстрации для сайта
Для новичка каждый новый проект – изобретение велосипеда, для не-новичка – пропускание задачи через уже наработанную процедуру. Именно о процедуре и пойдет речь.
А если конкретно, я расскажу как сделать это (клик на рисунке, чтобы увидеть фулсайз):
Задача: сделать заставку на сайт шотландского виски Гленфиддих. Заставка должна транслировать мысль о том, что данный виски – это эксклюзивный продукт, предполагающий в покупателе развитый вкус и богатую культуру.
шаг первый: рождаем идею
О способах создания идей, я уже писал раньше. В данном случае я шел аналитическим путем:
1. У зрителя должен быть герой, с которым он себя свяжет в заставке, его альтер-эго. Вопрос – кто этот герой в данном случае? Ответ: мужчина или пьющий виски или тот, который может пить виски (т.е. ведущий стиль жизни, подразумевающий употребление виски в том числе). В первом случае мы ограничены ситуацией: я и виски (бар, ресторан, пленер (?), дом)
Во втором случае не ограничены ничем. Выбираю второй вариант и в конце концов останавливаюсь на идее: фреска из жизни благородного человека, допустим, конная прогулка. Я хочу подчеркнуть важность посыла: идея рулит иллюстрацией, сначала думаем, потом делаем.
Помните, что задача всегда четко обрисована брифом и ваше решение должно непосредственно из него вытекать. Приучить себя не торопиться кидаться к компу и уже что-то делать, делать скорее – очень важная штука. Удачный, простой лаконичный образ, сэкономит массу времени, как мы увидим впоследствии. Итак результат этого шага: четкий ответ на вопрос «Что я хочу изобразить? Что самое главное в моей иллюстрации?». В моей иллюстрации самое главное – это всадник-джентльмен. Всадник – это альтер-эго покупателя с развитым вкусом и богатой культурой. Идем дальше.
ШАГ ВТОРОЙ. Строим композицию из основных элементов
Композицию можно сравнить с предложением – это законченная мысль, все элементы в ней связаны и подчеркивают главное. С главным в иллюстрации я определился – это всадник, и он – мой композиционный центр. Кроме всадника есть еще обязательные элементы – логотип, меню и слоган (меню и слоган – переменные величины). Чтобы осуществить этот шаг, я нашел в сети устраивающего меня всадника, а дальше стал двигать основными элментами туда-сюда, пока не нашел гармоничное решение. Кстати, меня совершенно не волнует вопрос сложности в данном случае. Просто – не значит плохо.
Я взял простую диагональную композицию, которая «проводит» зрителя через главные объекты – от логотипа – через образ – к слогану. Т.е. я хочу сказать, что расположение объектов на иллюстрации тоже не должно быть случайным. Помните, что любой коммерческой иллюстрацией мы доводим до зрителя некую идею. Каждый объект на иллюстрации оправдан тем или иным отношением к центральной мысли, если он не несет никакого СМЫСЛА – его надо выкинуть. Именно этим посылом объясняется мой выбор фона. Я мог бы взять, к примеру, живописную долину с виноградниками и мб морем вдали, с офигительными облаками, но ЗАЧЕМ? Будет ли иллюстрация выглядеть менее выразительной, если она просто в лоб транслирует основную мысль, а не вызывает оргазм у других дизайнеров? Помним про бизнес, про решение задачи. Ответ: нет. Поэтому следующий шаг: поиск фона – продиктован идеей композиции: четко выделить объект переднего плана и не мешать моей осевой диагонали.
ШАГ ТРЕТИЙ. поиск изображений
По-хорошему, здесь тоже нужно строить ментальную карту и ДО ТОГО, как идти на сток УЖЕ знать, что ты ищешь. Но я в данном случае схалявил и набрал в поиске просто beautiful view. Чтобы быстро оценить подходит какая-то фотка в композицию или нет, мы просто копируем, вставляем и растягиваем ее, чтобы оценить эфект.
ПОДСКАЗКА Не выбирайте картинки с резко очерченным освещением, свет лучше дорисуете и усилите сами. Так меньше времени будет потрачено на подбор других элементов, иначе потом все придется увязывать по свету, а это муторно. Выбирайте нейтрально освещенные изображения.
ШАГ 4. Ретушь главного объекта
Это – эпицентр наших усилий. При таком подходе: четкий передний план, условный задний, от качества ретуши главного объекта зависит все. Если он будет смотрется убедительно, он полностью перетянет на себя внимание зрителя, к этому мы и стремимся. Как я уже писал, этот туториал не о ретуши, поэтому подробно на всаднике я не останавливаюсь, описываю телеграфным стилем:
- разделить на слои. Какие? А что заказчик может попросить изменить? Цвет лошади, сбруи, пиджак всадника, его лицо. Это нужно иметь в отдельных слоях или масках.
- пиджак полностью отрисовать с нуля.
- цилиндр заменить на нормальный.
- выбрать убедительное мужское лицо, которое останавливает на себе взгляд зрителя.
При выборе лица обращаем внимание на свет. На картинке ниже вы видите пример контрастно освещенного лица, которое я не возьму для коллажа – чтобы не возиться долго с его интеграцией в картинку.
ШАГ 5. Интеграция изображения в картинку
– свет
- цвет
- перспектива – вот какими инструментами мы будем пользоваться, чтобы вписать всадника в пейзаж.
Т.е. следим, чтобы все объекты были примерно одинаково освещены, немного неестественная подсветка всадника не в счет, т.к. он главный герой и смысл иллюстрации – его выделить. Добавляем ТЕНИ. Приводим все объекты иллюстрации к одному тону, в нашем случае – оранжево-желтому. Используя или один и тот же цветофильтр или colorize с последующим fade до 25%. Для перспективы добавляем объекты на передний план – В СТИЛЕ ИЛЛЮСТРАЦИИ. Подойдут – листья, ветки, лужица воды, выпавший из руки всадника платок. Не подойдут – бабочки, ленты, всякие фишки в стиле феррариста и т.п. Смысл в дополнительных объектах: связь элементов, они не должны отвлекать на себя внимание зрителя.
Т.к. в нашей ситуации рассеянного освещения в парке тень от лошади не будет слишком явной, лощадь как бы повисает. Ее нужно теснее «привязать к земле». Не получается тенью – добавим листиков прямо под лошадь.
Уже неплохо, но изображение получилось статичным. И с не подчеркнутой перспективой. Мы положили листья перед всадником, теперь нужно что-то вставить между всадником и фоном. Создать средний план. Для динамики я возьму взлетающих голубей и рой кружащихся листьев, для среднего плана – женщину, подходящую к лошади. Теперь наша картинка уже сюжет, ситуация, все объекты на ней легко объяснимы. Мужчина и женщина катаются на лошадях в парке. Всадник резко остановился, вспугнув голубей. Единственно, что непонятно – как связаны мужчина и женщина. Любовники? Супруги? Друзья? Что это – ссора? или просто прогулка? Если бы женщина и другая лошадь были более явными на иллюстрации, эту смысловую связь следовало бы создать, но так как они таят в тумане я оставлю это в виде вопросов. Иллюстрация готова.
Похожие записи
Все о сетках
Дизайн текста - с чего начать?
дизайн текста: веб-примеры
Matte-painting и фотостоки: полезные ресурсы
Рисуем дерево: вид сверху
КАКАЯ КРАСОТИЩА
Любопытно, а есть хоть кто-то, кто не согласен с автором?
Статья занимательная, есть несколько хороших подсказок, далеко не очевидных на первый взгляд.
Меня только не оставляет ощущение, что это не голуби, а попугаи… Похожи на корелл, только без хохолков…
Это действительно попугаю корелла, занятно, что вы заметили.
Я думаю, все станет ясно, если скажу, что в свое время собиралась стать орнитологом, и когда-то подрабатывала в зоо-магазине… Но человеку, не замороченному на домашних животных, наверняка, в глаза ничего не бросается.
Круто
Неплохо продвинулся