Интенсив по иллюстрациям для сайтов — возможность оформить свой проект, бренд или нарисовать иллюстрации для сайта подруги. Если вы любите придумать проект и реализовывать его самостоятельно, то вам точно понравится превращать скетчи в иконки и иллюстрации, а потом оформлять все в проект для Behance. Посмотрим, что придумала и как справилась с задачей наша ученица Ольга Комарова. Ольга: Добрый день! Хотела учиться на реальной задаче, у подруги студия йоги и я хотела рисовать сразу для нее дизайн сайта, это возможно? В шаблонах йоги нет. Или учимся только на предоставленных макетах?
Проверка: Здравствуйте! Вы можете сделать свой макет :) Единственное, важно, чтобы в нем было не менее трех иконок и трех иллюстраций. Но расположение элементов, содержимое текста и в целом тему вы можете выбирать самостоятельно :)
Ольга: Отлично! Тогда я бы хотела делать сайт для семейного центра йоги.
Проверка: Хорошо. Если макет будет сильно отличаться от того, что есть в материалах, будет лучше сначала сделать его набросок. Здесь достаточно просто грубого наброска, по которому будет понятно, где будут располагаться картинки, где будут блоки текста, заголовки, кнопки и иконки. Так будет сразу проще продумывать и наполнение, и иллюстрации :)
Ольга: 😄
Проверка: Отлично сделали макет, все нужные элементы присутствуют, так что можно уже иконки набрасывать. Их тоже лучше сначала набросать, а потом уже отрисовывать. Наброски нам присылайте :)
Ольга: Хорошо 👌
Я разрабатывала логотип для этой студии и у меня остались вот такие наброски фигурок. Думаю в таком стиле сделать иконки, но покрасивее отрисовать:
Проверка: Да, стиль хороший выбрали. Даже эти варианты можно уже использовать в качестве иконок. Но так как они у вас уже готовые, то для практики можно попробовать их немножко усложнить. Какие-то референсы подбирали к иконкам еще? Может быть стоит на них идеи усложнения подсмотреть :)
Если править эти, как есть, то вот здесь фигуры стоит сдвинуть чуть правее, совсем немного. Так композиционно не будет перевешивать левая сторона:
Вот здесь мы бы не ставили вот прямо так впритык к краям ноги. Лучше чуть больше расстояния оставить или тогда уже уводить ноги за пределы иконки:
Ольга: Целый день думаю над тем как их можно гармонично усложнить. Вы имеете в виду с пятнышком поиграться? Сами фигурки я думала ещё доработать, как вариант сделать все с двойными человечками, референсы поинтереснее взять, эти я взяла, чтобы набросок идеи сделать.
Логотип вот такой сделала:
Проверка: А какие-то референсы уже подобрали? Их тоже нам присылайте, так будет проще подсказать, опираясь на вашу задумку и доп. материалы, как можно все это дело усложнить. На самом деле, усложнение здесь не обязательно. Можно просто больше сил вложить в иллюстрации, а иконки оставить очень простыми. Ведь их основная задача — быть хорошо читаемыми, ясными и отображающими суть. Они должны привлекать внимание, но не слишком отвлекать. Так что тут, если усложнять существующие, то немного. Можно с фоном что-то подумать, может более разнообразным его сделать на каждой иконке.
А логотип куда планируется добавлять на станице? Можете сразу на макете разместить, чтобы было видно, как все в целом смотрится.Если под пятнышком имеете в виду фигуру на фоне, то да, можно именно с ней поиграться. Попробовать сделать её под каждую иконку отдельно. Но слишком его усложнять не стоит, чтобы оно не отвлекало от фигур :)
Ольга: Мне кажется теперь я перемудрила:
Проверка: Да, немного сложнее стало прочтение иконок. Лучше, конечно, выдерживать такой стиль, чтобы все хорошо читалось, никакие элементы не сливались в общую «кучу». Мы бы упростили рамку, т.е. вот этот круг на иконках. Он немного в другом стиле получается. И акварельный стиль тогда хочется везде выдержать, больше подобных элементов добавить. Но т.к. это более затратно по времени — перерабатывать весь стиль — проще будет от такой сложной рамки отказаться. Тут ещё проблема с ней в том, что когда вы добавляете такой, более нагруженный элемент, он привлекает больше внимания, чем само содержимое иконок. А содержимое, как нам кажется, важнее :)
Старайтесь также избегать вот таких четких касаний фигур. Когда края прямо по контуру соприкасаются. Это смотрится не очень хорошо с точки зрения композиции:
Если такие моменты замечаете, то лучше либо фигуры развести друг от друга, либо наоборот сделать наложение одной фигуры на другую.
Вот такие мелкие пробелы и мелкие кусочки фигур создают шум в работе, перегружая ее. Когда это один-два элемента, это еще не так критично. Но в данном случае таких кусочков и пробелов много, что и создает эффект перегруженности. Совсем их убрать без потери силуэта не везде получится. Поэтому можно поискать решение в том, чтобы либо их развести, либо уменьшить количество накладывающихся друг на друга фигур:
Если хочется все фигуры оставить, то может быть попробовать сделать иконки чуть более вытянутыми по горизонтали. Т.е. вписывающимися в прямоугольник, а не квадрат/круг. Тогда площадь для размещения фигур будет больше.
Вот типа такого формата. Но если такими сделать все иконки, то может быть так, что иконки будут слишком плотно друг к другу стоять. Так что можно попробовать сделать так одну иконку и потом ее дублировать и разместить на местах остальных иконок. Чтобы просто оценить, нормально это смотрится или не очень. Если захотите такое решение использовать, то можете нам прислать промежуточный вариант. Поможем определиться, хорошо это смотрится или не очень :)
Ещё одна идея — это сделать фигуры одноцветными. Тут перегруз может быть ещё из-за цветовой гаммы. Т.е. все-таки много получается цветовых пятен в рамках одной фигуры. Но если попробовать сделать одну фигуру, например, синей, другую более бледно синей, третью еще более бледной. В этом случае есть вероятность, что будет более собранно смотреться иконка и появятся главные и второстепенные детали. Имеем в виду что-то вот такое:
А пример более вытянутой по горизонтали иконки вот. Т.е. просто развести фигуры больше, а на фоне сделать какую-то объединяющую фигуру, типа круга. Так и не бросается в глаза, что иконка вытянутая и целостность более-менее сохраняется:
Ольга: Спасибо за развернутый ответ! Сегодня вечером поищу какое решение будет гармоничнее смотреться :)
Решила все же упростить, что скажите? 3 фигурки в иконках слишком нагружено получаются:
Думаю только волны сзади фигурок все темнее сделать, как на самом первом варианте, так контрастнее будет.
Проверка: Да, вот так прямо очень хорошо получилось. Давайте попробуем сделать волны на фоне темнее. Сейчас со светлыми волнами тоже хорошо смотрится, но, думаем, и темные тоже будут хорошо выглядеть. По оформлению иконки замечаний нет, очень хорошо решили дизайн круга, в который иконка вписана. Эти небольшие дополнительные линии делают иконки интереснее.
Также по содержимому сейчас уже хорошо. Да, множество фигур сильно могут перегрузить иконку, но пока сам не попробуешь так сделать, этого не поймешь. Так что прекрасно, что попробовали и увидели это самостоятельно. Опыт самое ценное, что можно получить на обучении. Сейчас очень лаконично и информативно выглядят иконки. На такой степени «нагруженности» мы бы и остановились на данном этапе :)
Ольга: Да, методом проб и ошибок. Руку набить и насмотренность наработать. Отлично, тогда подправлю и прикреплю к домашнему заданию. И приступлю к следующему этапу.
Проверка: Хорошо, ждем :)
Ольга:
Проверка: Вот так очень хорошо смотрится. Разместите ещё это на макете, чтобы посмотреть, как это в целом вписывается в него. И можно уже потихоньку начинать набрасывать иллюстрации. С ними лучше вести работу от наброска. Т.е. можете прямо на бумаге набросать быстро иллюстрации, накидать какие-то идеи, поискать удачную компоновку. Аккуратность тут не очень важна. Такие наброски тоже присылайте нам, мы можем прямо с них начать, какие-то возможные ошибки предсказать еще до начала полноценной работы над иллюстрацией. Но если есть наброски уже в каком-то другом виде, присылайте их :)
Ольга: Получается 3 иконки разместить?
Проверка: Да можно и все 6 разместить, раз они есть. Почему бы и нет. Просто в два ряда, как у вас и было нарисовано. К ним можно написать короткий текст. Вы же, насколько мы помним, делаете свой макет, поэтому можно его и в этом месте подкорректировать. Но если хотите 3 оставить, то смотрится на макете это хорошо, вписались они отлично. Так что можно сразу переходить к иллюстрациям :)
Ольга: Это по первой иллюстрации. Поза как на фото, исполнение как на левом нижнем, а набросок мой слева снизу :)
Попробую добавить и другие 3:
Проверка: Набросок хороший и стиль выбран отличный. Здесь имеет смысл немного упростить позу. В том смысле, что ногу, которая на заднем плане, можно не делать. Т.е. как бы сделать вид четко сбоку. Для такого стиля, как вы выбрали, это будет хорошо. А так в целом идея хорошая и по компоновке на данном этапе тоже хорошо :)
Мы про вот эту, дальнюю ногу:
Иконки вписались отлично! С ними можно пока закончить, замечательно смотрятся. Вот здесь только в тексте пара опечаток, а в остальном прекрасно :)
Ольга: Набросок дочка помогала рисовать. Отнимала карандаши и калякала 😁 Отлично, тогда приступаю к следующему этапу. Спасибо!
Проверка: Хорошо, ждем.
Ольга: А вот на наши клиенты — наша семья пока ничего не придумала. Если что-то такое как референс взять? Или не очень?
Проверка: Можно и такое в качестве референса взять. Можно попробовать это скомпоновать интересно. Единственное, возможно, что по стилю будет не очень хорошо вписываться, т.к. у вас же используется более плоский стиль, а на фото довольно непростой ракурс. Просто в плоском виде может смотреться странно. Если пока не придумываются какие-то иллюстрации, то можно оставить на потом. Начать с той, которая легче всего идет. Обычно, после этого и остальные проще уже продвигаются, т.к. появляется определенность в том, как все это должно выглядеть :)
Ольга: Приболела и немного пропала, но вот снова с строю. Начала рисовать девушку:
Что-то не могу понять естественно получилось или не очень при изменении ракурса? Сейчас за инструктора возьмусь.
Проверка: Смотрится вполне естественно на первый взгляд. А были какие-то референсы? Можете их прислать, чтобы по подобной позе мы могли проанализировать разные моменты. Тут есть пара моментов, которые смущают. Возможно это с непривычным ракурсом связано. Кажется, у девушки коротковаты руки или длинноваты ноги. Возможно, этот эффект связан просто с тем, что у нее очень светлая голова, волосы и от этого часть с темными ногами визуально кажется больше. А что-то ещё на этой иллюстрации планировали добавлять? Какие-то детали, фон? Или будет на белом фоне?
А, вы наверное на тот референс опирались, что уже присылали? Вот здесь мы бы ещё чуть плавнее контуры сделали:
Так, ещё внимательнее посмотрели. Вот с руками все-таки главное «не то» — это большие пальцы. Если сложить так руки за спиной, большие пальцы будут смотреть в сторону спины, а не вверх. Чтобы их вверх развернуть —это надо сильно постараться :)
Можно чуть покрупнее сделать голову, чтобы девушка не выглядела очень большой. Но это не критичное замечание. Если задумка такая была, можно и оставить.
Ольга: А я ранее присылала референсы к этой иллюстрации, прислать еще раз? Да, руки я ей вывернула не туда. Я ещё и инструктору вчера 6 пальцев нарисовала. Чуть позже поправлю девушку, а пока пришлю, что вчера ещё успела нарисовать:
Головы увеличу и ноги поправлю. Руки исправила вчера, после того как вам отправила. Ещё думаю нужен ли коврик и какие-то декоративные элементы: листики и пр.
Или лучше руки сделать как на фото? Мне хотелось немного упростить и полегче сделать. Девушке я шею нарисовала, а то она на рисунке горбуном выходит:
Проверка: Да, с пальцами такое бывает, с ними вообще легко запутаться :)
Инструктор хорошо получился. Здесь также можно над более мелкими деталями поработать. А в целом форма хорошая, выглядит вполне убедительно и достаточно естественно. Вот здесь рука только немножко грубовато смотрится для выбранной стилизации. Лучше не таким ровным и вытянутым прямоугольником её делать:
Можно вот так поправить немного. Саму кисть поменьше сделать, т.к. очень широкой сейчас выглядит. Даже по сравнению со второй кистью этого персонажа:
Что касается мелочей, ещё вот здесь можно рукава чуть посвободнее сделать, чтобы они выглядели не вросшими в руку, а отдельными :)
Вот эта рука в целом не очень естественно смотрится, но это не так бросается в глаза. Мы бы делали что-то ближе к тому, как на референсе, более прямую руку. Т.к. чтобы так был виден локоть, нужно прямо от плеча, от лопатки руку развернуть. И если мы представим, что он так действительно развернул, то он сразу сломанным кажется. Так что в данном случае лучше действительно воспроизвести позу, которая на референсе. Т.е. просто чуть прямее сделать руку и не таким выраженным локоть :)
Насчет коврика и декоративных элементов, думаем, что не обязательно их добавлять. У вас на фоне есть круг, который дополнительно объединяет персонажей в одну сцену, коврик станет вторым таким элементом и может только отвлечь. Можно добавить какие-то декоративные элементы с привязкой к кругу, может вокруг него какие-то листики или хотя бы как-то с ним связанные.
Насчет рук — нет, как-то иначе их делать не обязательно и как на фото — тоже. Тут говорим про руки девушки. Т.к. тогда действительно только усложните себе работу. Плюс в подобной стилистике показать такое сложное переплетение пальцев будет непросто, да и в целом может перегрузить работу. Так что такое упрощение вполне нормально :)
Ольга:
Проверка: Вот так уже намного лучше! :)
А покажите, как на макете смотрится иллюстрация. Вот здесь давайте тоже небольшой выступ добавим:
Ольга: Мне ещё не нравится что голова девушки визуально на полу, а не в воздухе. И с головой/шеей/ухом надо разобраться.
Пока без поправок, сейчас нет возможности за компьютер сесть. И я думаю может ей цвет волос все же сменить.
Проверка: Да, в целом смотрится хорошо. По поводу того, что голова на полу — да, этот эффект создается за счет того, что голова девушки и ноги инструктора на одной линии. Визуально (за счет торчащего волоска у девушки) даже голова ниже, чем ноги. Поэтому, чтобы от этого эффекта избавиться, можно ноги инструктора поставить ниже. Чтобы сильно не менять его положение, просто фигуру его вытянуть можно и будет достаточно.
Также девушка сейчас выглядит все равно крупнее, чем инструктор. Мы бы все-таки чуть миниатюрнее ее сделали. Достаточно будет именно небольшого изменения.
И когда вытяните парня немного, то избавитесь ещё от этого касания, когда одна фигура как бы по контуру соприкасается с другой. Это не очень удачно с точки зрения композиции.
По поводу головы девушки. Здесь основное — это подбородок. Он у нас с уха начинается. Т.е. там, где ухо, там и начинается линия нижней челюсти. А ухо располагается примерно посередине головы:
Вот так примерно будет идти голова:
Шея в реальности у человека не слишком тонкая. Но в стилизации вы можете ее оставить достаточно тонкой. А саму форму головы стоит поправить.
Вот здесь тоже такого углубления под ухом не будет:
Визуально так может казаться в некоторых ракурсах, но это именно визуальный эффект. И в стилизованной иллюстрации это смотрится не очень корректно.
Цвет волос девушке можно сменить, да. Если менять, то на более темный, чтобы она лучше читалась на фоне. На светлом фоне светлые волосы немного теряются.
Ольга:
Или лучше упростить и не делать такой теневой прорисовки? Ещё завтра хочу добавить декоративных элементов, листиков.
Вот такие референсы пока по «наши клиенты — наша семья» подобрала. Нравится где лица в круге и нравится посыл, где обнимаются. А там где как на фото 5 — можно их в позы йоги соединить руки... И прыгающих если делать но в йжных позах. Что думаете?
Проверка: Сейчас хорошо смотрится работа. Насчет теневой прорисовки, она не лишняя, так заметно лучше выглядит. Можно только не слишком ее дробить. На девушке прямо отлично, а у парня слишком много мелких линий, которые немного иллюстрацию перегружают. Так что на нем мы бы какие-то тени обобщили, не настолько подробно делали. Декоративные элементы ждем :)
По поводу референсов — да, отличные варианты. Можно попробовать сначала набросать на бумаге тоже общую компоновку. Все идеи хорошие и их можно классно реализовать. Раз вы уже начали с поз йоги, то, пожалуй, в первом варианте может быть сложнее это реализовать, где объятия. Прыгающих в позах йоги — это мы слабо представляем, но возможно тоже будет классно. Просто опасаемся, что в этом случае будет выглядеть странно. Т.к. позы йоги обычно довольно статичные, то если их расположить в прыжке, они все равно будут оставаться статичные. И получится, как будто разбросаны фигурки по листу. Но возможно мы ошибаемся, т.к. не знаем, как именно вы это представляете. А остальные варианты, как нам кажется, больше подходят под тематику :)
Ольга:
Проверка: Вот так отлично! Листочки на фоне прекрасно выглядят. Единственное, мы бы один сделали крупнее, второй, наоборот, меньше, чтобы они не были таким явным зеркальным отражением друг друга :)
Можно попробовать один сделать темнее, другой светлее, но это уже больше из серии экспериментов. Т.к. возможно, это не очень хорошо будет смотреться и будет отвлекать. Можно попробовать :)
Ольга: 😊
Проверка: Отлично выглядит! Вот здесь у парня ещё можно тень убрать, с этой стороны. Чтобы не было такой теневой окантовки у руки. Тут достаточно будет только тени справа:
Вот здесь можно рукав чуть ровнее сделать:
И вот здесь линию можно попробовать совсем убрать. Для данной стилистики это, скорее, лишняя анатомическая подробность:
И вот здесь можно чуть руку поправить, чтобы смотрелась более естественно:
Ольга:
Вторую иллюстрацию думаю рисовать по той картинке, где 5 человек (как на фото), а руки им сложить в мундры разные.
Рефы:
Проверка: Отличная идея, по компоновке выглядит очень хорошо. Плюс, можно же будет потом тоже какую-то фигуру на фон добавить, какие-то декоративные элементы или те же листики и совсем заиграет. Так что можно уже начинать потихоньку отрисовку :)
Насчет иллюстрации с девушкой и парнем — теперь прямо отлично! Можем пока на этом остановиться и дальше уже, ближе к завершению работы над макетом, когда все соберется, ещё раз посмотрим. Может какие-то мелочи поправим, пока она выглядит вполне завершённой :)
Ольга: Отлично, спасибо.
Проверка: По компоновке все хорошо, так что можно продолжать других персонажей делать. У этой девушки вот здесь линию может лучше будет убрать, т.к. не совсем понятно, какую форму эта линия обозначает в данном случае:
И для такой, более приближенной к реалистичным пропорциям, девушки, можно и уши сделать побольше. Пока прямо очень стилизованные уши :)
Ольга: Как считаете лучше уши более реалистичные или девушку более стилизованную? Первая иллюстрация в меру реалистичная 😅
Проверка: Думаем, что лучше более реалистичные, т.к. да, первая девушка у вас достаточно реалистичная. Т.е. тут понятно, что до какого-то реализма далеко, но в плане пропорций у вас все выдержано с опорой именно на реалистичные размеры. Даже на иконках. Поэтому менять девушку на более стилизованную будет не очень правильно, она скорее всего не впишется :)
Ольга: Вот думаю нормально их всех с закрытыми глазами нарисовать? Ещё двух человечков осталось по бокам, немного прорисовку лица поменяла, а то мужик страшненький получался.
Проверка: Может быть лучше девушку на переднем плане сделать с открытыми глазами? Все-таки глаза привлекают внимание и если они будут открыты, то это будет что-то вроде акцента на вашей иллюстрации, куда будет сразу взгляд зрителя попадать. А вот у фигур на фоне можно и закрытые оставить :)
В целом иллюстрация получается очень хорошо. Мужчина и девушки вполне симпатичные. Уже можно добавлять больше детализации на тела, добавлять тени. Но не слишком много, как и на предыдущей иллюстрации.
Ещё же двое планируются по бокам?
Ольга: Да, ещё двое будут! Они как будто уснули :)
Проверка: 😄
Да, что-то есть такое. Может попробуем все-таки открыть глаза, а персонажей другими способами уведем на заданий план? Может с помощью контроля их яркости или насыщенности цветов. Сейчас ряд людей на переднем плане выглядит с закрытыми глазами странновато. Кажется, с открытыми глазами они будут лучше. А вот на заднем плане может и оставить так. Тут ещё может быть в жестах дело.
Как-то с такими жестами на переднем плане, не ожидаешь, что они будут с закрытыми глазами. Как будто фотограф поймал этот удивительный момент, где ты закрыл глаза. Но сами персонажи очень хорошо получаются :)
По формам и рукам очень хорошо. Тут ещё нужно будет цвета успокоить некоторые. Сейчас вот синий очень бросается в глаза, прямо оттягивает на себя внимание за счет своей темноты и насыщенности. Можно его сделать чуть бледнее. Менее насыщенные цвета использовать на всех персонажах, кроме центральной девушки.
Также у девушки в центре ещё зрачки нужно подвигать, чтобы был больше эффект, что она смотрит прямо на зрителя, сейчас кажется, что все-таки немного в сторону, вверх она смотрит. Но сначала давайте попробуем блик добавить, может это решит проблему. Часто блики помогают дополнительно направить взгляд в нужное место.
Ольга: Я сама от души посмеялась сегодня над спящими йогами. Подруга, для который рисую, сказала, что парень в зеленой футболке похож на прикайфованного рокера 😁
Глаза отрисованы нормально? Мне что-то не нравится, не пойму пока что. Хорошо, попробую все доработать :)
Проверка: 😆
Да, действительно похож. Мы все думали, кого он нам напоминает. Теперь все встало на свои места. Глаза отрисованы нормально. Хорошо они выглядят, для данного стиля замечательно. Только зрачки можно прямо на миллиметр все-таки подвинуть. Вправо сдвинуть и будут уже больше на зрителя смотреть. А по формам тут все очень хорошо.
Может ещё у этой девушки чуть-чуть ниже сдвинуть глаза, тоже буквально на один-два миллиметра:
Ольга: Пока спят, но по другим моментам подработала.
Может рокеру другую мундру нарисовать. И думаю головы поменять местами, рокера назад перевести. Завтра буду открывать им глаза 😂👀
И ещё думаю может руку заднего мужчины «одеть»?
Проверка: Да, в принципе, с одетой рукой будет хорошо, более четко будет читаться форма образованная двумя руками сверху. Насчет рокера, можно попробовать поменять головы, но не уверены, что это оправданно. И на таких местах они хорошо смотрятся. Мы еще опасаемся, что две коричневые головы сверху будет выглядеть слишком предсказуемо. В этом случае, лучше будет цвет волос поменять :) Раз у всех цвет волос разный, то два персонажа рядом с одним цветом волос будут выглядеть не очень интересно. По контрасту теперь отлично, не выбивается одежда. И по поводу мудры — можно поменять, если хотите. Отлично продвигается иллюстрация. Ждем с открытыми глазами :)
Да, и глаза теперь отлично!
Ольга: Глаза двум открыла, тени в процессе:
Ничего не скажите?
Проверка: Вот с глазами совсем другое дело. Очень хорошо :)
Вот здесь ещё немного цвета сливаются, хорошо бы по светлоте их развести. Можно сделать волосы рыжей девушки темнее или, может даже лучше будет, сделать кофту девушки сзади темнее. Тени получились хорошо.
Только вот здесь можно поправить:
Тут создается впечатление, что сзади персонажи плоские из-за тени. На той девушки, что на заднем плане, тень будет больше, а на той, что на переднем, меньше. Так вы ещё и рельеф подчеркнете их тел. Вот эти участки на заднем плане вообще полностью можно в тень увести:
На девушке, которая на переднем плане, можно ещё грудь подчеркнуть. А так в целом работа прямо отлично продвигается :)
Ольга: А глаза нормальные? Они какие-то серьезные стали очень. Может улыбочки им немного сделать?
Проверка: Да, глаза нормальные. Тут можно добавить улыбочки, будут дружелюбнее выглядеть. Т.к. сами по себе глаза в целом смотрятся вполне дружелюбно, это не какой-то тяжелый взгляд, полный разочарования в жизни и людях. Тут наоборот, смотрится вполне дружелюбно. А если улыбки добавить, то как раз будет это дополнительно подчеркнуто. Давайте попробуем и посмотрим. По крайней мере центральной девушке :)
Ольга:
Проверка: Вот так отлично! А покажите ещё, как это все на макете выглядит :) И давайте еще чуть-чуть потемнее сделаем тень на майке девушки в центре, так она будет более заметной :)
Ольга: Наверное надо у предыдущей иллюстрации лица доработать.
Проверка: Добавить им румянец на щеки? Это можно, да. Тренеру, по крайней мере, т.к. он единственный румянца лишен. А в остальном, думаем, особенно там дорабатывать что-то не обязательно в лицах. У девушки хорошо. Да, и рот у тренера тоже можно доработать :)
А в целом прямо хорошо вписались иллюстрации и смотрятся на макете отлично!
Ольга: Рот и нос тренера, сейчас поправлю :)
Проверка: Издалека вроде выглядит хорошо, а вот приблизить к сожалению, не можем. Все равно ограниченный размер. Можете прислать в большем размере саму иллюстрацию, чтобы мы смогли увидеть изменения? :)
Ольга:
Проверка: Давайте вот с этой стороны, справа немного поправим расположение румянца, он пока выглядит не симметрично левому. И можно чуть больше губы изогнуть справа, чтобы выглядел тренер чуть приветливее. А в остальном прямо замечательно! Можно уже потихоньку к главной иллюстрации переходить :)
Что планировали на ней нарисовать? Или пока ещё не думали?
Ольга: Думаю это фото взять как референс. Что скажите?
Или что-то придумать. Мысли или волосы как мечты.
Проверка: Идеи отличные. Нам кажется, что интереснее бы смотрелся второй вариант, но, пожалуй, ближе к тому, что у вас уже есть, будет первый. Если брать что-то вроде мыслей или волос, как мечты, то может по смыслу это вписаться не очень хорошо. Будет выбиваться из общей стилистики по смыслу, по общему подходу что ли. В общем, попробовать можно, если вам этот вариант самой хочется сделать. Думаем, впишем и такую иллюстрацию :)
Вы можете попробовать прямо грубо набросать оба варианта, очень приблизительно и посмотрим, какой будет лучше. Если такой возможности нет, мы бы взяли более предсказуемый, первый вариант :)
Ольга: Девушка для которой рисую очень консервативная. Вот думаю что можно было бы нарисовать в мыслях (мечтах) чтобы ей понравилось. И наверное у нас все же сейчас больше реализм?
Проверка: Хотим уточнить, вы выбрали второй референс за основу? Как вариант можете показать в облаках место релаксации, например горы и солнечный день. Но можете выбрать первый вариант референса если больше подходят реалистичные ассоциации.
Ольга: Мужчина с румянцем и губами теперь нормальный? Я хочу попробовать с мечтами, пока наброски делаю. Если будет совсем выбиваться, тогда буду по фото рисовать, хочется чего-то интересного :)
Проверка: Да, мужчина с румянцем теперь отличный, сейчас хорошо все расположили. И давайте попробуем с мечтами. Думаем, хорошо получится. Подстроим там, что по стилю будет выбиваться, за это не переживайте :)
Ольга:
Рефы:
Можно добавить мужа и детей еще йогой занимающихся. Я подумала в стиле иконок силуэтами можно фигурки людей сделать.
Эту идею калякой накидала, времени не осталось. Её сделать в позе кобры, а в мечты всю семью в лотосе и волосы в бок увести, думаю с учетом текста на страничке — это геометрия удачнее:
Проверка: Да, вторая идея нам тоже кажется интереснее, плюс оригинальнее, меньше сходства с изначальным референсом. Так что мы за второй вариант. Насчет наполнения волос мы только сомневаемся. Тут нужно ещё по компоновке посмотреть на самом макете. Как бы ребята в волосах не пересекались или не стояли слишком близко к тексту в шапке сайта :)
Давайте попробуем накидать сначала девушку, волосы и прочее. А для семьи просто возьмите человека со своей иконки, размножьте, по масштабу измените, чтобы не рисовать. И посмотрим, хорошо ли вписывается, ничего никуда не упирается ли. После уже решим, оставлять ли их, менять ли или может быть чем-то другим заменить.
Тут и с первым наброском может так случится, что девушка в волосах будет слишком близко к верхней части макета. Плюс они могут начать спорить друг с другом — девушка мечтающая и девушка в мечтах :)
Т.е. нужно будет решать, кто из них главнее. По наброскам ещё — если вам первый нравится больше, то можно и его взять, он тоже хорош по наполнению.
Ольга: У меня на самом деле семья есть в отрисовке, силуэты черновые. Я ей когда лого делала — очень много всего нарисовала. Но да, давайте с девушкой, волосами и компоновкой на макете разберемся. Согласна, второй и интереснее и оригинальнее и кажется в макет лучше впишется.
Проверка: Хорошие иллюстрации получаются, приятную цветовую гамму подобрали. Только следите, чтобы линии не пересекались со словами, это ухудшает читаемость, что не очень хорошо.
Ольга: Значит продолжаю эту идею? Я пока накидала линиями композицию, буду прорисовывать в стиле предыдущих 2 иллюстраций.
Проверка: Можете продолжать с этой идеей :)
Ольга:
Проверка: Подскажите, у руки есть обводка? Линии можно оставить только в выделенных местах, а остальное убрать:
Попробуйте облакам добавить насыщенность, чтобы убрать «грязные» оттенки:
И листики желательно упростить, издалека все равно не совсем ясно, что изображено. И таких тонких элементов больше нигде нет:
Серому тексту можно сразу добавить оттенок, например, голубой или светло-зеленый:
Слова «о нас» и «контакты» лучше расположить в центре облака:
Либо можно немного обрезать облако:
Ольга: Руки да, пока обводка осталась, но я её в тени местами преобразую, пока ещё не доделала.. Да, листики там не заметила один на другом остались... Но вы имеете ввиду вообще по проще их нарисовать? Вот думаю надо ли в мечты/мысли что-то сильно добавлять? Планировала ещё облака и дерево.... О нас и контакты — поняла, сделаю.
Проверка: Да, листики выглядят перегруженными линиями, будет лучше сделать их более простыми :)
Можете попробовать добавить облака и дерево, если что, их всегда можно убрать если они будут лишними :)
Ольга: Листики и ещё детальки в мысли сейчас буду добавлять.
Проверка: Отлично получается, продолжайте работу :)
Ольга:
Проверка: Все отлично смотрится, отлично проработали иллюстрацию с девушкой, принимаем :)
Ольга: Я сама создавала макет, мне дальше дорабатывать в иллюстраторе? И какие-то фоновые пятна стоит добавлять или так достаточно?
Проверка: Да, можно дорабатывать. Пятна можно добавить в правой части, чтобы уравнять композицию по массе :)
Ольга:
Проверка: Очень хорошо смотрится :)
Ольга: Перехожу к оформлению работы в портфолио на Behance?
Проверка: Стоит сейчас сдать иконки через окошко под уроком. И оформление. Чтобы мы приняли все этапы. И можно будет переходить к оформлению.
Ольга:
Проверка: Принимаем :)
Ольга:
Проверка: Приняли :)
Приглашаем на интенсив по иллюстрациям для сайтов
Интенсив длится один месяц. Ученик с куратором работают над прототипом сайта, создают для него иконки и иллюстрации, а в конце оформляют проект для демонстрации заказчику. Обучение проходит в Adobe Illustrator.