Как нарисовать векторные иконки для сайта или приложения в Figma (бесплатный урок для новичков)

[@dmitriyzakharov3696]

Посмотрев всего 22 минуты я научился базово делать иконки и уже сделал себе парочку! Спасибо большое!

[@НаташаШевченко-в7л]

Спасибо, первый раз рисовала иконки, очень все понятно и оказывается не так все страшно)) Очень доступно объясняете , для новичков - просто то бальзам на душу! ))

[@маринаборовых-д4л]

Спасибо,люблю когда видео по делу, без воды,а самое главное с пользой)

[@СветланаГангардт-ц2й]

Урра! У меня получилось! Спасибо огромное! Такой урок для начинающих - высший пилотаж

[@teploukhov_sad]

Чтобы не выключать заливку и не идти включать обводку - можно сочетанием клавиш Shift + X сразу их поменять местами

[@julijzoria]

ты че такой умный эээ?

[@ИринаНыркова-ч2с]

Ян великолепный мастер класс по созданию иконок. Тоже первый раз зашла на ваш канал, ну до чего классная информация)) Благодарю !!!

[@YanAgeenko]

Всегда пожалуйста :)

[@oksanavictorivna7809]

Супер! Благодарю за такой полезный урок!!!

[@littlemermaid3088]

Спасибо большое, ваши уроки по дизайну самые лучшие!

[@YanAgeenko]

Спасибо, очень приятно :)

[@z1mmex]

Спасибо за видео! На стажировке понадобилось нарисовать иконки, вот наткнулся на ваше видео!

[@АлинаКвитка-э8м]

Спасибо! Доступно и достаточно понятно

[@Artem-Rusich]

Спасибо. Чётко и по теме. Отличное видео

[@rinaruben1648]

Отлично объясняете. Спасибо!

[@НатаГаляткина]

Дякую за Ваші знання! Ви мені допомогли!❤

[@ИринаЧ-ы4к]

Отличный урок!🙏 Очень нравится, когда разбирают именно логику работы, а не просто демонстрируют свою (типа) крутизну👍 Подписка, лайк😁 Посмотрела список тем Ваших видосиков - посмотреть «придётся» всё 😏 успехов каналу💪

[@БурыйМедведь-в7ж]

ну еще бы озвучивал к логике ГОРЯЧИЕ клавиши было еще лучше, а то копируем и тд и тп, а как это делается сами догадайтесь!

[@NurSandal]

Спасибо, очень доступно.

[@АнжеликаВолотка]

Отличное видео! Спасибо за урок)))

[@ЯнаЗасеева-п3т]

Зависла на вашем канале )))) как интересно) спасибо )))

[@rus_dos]

Супер. Очень полезный урок

[@СергейСвинтицкий-ъ6б]

Спасибоян! Для новичков ну прям очень здорово разжевано. Еще бы хотелось чтобы ты говорил как сделать то или иное действие во время стрма. Типа как остановить работу пера, либо какие-то еще мелочи.

[@YanAgeenko]

Перо останавливается нажатием esc. Спрашивай в комментах, если что-то непонятно, я отвечу :)

[@ЮлияАндреева-п2я]

Супер! Спасибо)

[@ИринаКобук]

Спасибо за полезный урок)

[@unlight77]

можно иначе сделать иконку со звездой, преобразовать обводку в кривые и наружным точкам придать сглаживание, выделив только их. Видео полезное, спасибо!

[@YanAgeenko]

Да, тут каждую из этих иконок можно несколькими способами сделать, в этом и суть :)

[@ЭлигияРусинович]

Спасибо, отличный урок

[@littlemermaid3088]

Хочется больше уроков по векторной графике :)

[@melizami]

Благодарю!

[@habweb8815]

Спасибо! Тысячный лайк поставил (было 999) :))

[@ОльгаК-ф8р]

Спасибо!!

[@ЭннВасечкина]

Супер!!! Все четко и понятно!!! ❤️ благодарю! Я бы с удовольствием послушала видео про перо) не слушается оно меня ((

[@YanAgeenko]

Посмотри это видео: kzbin.info/www/bejne/iH2mfqZrd9-AsMk

[@ЭннВасечкина]

От души спасибо) буду учиться с вами 💪

[@alsoualsou9]

спасибо!!!

[@ЮляТимирязева-ф6ъ]

Спасибо!

[@sophiewaibole1457]

подскажите, пожалуйста, как масштабировать такие иконки? так как они сделаны с помощью обводки, то при масштабировании толщина обводки сохраняется в 2 пикселя. визуально получается, что чем больше иконка, тем тоньше обводка, тк ее размер не масштабируется вместе с самой формой. что нужно сделать с иконкой, чтоб обводка тоже масштабировалась?

[@YanAgeenko]

с помощью инструмента Scale (клавиша K на клавиатуре или выпадающий список у инструмента Move)

[@Bonaidea]

Спасибо большое за видео, то что нужно для самых чайников, как я! Только вопрос: иконки в одном сете не обязательно разве должны быть одинаковы по высоте? Тут получается дом и звезда на два пикселя меньше остальных

[@YanAgeenko]

фрейм иконки должен быть одинаковый, но сами иконки могут быть разными

[@Bonaidea]

@@YanAgeenko Спасибо!

[@neperwi]

В последней иконке, как Вы изменили размер внутреннего эллипса? Выделив и прокрутив колесик? У меня после создания иконка не увеличивается а размере, фрейм растягивается а иконка нет

[@ЕлизаветаМирошникова-ю1л]

как сделать скругленную крышу у домика?( эти острые углы режут глаз

[@YanAgeenko]

Внизу блока Stroke жмете на три точки и в появившемся окне в разделе Join выбираете скругление

[@rinaruben1648]

Почему не рисует перо, рисует только тонкие линии, переключение не помогает?

[@YanAgeenko]

Так перо и должно рисовать линии. Чтобы была фигура, нужно нарисовать замкнутый контур и добавить заливку

[@ОлесяОрлова-д9г]

супер)))

[@juliasiedina6867]

Вопрос. Иконки всегда должны быть 2-ух пиксельные ? И я их должна разбирать как в илюстраторе или могу оставить в формате обводки ?! Спасибо!

[@YanAgeenko]

Не принципиально

[@Ace_of_Black]

Иконки разве не искажаются при сохранении, особенно сглаживаемые элементы? Я привык если делать, то строго по пикселю. В редакторе выглядит норм, а на практике плывёт. Слишком маленький размер. В каком формате лучше сохранять?

[@YanAgeenko]

Иконки могут искажаться при сохранении в масштабе, не равном 100%. Лучший формат для сохранения - svg.

[@backstreet9910]

Ребят как выделять линии кликом мышки, как на видео, не получается

[@artcoin901]

как выделить несколько фигур сразу

[@YanAgeenko]

С зажатым shift или ctrl

[@marinasergeeva4824]

Только у меня возник вопрос как сделать точку, за которую можно вытянуть в арку?)

[@YanAgeenko]

Двойным щелчком по контуру

[@dariabosenko6159]

как включить сетку не для фрейма?

[@YanAgeenko]

Сетки в фигме можно сделать только для фрейма.

[@ИринаНыркова-ч2с]

Ян я решила в 3 иконке не оставлять промежуточный пиксель, а просто соединила голову с туловищем. Мне показалось, что так лучше.

[@YanAgeenko]

Можно и так, да

[@kazinazmul3709]

Good

[@yuliya_diary]

Не знаю в чём дело, делаю всё как в видео, но при нажатии intersect selection, не получается так. А выходит сплошная фигура. Тоже самое и с лупой в первом уроке , лупа получается полностью чёрная 🫤

[@YanAgeenko]

Значит, что-то делаешь всё же не так :)

[@yuliya_diary]

В третьей иконке та же проблема, не работают эти функции у меня так, как показано в видео. В чем может быть проблема?😩

[@YanAgeenko]

Пришлите в телеграм-чат t.me/AgeenkoDesign свой вопрос и ссылку на файл

[@yuliya_diary]

Всё, поняла в чём дело. Получилось🙂

[@YanAgeenko]

И в чем было дело?

[@_cheeter3270]

Не получается сделать прямые линии домика постоянно сворачивает!

[@YanAgeenko]

Нужно зажать shift

[@_cheeter3270]

@@YanAgeenko спасибо большое я посмотрел другое ваше видео там нашел ответ!

[@ИванНикишин-т2ш]

Этож набор для Гугл карт!

[@Chaosbirdvorona]

спасибо, классный туториал! а почему два пикселя толщина линий?

[@YanAgeenko]

Толщину можно любую делать :)

[@БурыйМедведь-в7ж]

Ну если бы озвучил действия, как копировать и другое, было бы еще лучше, а так, сами тыркайте и понимайте!

[@Voicesiren]

Есть еще проще способ рисовать щестеренки. Чуть ли не в два клика.

[@ЛюдмилаСультеева-д5н]

Я видимо тупее всех тупых(( Не поняла в начале про связь иконки в 24 пикселя и линий, которые мы должны прорисовывать четко по пикселям, а не между двух..поняла, чтобы не расплывалось, но ведь когда фигура круг, там линия в 2 пикселя идет между квадратиков, получается будет расплываться? Или объяснение было вообще не про это))

[@YanAgeenko]

да, круг будет расплываться в любом случае

[@ЛюдмилаСультеева-д5н]

@@YanAgeenko оойй! Я иду в правильном направлении, соображаю оказывается! Спасибо))

[@Ольга-з3г5у]

А если моя иконка будет позожа на иконку другого автора, то это нарушение авторских прав? Например, я нарисовала домик, другой аатор точно такой же домик. 😂😂Не могу понять

[@YanAgeenko]

всё будет ок, не переживайте :) похожие иконки - это частое явление

[@ЭдгардДжл]

Ну ты и намудрил конечно со звездочкой, особенно для новичков🤦‍♂️ можно же просто в stroke settings, join поставить на скругленый и всё! Будет то же самое 😂

[@tanyalohinova3219]

Спасибо 🙏

[@adiamock]

Спасибо!

[@YanAgeenko]

На здоровье!