Как я рисовала иконки для баннера в единой стилистике: от золота до авиации!
Привет, друзья! Если вы хоть раз сталкивались с задачей создания иконок для дизайна, то знаете, что это не просто набор картинок, которые нужно «сделать по-быстрому». Нет-нет, это процесс, который требует концентрации, креативности и... много терпения, если честно. Сегодня расскажу, как я БЫСТРО нарисовала несколько иконок для баннера в единой стилистике, буквально зав 10 минут.
Внимание - делюсь секретами творчества!✨
Зачем вообще нужны эти иконки?
Начнем с того, что баннер - это не просто картинка, которую ты повесил и забыл. Это лицо твоего проекта или компании, а иконки неотъемлемая часть, которая помогает донести суть, даже если текст не очень выразителен. Например, когда вы видите иконку с изображением самолета, вы сразу понимаете, что речь идет о доставке или логистике. А золотая монета с долларом или йеной - это сразу сигнал о деньгах (что уж там, никто не станет скрывать, что бизнес связан с заработком, не так ли?).
Итак, как я это делала?
Все началось с того, что мне нужно было создать серию иконок в одной стилистике. Простая задача, скажете вы? Ну, как сказать. В одном проекте должны были быть иконки для таких интернет-площадок, как 1688, Taobao, Pinduoduo и Poizon, а так же стилизованные монеты с символами денежных средств разных стран. Каждое из этих изображений имеет свою уникальность, а мне нужно было заставить их выглядеть так, чтобы они не только сочетались между собой, но и смотрелись как единое целое.
Золото - это всегда актуально
Первым шагом я решила сделать все иконки золотыми. Золото - это всегда красиво и выигрышно, как для баннера, так и для самой задачи. Кто может устоять перед золотыми монетами и блеском? Конечно, никто! Даже если вы совсем не цените драгоценности, золото всегда придает лоска и элегантности
Далее я пошла в чат GPT, открыла новый чат и написала простой промт (смотрите картинки) и прикрепила к нему пример найденной золотой монеты российского рубля. Конечно же я не забыла прописать в промте валютный значок нужной мне следующей монеты.
Я даже не выбирала генерацию картинок и стиль из встроенных инструментов чата GPT.
И о чудо!
Он нарисовал в той же стилистике мне вторую монету практически за 1 минуту!
С таким же промтом я сгенерила и третью нужную мне монету, изменив в промте только валютный значок. В этот раз я даже не прикрепляла пример стилистики, и как вы видите запрос отправился с задвоенным началом, но это не ввело чат в заблуждение и он выдал мне третью монетку, сохранив всю стилистику и цвета ✨🤗
Иконки… эээ, монеты и самолеты
Следующим этапом была работа с символами иконок. Я должна была визуализировать такие образы, как грузовик, поезд и самолет. Тут, конечно, было довольно интересно - как же справится нейронка? Сделает их мне в виде монеты, а это мне совершенно не нужно... Для монет я выбрала объемное золото, которое отдает шик и сразу привлекает внимание. Тиснённая монетка с объемом, такой же эффект тиснения хотелось мне и для остальных иконок.
Я решила пойти и найти ещё пример иконки, в плоском одноцветном исполнении, но с нужной мне отрисовкой.
И затем опять отправила в чат GPT всё тот же промт, только изменив в нём валютный знак на грузовой автомобиль и прикрепив пример простой плоской иконки. И да, это сейчас, на скринах, я вижу что пишу ему с ошибками🙈, но он меня понимает и выдаёт красоту 😍✨
В случае с самолётом и поездом я просто меняла в промте название нужного мне объекта, и даже не прикрепляла пример. Ещё я заметила, что чем короче и точнее промт, тем точнее и красивее итог генерации.
Не могу сказать, что грузовик и поезд получились менее впечатляющими, чем монетки. Они очень даже хороши! А вот самолет… Тут чат GPT сам решил добавить ему немного скорости и нарисовал его взмывающим вверх, и по аналогии с грузовым автомобилем полоски\движение, которых в поезде нет... ну и не надо, итак хороша иконка вышла с первой генерации.
Генерация этих иконок заняла не более 5-6 минут, и мне не пришлось "много играть" в фотошопе с освещением и текстурами, чтобы каждый элемент выглядел не просто красиво, а еще и объемно. Или искать на стоках подходящий пак.
И вот эта волшебная иллюзия, когда на плоской картинке создается ощущение, что все объекты находятся в трехмерном пространстве была создана нейронкой по какому-то там промту\тексту и примеру 😅😱
Не буду врать, это было не совсем легко - принять эту данность, что вот раз два и готово! 🙄 Мне ведь нравится всё усложнять...
И я решила усложнить ему задачу, а то что это он рисует по одной и с первого раза, как мне надо и красиво?! 😂
Теперь, когда большая часть иконок были готовы, у меня остались ещё логотипы интернет площадок и я решила попробовать их превратить в стилизованные иконки.
К тому же мне было интересно сможет ли чат GPT разобраться с композицией и правильно расставить все нужные мне логотипы, что бы я без проблем смогла их использовать в дальнейшем.
Как же теперь написать промт, я призадумалась... Я решила разделить картинку на 4 части, чтобы каждая иконка находилась в своем секторе. Это как если бы ты расставил мебель в комнате: каждый элемент имеет свое место, но при этом все выглядит как единая гармония.
Задача состояла не только в том, чтобы сделать иконки красивыми, но и чтобы они не пересекались, ведь это ключевой момент для создания целостности. Смотри промт на картинке - он тоже довольно простой, и не забываем про размер и прозрачность фона.
Немного магии, немного баланса и вуаля! Он смог 🔥 он сделал и это 🔥
Я, конечно же, пошла проверять в поисковик, действительно ли у площадок такие иконки... иииии... ДА! За правильность написания иероглифов отвечать не могу, но внешне очень и очень похоже 🔥✨
Почему это важно
Задача, конечно, не была из легких, но она напомнила мне, почему я люблю то, что делаю.
Дизайн это не просто нарисовать красивые картинки. Это рассказать историю, передать атмосферу и создать гармонию, которая будет радовать глаз. Когда все элементы работают вместе, они не только выглядят стильно, но и передают нужное послание.
Сам банер, для которого делались эти иконки, я показать не могу, но поверьте - он стал ещё более стильным, благодаря этим сгенерированному паку иконок в единой стилистике и под конкретную задачу.
Финальный штрих
Как вы уже заметили, я добавила немного юмора в процесс. Потому что что может быть лучше, чем повседневная креативная работа, которая дарит радость и вам, и вашим клиентам? Ведь иногда в мире дизайна важен не только результат, но и сам процесс. А если при этом все будет еще и легко и увлекательно, то это просто идеальный вариант!
Надеюсь, что вам понравился мой рассказ о том, как я рисовала эти иконки. Не забывайте, что дизайн это не просто инструмент для работы, а настоящее искусство! И как дизайнер, я всегда стараюсь добавить немного магии в каждый проект ✨🤗❤️
_*_______________
Привет 👋 Я Лена, действующий фрилансер, дизайнер и монтажёр, и да, у меня есть свой блог на Дзен и куча увлечений помимо перечисленных.
Возможно вы не знали, но к этому блогу подключены донаты. Если вам была полезна эта статья, то можно донатить от 50 рублей.
Я не увижу, кто мне задонатил, так что не стесняйтесь 🤗🙏🏻, и мне будет очень приятно, если вы оставите свою оценку моему труду в денежном эквиваленте 💰
Если вам интересны будни фрилансера вэлком ко мне в ТГ
Кому просто посмотреть моё портфолио - вам сюда