Тёмный

Как сделать баннер в Figma 

Диджитал-дизайн
Подписаться 6 тыс.
Просмотров 35 тыс.
50% 1

В этом уроке ты узнаешь, как можно легко сделать рекламный баннер или креатив в Фигме, используя основные инструменты
🍎 Телеграм-канал о дизайне: t.me/+Xg7Exe6cUctiNmMy
00:00 - Начало
00:07 - Работа с фреймом
01:03 - С чего начинается работа над баннером
01:19 - Как работать с текстом
02:20 - Как искать референсы
02:53 - Важный нюанс по композиции
03:16 - Как вписать объект в темный фон
04:03 - Как искать референсы #2
04:48 - Как сделать объёмный фон
05:55 - Как быстро менять прозрачность слоя
06:04 - Как добавить тексту объём
06:57 - Рисуем звезду
08:00 - Как сделать плашку
09:07 - Инструмент Pen Tool
09:47 - Добавляем акцентный цвет
11:14 - Включаем фары
12:09 - Добавляем рефлекс
12:24 - Готово!
12:37 - Как получить исходник баннера

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

 

25 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 70   
@designdead
@designdead Год назад
⚡ Телега тут: t.me/+T2EW3w1xDF4xNTMy
@VIKI_DESIGN_1
@VIKI_DESIGN_1 Год назад
Очень классный урок! Хочется больше таких уроков в Фигме
@sebik_26
@sebik_26 2 года назад
Ураа новое видео!! Спасибо, все было понятно 👍👍
@aspect535
@aspect535 2 года назад
Ура легенда вернулась, жду твои уроки по созданию баннеров :)
@arserg2113
@arserg2113 Год назад
Очень классный видос, хорошо передана суть создания. Во время просмотра я думал как из этого может получиться такой итоговый результат, но в итоге получился. Спасибо за урок!
@user-ow1to7vz3w
@user-ow1to7vz3w 2 года назад
Огонь! Спасибо!
@vitalileszkiewicz5516
@vitalileszkiewicz5516 Год назад
Хороший урок, а главное универсальный. Респект!
@sergeytyuterev8995
@sergeytyuterev8995 Год назад
Здорово! Урок очень интересный. Жду дальнейших уроков в Фигма
@designdead
@designdead Год назад
Будут!
@kirillkirillov5704
@kirillkirillov5704 Год назад
Спасибо Вам за видео 👍🔥💪💪🔥💪💪🔥
@vikagavshina9975
@vikagavshina9975 Год назад
Спасибо вам за урок, очень крутой. Я думала такой баннер можно сделать только фотошопе. А оказывается нет, Figma рулит 👍
@user-db5ur2fk4u
@user-db5ur2fk4u 4 месяца назад
Совершенно случайно попала на этот канал хотела узнать размеры баннера в Фигме. И, как говорят, прилипла к монитору. Ни одного лишнего слова. Все по делу. А фары... это вообще песня. Спасибо огромное за видео. Теперь я постоянный слушатель😀 Новых роликов буду ждать с нетерпением. Вам удачи!
@designdead
@designdead 4 месяца назад
Спасибо! 😉
@KotEnok1993
@KotEnok1993 Год назад
Это лучший видеоурок, спасибо большое
@designdead
@designdead Год назад
Спасибо вам)
@user-pg1yp6pf1b
@user-pg1yp6pf1b Год назад
За фары отдельное спасибо✊
@gruntello
@gruntello 2 года назад
Ты крут бро!
@eugeniunazaria7123
@eugeniunazaria7123 2 года назад
Кайф. Нигде в курсах такой годноты не показывают как ты в ютюбе!
@designdead
@designdead 2 года назад
Спасибо за фидбек)
@ya_manyv
@ya_manyv 8 месяцев назад
Первый день начал изучать посмотрим что дальше будет)
@denizs.580
@denizs.580 2 года назад
Спасибо
@westsade
@westsade 2 года назад
Спасииибо! Каждый раз, когда смотрю ваши туториалы, чет новое себе подмечаю) Сейчас поняла, откуда берутся эти клевые фоны, оказывается это просто заблюренная абстракция блин 😅
@designdead
@designdead 2 года назад
В дизайне в основном все решения кажутся сложными, а на деле - элементарно))
@user-sl7cv9kh9s
@user-sl7cv9kh9s 4 месяца назад
Интересно
@Nata_i
@Nata_i Год назад
👍👍👍👍👍
@kindramobilemoonlight1213
@kindramobilemoonlight1213 Месяц назад
5:49 АААВТОМОБИЛЬ 😂
@FedPolina
@FedPolina 6 месяцев назад
Суперский урок, но очень быстро!
@designdead
@designdead 6 месяцев назад
Приму к сведению 🙂👌
@Temka57
@Temka57 Год назад
Да, круто, очень круто, все просто и легко! Вот только где брать идеи для баннеров, да и вообще для дизайна (там заблюрить, там прозрачность убрать, тут добавить цветовую, там убрать контрастность) как все это понимать... Я делаю когда баннер - получается как - сборная солянка. Как тренировать вот эту дизайнерскую насмотреность, где орать идеи?
@designdead
@designdead Год назад
Смотреть, очень много смотреть на чужие работы и анализировать их: почему здесь сделано так, почему это смотрится круто, как это сделано и как мне это повторить. С течением времени всё что ты смотрел и анализировал начинает проявляться в твоих работах, ведь ничего нового мы не придумываем, а только грамотно смешиваем в нужных пропорциях Успехов!)
@tomhawkins6749
@tomhawkins6749 Год назад
Блин, классный урок, уже что-то начало получаться. Вопрос - а как ты удаляешь фон изображений, которые сохраняешь из яндекс или гугл картинок ?
@designdead
@designdead Год назад
Можно использовать картинки уже без фона. Либо вырезать с помощью сервисов (remove.bg, benzin.io)
@user-pg1yp6pf1b
@user-pg1yp6pf1b Год назад
FotoRoom
@PAULGRU3
@PAULGRU3 6 месяцев назад
Где можно скачать этот шрифт Ping Fang SC? Нигде не получилось найти все начертания
@designdead
@designdead 6 месяцев назад
Тут я вам не подскажу, к сожалению. Мне кажется он на Mac стандартным идёт, хотя может ошибаюсь
@christin5004
@christin5004 Год назад
Спасибо, очень круто! Вопрос - все это можно сделать в Canva, все материалы уже готовы. Я права? Или в чем разница ? Очень интересно
@designdead
@designdead Год назад
Спасибо за фидбек! Нет, в канве некоторые вещи, которые применяются в уроке, сделать нельзя к сожалению
@christin5004
@christin5004 Год назад
@@designdead да, я сама вчера попыталась сделать тоже самый баннер, на деле можно - но через Фигму лучше 🤩 некоторых вещей нет в канве 🥴
@designdead
@designdead Год назад
@@christin5004 да, так и есть
@TheReyt1
@TheReyt1 2 года назад
А как сделать типо псд только фигмы?
@designdead
@designdead 2 года назад
File > Save as .fig
@user-jx8zi7cg6b
@user-jx8zi7cg6b Год назад
а как туда добавить png???
@DmitryRybalchenko
@DmitryRybalchenko Месяц назад
Когда новый видос выйдет?))
@designdead
@designdead Месяц назад
Скоро)
@user-id6vl7pj9f
@user-id6vl7pj9f Год назад
привет я не могу скачать адоб фотошоп тк я в россии как скачать или есть другие альтернативы?
@Kate90107
@Kate90107 Год назад
торент
@user-pg1zj2bv2t
@user-pg1zj2bv2t Год назад
Здравствуйте! А как скачать готовый баннер? Спасибо!
@designdead
@designdead Год назад
Привет, нужно выделить фрейм и справа внизу нажать «Export»
@user-nj3qb1cp3m
@user-nj3qb1cp3m Год назад
Замочки не забывайте ставить
@Kate90107
@Kate90107 Год назад
@@user-nj3qb1cp3mзамочки? просто ставишь только просмотр без возможности редактирования
@lsdxa1
@lsdxa1 Год назад
анимацию баннеров можно в фигме делать?
@designdead
@designdead Год назад
Можно, но сложно)
@lsdxa1
@lsdxa1 Год назад
@@designdead где новичку попроще будет сделать ? чтобы например этот анимированный баннер запихать на сайт?
@lsdxa1
@lsdxa1 Год назад
@@designdead в фигме с анимацие чуть чуть разобрался.но как вывести эту анимацию в гиф неясно.при помощи плагинов всё коряво получаеться :(
@user-nj3qb1cp3m
@user-nj3qb1cp3m Год назад
@@lsdxa1 Канва попроще в этом отношении будет, с нее начните
@Lexansan
@Lexansan 5 месяцев назад
А какие преимущества фигмы перед фотошопом?
@designdead
@designdead 5 месяцев назад
Удобнее, легче, проще и бесплатно
@LudikVideos
@LudikVideos Год назад
делаем вот такую.. сосиску))))
@designdead
@designdead Год назад
🌭
@user-jx8zi7cg6b
@user-jx8zi7cg6b Год назад
а как убрать белый фон в пнг
@designdead
@designdead Год назад
Вырезать самостоятельно или с помощью сервисов (нейросетей)
@user-jx8zi7cg6b
@user-jx8zi7cg6b Год назад
@@designdead А это как
@TheReyt1
@TheReyt1 2 года назад
Где мая сосискаа
@iyulka23
@iyulka23 Год назад
Вы берете картинки из интернета. Авторские права в данном случае не нарушаются?
@designdead
@designdead Год назад
Когда как, но обычно я смотрю чтобы картинка была со стоков и фри лицензией)
@user-th6kz7zg9q
@user-th6kz7zg9q Год назад
Сделаю вид, что все понял с первого раза😂
@designdead
@designdead Год назад
Какие вопросы остались?
@user-th6kz7zg9q
@user-th6kz7zg9q Год назад
@@designdead да нет) я только постигаю это все, поэтому с первого раза ничего не понял))) пришлось несколько раз пересмотреть)) Благодарю Вас😺
@whiteblackdog
@whiteblackdog Месяц назад
Должен ли дизайнер банеров уметь делать анимационные банера?
@designdead
@designdead Месяц назад
Не должен, но если ему это интересно - будет плюсом
Далее
Як створити банер та слайдер
2:00
Неоморфизм 2021 | Figma
30:41
Просмотров 113 тыс.