Тренд на иллюстрации в приложениях и на сайтах остается актуальным. Как и зачем применять иллюстрации, в каких случаях это уместно? Стоит ли создавать их самостоятельно или найти готовые? И где их взять? Читайте в новом материале.
Интерфейс сайта или сервиса требует оригинального визуала, который выполняет маркетинговые функции, делает бренд узнаваемым, а посетителей – лояльными. Сложная задача, которую не всегда можно решить фотографиями. Поэтому в мир веб-дизайна ворвались иллюстрации и очень быстро захватили нишу.
Иллюстрация может украсить и разнообразить дизайн. А может и стать очень полезным инструментом. Особенно когда нужно сделать схематичное объяснение, демонстрацию, визуализацию гипотетической ситуации. Это великолепный выход, если у компании нет собственных фото – брать со стоков приевшиеся картинки хотят не все. А рисунок все-таки будет более оригинальным и интересным элементом.
Преимущества и особенности применения иллюстраций
– Какая ваша любимая игрушка в детстве?
КАК СМЕШАТЬ СМАЙЛИКИ в приложении ibisPaint X✨
– И что из него получалось?
Одно из последних интервью Виктора Цоя
Главное преимущество иллюстрации – отсутствие рамок вообще. Любые фантастические сюжеты, нереалистичная цветовая гамма (в том числе модный неон), нужные вам формы и размеры. Рисунок легко подстроить под фирменный стиль, вставить буквально в любое место сайта, не ограничиваться ничем.
Нарисовать можно все. Даже скучная сфера деятельности может стать увлекательной. Представьте себе комикс про человека-юриста. Он как супергерой спасает клиентов от бумажной волокиты и проблем в суде. Ярко, эффектно, по-марвеловски.
А теперь представьте, как его реальная работа выглядит на фото – скучно и уныло. Рисунок оживит самый неинтересный процесс, поможет показать его увлекательно, с новой стороны, нетривиально и свежо. Запомниться пользователю и выделиться среди конкурентов – это ведь и есть одна из главных задач, верно?
Еще один плюс иллюстрации в том, что изображение человека в современном трендовом стиле делается усредненным. Персонажи имеют неопределенный цвет кожи, телосложение, возраст, иногда даже пол. Что в этом хорошего? То, что так пользователям легче ассоциировать себя с персонажем. И это помогает убедить его совершить целевое действие.
Иллюстрацией может быть не только картинка вместо фото. Это могут быть отрисованные вручную элементы навигации, абстрактные штрихи, которые помогут создать целостность композиции и объединить блоки. А еще нарисованные буквы – конечно, есть шрифты, которые имитируют ручное написание, но если вы придумаете свой вариант надписи, то будет и оригинально, и стильно. Такие детали придают человечности ресурсу, делают его эмоциональным и душевным.
Иллюстрация VS Фото
Если сравнивать кастомные фото и кастомные иллюстрации, то в среднем рисовка выходит выгоднее. Это как минимум быстрее, потому что не требуется поиск моделей, локаций, обработка, непосредственно съемка. Чаще всего сделать картинку еще и дешевле, если исполнитель не Бэнкси. Правки внести тоже проще – изменить деталь/фон/композицию гораздо быстрее, чем на фото (иногда это вообще невозможно сделать в программе и приходится заново организовывать съемку).
Приложение для рисования 🟡Где рисовать на телефоне
Или ситуация такая: слишком подробное ТЗ. Нужно найти изображение в определенной цветовой палитре, с указанным сюжетом и точно описанными персонажами вплоть до прически. Готовых таких фото точно нет или вероятность их достать стремится к нулю. Нарисовать это все гораздо проще, чем фотографировать.
Рисовка вместо фото – это способ сделать сайт более живым. Можно использовать даже рисунки от руки, это сейчас особенно ценится. А еще можно объединять фото с графикой для создания необычного визуала и целостности дизайна. Но это уже другая история.
Рисунки в едином стиле – отличное решение для блогов, соцсетей и прочих ресурсов, где добавляются разные материалы с обложками. Если брать фото, то они будут отличаться и не создадут цельный визуал. А графика с тематическими сюжетами – вполне.
Эксклюзив или сток?
Преимущества эксклюзивной отрисовки очевидны. Это и оригинальность, и возможность создать идеальный образ под продукт, выдержать стиль. Только кастомные иллюстрации способны стать символом торговой марки и выполнить роль самостоятельного компонента продвижения. Если речь о создании маскота – естественно, это может быть только кастомный рисунок, а не взятый с просторов интернета.
Можно было бы сказать, что самостоятельная отрисовка всегда лучше готовых решений. Но это не так. Взять пак со стока гораздо дешевле, чем тратить на это время и скилы дизайнера. А если этот дизайнер известен, то придется заплатить за его стиль в несколько раз больше. Для многих проектов цена разработки важна.
А еще не во всех случаях необходима такая уникальность – для обычной статьи в блоге авторские рисунки будут нецелесообразными.
И если нужны классные иллюстрации без больших затрат времени на них – идите на сток. Есть ресурсы с совершенно бесплатными паками на любые темы, осталось только выбрать!
Бесплатные стоки с иллюстрациями
- Streamline – много универсальных паков с иллюстрациями, в том числе бесплатных (с пометкой “Free”). Стильный современный дизайн, трендовые решения.
- Avatarz.design – генератор аватаров в милом стиле. Не совсем можно назвать это полноценной иллюстрацией, но все же это история про мультяшные лица, которые помогут сделать классного онлайн-ассистента, визитку или героя истории.
- Mixkit – шикарные рисунки в разных стилях и тематиках (по темам можно сортировать картинки). Довольно непопсовые направления, интересные сюжеты, много артов, которые не просто подходят под задачу, а даже завораживают своей эстетикой. И совершенно бесплатно.
- Drawkit – огромная база бесплатных иллюстраций, которая обновляется каждую неделю. А еще можно подписаться на рассылку и получать новинки на почту. Есть платные паки и возможность оплатить пакет, что выгоднее, чем покупка поштучно. Удобная сортировка, паки с разным количеством рисунков, много актуальных тематик от COVID-19 до цифрового маркетинга в картинках.
- Freepik – один из любимых дизайнерских стоков. Тут есть не только иллюстрации, но и иконки, шрифты, фотографии, шаблоны, векторная графика, фоны, текстовые эффекты и много чего еще. Кладезь крутых бесплатных штук.
- Open Peeps – огромное количество разноплановых тематик и персонажей. Можно использовать в коммерческих проектах без указания авторства. Иллюстрации доступны в PNG, SVG, Sketch, Figma.
- Shapefest – много крутых 3D объектов, а еще интересная сортировка по типу текстуры: глина, керамика, металл, текстиль, стекло, пластик.
- Isometric – все в одном стиле, но очень много разных тематик и ситуаций. Круто для больших проектов, которым нужен единый стиль. Идеально для порталов, блогов, сайтов-сравнений и перечней, авторских ресурсов.
- Pictor – маленький пак в офисном стиле. Люди и предметы. Простой набор, который покоряет своей лаконичностью.
- ls.graphics – немного паков в разных направлениях, которые можно скачать в PNG. Здесь лицензия подразумевает использование картинок со ссылкой на сайт, обратите на это внимание.
- Ouch! – тут тоже нужна ссылка на сайт при использовании элементов, но разве это много, если вам открывается доступ к работам сотен трендовых иллюстраторов с Dribbble?
- IconScout – иллюстрации, иконки, 3D-графика, анимация, плагины, более 4,5 миллиона объектов от тысяч художников по всему миру. Есть просмотр по ключевым словам, популярным категориям. Это ресурс, которым пользуются мировые бренды типа Netflix, Amazon, Spotify, Disney и Uber. И если эти иллюстрации хороши для них, то для Вас тоже подойдут.
- Absurd Design – по названию ресурса уже все понятно. Иллюстрации в стиле абсурда – оригинальные, интересные, очень душевные и действительно непохожие на другие. Если хочется использовать что-то запоминающееся среди однотипных картинок в модном стиле, то это хороший выбор. Бесплатных иллюстраций не очень много, но они хороши. Подписка стоит не так уж много – $200 в год. Так что если это для блога, соцсетей, интернет-магазина или периодического издания, то условия вполне приемлемые.
- Indian Doodle Illustration Pack – интересные варианты с индийской тематикой, много персонажей, среди которых легко найти подходящих под свой проект. Доступны в форматах PNG, EPS, SVG. Эти иллюстрации можно брать лишь для цифровых проектов.
- Sapiens – не просто набор, а настоящий конструктор иллюстраций. Все они будут в одном стиле, который вы узнаете сразу – такие использует Google. Огромное количество вариаций, интересные универсальные решения. Осторожно: тут можно зависнуть, играя с разными параметрами, и забыть про свой проект.
Pixabay, Unsplash и Pexels тоже неплохие стоки, но их популярность может как раз помешать – там бесплатные иллюстрации и фото берут все. Поэтому некоторые арты уже просто стали узнаваемыми настолько, что это скорее история для мема, а не для коммерческого проекта.
Очевидно, что для повышения оригинальности контента стоит воспользоваться платными паками. Но и в этом случае это не гарантия – лучше всего делать авторские иллюстрации самостоятельно. Учитывать при этом особенности бренда и фирменный стиль, вложить свой посыл в рисунок. Само собой, это стоит дороже. Но и результат будет интереснее.
Впрочем, все зависит от целей заказчика.
Материал подготовлен командой образовательной платформы WAYUP
Источник: vc.ru
Что можно нарисовать для ип
Даже у самого продуктивного художника бывают моменты, когда ему кажется, что все темы исчерпаны, и рисовать больше нечего. Это совершенно нормальное явление, которое отнюдь не говорит об отсутствии воображения. Все творческие личности нуждаются в постоянной подпитке для генерации новых идей. И для этого есть несколько простых, но очень эффективных способов!
Надо копировать
Сотни прекрасных художников прошлых столетий оставили миру наследие в виде шедевров (и не вполне шедевров) живописи и графики. При полном отсутствии идей очень полезно будет поделать стадики (от англ. study – изучение). Это учебные рисунки на основе картин признанных мастеров. Полистайте альбомы, поищите репродукции в высоком разрешении в интернете.
Не обязательно брать за основу всю картину целиком. Можно выбрать один крупный элемент, например красивую руку или кусочек пейзажа. Идеальным вариантом будет работа над тем, что у вас получается меньше всего.
Копируя технику старых мастеров можно не только заметно прокачать навык, но и заставить работать воображение. Попробуйте также, взяв за основу сюжет какой-нибудь известной картины, изобразить его на свой лад (в целях обучения, конечно).
Вдохновляйтесь работами других
В ту «темную» эпоху, когда не существовало интернета, художники придумывали сюжеты для своих творений, прежде всего, глядя на работы более успешных коллег. Для этого они посещали выставки, ходили друг к другу в мастерские. В наше время, мастерскую и выставочный зал в одном лице способен заменить интернет, на просторах которого у каждого художника есть своя галерея с работами.
К примеру, загляните в Instagram и Pinterest. Там находится огромное количество вдохновляющего художественного контента. Вы без труда сможете отыскать там целый «Клондайк» тем и образов.
Пересмотрите свой фотоархив
Творческий ступор – самое благоприятное время, чтобы разобрать свои фотографии и найти там массу интересного. Это могут быть фото с поездок, событий, удачные селфи, любимый кот в различных позах, или просто самые банальные вещи, за которые зацепится глаз, и воображение само начнет раскручивать сюжет. Кроме того, вы сможете, наконец, навести порядок в своих фотографиях, удалить совсем уж неудачные, и возможно, освободить пару сотен лишних мегабайт на жестком диске.
Рисуйте с натуры
Если позволяет погода, то почему бы вам не выбраться на свежий воздух и не отправиться на прогулку, прихватив с собой скетчбук и ваши любимые материалы для быстрых набросков? В каждом городе есть места, где можно порисовать с натуры. Отправляйтесь в парк и делайте быстрые скетчи прохожих.
Кто знает, возможно, среди них попадется очень интересный образ, который послужит основой для вашего нового персонажа. Природа тоже полна интересных вещей. Делайте зарисовки деревьев, облаков, прохаживающихся по парковым дорожкам голубей. Или может быть, вас больше привлекает архитектура. Отыщите какое-нибудь интересное здание и изобразите его с разных сторон.
Порисовать с натуры можно и не выходя на улицу. Изобразите предметы домашнего обихода, привычные для каждого, например телефон, расческу, стакан с карандашами, цветочный горшок, кофейник, даже вид за окнами. Словом все, что попадется вам под руку. Если и это вас не привлекает, то берите зеркало и рисуйте себя. А почему нет? Зарисуйте себя в трех ракурсах.
Это отличная тренировка портретных навыков.
Так что не отчаивайтесь. Оглянитесь вокруг и вы увидите, что идеи можно черпать даже из простой повседневной действительности.
Источник: sketchpark.ru
Что такое фуд-скетчинг и что можно нарисовать?
Все люди любят еду. И дело не только в её вкусе. Красота и художественная ценность блюда могут быть столь же важны, как ингредиенты и калории. Уловить эту ценность и передать её другим – основная идея фуд-скетчинга.
Особенности
Зарисовки с едой можно рассматривать как производную форму натюрморта, но в какой-то момент рисунки с пищей стали настолько распространены, что на английском языке им было дано собственное имя.
Срисовка еды с натуры – это хорошая разминка и маленькая каждодневная практика для всех, кто хочет заниматься творчеством. Вы можете взять небольшую тетрадь и провести неделю, делая наброски всей своей еды для скетчбука.
Благодаря большому количеству красивых изображений художники всегда имеют исходный материал для иллюстраций и могут рисовать шикарные и замысловатые блюда, не выходя из дома.
Фотографии обычно точно передают информацию. Можно идеализировать природу, максимизировать выразительность и отойти от реализма в область стилизации.
Одна из причин, по которой иллюстрации продуктов питания стали настолько популярными, связана с тем, что их научились использовать в коммерческой деятельности. В конце концов, иногда бывает трудно найти фотографию с правильной композицией, даже несмотря на то, что в Сети огромное количество изображений. Иллюстрации, с другой стороны, позволяют комбинировать различные детали, при необходимости изменять углы и акценты в соответствии с вашей целью. Фуд-скетчи могут быть использованы в качестве основы для логотипа, дизайна меню, веб-сайта или печати.
Тематика рисунков, посвященных еде, очень многогранна. Люди готовят еду и рисуют её в соответствии со своими вкусами.
Тем не менее сладости — это то, что пробовал изобразить каждый скетчер, поэтому это направление можно назвать лидирующим.
С чего начать?
Вот несколько советов для новичков. Фрукты и овощи – хорошее начало. Простые формы позволяют легко разобрать положение света и тени, а также вы можете потренироваться в сглаживании градиентов. Начните с пары легких объектов, отработайте стиль акварелью, постарайтесь передать объём. Как только вы будете уверены в своих навыках, можете сравнить размер, текстуру и детальность овощей и фруктов, чтобы разнообразить презентацию.
Продумайте идею иллюстрации. Многие блюда выглядят хорошо, когда их готовят, в то время как другие лучше всего смотрятся на этапе ингредиентов.
Узбекская самса, японские роллы, американский бургер – многие из этих блюд эффектно подаются в традиционной посуде. Внимательно посмотрите и убедитесь в том, что в изображаемом вами рецепте есть такая посуда.
А также важно учитывать фон и окружающую обстановку. Например, вы можете добавить к сюжету клетчатую скатерть, чтобы создать уютное ощущение, или использовать сервировочные изделия и посуду, чтобы выразить характер страны.
Палитра
Если вы выбрали тематику эскиза, сюжет и исходный материал, пришло время сузить цвета. Чаще всего общий эффект картины основан на соотношении двух или трех оттенков.
Иногда они похожи, иногда контрастируют. Рататуй, к примеру, – это набор багряных помидоров, зеленых кабачков и лиловых баклажанов. Выберите все три этих цвета одновременно и используйте их оттенки для создания гармонии.
Детали
После завершения работы над иллюстрацией следующим шагом является создание подписи или заголовка. Эта часть в скетчинге чрезвычайно важна, так как она выводит значение скетча на другой уровень, делая его применимым и востребованным.
Пространство для самых больших объектов, таких как текстовый блок для названия блюда или описания рецепта, может быть приготовлено заранее.
Вы также можете имитировать макет журнала для более полного и формального рецепта.
Обзор вариантов рисунков для начинающих
Рассмотрим несколько удачных примеров акварельного фуд-скетчинга.
Лосось
Красный цвет лосося прекрасно контрастирует с авокадо и шпинатом. Тарелка украшена великолепно. В отличие от фотографии натюрморта здесь требуется меньше полутонов, поэтому важно запечатлеть и передать различие в самом цвете.
Мохито
Другой способ работы с оттенками – это принцип сходства. Пища однородна по цвету, и мы различаем только оттенки.
Мохито раскрывает свою светло-зеленую цветовую гамму. Тональный контраст занимает важное место с грамотным переходом от светлых оттенков к более богатым и глубоким.
Рецепты
Ниже представлена страница с рецептами готовки рыбы. Поэтапный скетч может упростить и классифицировать процесс. Приготовление пищи по такой схеме может быть не менее интересным, чем ее рисование.
Можно изменить композицию. К примеру, интересно нарисовать суп сверху, чтобы привлечь внимание к тому, что находится внутри, а не к самой тарелке. С другой стороны, слоёный десерт более интересен, если смотреть на него сбоку.
Как нарисовать торт?
Ниже пошагово рассмотрим, как выполнить скетчинг торта фломастерами.
Набросок
Сначала следует нарисовать торт в черно-белом цвете. Сделайте набросок торта твёрдым карандашом, обведите его с помощью тонкого черного линера и сотрите ластиком следы от карандаша.
Суфле
Нарисуйте верхний слой торта. Лучше всего это делать широким маркером. Для более ровного слоя можно использовать маркер дважды. Обе стороны торта можно не доводить до контура. Затем проработайте будущее суфле блендером. Для этого несколько раз проведите кончиком блендера по заливке и ее границам.
Бумага быстро потемнеет от влаги, но после испарения спирта результаты будут заметны. Этот приём поможет сделать торт более лёгким на вид.
Поверх нарисуйте тень под сиропом. Добавьте текстуру маленькими штрихами того же цвета. Разгладьте её предыдущим оттенком.
Тесто
Горизонтальные штрихи на дне торта позволяют создать желаемую текстуру теста сразу. Затем используйте еще более светлый цвет маркера сверху, чтобы унифицировать всё это и сгладить переход.
Ягоды
Залейте цветом чернику, оставив тонкий слой белой бумаги в освещенной области слева. Используйте блендер, чтобы размыть границу. Потом возьмите более темный маркер, чтобы затемнить ягоды. Для получения реалистичных результатов используйте чернику в качестве ориентира. Далее смягчаем границы темных областей ягоды.
Сироп
Следующим шагом делаем базовый слой сиропа в два цвета. Сначала добавьте слой красного, обходите блестящую часть. Снизу сироп немного красный, но сверху на него накладывается и темный фиолетовый цвет.
Нанесите темно-фиолетовый цвет как на чернику, так и на сироп, чтобы визуально совместить их в композицию. Подчеркните основные засветы блендером. Повторите этот этап ещё пару раз для получения лучшего эффекта.
Тени
Нарисуйте более выраженную тень на чернике и снова используйте фиолетовый маркер сверху, чтобы размыть резкий переход. Используйте серый маркер, чтобы выделить тени под сиропом и затемнить тесто.
Листик и детали
Добавьте зеленый листик, создайте базовую заливку для него. Далее затемните верхнюю половину листа, чтобы создать прожилки. Тень делается в два этапа. С помощью светло-серого маркера заполните контур тени. Затем более темным цветом нарисуйте тонкую линию чуть ниже объектов.
Последним шагом смягчите границы.
Тесто всё ещё выглядит сырым, поэтому можно добавить другую текстуру и, используя линер, маленькие точки.
Освещение, блики и контуры
Затемните несколько бликов, чтобы работа не выглядела слишком яркой. Усильте теневой рисунок под сиропом.
Наконец, используйте более толстый линер, чтобы нарисовать контур картины. Если вы задеваете рукой середину рисунка и контур уплывает, вы можете исправить или уменьшить его вторым мазком. Однако вы также можете оставить всё как есть, это зависит от ваших предпочтений.
Источник: vplate.ru