에지 애니메이트 CC 무작정따라하기

박춘호 지음

길벗 2013년 12월 09일 출간 국내도서 : 2013년 09월 27일 출간

작품소개

책소개

보다 쉽게 웹과 모바일에 맞는 콘텐츠를 디자인 할 수 있는 에지 애니메이트

엣지 애니메이트 가이드. 누구나 웹 표준에 맞는 다양한 콘텐츠를 만들 에 있도록 친절하고 자세한 설명을 더했고, 초급 기능부터 고급 기능까지 차례로 제시하고 있어서 두루 활용할 수 있다. 또, 다양한 기기에 맞는 반응형 웹 디자인을 하는 법, 에지 애니메이트에서 사용할 수 있는 자바스크립트 API 등을 다룬다. 이 책을 학습하면 에지 애니메이트 콘텐츠를 드림위버, 어도비 뮤즈, 아이북스 오서, 인디자인 등 다양한 프로그램과 자유롭게 연동하여 사용할 수 있고, 폰갭을 활용하여 웹 앱 콘텐츠를 네이티브 앱으로 간단하게 변경할 수 있게 된다.

목차

첫째 마당 새로운 웹 기술과 에지 애니메이트 기초 기능 알아보기
필수 기능 001 에지 애니메이트 등장 배경 알아보기 : 새로운 웹 콘텐츠 :
필수 기능 002 콘텐츠 제작 도구 변화 알아보기 : HTML5와 플래시 :
필수 기능 003 웹 기술과 활용 분야 살펴보기 : HTML5/CSS3/자바스크립트 :
필수 기능 004 에지 도구 알아보기 : Adobe Edge :
필수 기능 005 전체 화면 구성 살펴보기 : 시작 화면/작업 화면 :
기능 예제 006 새로운 프로젝트 만들기 : Create New :
기능 예제 007 나만의 작업 환경 만들기: Workspace :
기능 예제 008 프로젝트 불러오기 : Open :
필수 기능 009 파일 다루기 : File :
기능 예제 010 프로젝트 저장하기 : Save/Save As :
기능 예제 011 서식(템플릿)으로 저장하기 : Save As Template :
필수 기능 012 저장 파일 살펴보기 : 콘텐츠 파일 :
실력 알아보기 작업 환경과 서식 다루기

둘째 마당 에지 애니메이트 구성 익히기
필수 기능 013 패널과 도구 살펴보기 : 도구 :
기능 예제 014 엘리먼트 만들기 : 도구 :
필수 기능 015 작업 영역과 패널 표시 여부 설정하기 : Window :
필수 기능 016 보이기 위한 작업 공간 활용하기 : Stage 패널 :
필수 기능 017 속성 설정하기 : Properties 패널 :
기능 예제 018 아쿠아 버튼 만들기 : Properties 패널 :
필수 기능 019 엘리먼트와 심볼 관리하기 : Elements 패널 :
필수 기능 020 용량 변화 없이 소스 쓰기 : Library 패널 :
필수 기능 021 액션 관리 패널 살펴보기 : Code 패널 :
필수 기능 022 프로그램에서 학습법 익히기 : Lessons 패널 :
필수 기능 023 출력 형식 설정하고 출력하기 : Publish :
필수 기능 024 외부 파일 가져오기 : Import :
필수 기능 025 개체 편집하기 : Edit :
필수 기능 026 스테이지 다루기 : View :
필수 기능 027 Modify 메뉴 알아보기 : Modify :
필수 기능 028 타임라인 다루기 : Timeline :
기능 예제 029 키프레임 만들기 : Add Keyframe :
기능 예제 030 오토 키프레임 사용하기 : Auto-Keyframe Mode :
기능 예제 031 오토 트랜지션 사용하기 : Auto-Transition Mode :
기능 예제 032 토글 핀 활용하기 : Toogle Pin :
필수 기능 033 정보 얻고 사용 언어 바꾸기 : Help :
기능 예제 034 결과물 미리 보기 : 브라우저/Edge Inspect :
필수 기능 035 가속과 감속 알아보기 :

출판사 서평

웹 표준에 맞는 다양한 콘텐츠를 만들 수 있다
이 책에서 설명하는 방법으로 콘텐츠를 만들면 HTML5와 CSS3가 사용되어 다양한 기기와 운영체제에 적용할 수 있습니다. 복합적 애니메이션, HTML 게임, 웹 사이트, 디지털 출판, 모바일 애플리케이션, 웹 광고, 데이터 시각화 등 다양한 분야의 콘텐츠를 만들 수 있으며, 웹 표준에 맞게 만들어지기 때문에 유지하고 관리하기가 쉽습니다.
또한 에지 애니메이트 콘텐츠를 드림위버, 어도비 뮤즈, 아이북스 오서, 인디자인 등 다양한 프로그램과 자유롭게 연동하여 사용할 수 있고, 폰갭을 활용하여 웹 앱 콘텐츠를 네이티브 앱으로 간단하게 변경할 수 있습니다.

에지 애니메이터를 누가 사용하나요?
- 최신 웹 표준 기술에 신속하게 대처하려는 웹 디자이너 및 개발자
- 기존 기술을 활용하여 작업물을 게시하려는 플래시 콘텐츠 디자이너 및 개발자
- 모바일 콘텐츠를 위해 애프터 이펙트를 대체할 도구를 찾는 모션그래픽 디자이너
- 인디자인, 아이북스 오서, 드림위버 작업물에 움직이는 콘텐츠를 넣으려는 전자책 제작자
- 다양한 운영체제와 기기에서 완벽하게 콘텐츠를 제공하려는 모바일 애플리케이션 디자이너 및 개발자
- 에지 애니메이트 1.5와 CC(2.0)의 두 가지 버전별로 실습이 되는지 테스트한 후 버전을 표기하여, 혹시 다른 버전을 사용하더라도 막힘없이 학습할 수 있습니다.

출판사 서평
쉽고 직관적으로 초급 기능부터 고급 기능까지 배울 수 있다
누구나 따라할 수 있도록 친절하고 자세한 설명으로 구성되어 있으며, 뒤로 갈수록 고급 기능을 소개하여 실무에 바로 응용할 수 있도록 돕습니다. 처음 배우는 분도, 이전 버전을 사용한 분도 이 책을 통해 유익한 학습을 할 수 있도록 학습 계획을 제안합니다.

다양한 기기에 맞는 반응형 웹 디자인을 할 수 있다
창 크기에 따라 변하는 반응형 콘텐츠를 만드는 간단한 방법을 알려 줍니다. 이제 어떤 프로그램보다 쉽게, 다양한 크기에 자동으로 맞춰지는 디자인을 할 수 있습니다.

간단한 자바스크립트 API로 애니메이션에 감각을 더할 수 있다
에지 애니메이트에서 사용할 수 있는 자바스크립트 API를 기본부터 자세히 설명합니다. 프로그래밍에 대한 전문 지식이 없어도, 책에서 소개하는 예제를 통해 에지 애니메이트 자바스크립트 API를 확실히 자신의 것으로 할 수 있기 때문에 더욱 풍부한 느낌을 가진 애니메이션을 만들 수 있습니다.

이 책만의 고급 활용 및 연동 노하우를 익힐 수 있다
에지 애니메이트 카페를 운영하며 쌓아온 저자의 노하우를 통해, 확장 라이브러리인 Edgedocks를 사용하는 방법, 어도비에서 제공하는 온라인 필터인 CSS Filterlab을 사용하는 방법, 자바스크립트 구문 형식을 따르는 JSON 파일을 사용해 심볼을 표시하는 방법, 만든 콘텐츠를 기기나 웹에서 미리 보는 방법, 태그를 함께 사용하는 방법 등 다른 책에서는 찾아 볼 수 없었던 고급 활용 방법을 소개합니다.
이 책을 학습하면 에지 애니메이트 콘텐츠를 드림위버, 어도비 뮤즈, 아이북스 오서, 인디자인 등 다양한 프로그램과 자유롭게 연동하여 사용할 수 있고, 폰갭을 활용하여 웹 앱 콘텐츠를 네이티브 앱으로 간단하게 변경할 수 있습니다.

작가정보

저자(글) 박춘호

저자 : 박춘호

안드로이드사이드 운영진으로 있었고, 네이버 카페 ‘웹앱을 만드는 사람들의 모임’ 운영진으로 있으며, 네이버 카페 ‘EgAn : Edge Animate 사용자들의 모임(http://cafe.naver.com/edgeanimate)’을 운영하고 있다.
에지 애니메이트 베타테스터에 참여하였으며, 에지 애니메이트 카페를 운영하며 온오프라인 강좌를 통해 에지 애니메이트 활용 방법 및 관련 기술을 소개하고 있다.
대한민국 앱창작터 경진대회, Apps 100 페스티벌, 아이나비앱스 앱 개발 공모전 등 각종 앱 개발 대회에서 수상하였다.