Как нарисовать векторные иконки для сайта или приложения в Figma (бесплатный урок для новичков)
HTML-код
- Опубликовано: 23 ноя 2024
- Хочешь больше полезностей о дизайне?
Вступай в чат Гильдии дизайнеров: ttttt.me/desig...
Подписывайся на мой инстаграм: / yan.ageenko
Читай мою книгу: www.litres.ru/...
Приходи ко мне на курсы: yan.ageenko.pro...
Урок для тех, кто начинает с полного нуля и не владеет графическими редакторами: • Бесплатный мастер-клас...
Посмотрев всего 22 минуты я научился базово делать иконки и уже сделал себе парочку! Спасибо большое!
Чтобы не выключать заливку и не идти включать обводку - можно сочетанием клавиш Shift + X сразу их поменять местами
ты че такой умный эээ?
Спасибо, первый раз рисовала иконки, очень все понятно и оказывается не так все страшно)) Очень доступно объясняете , для новичков - просто то бальзам на душу! ))
Спасибо,люблю когда видео по делу, без воды,а самое главное с пользой)
Урра! У меня получилось! Спасибо огромное! Такой урок для начинающих - высший пилотаж
Ян великолепный мастер класс по созданию иконок. Тоже первый раз зашла на ваш канал, ну до чего классная информация)) Благодарю !!!
Всегда пожалуйста :)
Отличный урок!🙏 Очень нравится, когда разбирают именно логику работы, а не просто демонстрируют свою (типа) крутизну👍 Подписка, лайк😁 Посмотрела список тем Ваших видосиков - посмотреть «придётся» всё 😏 успехов каналу💪
ну еще бы озвучивал к логике ГОРЯЧИЕ клавиши было еще лучше, а то копируем и тд и тп, а как это делается сами догадайтесь!
Спасибо большое, ваши уроки по дизайну самые лучшие!
Спасибо, очень приятно :)
Спасибо за видео! На стажировке понадобилось нарисовать иконки, вот наткнулся на ваше видео!
Супер! Благодарю за такой полезный урок!!!
Дякую за Ваші знання! Ви мені допомогли!❤
Спасибоян! Для новичков ну прям очень здорово разжевано. Еще бы хотелось чтобы ты говорил как сделать то или иное действие во время стрма. Типа как остановить работу пера, либо какие-то еще мелочи.
Перо останавливается нажатием esc. Спрашивай в комментах, если что-то непонятно, я отвечу :)
можно иначе сделать иконку со звездой, преобразовать обводку в кривые и наружным точкам придать сглаживание, выделив только их. Видео полезное, спасибо!
Да, тут каждую из этих иконок можно несколькими способами сделать, в этом и суть :)
Спасибо. Чётко и по теме. Отличное видео
Спасибо! Доступно и достаточно понятно
Зависла на вашем канале )))) как интересно) спасибо )))
Отлично объясняете. Спасибо!
Супер!!! Все четко и понятно!!! ❤️ благодарю! Я бы с удовольствием послушала видео про перо) не слушается оно меня ((
Посмотри это видео: ruclips.net/video/RLCMs5BzMzg/видео.html
От души спасибо) буду учиться с вами 💪
Хочется больше уроков по векторной графике :)
Спасибо, очень доступно.
Супер! Спасибо)
В последней иконке, как Вы изменили размер внутреннего эллипса? Выделив и прокрутив колесик?
У меня после создания иконка не увеличивается а размере, фрейм растягивается а иконка нет
Супер. Очень полезный урок
Спасибо! Тысячный лайк поставил (было 999) :))
Отличное видео! Спасибо за урок)))
Спасибо большое за видео, то что нужно для самых чайников, как я! Только вопрос: иконки в одном сете не обязательно разве должны быть одинаковы по высоте? Тут получается дом и звезда на два пикселя меньше остальных
фрейм иконки должен быть одинаковый, но сами иконки могут быть разными
@@YanAgeenko Спасибо!
Ян я решила в 3 иконке не оставлять промежуточный пиксель, а просто соединила голову с туловищем. Мне показалось, что так лучше.
Можно и так, да
подскажите, пожалуйста, как масштабировать такие иконки? так как они сделаны с помощью обводки, то при масштабировании толщина обводки сохраняется в 2 пикселя. визуально получается, что чем больше иконка, тем тоньше обводка, тк ее размер не масштабируется вместе с самой формой. что нужно сделать с иконкой, чтоб обводка тоже масштабировалась?
с помощью инструмента Scale (клавиша K на клавиатуре или выпадающий список у инструмента Move)
Спасибо, отличный урок
Спасибо за полезный урок)
Благодарю!
как сделать скругленную крышу у домика?( эти острые углы режут глаз
Внизу блока Stroke жмете на три точки и в появившемся окне в разделе Join выбираете скругление
Только у меня возник вопрос как сделать точку, за которую можно вытянуть в арку?)
Двойным щелчком по контуру
Иконки разве не искажаются при сохранении, особенно сглаживаемые элементы? Я привык если делать, то строго по пикселю. В редакторе выглядит норм, а на практике плывёт. Слишком маленький размер. В каком формате лучше сохранять?
Иконки могут искажаться при сохранении в масштабе, не равном 100%. Лучший формат для сохранения - svg.
Спасибо!!
Ребят как выделять линии кликом мышки, как на видео, не получается
Почему не рисует перо, рисует только тонкие линии, переключение не помогает?
Так перо и должно рисовать линии. Чтобы была фигура, нужно нарисовать замкнутый контур и добавить заливку
Вопрос. Иконки всегда должны быть 2-ух пиксельные ? И я их должна разбирать как в илюстраторе или могу оставить в формате обводки ?! Спасибо!
Не принципиально
спасибо!!!
Спасибо!
супер)))
как выделить несколько фигур сразу
С зажатым shift или ctrl
Этож набор для Гугл карт!
Не знаю в чём дело, делаю всё как в видео, но при нажатии intersect selection, не получается так. А выходит сплошная фигура. Тоже самое и с лупой в первом уроке , лупа получается полностью чёрная 🫤
Значит, что-то делаешь всё же не так :)
В третьей иконке та же проблема, не работают эти функции у меня так, как показано в видео. В чем может быть проблема?😩
Пришлите в телеграм-чат t.me/AgeenkoDesign свой вопрос и ссылку на файл
Всё, поняла в чём дело. Получилось🙂
И в чем было дело?
Я видимо тупее всех тупых(( Не поняла в начале про связь иконки в 24 пикселя и линий, которые мы должны прорисовывать четко по пикселям, а не между двух..поняла, чтобы не расплывалось, но ведь когда фигура круг, там линия в 2 пикселя идет между квадратиков, получается будет расплываться? Или объяснение было вообще не про это))
да, круг будет расплываться в любом случае
@@YanAgeenko оойй! Я иду в правильном направлении, соображаю оказывается! Спасибо))
Есть еще проще способ рисовать щестеренки. Чуть ли не в два клика.
Ну если бы озвучил действия, как копировать и другое, было бы еще лучше, а так, сами тыркайте и понимайте!
как включить сетку не для фрейма?
Сетки в фигме можно сделать только для фрейма.
спасибо, классный туториал! а почему два пикселя толщина линий?
Толщину можно любую делать :)
Не получается сделать прямые линии домика постоянно сворачивает!
Нужно зажать shift
@@YanAgeenko спасибо большое я посмотрел другое ваше видео там нашел ответ!
Ну ты и намудрил конечно со звездочкой, особенно для новичков🤦♂️ можно же просто в stroke settings, join поставить на скругленый и всё! Будет то же самое 😂
Good
А если моя иконка будет позожа на иконку другого автора, то это нарушение авторских прав? Например, я нарисовала домик, другой аатор точно такой же домик. 😂😂Не могу понять
всё будет ок, не переживайте :) похожие иконки - это частое явление
Спасибо 🙏
Спасибо!
На здоровье!