ProtoPie 컨테이너와 서브레이어 한번에 변경하기

ProtoPie, ProtoPie 강좌, ProtoPie 컨테이너

 

Free Your Ideas, ProtoPie

ProtoPie의 Constraints라는 기능을 이용하면 컨테이너의 위치나 크기에 따라 서브 레이어의 위치나 크기도 함께 변경하거나 고정시킬 수 있습니다.
 

이번 ProtoPie 팁은 위처럼 컨테이너와 서브 레이어의 사이즈를 같이 변경하는 방법에 대해 알아보겠습니다.
        
 

---

Step 1

컨테이너에 따라 서브 레이어가 어떻게 바뀔지 결정한다

컨테이너 안에는 배경 레이어와 텍스트 레이어 같은 여러 개의 서브 레이어가 있을 수 있습니다. 먼저 컨테이너 크기를 변경할 때 각각의 서브 레이어가 어떻게 바뀔지 결정해야합니다.
 

위 예시에서는 텍스트 레이어를 제외한 배경 레이어만 컨테이너의 사이즈에 따라 조정하려고 합니다. 이는 배경 레이어의 가장자리부터 컨테이너까지의 거리가 항상 같아야 한다는 것을 의미합니다.

  

---

Step 2

서브 레이어를 선택하고 컨스트레인트를 설정한다

크기를 변경하고자 하는 배경 레이어 (서브 레이어)

여기서 가장 중요한 점은 컨테이너가 아닌 서브 레이어의 컨스트레인트를 설정해야 한다는 것 입니다. 서브 레이어를 선택하면 Property Panel에서 Constraints 설정을 찾을 수 있습니다.
  

컨테이너의 크기에 따라 사이즈가 함께 변경되기를 원하는 서브 레이어가 있다면, 해당 서브 레이어의 컨스트레인트 설정에서 위와 같은 박스를 체크하면 됩니다.
   

크기를 고정시키고자 하는 텍스트 레이어 (서브 레이어)

사이즈를 바꾸고 싶지 않은 서브 레이어의 경우, 컨스트레인트 설정에서 Fixed Width와 Fixed Height를 체크하면 됩니다.

 

더 알고 싶은 내용이나 궁금한 점이 있다면 댓글로 알려 주세요.

       

ProtoPie 평생 무료로 사용하기

---

▼ ProtoPie 리뷰 더 살펴보기

[디자인베이스] 매력 넘치는 프로토파이의 기능들

[아폴로 그래픽] 어도비XD 호환 가능한 프로토파이

[못사] 게임 기획자의 프로토타이핑 툴