Как изменить цвет png в Figma. 2 способа как поменять цвет картинки пнг в фигма.
HTML-код
- Опубликовано: 8 окт 2024
- Быстрые и простые способы изменения цвета png картинки в Figma. В видео рассказываю о том как изменить цвет png в Figma. 2 способа как поменять цвет картинки пнг в фигма.
Это видео может быть вам полезно, если заказчик предоставил вам свой логотип в формате пнг, а вам нужно изменить цвет логотипа. Но не любой логотип можно заливать в один цвет и не используйте этот способ для иконок, иконки должны быть векторные.
🟢 Видео про иконки: • Где взять иконки для с...
🟢 Мое предыдущее видео: • 1.2 Кнопки Auto Layout...
👉 Смотрите видео до конца, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
►Мой StyleGuide/Ui-kit в Figma Community: cutt.ly/HWcW3Tm
►Instagram - cutt.ly/jWcQ3Mk
Добавляйтесь в друзья:
★ Facebook - cutt.ly/nWcWecJ
★ Вконтакте - cutt.ly/5WcWu2W
★ Linkedin - cutt.ly/DWcWb5q
Вступайте в сообщества:
★ Полезные публикации о дизайне Вконтакте - cutt.ly/0WcEtXP
★ Telegram канал t.me/joinchat/...
★ Telegram чат: t.me/joinchat/...
Мои работы:
★ Dribbble: cutt.ly/1WcEx6E
★ Behance: cutt.ly/UWcEW0I
#figma #webdesign #uxui #uikit
Знали о таком методе? Может у вас тоже есть какие-нибудь классные лайфхаки?делитесь в комментариях🚀
Ну это база. Небольшой секрет, но необязательно копировать лого для маски, можно просто прямоугольник разноцветный сделать и цвет лого поменять на цвет прямоугольника. А лучше потыкать все виды масок с разным способом наложения, чтобы понять какие способы ещё есть и как они работают. а я пошёл дальше искать кнопку заливки в фигме)
Искренне благодарю!
Ты умничка, очень доступно объяснила, всё получилось по первому примеру!
Спасибо Валерия. Вы так отлично всё объясняете!!! Очень люблю слушать ваши видео !!!
Простые но очень дельные уроки. Спасибо Лерочка, ты фея💫
Спасибо! Все получилось)
Спасибо Вам Большое!! Я не знал, что в Фигме так можно, просто привык к Фотошопу, а Фигма для Меня тёмный лес))
Пожалуйста ☺️
Спасибо большое! Недавно с такой проблемой столкнулся, теперь хоть знаю как её решить.
Коротко, доступно, понятно 👍
Быстро и просто - спасибо!
Cпасибо! Делала верстку и нужно было изменить цвет иконки с синего на белый. В видео просто и понятно объяснили. Все получилось! Хотелось понять, как именно в фигме это делать, а не в фотошопе. Так как в основном с макетами приходится работать в фигме.
Пожалуйста, очень рада, что ролик оказался для вас полезным))) 🌸
Единственное видео на котором сказали, как дублировать!! Спасибо ❤️
У всех остальных как обычно-профзамыливание, какие-то шаги делают на автомате, не замечая, что человеку, который учится эти шаги не само собой разумеющиеся. И потом ломаешь голову, что упущено, почему не получается, как у автора. А тут каждый шаг озвучен и всё доступно. Спасибо большое, а то перелопатил уйму роликов, только тут проще всего пояснили, как иконки перекрашивать)))
Вы спасли меня , с меня подписка
Привет, Лера.
Спасибо за такой лайфхак!
Я все это делал в старом-добром Фотошопе :)
Удачи!
Привет) Я тоже раньше это делала в фотошопе))
Интересно конечно !!! Еще проще способ если изображения с четкими контурами то воспользоваться плагином image tracer и делай с вектором что хочешь )))
Спасибо 👍🏽
спасибо, Антон!!!
Спасибо, отлично! Очень помогла!!
Очень помогли, спасибо большое!
В фигме вообще, конечно, не хватает чуть более расширенной работы с растром. Есть еще плагины, типа инструмента hue/saturation в фотошопе, позволяют менять цвет для уже цветных растровых изображений. Adjustments, как пример.
Интересно, обязательно посмотрю плагин 👍🏼
Спасибо)) Еще фишечки))
Вы прекрасно объяснили, спасибо за видео! Но у меня видимо личный баг: делаю все как объясняете, шаг за шагом, а цвет заливается вместо окрашивания иконки... Подскажите пожалуйста, в чем может быть причина? Одну иконку сделала, а больше не выходит...
спасибо большое хоть кто-то нормально обьяснил
Спасибо 🫶
Классное видео, легко и просто! 👍
Спасибо ☺️
Круто. Благодарю. А как сделать так чтоб весь фрейм (все составляющие: текст, фото и тп) стал в чб (для неактивной кнопки)?
спасибо за урок
Спасибо!
круто! спасибо!
Подскажите а как выделить оба изображения? У меня не получается
с нажатым ctrl
благодарочка
Спасибо
Я сделала как вы показали в первым способом, всё получилось. Но как сохранить в пнг формате? У меня заливает весь фон и рисунок (это узор) не видно. Подскажите пожалуйста
Когда сохраняешь выделяешь только слой или всю группу в маске? Нужно сохранять всю группу.
@@ValeriyaDesire спасибо, получилось!
спасибо!
Класс
А если изображение двухцветное, то как поменять только один цвет?
Тогда лучше в фотошопе сделать
класс
😉
У меня нет пункта заливки пнг, что делать?
а как поменять цвет самого логотипа , а текст чтоб остался с прежнем цветом ?
разделить их
Мне не понятно как дублировать? Что за команда “команд д”
На маке это сочетание Command + D, на винде это Ctrl +D
@@ValeriyaDesire спасибо 🙏🏻💐💐💐
Подскажите пожалуйста, почему может быть такое иногда получается поменять цвет иногда заливается весь квадрат? Делаю по вашему способу одинаково.
спасибо за плагин!!!
Пожалуйста)
начало: 1:15
не понимаю почему у меня не получается также( полностью заливает цветом элемент
картинка пнг должна быть на прозрачном фоне (в начале об этом сказали)
когда 2 картинки, заливать нужно верхний
Не работает на винде 7 херь какая-то
Фигма и плагин ни как не относятся к операционной системе, все должно работать
@@ValeriyaDesire разобрался! Пасиб за урок.)
зАЧЕМ ВЫ ТАРАТОРИТЕ, КОГДА ОБЬЯСНЯЕТЕ? мНЕПРИХОДИТСЯ СКОРОСТЬ УБАВЛЯТЬ, ПОКАЗЫВАЕТ ВСЁ МЕЛЬКОМ. пРЕКРАТИТЕ ТАРАТОРИТЬ