Figma – основные возможности - стр. 5
Для того, чтобы показать, чем отличаются параметры, я выбрал такое фото.
Fill – ставится по умолчанию – это фотография вмещается в рамку
Fit – фото вмещается в рамку в оригинальных пропорциях, поэтому после выбора данного пункта необходимо с помощью левой кнопки мыши подогнать рамку под фото.
Crop – выбираем этот пункт. Чтобы лучше понять, что он делает, сначала рамку с фото сделайте примерно квадратной. Затем вначале выберите Fill, а затем выберите Crop. Теперь видно, что размер фото больше рамки. Tile рассмотрим позже.
Закроем крестиком параметры фото. Получим вид, как будет смотреться данное фото.
А вот Tile больше предназначен для создания так называемой мозаики из мелкого изображения. Покажу на примере логотипа. Логотипом можно выбрать любой текст. Для этого на верхней панели выберем инструмент «Текст». Зажав левую кнопку мыши, рисуем прямоугольник
Внутри него будет мигать курсор. Это и есть начало нашего текста. Я набираю свой логотип: «ЛиАнВи». Теперь выделяем мышкой написанный текст (при необходимости можно приблизить текст
Можно использовать и свой текст и свои значения. Главное, чтобы размер был небольшой. Теперь рамку надо уменьшить до размеров текста. Делаем примерно такой размер.
Теперь нам надо этот текст преобразовать в PNG-формат. Для этого сохраним его в PNG. В правой колонке в разделе «Export» выберем значения указанные стрелками и нажмём кнопку. Сохраним к себе на компьютер файл в формате png.
Правой кнопкой мыши щёлкаем по тексту и в появившемся меню выберем этот пункт.
Рядом с текстом слева рисуем новый прямоугольник, который будет в несколько раз больше текста. Правой кнопкой мыши щёлкаем этому прямоугольнику и в появившемся меню выберем этот пункт и получим примерно такой вид.
А вот теперь нам надо выделить этот прямоугольник и в его свойствах раздела «Fill» выбрать следующие параметры.