본캠 PPT보다 쉬운 피그마 | 3주차 3-5 복습

2024. 2. 23. 11:15강의(Today I Learned)

프로토타입 제작 심화인 스마트 애니메이션!

 

이렇게 우측패널에서도 보기 가능하고 

직접연결시킬때 커넥션 클릭에서도 설정이 가능하다. 

기본이 인스턴트로 되어있고, 디솔브는 이번강의에서는 다루지않는다고한다.

 

따라서 스마트 애니메이션 만들기를 시작한다!

 

기본 쉬운예제인데

 

우선 프레임네임을 똑같이 만들어야하고,

인터렉션 설정모드에서 인스턴트가아니라 스마트애니메이션을 선택하고 프리뷰로 확인하면

자연스럽게 커지는 화면을 볼 수있다.

 

 

상승차트그래프만들기

 

 

 

 

차트 커맨드눌러서 개별로 하나만 잡고  높이를 0으로 해도 다시 1로바뀜 (test) 그리고 정렬 아래로

나머지부분 크게잡고 했는데 정렬 아래로 눌렀는데 개별로 한 요소와 다른 위치로 가있어서 좀 당황?

그래서 개별로 각각잡고 아래로 정렬해줌..

 

그리고 지난번엔 인스턴트가 아니라 스마트애니메이션에 같은효과인데도 점프로 붕 떴는데 왜그랬는지 알수없다.

왠지 정렬할때 문제인거같다.

그래서 정렬시 개별로 각각해줘야되나 싶다.

이번엔 잘된다.ㅋㅋ

 

요상하단말이지~~