어도비 엣지 에니메이션 CC 플래시 대체 애니메이션

안녕하세요 통키입니다.

 

최근 모바일에서 플래시의 지원이 되지 않는 관계로 Adobe edge를 공부해보았는데요

 

그럭저럭 괜찮은거 같네요 

 

플래시를 사용해 보셨던 분들은 ui가 친숙하다고 느끼실거에요

 

css.js라이브러리로 출력되기때문에 자신이 원하는 위치에 적절한 배치 할수도 있구요

 

모바일에서도 잘 표현되고 반응형도 지원도 간단하게 반응형으로 바꿀수도 있습니다.

 

저도 아직 초보라 외국강좌 보면서 따라하고 있는 정도로 테크닉에 대해서 좀더 공부하고 

익혀서 다음번에 테크닉적인 면도 가능하다면 포스팅하겠습니다.

 

오늘은 간단히 UI소개와 화면 구성을 한번 살펴 보시죠

 

 

 

대충봐도 플래시와 많이 닮아있죠? 

 

왼쪽은 속성창 부분이고 가운데 아래는 타임라인 맨 우측은 간단한 튜토리얼입니다. 

보시면서 따라해 보시면 간단한 애니메이션 구현이 가능하실거에요

 

그리고 가운데 우측에 윗부분은 포토샵에 레이어창 같은거고 그 아래는 LIBRARY부분입니다. 

각종 이미지나 심볼 등을 등록하고 사용할수 있죠

 

 

 

 

새프로젝트를 만들어 저장하시면 위의 이미지처럼 HTML파일과 image,js파일이 자동으로 생성되

자신의 웹사이트에 인클루드만 시켜 주시면 됩니다.

 

모바일과 웹에서 지원되니 플래시의 대체할 만한 하지 않겠습니까?

 

edge가 나온지는 꽤 오래 되었으나 전 지금에서야 알았네요 ;;