Всех приветствую! В данном посте хочу описать процесс создания визуальной концепции обложки для книги Color Balance.
Сразу скажу, ознакомится с готовым результатом вы сможете в кейсе на Behance, за что я вам буду очень благодарен.
С чего все началось?
Референсы, референсы и еще раз референсы. Листая ленту на Pinterest и Behance встречаешь много хороших работ, после просмотра которых невольно задумываешься о том, что люди умеют делать качественные, завлекающие иллюстрации, переплюнуть которые ты не сможешь, да и смысла пытаться нет.
Кстати вы знали, что рыночная стоимость Pinterest на данный момент оценивается в почти 53 миллиарда долларов. Если Microsoft все же купит сервис, то это будет одним из крупнейших ее приобретений.
Так вот, так я и считал, но попытка не пытка, поэтому я начал работу.
Полистав результаты поиска "Геометрия, иллюстрация, абстракция" я определился с направлением и подобрал пару референсов.
Что было дальше?
Вы смотрите на пустой лист, лист смотрит на вас – это и есть страх, или, как говорят психологи, синдром чистого листа. Вот так я и просидел пару часов пытаясь сделать хоть что то, но в итоге возвращался к сочетанию клавиш Ctrl+A и Delete (выделить все и удалить).
Но благодаря этому я выделил для себя некоторые решения, которые все же хотел бы использовать в проекте.
И вот решив подойти с другой стороны (наверное с этого стоило начинать, но кто сказал что надо действовать по правилам) я сделал сетку и макет будущей обложки.
Затем посидев N-ное количество времени у меня получилось подготовить все фигуры.
А что с цветом?
Этот этап один из самых приятных на мой взгляд. Поискав интересные сочетания я сделал первый вариант палитры и окрасил фигуры.
Позже, когда я посмотрел на все это дело со стороны, я понял что смотрится "вырвиглазно", поэтому решился все начать с начала. Второй вариант родился спустя час подборки цветов и готового результата. Дело в том что смотря на подобранную палитру она может смотреться не плохо, а вот результат будет не очень.
Вот и он:
Восприятие цвета может часто меняться в зависимости от психофизиологического состояния человека. Например, уменьшатся, если наблюдатель устал, или наоборот увеличиваться в случае опасности.
Далее все пошло как по маслу.
Я подобрал подходящий шрифт, выбор пал на Doloman Pavljenko.
Что за текст?
Текст-заполнитель — это текст, который имеет некоторые характеристики реального письменного текста, но является случайным набором слов или сгенерирован иным образом.
Где тут анимация?
Зайдя в After effects я подумал, что сейчас буду пентагон взламывать с таким набором окон, вкладок и инструментов. YouTube всему голова, там я искал уроки по освоению данной программы, для выполнения как оказалось простых действий. А именно простенькой, но эффектной анимации текста:
На это дело я потратил много времени, но зато получил готовый результат и опыт работы в данной программе. Было интересно, так что всем советую. Хотя в ней все кому не лень работают, прога классная.
Кстати в процессе работы я решил немного изменить макет. Мне показалось что воздух между объектами создаст положительный эффект.
Что там с результатом?
Все это дело заняло у меня два с небольшим дня, плюс день подготовку кейса. Естественно было бы гораздо меньше, будь у меня соответствующий опыт работы в программах и наверное чуть-чуть больше желания осваивать что то непонятное, сложное на первый взгляд.
Заключение
Хочу сказать, работать над данным проектом было интересно и познавательно с точки зрения изучения программ для осуществления задуманного результата. Напоминаю про кейс.
Спасибо за прочтение данной статьи, буду благодарен за комментарий!
По вопросам разработки [email protected]