ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

How to Mask Text in Figma | How to Mask Image in Figma

Автор: GD Alam

Загружено: 2024-09-04

Просмотров: 255

Описание: How to Mask Text in Figma, How to Mask Image in Figma.
In this video I will show you how to mask images with text in figma, figma tutorial.

Here’s a step-by-step guide to mask an image with text in Figma, so the image only shows through the shape of the text:
Step-by-Step: Mask Image with Text in Figma
1. Insert Your Image:
Drag and drop your image into Figma, or go to:
• File → Place image, then select and insert it.

2. Add Your Text:
• Select the Text Tool (T) and type your desired text.
• Make the text large and bold (use a thick font like Impact, Montserrat Extra Bold, or Anton) so the image shows well.

3. Convert Text to Outlines:
• Select the text, then go to:
• Right-click → Outline Stroke
• This converts the text into vector shapes.
Note: Once converted, the text is no longer editable as text.

4. Position the Image Behind the Text
Drag the image layer below the outlined text layer in the Layers panel.

5. Create the Mask:
• Select both the image and the outlined text.
• Right-click and choose "Use as Mask", or go to:
• Top Menu → Object → Use as Mask
• This will create a mask where the image is only visible through the shape of the text.

Optional: Adjust the Image:
You can double-click to adjust the position or scale of the image inside the mask.

To Edit Later:
Open the mask group in the Layers panel to tweak the image or the shape.

This Video Also Includes: how to mask in figma, masks in figma, mask in figma, how to use mask in figma, how to create a mask in figma, masking in figma, how to do mask in figma, image masking in figma, mask text in figma, figma mask with shape, text masking in figma, figma masks, figma, creating mask in figma, clip masking in figma, how to mask image and text in figma, figma masking images, figma mask, figma mask tutorial, figma mask image with shape, figma tutorial, figma mask text and more.

You Can Check Also MY Figma Tutorials Below:

Figma Tutorial | Figma Tutorial for Beginners and Advanced:
   • Figma Tutorial | Figma Tutorial for Beginn...  

Watch More At:
   / @gdalam602  

Order me on Fiverr:
https://www.fiverr.com/mdnurealam602

Get (A-Z) Alphabetical Logo & Other Logos and Design Elements from Here:
https://www.shutterstock.com/en/g/Nur...

#figma #howtomasktext #howtomaskimage #figmatutorial #figmamasking #maskimages #graphicdesign #tutorial #gdalam

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
How to Mask Text in Figma | How to Mask Image in Figma

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

How to Crop Images in Figma | Crop Shape Figma

How to Crop Images in Figma | Crop Shape Figma

Christmas Magic: Happy Snowman Art Screensaver | 16 Stunning 4K Images for Your TV

Christmas Magic: Happy Snowman Art Screensaver | 16 Stunning 4K Images for Your TV

Wintertime Art Slideshow | Turn Your TV Into Art | 1Hr 4k HD Vintage Paintings

Wintertime Art Slideshow | Turn Your TV Into Art | 1Hr 4k HD Vintage Paintings

Jazz & Soulful R&B  smooth Grooves  Relaxing instrumental Playlist /Focus/study

Jazz & Soulful R&B smooth Grooves Relaxing instrumental Playlist /Focus/study

«Вот теперь я задумался об эмиграции»: зачем Кремль заблокировал Roblox и как реагируют россияне

«Вот теперь я задумался об эмиграции»: зачем Кремль заблокировал Roblox и как реагируют россияне

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

GLSSWRK GALAXY KAZEMI(DARK) | WALLPAPER

GLSSWRK GALAXY KAZEMI(DARK) | WALLPAPER

How to Create a Loading Skeleton + Smooth Micro Interaction

How to Create a Loading Skeleton + Smooth Micro Interaction

Fusion 360 для новичков: Урок 1 Создание первой 3D модели (болтик с резьбой и накаткой)

Fusion 360 для новичков: Урок 1 Создание первой 3D модели (болтик с резьбой и накаткой)

Роковая ошибка Jaguar: Как “повестка” в рекламе добила легенду британского автопрома

Роковая ошибка Jaguar: Как “повестка” в рекламе добила легенду британского автопрома

ДНК создал Бог? Самые свежие научные данные о строении. Как работает информация для жизни организмов

ДНК создал Бог? Самые свежие научные данные о строении. Как работает информация для жизни организмов

Vintage Gold Picture Frame Christmas TV Art Screensaver | 1 HOUR 4K | Winter Holiday Art for TV

Vintage Gold Picture Frame Christmas TV Art Screensaver | 1 HOUR 4K | Winter Holiday Art for TV

Учебное пособие по Figma для начинающих (13-минутный экспресс-курс!)

Учебное пособие по Figma для начинающих (13-минутный экспресс-курс!)

Как я сделал вирусное видео с помощью Google VEO 3 — Новый уровень нейросетей! #veo3 #ai #sora #flow

Как я сделал вирусное видео с помощью Google VEO 3 — Новый уровень нейросетей! #veo3 #ai #sora #flow

Как создать реалистичный печатный текст в Adobe Photoshop

Как создать реалистичный печатный текст в Adobe Photoshop

Топ-10 сервисов для дизайнера, которые сэкономят часы

Топ-10 сервисов для дизайнера, которые сэкономят часы

TOP Christmas Songs Playlist 2026 ❄️  Mariah Carey, Ariana Grande, Justin Bieber, Christmas Songs

TOP Christmas Songs Playlist 2026 ❄️ Mariah Carey, Ariana Grande, Justin Bieber, Christmas Songs

Golden Christmas Glow | Framed TV Art Hack | Ambient Screensaver for TV

Golden Christmas Glow | Framed TV Art Hack | Ambient Screensaver for TV

SketchUp для Новичков. Полная инструкция от установки до дизайна

SketchUp для Новичков. Полная инструкция от установки до дизайна

Как создать логотип в Adobe Illustrator | Простое руководство

Как создать логотип в Adobe Illustrator | Простое руководство

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]