Figma – основные возможности. Андрей Викторович Литвиненко

до 5.

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

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

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

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

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

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

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

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

      Отменим последнее скругление, нажав <Ctrl> + <z>. Но есть ещё возможность скруглить отдельный угол. Для этого выделить фото, держать <Alt> и левой кнопкой по указанному на фото кружочку тянем его внутрь фото. Увидим, что только указанный угол закруглится.

      Точно так же можно скруглять углы с помощью данных на правой панели. Нажав по указанной стрелке, откроется дополнительное меню.

      Введите вручную различные цифры в каждом поле этих значений вы увидите, что скругления углов поменялись. Причём, когда вы будете вводить значение в 2,3 и 4 ячейке, слева значок поменяется, показывая, на какой угол действует скругление.

      Пример:

      Приблизим правый верхний угол.

      Нажав на 3 точки справа появится окно слева. Перемещаем ползунок и одновременно смотрим, как изменится скругление. Если присмотреться внимательно, можно увидеть, каким образом меняется скругления по этому ползунку.

      Теперь уберём скругление. Нажимаем по стрелке. Теперь доступно выделенное поле и в него вводим 0. Всё, скругления убраны.

      Вернём рамке размер 5. Теперь, чтобы показать ещё одну функцию, мне необходимо сделать дубликат этого фото с рамкой и фото на другое. Выделяем фото. Нажимаем по нему правой кнопкой мыши и выбираем указанный пункт.

      Теперь щёлкаем справа по пустому месту правой кнопкой мыши и выбираем указанный пункт.

      Может всплыть такое окно