Как создать текстурированное изображение в Figma: 11 шагов (с изображениями)

Оглавление:

Как создать текстурированное изображение в Figma: 11 шагов (с изображениями)
Как создать текстурированное изображение в Figma: 11 шагов (с изображениями)
Anonim

Из этой статьи вы узнаете, как создать текстурированное изображение с помощью Figma.

Шаги

Часть 1 из 3: Подготовка изображения

Texturedimagefigma_1a
Texturedimagefigma_1a

Шаг 1. Загрузите изображение с текстурой

Посетите Unsplash и введите «текстура». Скачайте любое изображение с видимой текстурой.

Texturedimagefigma_2a
Texturedimagefigma_2a

Шаг 2. Создайте рамку

Откройте Фигму и создайте любую желаемую рамку.

Часть 2 из 3: Добавление изображения в рамку

Texturedimagefigma_3a
Texturedimagefigma_3a

Шаг 1. Щелкните цветной квадрат на панели дизайна в правой части экрана

Texturedimagefigma_3b
Texturedimagefigma_3b

Шаг 2. Щелкните раскрывающееся меню

Текстураdimagefigma_3c
Текстураdimagefigma_3c

Шаг 3. Выберите «Изображение»

Texturedimagefigma_3d
Texturedimagefigma_3d

Шаг 4. Нажмите «Выбрать изображение» и выберите загруженное изображение

Часть 3 из 3: Добавление текстуры

Texturedimagefigma_4a
Texturedimagefigma_4a

Шаг 1. Щелкните значок плюса (+)

Texturedimagefigma_4b
Texturedimagefigma_4b

Шаг 2. Щелкните цветной квадрат

Текстураdimagefigma_4c
Текстураdimagefigma_4c

Шаг 3. Щелкните раскрывающийся список и выберите «Solid»

Текстураdimagefigmaa_4d
Текстураdimagefigmaa_4d

Шаг 4. Выберите цвет, который показывает видимое изменение; желательно темные тона

Exturedimagefigmaa_4e
Exturedimagefigmaa_4e

Шаг 5. Уменьшите непрозрачность, чтобы увидеть эффект

Регулируйте, пока эффект не станет заметным.

Рекомендуемые: