에지 Edage 애니메이트 CC

01 에지(Edge) 프롤로그

02 에지(Edge)와 플래시(Flash
플래시(Flash)
에지(Edge)
에지의 특징

03 에지(Edge) 다운로드와 설치
어도비 계정 만들고 에지 설치하기

04 에지(Edge) 파일 구성 살펴보기
파일 열기와 저장하기

05 에지 화면 구성
시작 화면 살펴보기
패널의 명칭

06 에지 메뉴(Edge Menu)
메인 메뉴
File
Edit
View
Modify
Timeline
Window
Help

07 도구 상자(Tools Box)
도구 명칭
도구로 애니메이션 소스 개체 만들기

08 스테이지(Stage)
스테이지의 크기 변경하기
스테이지의 크기를 상대값으로 조절하기

09 Properties(속성) 패널
스테이지 옵션 상태의 프로퍼티스 패널
스테이지 크기 변경 애니메이션
특정 액션의 재생 시점 설정하기
개체 옵션 상태의 프로퍼티스 패널
자바스크립트 코드를 활용한 애니메이션 제어하기
개체에 URL 설정하기
문자 속성 옵션
문자 속성을 응용한 애니메이션

10 Elements(재료) 패널
개체의 이름 변경하기
패널에서 개체 항목 숨기기와 잠그기
스테이지에서 개체 숨기기와 표시하기
'Elements' 패널에서 개별 개체에 자바스크립트 사용하기

11 Library(라이브러리) 패널
'Assets' 라이브러리
애니메이션이 적용된 이미지 대치하기
'Symbols' 라이브러리
심볼 애니메이션의 재생 옵션
심볼 편집하기
심볼 내보내기와 가져오기
'Fonts' 라이브러리

12 Timeline(타임라인) 패널
타임라인 패널 각 부분의 명칭
재생(Play)
자동 키프레임(Auto-Keyframe Mode)
애니메이션 중간에 다른 동작 추가
'토글 핀'(Toggle Pin)
애니메이션 실행 시간 조절하기
이징(Easing)

13 출판(Publish) 하기
출판 환경 설정
출판
출판 파일 구성
포스터 설정하기

14 소스 이미지의 배치 방법과 애니메이션
소스 이미지의 스테이지 배치 방법
투명도와 애니메이션
'Easing'을 활용한 효과

15 심볼을 활용한 자동차 애니메이션
스테이지 생성과 소스 이미지 배치하기
심볼로 변환하기
심볼 애니메이션
특정 위치에서 애니메이션 정지시키기
서로 다른 속도로 달리는 두 대의 자동차 애니메이션
심볼 내보내기와 활용하기

16 심볼을 활용한 반짝이는 별 애니메이션
그라데이션 별 도형 그리고 심볼로 등록하기
심볼 애니메이션
무한 반복 애니메이션
심볼을 스테이지에서 재사용하기
액션에서 재생 시간 설정하기
포토샵의 레이어 이미지를 에지용으로 저장하기

17 포토샵을 활용한 에지 애니메이션
포토샵 이미지 배치하고 애니메이션 제작하기

18 인디자인을 활용한 에지 애니메이션
인디자인 이미지를 에지용으로 내보내기
인디자인 이미지 배치하고 애니메이션 제작하기
에지 애니메이션을 인디자인 도큐멘트에 포함하기

19 일러스트레이터를 활용한 에지 애니메이션
일러스트레이터 파일을 에지용으로 저장하기
일러스트레이터 파일 배치하고 애니메이션 제작하기
무한 반복(Loop) 애니메이션 설정
심볼의 무한 반복(Loop) 애니메이션 설정

20 에지와 HTML 그리고 드림위버

21 코드를 활용한 마우스 이벤트

22 에지에 구글(Google) 웹 폰트 설치하기

23 에지 애니메이션에 오디오(Audio) 삽입하기

24 버튼으로 재생하는 배너 애니메이션
그라데이션 배경 스테이지 생성
원 모양으로 변하는 사각형 애니메이션
텍스트 애니메이션
버튼을 클릭하여 애니메이션 재생

25 곡선 운동 애니메이션

26 모션 패스 애니메이션

27 레이블(Label)과 트리거(Trigger)를 활용한 애니메이션
애니메이션 소스 배치와 스테이지 색상 지정
레이블을 위한 애니메이션
레이블 설정과 트리거
버튼에 액션 지정하기

28 옷 갈아 입히기 게임

29 레이블(Label)과 버튼 액션을 활용한 배너
애니메이션 소스 재배치와 스테이지 색상 지정
애니메이션 설정
레이블과 버튼에 액션 설정

30 두더지 게임
상대 크기의 배경 설정과 두더지 캐릭터 배치하기
두더지를 클릭하면 점수 표시
캐릭터 애니메이션과 심볼 등록