Adobe XD 공부기록 2. 둥근 사각형 만들기, 클릭하면 위로 올라오는 팝업창 만들기

 

 

 

 

모서리가 둥근 사각형 만들기 

사각형을 만들고 

 

우측 메뉴에서 각 모서리 별 라운드 값을 지정해 줄수 있다. 

 

 

---

아래에서 위로 올라오는 팝업창 애니메이트

 

 

올라오는 요소를 구성요소 cmd k로 만들어두고 

전체 투명도를 0으로 하여 안보이게 만든다 

아트보드를 복사하고 

위에서 올라올 요소를 올라갈 위치까지 위치이동을 시킨 후 

투명도를 100으로 하여 보여지게 만든다 

 

프로토타입 탭으로 이동해서 버튼 하나와 올라올 창을 연결한다. 

우측 메뉴에서 자동애니메이트 - 서서히 시작 -끝내기를 선택한뒤 미리보기 창을 눌러서 확인한다.