Figma – основные возможности - стр. 2

Зажимаем левую кнопку мыши и рисуем прямоугольник любого размера в вертикальном формате, так как в основном все фотографии со смартфона именно вертикальные.

Теперь в правой колонке справа от «Stroke» нажимаем знак «+». Появится рамка чёрного цвета толщиной 1 px.

Далее справа в разделе «Fill» нажимаем на маленький прямоугольник.

В открывшемся окне нажать на «Solid» и в выпадающем списке выбрать «Image».

А вот в этом окне надо нажать по стрелке.

В открывшемся окне проводника выбрать подготовленную ранее любую фотографию. На данный момент все действия будут проводиться с одной и той же фотографией для более лучшего понимания возможностей. После этого надо нажать по стрелке.

И в выпадающем списке выбрать «Fit». Теперь наше фото в прямоугольнике выглядит так.

Мышкой тянем за границы прямоугольника и подгоняем его под размер фотографии.

Теперь, чтобы лучше были видны изменения, необходимо приблизить (увеличить) наше фото в рамке. Для этого держим кнопку  на клавиатуре и крутим центральный ролик на мышке.

Так как кадр может уйти за границу нашего экрана, то чтобы вернуть его видимость, надо держать <пробел> на клавиатуре и левой кнопкой мыши переместить фотографию. При этом не обязательно тянуть именно за фотографию.

Запомните одни из основных сочетаний. Ими вы будете часто пользоваться.

1. Увеличить/уменьшить – + <ролик на мышке>.

2. Переместить всё по экрану – <пробел> + <левая кнопка мыши>.

Мы подготовили фото в рамке. Но она тонкая. Для начала увеличим её размер до 5.

А также изменим цвет, например, на синий.

Для этого сначала выберем внизу цвет, а потом вверху оттенок выбранного цвета и закроем это окно. Наша рамка с фото готова для дальнейших преобразований.

Угол наклона. В правой колонке выберем указанный пункт.

Когда курсор мышки поменяется на вид двусторонней стрелки, то, двигая мышкой в разные стороны, мы видим, что наше фото наклоняется на определённый угол, указанный в этом окне. Пример ниже.

Скругление углов рамки.

Выделим наше фото и справа в указанное поле.

Введите любое число. Для примера введите 25 и нажмите . Вы увидите, что все углу рамки закруглились. Меняем число на 10 и видим, что скругление изменилось. Это один из вариантов скругления. Теперь, чтобы вернуть отменить последние действия, необходимо нажимать + . Нажимаем до тех пор, пока рамка станет без скругления или в поле скругления будет цифра 0.

Рассмотрим другой вариант скругления. Рамку увеличиваем до 10. Щёлкаем по фотографии. И, нажав левой кнопкой мышки по указанному на фото кружочку, тянем его внутрь фото. Увидим, что углы закруглятся. Причём сразу виден радиус скругления углов. В данном случае скругляются все углы сразу.