Тёмный

Figma с нуля - Векторные объекты | Веб дизайн. Урок 7 

VideoSmile
Подписаться 550 тыс.
Просмотров 56 тыс.
50% 1

Урок о векторных объектах в Figma! Основы веб (UI/UX) дизайна!
cloudlessons.ru/c/23969 - скидка 30% на курс «Супер Figma», действует только 2 дня!
В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб- и UI/UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 7 из 8.
Скачать Figma: www.figma.com/downloads/
Автор курса: Максим Кузнецов (www.behance.net/Dexo)
Канал автора: / psforceru
Подробнее о курсе от команды VideoSmile.ru:
Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио.
Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне.
После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию.
В курсе вас ждёт:
- 40 практических занятий
- Сертификат о прохождении курса
- Никаких ограничений по времени
- Обратная связь и кураторство
- Чат в Telegram
Таймкод:
00:00 - работа с векторными объектами в Figma
00:20 - разница вектора и растра
01:45 - простые векторные формы
05:20 - Pen Tool (Перо)
08:50 - Fill (Заливка)
09:40 - скругление углов
12:20 - булевы операции в Figma
17:25 - параметр Stroke (Обводка)
25:25 - импорт векторных объектов
28:00 - создание иконок (практическая часть)
Сайт: videosmile.ru
Telegram: t.me/videosmile_ru
ВК: ru_videosmile
Instagram: / videosmile_school
Facebook: / videosmile
#figma #videosmile

Опубликовано:

 

7 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 75   
@VideoSmile
@VideoSmile 2 года назад
Сайт с курсом «Супер Figma»: cloudlessons.ru/v/400 «Супер Figma» - это обучающий курс по дизайну сайтов, сервисов и мобильных приложений в программе Figma для начинающих В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Автор курса: www.behance.net/Dexo Переходите на сайт с курсом, чтобы узнать все подробности!
@user-ci5rk4es4i
@user-ci5rk4es4i Год назад
без этого видео жизнь была бы на несколько часов сложнее
@Carbonbasedone
@Carbonbasedone 6 месяцев назад
Дорогой автор! Первое спасибо огромное за курс, второе у вас явный талант учителя.
@olgachechil2672
@olgachechil2672 Год назад
Большое вам спасибо! Невероятно здорово объясняете 👍 Отображение нажимаемых вами клавиш в нижнем левом углу очень помогает🙏
@VideoSmile
@VideoSmile Год назад
Рады стараться! Присоединяйтесь к нашему CG чату в telegram - t.me/videosmile_chat ; )
@olgachechil2672
@olgachechil2672 Год назад
@@VideoSmile спасибо, я уже с вами:)
@iriska2053
@iriska2053 2 года назад
Спасибо! Очень хорошее объяснение! Все получилось!
@VideoSmile
@VideoSmile 2 года назад
Рады стараться ; )
@ksenyaD
@ksenyaD 2 года назад
Красиво очень ! Спасибо !
@VideoSmile
@VideoSmile 2 года назад
Рады стараться ; )
@user-cg6mx4tk7f
@user-cg6mx4tk7f Год назад
Спасибо огромное за уроки! Очень очень очень полезная информация доступным языком для новичков. С вами я узнала много нового 🤩Векторы это моя "боль" , после просмотра ролика намного меньше болит 😃
@VideoSmile
@VideoSmile Год назад
Рады стараться! Присоединяйтесь к нашему общему CG чату в telegram - t.me/videosmile_chat ; )
@kravayuvelir5702
@kravayuvelir5702 Год назад
Это БОЛЬ, не то слово....
@user-em4qg5pz3g
@user-em4qg5pz3g 2 года назад
Пишу специально для всех,у кого были проблемы с субстрактом, необходимо дублировать ректангл нижнего слоя, вынести его наверх, увеличить , выделить его и юнион верхний и нажать субстракт, он не сказал,что ректангл необходимо дублировать, у меня все получилось , надеюсь и у вас, всем мира и добра :)
@lpravdyva
@lpravdyva Год назад
Спасибо большое за подсказку. Только благодаря Вам получилось
@MariGnipp
@MariGnipp Год назад
@@lpravdyva Всегда пожалуйста 🙏🏻😇
@bratikkurit8618
@bratikkurit8618 Год назад
Спасибо большое!
@ketrintyan1763
@ketrintyan1763 Год назад
спасибо..
@user-iy8is8yx7v
@user-iy8is8yx7v Год назад
спасибо за подсказку, бьюсь, но не выходит что-то(((
@HraniBog
@HraniBog Год назад
как ты удаляешь фон из фрейма горячей кнопкой
@timur2947
@timur2947 Год назад
Здравствуйте , не могу отредактировать ручку чемодана , при выделении и нажатии на Enter пишет No more children to select , что это значит и войти в режим редактирования по другому?
@pervichka
@pervichka 2 года назад
тайминг 27:00 не получается так как у вас выделить отдельно человека в фотошопе, выделяется полностью вся картинка.
@armanerekenov3658
@armanerekenov3658 Год назад
может быть расхождение в интерфейсе программы? после этого видео обновления наверно постоянно выходят
@Mirage5
@Mirage5 Год назад
В иллюстраторе справа снизу нажмите редактировать и тогда можно перемещать.
@user-ve1bd1sr6t
@user-ve1bd1sr6t Год назад
Честно говоря, так и не поняла что нужно нажать. Если вас не затруднит более подробно ответить, была бы очень благодарна. У меня стоят две версии люстры CS6 и версия 2020. В CS6 я так и не поняла как это сделать. Версия 2020 нормально перенесла редактируемый вектор. Вопрос другой, что, если не будет 2020, я так и не смогу перенести нормально. Поэтому хотела вас спросить поподробнее написать, если вам не тяжело.
@user-vt1kj6jm5s
@user-vt1kj6jm5s 2 года назад
так и не понял про кнопку outline stroke после того, как нарисовал портфельчик, что она делает и еще вопрос: чем отличается flatten от outline stroke
@VideoSmile
@VideoSmile 2 года назад
Можно сказать так - с Flatten толщину обводки вы задаёте сами, и сама иконка - это просто обводка вокруг контура. А с Outline Stroke толщины обводки нет - это всё заливка, и толщина элементов определяется расстоянием между контурами (внутренними и внешними)
@si4476
@si4476 2 года назад
20:25 нужно выбрать в стилях строки - кастом
@HunterFerrat
@HunterFerrat 2 года назад
Спасибо
@Karusel2022
@Karusel2022 Год назад
Мне не понятно как сделать фигуру пером Какую нажимать клавишу горячую ?
@Hanna-nz5sl
@Hanna-nz5sl 2 года назад
Здравствуйте, когда копировала объект в илюстраторе, а потом вставляла в фигму - объект перображался с векторного изображения в обычную картингу png. Не подскажете, в чём может быть проблема?
@Hanna-nz5sl
@Hanna-nz5sl 2 года назад
Получилось только, через сохранение файла в svg формате и дальнейшем переносефайла в фигму
@user-dt4hy7lw3z
@user-dt4hy7lw3z 2 года назад
Не получилось сделать последнюю иконку, после нажатия subtract selection стирается нижняя фигура
@neringpyu
@neringpyu 2 года назад
он, почему то не показал этого, нужно сделать копию левой увеличить ее на 2 пикселя и поместить на слой ниже, а потом выделить правую и левую увеличенную и нажать subtract selection, тогда получается(по крайней мере у меня получилось))
@karolinali3681
@karolinali3681 Год назад
@@neringpyu все равно не выходит , удаляется низ
@Yokki59
@Yokki59 Год назад
@@karolinali3681 делаем копию левого квадрата, увеличиваем на пиксель. Выделаем новый большой квадрат и правый через шифт и задем жмем сабстракт. Новый увеличеный квадрат должен быть вне юниона на самом верхнем слое.
@cubiccubic7691
@cubiccubic7691 2 года назад
В последней версии Figma в Stroke не могу указать параметры Dash через запятую, принимает только одно значение, то что указано первое, все что после запятой обрезает(удаляет). Что-то изменилось в последних версиях (если нажимаю три точки в Stroke меню отличается то, что у вас в курсе) или я не то что-то делаю?
@tatianagordeeva4932
@tatianagordeeva4932 2 года назад
В Stroke style выбери Custom
@cubiccubic7691
@cubiccubic7691 2 года назад
@@tatianagordeeva4932 спасибо!
@KarinaMuchychka
@KarinaMuchychka Год назад
Здраствуйте. 30:44 минута видео, как вырезать фон у фрейма? Какие кнопки?
@baielmahmudov3088
@baielmahmudov3088 Год назад
Как я понял он удалил квадрат из которого сделал фрейм
@kenzoabe3450
@kenzoabe3450 Год назад
32:55 также по этому правилу чем меньше обьект, тем меньше его обводка
@karolinali3681
@karolinali3681 Год назад
Все понятно, но так же понимаю , что автор умеет все, но обьяснить подробно как последнюю делать.. ничего не понятно. Оно не получается так
@cheloveksss
@cheloveksss Месяц назад
у меня векторные изображения в фигме пиксельные, что делать?
@user-vl2dg7yx7j
@user-vl2dg7yx7j 2 года назад
как выделить вектор а иллюстраторе ?вроде простое нажатие ,но не могу разобраться ,что нужно нажать чтобы получить вектор
@VideoSmile
@VideoSmile 2 года назад
Уточните вопрос, пожалуйста
@user-hl4ib2kc9b
@user-hl4ib2kc9b Год назад
Практическое задание не получается. Не подробно объясняются горячие клавиши, и рассинхронизация на иконке "крест".
@user-wr9iy6wy1j
@user-wr9iy6wy1j Год назад
На маке не получается разбить union. Shift+cmd+G не получается. И все остальные способы тоже. Может кто сталкивался с такой проблемой
@AK-yi2wt
@AK-yi2wt Год назад
Спасибо за бесплатные уроки, но для человека проходящего с нуля сложно отслеживать все горячие клавиши, которые вы используете без озвучивания их. Приходится сильно замедлять и просматривать несколько раз. Уроки по Блендеру были удобнее в этом плане, хотя ведущий тоже иногда забывал сказать но редко.
@Likatok
@Likatok 2 года назад
да последняя иконка не получается, что то пропущено в объяснении. Также я сделала фреймы для иконок 24 на 24, но они почему то все получились разного размера внутри.
@user-ft2xc9gz4b
@user-ft2xc9gz4b 2 года назад
если очень внимательно проследить что он делал мышкой на панели слева (последовательность слоев важна), то все получится. Просто он очень быстро это делал без устных объяснений, да( можно еще замедлить видео чтобы удобнее было
@karolinali3681
@karolinali3681 Год назад
Согласна, не как не могу последнюю иконку сделать , субстрату не получается ( в последней версии фигмы немного иначе)
@gagarinkosmonavt1947
@gagarinkosmonavt1947 3 месяца назад
Воообще не понял как правильно использовать Pen Когда дублирую линию, она у меня становится не отдельным слоем а как вектор2 и я не могу её повернуть
@SvetlanaFILuz
@SvetlanaFILuz 2 года назад
Спасибо! Но, тоже не получилось с последней иконкой...
@VideoSmile
@VideoSmile 2 года назад
Уточните пожалуйста, на каком моменте урока столкнулись с проблемой и в чем она заключается?
@iriska2053
@iriska2053 2 года назад
попробуйте немного раздвинуть фигуры
@alehanchos
@alehanchos Год назад
@@VideoSmile Тоже почему-то не получается, минут 15 уже пробую :( Все остальное было понятно.
@jerzy819
@jerzy819 2 года назад
Пытался с десяток раз удалить лишние элементы с ручки чемодана - не получается. Или пририсовываются доплинии, или вся ручка портфеля целиком удаляется. Не пойму почему. Нахожусь в режиме редактирования, выбираю pen , нажимаю точки и после каждой ESC. Но нет результатов
@VideoSmile
@VideoSmile 2 года назад
Уточните момент урока, на котором возникли проблемы, пожалуйста
@jerzy819
@jerzy819 2 года назад
@@VideoSmile на моменте 32:01 возникла проблема
@VideoSmile
@VideoSmile 2 года назад
Двойным кликом по фигуре зайдите в режим редактирования (чтобы синяя зашитриховка получилась)
@jerzy819
@jerzy819 2 года назад
@@VideoSmile это я делаю. Но как удалить ненужные элементы? Удаляется совсем не то , что нужно. Или вообще не удаляется. Возможно нужно какую-то клавишу ещё зажать?
@Konotopskaya
@Konotopskaya 2 года назад
У меня та же проблема с этой ручкой чемоданчика. Никак не пойму зачем и как пользоваться Pen?! И как выделить нижнюю часть этой ручки чтобы можно было ее как-то удалять.
@pervichka
@pervichka 2 года назад
опечаточка вышла, не в фотошопе, а иллюстраторе
@VideoSmile
@VideoSmile 2 года назад
В иллюстраторе два инструмента выделения - две разных стрелочки. Попробуйте выделить при помощи другого
@pervichka
@pervichka 2 года назад
@@VideoSmile знаю, все пробовала, ни чего не получается, выделяется вся картинка
@user-we8sz8ei5u
@user-we8sz8ei5u Год назад
Сложно😒
Далее
#kikakim
00:18
Просмотров 2,3 млн
Prototyping and animation in Figma
29:47
Просмотров 241 тыс.
Неоморфизм 2021 | Figma
30:41
Просмотров 112 тыс.