엣지 애니메이트 CC 더 쉽게 배우기

PART 01 엣지 애니메이트 기본기 다지기
LESSON 01. 엣지 애니메이트란?
기초탄탄 엣지 애니메이트의 등장 배경과 특징 알아보기
STEP 01 엣지 애니메이트 설치하기
STEP 02 엣지 Tools & Services
LESSON 02. 엣지 애니메이트 둘러보기
기초탄탄 엣지 애니메이트 인터페이스 살펴보기
STEP 01 새로운 Stage 시작하기 : New
STEP 02 엣지 작업 파일 저장하고 구성 파일 살펴보기 : Save As
STEP 03 엣지 파일 열기 : Open
STEP 04 외부파일 가져오기 : Import 37
LESSON 03. 엣지 애니메이트 작업 환경 설정하기
기초탄탄 Stage 영역과 Workspace 영역 구분하기
STEP 01 보이기 위한 작업 공간 조절하기
STEP 02 작업 공간이 이상해졌다면 [Reset “Default”]로 해결하기
● PART SUMMARY
● SELF TEST

PART 02 애니메이션 기본기 다지기
LESSON 01. 엣지 애니메이트 제작 기법 살펴보기
기초탄탄 엣지 애니메이트 제작 기법 알아보기
STEP 01 애니메이션 패턴 익히기
STEP 02 애니메이션 확인해보기
LESSON 02. [Timeline] 패널 이해하기
기초탄탄 [Timeline] 패널 살펴보기
STEP 01 오토 키프레임 사용하기 : Auto-Keyframe Mode
STEP 02 오토 트랜지션 사용하기 : Auto-Transition Mode
STEP 03 키프레임과 트랜지션 이해하기
STEP 04 트랜지션 활용하기
LESSON 03. 토글 핀 활용하기 : Toogle Pin
기초탄탄 토글 핀 살펴보기
STEP 01 토글 핀 활용하기
STEP 02 움직이기 전과 후 지정하기
LESSON 04. 가속과 감속 알아보기 : Easing
기초탄탄 Easing 살펴보기
STEP 01 Easing 이해하기
STEP 02 Easing Options 활용하기
● PART SUMMARY
● SELF TEST

PART 03 엣지 애니메이트로 자유롭게 드로잉하기
LESSON 01. 오브젝트 자유롭게 드로잉하기
기초탄탄 도구상자와 [Properties] 패널 이해하기
STEP 01 [Corners]를 이용해 철봉 배경 만들기
STEP 02 [Color]와 [shadow]을 이용해 새 body 만들기
STEP 03 [Color]-[border]을 이용해 새부리와 눈 만들기
STEP 04 [Transform]을 이용해 새 날개와 꼬리 만들기
STEP 05 [텍스트 툴]을 이용해서 ‘Red bird, my friends’ 글씨 쓰기
LESSON 02. 오브젝트를 그룹으로 관리하고 회전 및 변형하기
기초탄탄 [Transform] 패널 알아보기
STEP 01 오브젝트를 그룹화하고 [Origin]을 이용해 회전축 이동시키기
STEP 02 변형 툴을 사용해 반대 방향으로 회전시키기
STEP 03 모션 패스를 이용해 곡선 움직임 만들기
LESSON 03. 오브젝트 정렬하고 배치하기
기초탄탄 [Modify] 메뉴 알아보기
STEP 01 [Arrange]로 오브젝트 순서 변경하기
STEP 02 [Distribute]를 이용해 오브젝트 배치하기
STEP 03 [Align]를 이용해 오브젝트 정렬하기
LESSON 04. 외부 이미지 소스 사용하기
기초탄탄 외부 소스 사용
STEP 01 일러스트레이터로 SVG 애니메이션 만들기
STEP 02 구글 웹 폰트 사용하기
● PART SUMMARY
● SELF TEST

PART 04 액션과 심벌 기본기 다지기
LESSON 01. 액션 추가하기
기초탄탄 트리거 액션 이해하기
STEP 01 트리거 액션 추가하기
STEP 02 오브젝트에 액션 추가하기
LESSON 02. 심벌만들기
기초탄탄 [Library] 패널과 심벌 플레이백 알아보기
STEP 01 심벌 만들어 재활용하기
STEP 02 심벌 편집해 원하는 애니메이션으로 만들기
STEP 03 심벌을 복제하여 색상이 다른 새 만들기
STEP 04 심벌 내보내고 가져오기 : Export/Import Symbo
STEP 05 Playback을 이용해 심벌 재생 제어하기
LESSON 03. Clipping 기능
기초탄탄 Clipping 기능 알아보기
STEP 01 [Always] 속성을 이용해 Clipping을 위한 레이어 구성하기
STEP 02 Clipping을 적용해 세련된 애니메이션 만들기
LESSON 04. Sprite Sheet 애니메이션
기초탄탄 Snapping과 Grid를 이용해 정확하게 시간 설정하기
STEP 01 Clipping 속성을 이용해 한 개의 그래픽이 보이게 지정하기
STEP 02 Show Grid를 이용해 세밀한 심벌 애니메이션 만들기
STEP 03 심벌 무한 반복 만들기
LESSON 05. Label과 Capture 기능을 이용해 Zoom In 기능 만들기
기초탄탄 Capture를 원하는 애니메이션 캡처하기
STEP 01 원하는 애니메이션 장면 Capture하기
STEP 02 Zoom In 애니메이션 만들기
STEP 03 액션을 추가해 Zoom In 애니메이션 완성하기
● PART SUMMARY
● SELF TEST

PART 05 액션과 심벌 활용하기
LESSON 01.심벌 컨트롤하기
기초탄탄 Stege 액션과 심벌 제어 알아보기
STEP 01 compositionReady 액션과 getSymbol()을 이용해 Stege 요소에 있는 symbol 컨트롤하기
STEP 02 $를 이용해 심벌 안에 있는 엘리먼트 컨트롤하기
STEP 03 심벌을 엘리먼트처럼 컨트롤하기
STEP 04 심벌에서 심벌 컨트롤하기
LESSON 02. Duplicate를 이용해 특징이 다른 심벌을 만들어 컨트롤하기
기초탄탄 Duplicate의 이해와 활용
STEP 01 Duplicate한 심벌을 [Image]를 이용해 쉽게 이미지 교체하기
STEP 02 jQuery의 html() 사용해 콘텐츠 삽입하기
LESSON 03. Overflow 속성 사용하기
기초탄탄 Overflow 알아보기
STEP 01 심벌을 만들어 편집하기
STEP 02 마우스를 올릴 박스 만들어 play, playReverse 메서드 사용하기
STEP 03 Overflow를 이용해 넘치는 부분 안보이게 만들기
STEP 04 Html을 이용하여 콘텐츠 내용 바꾸기
LESSON 04. Dropdown 메뉴 만들기
기초탄탄 Dropdown 알아보기
STEP 01 Dropdown 화면 꾸미기
STEP 02 Dropdown 애니메이션 만들기
STEP 03 Main에 마우스를 위에 올리면 Sub 메뉴가 나오게 액션 지정하기
STEP 04 compositionReady와 Html을 이용해 Sub 메뉴 내용 바꾸기
LESSON 05. fade In 기능을 가진 [tab] 패널 만들기
기초탄탄 [tab] 패널 알아보기
STEP 01 그림이 겹쳐서 서서히 나타나는 내용 패널 애니메이션 만들기
STEP 02 레이블을 이용해 애니메이션 구간을 정확하고 세밀하고 지정하기
STEP 03 Clipping과 play, playReverse 메서드를 이용해 메뉴판 만들기
STEP 04 메뉴판에서 메인 메뉴 제어하기
STEP 05 function을 이용해 코드 줄이기
STEP 06 click하면 사이트로 링크걸기
LESSON 06. 제어문(IF)과 타임라인 컨트롤 메서드를 이용해 슬라이딩 윈도우 만들기
기초탄탄 타임라인과 관련된 메서드와 IF 제어문 알아보기
STEP 01 메인 메뉴 애니메이션 만들기
STEP 02 초기화시키기
STEP 03 이전 버튼, 다음 버튼
STEP 04 getPosition을 이용해 재생 위치를 알아내 메인그림이 롤링되게 만들기
LESSON 07. [Paste Special]을 이용해 쉽고 빠르게 감각적인 애니메이션 만들기
기초탄탄 심벌이 유지되는 상태 만들기
STEP 01 getSymbol을 이용하여 심벌 안에 심벌 제어하기
STEP 02 [Paste Actions]를 이용해 쉽게 액션 복사하기
LESSON 08. JSON 컨트롤하기
기초탄탄 JSON 파일 만들기
STEP 01 애니메이션 심벌 만들기
STEP 02 JSON 파일 사용하기
LESSON 09. ANIAMTE를 이용해 슬라이딩 윈도우 만들기
기초탄탄 Aniamte 알아보기
STEP 01 심벌들 조합해서 심벌 만들기
STEP 02 제어문을 이용해 메뉴에 마우스를 위에 올리면 메뉴판 나오게 만들기
STEP 03 메뉴판의 단추에 마우스를 위에 올리면 단추 애니메이션 실행하게 만들기
STEP 04 메뉴판의 단추를 클릭하면 메인 심벌이 움직이는 애니메이션 실행하게 만들기
● PART SUMMARY
● SELF TEST

PART 06 고급 멀티미이어 콘텐츠 만들기
LESSON 01. HTML Audio와 Video
기초탄탄 Audio 태그와 Video 태그 알아보기
STEP 01 Audio 태그 활용하기
STEP 02 Video 태그 활용하기
LESSON 02. Drag and Drop 기능이 들어간 애니메이션 만들기
기초탄탄 Drag and Drop 기능 알아보기
STEP 01 움직일 대상 애니메이션 만들기
STEP 02 드래그 했을 때 움직이기 전 위치 만들기
STEP 03 드래그 했을 때 타깃 영역 만들기
STEP 04 모바일에서도 터치 기능이 가능한 코드 작성하기
LESSON 03. Stege를 드래그해 애니메이션 조절하기
기초탄탄 Stege를 드래그하는 애니메이션
STEP 01 배경이 서서히 움직이는 애니메이션 만들기
STEP 02 Stege를 드래그 해 애니메이션 조절하기
LESSON 04. jQuery를 이용해 서서히 그림이 나타나는 배너 만들기
기초탄탄 jQuery로 슬라이딩 제어하기
STEP 01 메인 만들기
STEP 02 코드를 이용해 서서히 나타나는 슬라이딩 만들기
LESSON 05. 플립 애니메이션 만들기
기초탄탄 플립 애니메이션 살펴보기
STEP 01 플립 심벌 분석하기
STEP 02 플립 심벌 애니메이션 완성하기
STEP 03 심벌 콘텐츠 만들기
STEP 04 심벌 콘텐츠 만들어 html, css를 이용해 제목 타이틀 콘텐츠 수정하기
LESSON 06. 심벌과 jQuery를 이용해 엣지 애니메이트 정리하기
기초탄탄 Animate 분석하기
STEP 01 심벌 만들고 애니메이션 효과주기
STEP 02 심벌을 가져와 사용하기
● PART SUMMARY
● SELF TEST

PART 07 반응형 웹 만들기
LESSON 01. 창 크기에 따라 배치가 바뀌는 반응형 콘텐츠 만들기
기초탄탄 가로 크기에 따라 변하는 반응형 콘텐츠 만들기
STEP 01 창의 가로 크기에 따라 변하는 반응형 콘텐츠 만들기
STEP 02 Publishh Settings를 실행해 웹에 게시할 파일 출력하기
LESSON 02. Reflow 이해하기
기초탄탄 Edge Reflow 이해하기
STEP 01 Reflow시작하기
STEP 02 반응형 레이아웃 잡기(PC 버전 : 3단)
STEP 03 반응형 레이아웃 잡기(태블릿 버전 : 2단)
STEP 04 반응형 레이아웃 잡기(모바일 버전 : 1단)
LESSON 03. Edge Code를 이용해 엣지 애니메이트를 Reflow에 적용시켜보기
기초탄탄 Edge Code 이해하기
STEP 01 엣지 애니메이트를 Edge Code에 적용시켜보기
LESSON 04 l Edge Inspect를 활용하여 모바일기기에 연동하기
기초탄탄 Edge Inspect 이해하기
STEP 01 Edge Inspect 설치하고 사용하기
● PART SUMMARY
● SELF TEST

PART 08 Adobe Muse를 이용한 웹사이트 제작하기
LESSON 01. 코드 작성없이 최신 웹 표준을 준수하는 웹사이트 제작하기
기초탄탄 Adobe Muse 알아보기
STEP 01 Muse 시작하기
STEP 02 마스터 페이지 지정하기
STEP 03 손쉽게 위젯 추가하기
STEP 04 세부 페이지 꾸미기
STEP 05 태블릿 버전 만들기
LESSON 02. 엣지 애니메이트를 Muse에 적용시키고 FTP 서버에
업로드하고 관리하기
기초탄탄 Adobe Muse 카탈리스트 호스팅 서버에 올리기
STEP 01 엣지 애니메이트에서 Publishh Settings를 실행해 Muse에 게시할 파일 출력하기
STEP 02 엣지 애니메이트를 Muse에 적용시키기
STEP 03 Adobe 서버 이외의 다른 호스팅 제공 업체를 통해 사이트를 게시하는 방법
STEP 04 Adobe Muse 카탈리스트 호스팅 서버를 통해 사이트를 게시하는 방법
● PART SUMMARY
● SELF TEST