Как в Figme поднять или опустить слой


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

Эллипс в самом низу
Эллипс в самом низу

Вы можете перенести слой на нужную позицию с помощью перетаскивания его мышкой (drag’n’drop) — это удобный способ для точного размещения слоя на нужном уровне. 

Если вам нужно отправить слой наверх или вниз, вы можете воспользоваться специальными командами, которые можно вызвать из контекстного меню для конкретного элемента. 

Команды для перемещения слоев
Команды для перемещения слоев

На изображении мы расположили четыре квадрата, которые мы будем перемещать, и две другие фигуры — треугольник и эллипс. Квадраты мы объединили в группы, а треугольник и эллипс находятся соответственно над и под этой группой. 

  • Наверх (сделать слой самым первым): Bring to Front (Option + Command + ])
Квадрат 1 после Bring to Front
Квадрат 1 после Bring to Front
  • Выше (сделать слой на позицию выше): Bring Forward (Command + ])
Квадрат 1 после Bring Forward
Квадрат 1 после Bring Forward
  • Вниз (сделать слой самым последним, все остальные слои будут его перекрывать): Sand to Back (Option + Command + [)
  • Ниже (сделать слой на одну позицию ниже): Sand to Backward (Command + [)

Обратите внимание, что эти команды действую строго внутри родительской группы или фрейма. 

Когда мы двигали квадраты, это никак не влияло на расположение треугольника и эллипса. Если мы применим Bring to Front для эллипса, он будет перекрывать и всю группу с квадратами целиком, и треугольник. 

Эллипс после Bring to Front
Эллипс после Bring to Front
Эллипс после Bring to Front
Эллипс после Bring to Front — перекрывает все элементы

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


👋 Курс дизайнера за полцены: сформируйте портфолио и найдите высокооплачиваемую работу. Помощь с трудоустройством!

По теме:


<