목차 일부

Part 1. 라이브모션에 관하여
   Lesson 1. 라이브모션 소개 ... 42
      이해하기 | 라이브모션이란? ... 43
        라이브모션의 출시 배경과 소개 ... 43
        라이브모션 2.0의 특징 ... 44
        1. 포토샵과 비슷한 친숙한 인터페이스 ... 44
        2. 일러스트레이터와 비슷한 벡...

더보기

목차 전체

Part 1. 라이브모션에 관하여
   Lesson 1. 라이브모션 소개 ... 42
      이해하기 | 라이브모션이란? ... 43
        라이브모션의 출시 배경과 소개 ... 43
        라이브모션 2.0의 특징 ... 44
        1. 포토샵과 비슷한 친숙한 인터페이스 ... 44
        2. 일러스트레이터와 비슷한 벡터 기반의 이미지 편집 기능 ... 44
        Tip 고라이브 ... 44
        3. 언제든지 속성 수정이 가능한 오브젝트 기반의 타임라인 구조 ... 44
        Tip 애프터이펙트 ... 45
        4. 다양한 이미지 효과 ... 45
        5. 다양한 파일 포맷의 출판 ... 45
        6. 융통성있고 강력한 Action Script ... 46
        7. 무한 확장 팔레트 Live Tabs ... 46
        Tip 어도비사의 온라인 Xcahange 사이트 ... 46
        8. 자동 스크립트(Automation Script) 지원 ... 46
        9. 어도비사 응용 프로그램과의 쉬운 호환 ... 47
        왜 라이브모션인가? ... 47
        Tip 프리미어(Premiere) ... 47
   Lesson 2. 라이브모션 인터페이스 ... 48
      이해하기 | 라이브모션 인터페이스 ... 49
        라이브모션 전체 인터페이스 ... 49
        Tip 인터페이스 기본 화면으로 되돌리기 ... 49
        툴박스 ... 50
        Tip 툴박스 보이기 ... 50
        Tip 툴박스 이동 하기 ... 50
        팔레트 ... 51
        1. Properties 팔레트 ... 51
        2. Transform 팔레트 ... 51
        3. Web 팔레트 ... 51
        Tip Color 팔레트 메뉴 ... 51
        4. Color 팔레트 ... 51
        5. Opacity 팔레트 ... 52
        6. Distort 팔레트 ... 52
        Tip Distort 팔레트의 왜곡 효과 형태 ... 52
        7. Layer 팔레트 ... 52
        8. Gradient 팔레트 ... 52
        9. 3D 팔레트 ... 53
        10. Adjust 팔레트 ... 53
        Tip Layer 팔레트의 Fill with 드롭다운 메뉴 ... 53
        11. Object Layers 팔레트 ... 53
        Tip 3D 팔레트의 3D 형태 드롭다운 메뉴 ... 53
        12. States 팔레트 ... 54
        Tip States 팔레트의 각 이벤트에 따른 드롭다운 메뉴 ... 54
        13. Color Schema 팔레트 ... 54
        Tip 색상 바퀴란? ... 54
        14. Styles 팔레트 ... 54
        15. Texture 팔레트 ... 55
        16. Library 팔레트 ... 55
        17. Sounds 팔레트 ... 55
        18. Export 팔레트 ... 55
        메뉴 ... 56
        1. File 메뉴 ... 56
        2. Edit 메뉴 ... 56
        3. Object 메뉴 ... 57
        4. Layer 메뉴 ... 58
        5. Timeline 메뉴 ... 58
        6. View 메뉴 ... 58
        7. Window 메뉴 ... 59
        8. Scripts 메뉴 ... 60
        9. Automation 메뉴 ... 60
        10. Help 메뉴 ... 60
        Tip 팔레트 보이기 ... 61
        Tip 팔레트 분리하기와 합치기 ... 61
        Zoom in 풍선 도움말 ... 61
   Lesson 3. 플래시 무비 사이트 소개 ... 62
      이해하기 | 플래시무시 사이트 ... 63
Part 2. 라이브모션에 드로잉 하기
   Lesson 1. 드로잉할 오브젝트 살펴보기 ... 72
      이해하기 | 라이브모션의 오브젝트 종류 ... 73
        기하학 오브젝트 ... 73
        1. 기본적인 도형 툴로 그린 오브젝트 ... 73
        2. 펜 툴로 그린 오브젝트 ... 74
        3. 기타 벡터 오브젝트들 ... 74
        텍스트 오브젝트 ... 75
        라이브모션에서의 폰트 ... 75
        이미지 오브젝트 ... 75
        사운드 오브젝트 ... 76
        Zoom in 벡터와 비트맵 ... 76
        Tip 벡터용 프로그램과 파일 포맷 ... 77
        Tip 비트맵 기반의 드로잉 프로그램 ... 78
        Tip 비트맵 오브젝트를 벡터 오브젝트로 변환하는 방법은? ... 78
        Tip 벡터 오브젝트를 비트맵 오브젝트로 변환하는 방법은? ... 79
   Lesson 2. 기본 드로잉 작업하기 ... 80
      이해하기 | 기본적인 도형 드로잉 ... 81
        작업 화면의 환경 설정하기 ... 81
        Zoom in 작업 화면의 크기를 처음에 설정해야만 하는 이유 ... 81
        라이브모션으로 그릴 수 있는 기본적인 도형 형태 ... 82
        [Properties 팔레트]로 기본 도형 속성 주기 ... 82
        Tip 라이브모션내의 팔레트 보이기／감추기 ... 83
        [Transform 팔레트]로 기본 도형 변환시키기 ... 84
        Tip 수치로 오브젝트를 변형해야 하는 이유 ... 84
        Tip 작업 화면에서 오브젝트 변형하기 ... 84
      따라하기 | 기본 도형을 이용한 메인 페이지 드로잉하기 ... 86
        Tip 불투명도 ... 87
        Tip 색상 모형 ... 87
        Tip 색상 모형의 변경 ... 87
        Tip 오브젝트를 중심 맞추어 정렬 하는 방법 ... 88
      정리하기 | 드로잉할 때 유용한 요소들 ... 90
        효과적인 선택 방법이란? ... 90
        Grid, Rulers, Guide 사용하여 보조선 만들기 ... 91
        Arrange, Align, Distribute 이용하여 정렬하기 ... 92
        1. 오브젝트이 깊이 변경 - Arrange ... 92
        2. 오브젝트의 위치 정렬 - Align, Distribute ... 92
        Tip Align과 Distribute 명령어의 활성화 ... 93
   Lesson 3. [Pen 툴]을 이용한 드로잉 작업하기 ... 94
      이해하기 | [Pen 툴]을 이용한 오브젝트 드로잉 ... 95
        [Pen 툴]을 이용하여 베지어 곡선 그리기 ... 95
        Tip [Pen 툴]을 이용한 곡선 제작 ... 95
        그라디언트로 다양한 색상 만들기 ... 96
        Tip 베지어 곡선 ... 97
      따라하기 | [Pen 툴]을 이용한 드로잉 ... 98
        Tip 드로잉한 패스의 수정 ... 98
        Tip Group이란? ... 100
      정리하기 | 일러스트레이터와의 [Pen 툴] 호환 ... 101
        일러스트레이터 파일과 라이브모션 간의 호환 ... 101
        Tip 일러스트레이터의 File과 Stroke 효과 비교 ... 101
        1. 일러스트레이터 파일 라이브모션으로 불러오기 ... 102
        2. 일러스트레이터의 레이어를 라이브모션으로 불러오기 ... 103
   Lesson 4. [Type 툴]을 이용한 드로잉작업하기 ... 104
      이해하기 | [Type 툴]을 이용한 글자 입력하기 ... 105
        [Type 툴]로 Text 오브젝트 만들기 ... 105
        Tip 타입(Type), 타이포그래피(Typography), 폰트(Font) ... 105
        [Crop 툴]로 타이포그래피 만들기 ... 106
        Tip 폰트 설치 경로 ... 106
        Tip [Object＞Transform] ... 106
        Zoom in 타이포그래피 ... 107
        [Type 툴]을 이용한 화면 구성 ... 108
        타입(Type) 사용 요령 ... 110
        Tip 텍스트 오브젝트에 [Texture 팔레트]를 적용할 때 유의할 점 ... 110
        Tip 라이브모션은 트루타입 폰트 사용 ... 110
        Zoom in 웹디자인에 있어서 타이포그래피 ... 111
   Lesson 5. COMBINE 명령을 이용한 오브젝트 편집 작업하기 ... 114
      이해하기 | 결합 명령이란? ... 115
        Tip 오브젝트의 순서 ... 116
      따라하기 | Combine으로 만든 오브젝트로 메인 페이지 만들기 ... 117
      정리하기 | Combine 편집 시 주의사항과 Library 사용법 ... 120
        Combine 사용시 주의할 점 ... 120
        Library의 사용 방법 ... 121
        1. [Library 팔레트]의 라이브모션 오브젝트 ... 121
        2. [Library 팔레트]의 벡터 오브젝트 ... 121
        3. [Library 팔레트]의 이미지 오브젝트 ... 121
        4. [Library 팔레트]에 새로운오브젝트를 등록하는 방법 ... 121
   Lesson 6. 이미지 오브젝트 편집 작업하기 ... 122
      이해하기 | 이미지 오브젝트 편집 기법 ... 123
        이미지 오브젝트의 기본적인 Transform 원리 ... 123
        이미지 오브젝트의 [Adjust 팔레트]를 이용한 편집 ... 124
        이미지 오브젝트이 Alpha Channel을 이용한 편집 ... 124
      따라하기 | 포토샵 파일 투명하게 불러와서 편집하기 ... 125
        Place 시킬 PSD 파일은? ... 125
        라이브모션과 포토샵 파일과의 호환 ... 127
        Edit Original을 이용한 편집 ... 127
        포토샵의 레이어와 알파 채널과의 호한 ... 128
        Tip 일러스트레이터와의 호환 ... 129
   Lesson 7. 이미지 오브젝트의 드로잉 작업하기 ... 130
      이해하기 | 이미지 오브젝트에 효과 주기 ... 131
        [Object Layer 팔레트] 이해하기 ... 131
        [Layer 팔레트] 이해하기 ... 132
        Tip Object Layer Opacity ... 132
        [3D 팔레트] 이해하기 ... 132
        [Texture 팔레트] 이해하기 ... 133
        Tip [Texture 팔레트] 적용 시의 파일 크기 ... 133
        [Distort 팔레트] 이해하기 ... 133
      따라하기 | 이미지 오브젝트 드로잉을 이용한 네비게이션 바 만들기 ... 134
        Tip 포개어지는 원 오브젝트의 중심점 맞추기 ... 134
      정리하기 | 오브젝트 지향 방식의 이미지 오브젝트 드로잉 ... 136
        Tip HTML 파일로의 저장 ... 136
        Tip 텍스트 오브젝트 사용요령 ... 137
        Tip 텍스트 오브젝트 ... 137
   Lesson 8. 웹 형식파일로 저장하는 EXPORT 작업하기 ... 138
      이해하기 | Export란? ... 139
        [Export 팔레트] 이해하기 ... 139
        1. swF로 Export ... 140
        2. AutoLayout로 Export ... 141
        3. QuickTime Video로 Export ... 141
      따라하기 | 웹에 맞는 파일 포맷으로 저장하는 EXPORT 실무 ... 142
        Zoom in HTML Report 파일 ... 143
      정리하기 | Export로 내보내지는 파일의 특성 ... 144
        GIF의 특성 ... 144
        JPEG의 특성 ... 146
        Tip 플래시 무비 웹에디터에서 삽입하기 ... 148
Part 3. 라이브모션으로 만드는 실무 애니메이션
   Lesson 1. 애니메이션의 기초 ... 152
      이해하기 | 애니메이션 ... 153
        애니메이션이란 무엇인가? ... 153
        언제부터 애니메이션이라는 것이 존재하게 되었는가? ... 153
        어떻게 움직임이 표현되는가? ... 154
        그럼 웹 애니메이션은 무엇인가? ... 154
        프레임과 키프레임 ... 155
        Tip 키프레임 ... 155
        Tip 매크로미디어의 플래시와 어도비사의 라이브모션과의 키프레임 비교 ... 155
        라이브모션의 타임라인 윈도우 ... 156
        Tip 매크로미디어사의 플래시 타임라인과 비교 ... 156
        속성별로 키프레임 작업을 할 수 있는 트랙 ... 157
        Tip 타임라인 윈도우의 트랙의 단축키 ... 157
        초당 프레임 수 ... 158
        Tip Current Time ... 158
        실습으로 이해하기 - 간단한 애니메이션으로 타임라인 윈도우 사용법 익히기 ... 159
        Tip 타임라인 윈도우를 사용하여 애니메이션하는 방법 ... 161
        Tip Animated GIF, AVI, SWF 그리고 Web 3D ... 162
   Lesson 2. 기본적인 변형을 이용한 애니메이션 작업하기 ... 164
      이해하기 | Transform을 이용한 애니메이션 ... 165
        Position을 이용한 애니메이션 ... 165
        Tip 결과 화면 확인하기 ... 165
        Position 트랙의 키프레임의 속성 조절하기 ... 166
        Tip 키프레임을 새로 만드는 방법 ... 166
        Tip 베지어와 Linear ... 167
        Tip Hold Keyframe 적용 아이콘 ... 167
        Transform 트랙의 Scale, Object Opacity를 이용한 애니메이션 ... 168
        Tip 오브젝트 타임라인의 이름 변경 ... 169
      따라하기 | Transform을 이용한 공을 바닥에 튕기는 애니메이션 ... 170
        Tip 타임라인에 각각 이름 주기 ... 172
        Tip 그림자 만들기 ... 172
        Tip Object Opacity와 Object Opacity ... 172
        Tip 결과 화면 확인하기 ... 173
      정리하기 | 기본적 Transform과 Object Attribute 트랙 ... 174
        Transform 트랙의 Rotation, Skew를 이용한 애니메이션 ... 174
        Tip 오브젝트 회전 시 오브젝트 중심의 중요성 - 앵커 포인트 ... 174
        Object Attribute 트랙을 이용한 애니메이션 ... 175
        1. 각 오브젝트의 종류에 따라 달라지는 트랙인 Object Attribute ... 175
        2. Replace 트랙을 이용한 애니메이션 ... 176
        3. Shape 트랙을 이용한 애니메이션 ... 177
        4. Anchor Point 트랙을 이용한 애니메이션 ... 177
   Lesson 3. 이미지 오브젝트의 애니메이션 작업하기 ... 178
      이해하기 | 이미지 오브젝트의 애니메이션 ... 179
        Layer 트랙을 이용한 애니메이션 ... 179
        Tip Layer 트랙 이용시 주의사항 ... 179
      따라하기 | 투명도와 크기변경을 이용한 이미지 오브젝트의 애니메이션 ... 180
      이미지 오브젝트 애니메이션의 Make Actual Size 노하우 ... 183
   Lesson 4. 무비클립그룹을 이용하여 오브젝트를 조직적으로 애니메이션 하는 방법 ... 184
      이해하기 | Movie Clip Group이란? ... 185
        Group의 구조 ... 185
        Tip 오브젝트를 그룹핑하는 방법 ... 186
        Movie Clip의 구조 ... 186
        Tip Movie Clip의 해제 ... 186
        Tip 그럼이 독립 오브젝트는 어디에 사용되는가? ... 187
        Movie Clip Group의 구조 ... 187
        Tip Movie Clip Group 아이콘 ... 188
        Looping이란? ... 189
        Tip Looping의 취소 ... 189
      따라하기 | 무비클립그룹과 Looping을 이용한 텍스트 애니메이션 ... 190
        Tip 타임라인 윈도우에서 하위 타임라인 편집모드로 들어가는 법 ... 191
        Tip 하위 타임라인 편집모드에서 상위 타임라인 편집모드로 들어가는 법 ... 191
        Tip Make Alias 명령으로 가상본을 만드는 이유 ... 192
      정리하기 | 가상본을 이용한 Movie Clip Group 애니메이션 ... 194
        Alias를 사용하여 용량을 효율적으로 줄이는 방법 ... 194
        Tip Alias를 만드는 방법 ... 194
   Lesson 5. 반복 작업을 저장해 놓은 [Style 팔레트]를 이용한 애니메이션 작업 ... 196
      이해하기 | 애니메이션 작업을 효율적으로 하는 방법 ... 197
        Paste Object Animation로 움직임 복사하기 ... 197
        Tip 클립보드를 이용한 Copy／Cut／Paste ... 197
        [Style 팔레트]로 움직임 라이브러리 하기 ... 198
        Tip [Style 팔레트]가 화면에 없다면? ... 198
        Tip 움직임을 [Style 팔레트]로 저장하는 방법 ... 199
        Convert into Object로 텍스트 분리하기’ ... 199
      따라하기 | [Style 팔레트]를 이용한 텍스트 애니메이션 ... 200
        [Style 팔레트]를 이용한 애니메이션 ... 203
        Tip Swish를 이용한 애니메이션 ... 204
   Lesson 6. 마스크를 이용한 애니메이션 작업하기 ... 206
      이해하기 | Mask란? ... 207
        Tip 마스크의 해제 ... 207
      따라하기 1. 고정된 이미지에 마스크가 움직이는 애니메이션 ... 209
        Tip 오브젝트의 이름 변경 ... 209
        Tip 프레임 단위 표시 조절 ... 210
      따라하기 2. 고정된 마스크에 이미지가 움직이는 애니메이션 ... 213
        Tip Export Report ... 215
      정리하기 | Mask를 이용한 애니메이션 과정 정리 ... 216
        Zoom in 마스크 애니메이션이 적용된 사이트 ... 216
   Lesson 7. 외부 동영상 파일의 시퀀스를 이용한 작업하기 ... 218
      이해하기 | 외부 파일 라이브모션으로 불러오기 ... 219
        Animation GIF 불러오기 ... 219
        Photoshop 파일 시퀀스로 불러오기 ... 220
        사운드 불러오기 ... 221
        Tip 사운드 파일의 편집 ... 221
      따라하기 | 외부 GIF 시퀀스 파일과 사운드 파일을 이용한 불꽃놀이 애니메이션 ... 222
      정리하기 | 사운드 관련 팔레트 옵션 설정 ... 226
        [Solution 팔레트]의 사운드 설정 ... 226
        [Properties 팔레트]의 사운드 설정 ... 226
        Tip Pan ... 227
        [Export 팔레트]의 사운드 설정 ... 227
        Tip Mp3 샘플링 크기의 하위 옵션 ... 227
   Lesson 8. 플래시무비에 3D 구현하기 ... 228
      이해하기 | 3D란? ... 229
        Tip 3D 작업 ... 229
        3D 구성 요소 이해하기 ... 229
        Vector 시퀀스, Bitmap 시퀀스 ... 230
        다양한 응용 프로그램을 통한 3D 구현과정 소개하기 ... 231
        1. Autocad를 이용하여 3D 오브젝트 만들기 ... 231
        2. Vecta3D를 이용하여 3D 플래시 무비 만들기 ... 232
        3. Swift3D를 이용하여 3D 플래시 무비 만들기 ... 234
        4. 3DMAX를 이용하여 3D 플래시 무비 만들기 ... 236
      따라하기 | 3D 시퀀스의 편집을 이용한 입체 애니메이션 제작 ... 238
        Tip 불러들일 시퀀스 파일은? ... 239
      정리하기 | 3D 플래시 무비 ... 241
   Lesson 9. 무한 확장 기능 Live Tab ... 242
      이해하기 | 라이브 탭이란? ... 243
        [Live Tab 팔레트] 이해하기 ... 243
        [Live Tab의 추가 설치 ... 243
        Live Tab의 종류 ... 244
        1. [Align and Distributre.liv 팔레트] ... 244
        2. [Star Tool.liv 팔레트] ... 245
        3. [Basic Color Swatch.liv 팔레트] ... 245
        4. [TextFX.liv 팔레트] ... 245
      따라하기 | Live Tab을 이용한 마우스 트레일러, 텍스트 애니메이션 ... 246
        Tip [TextFX.liv 팔레트]를 이용한 텍스트 애니메이션 ... 247
        Tip 추가된 Live Tab의 확인 ... 248
        Tip Mouse Trailer tool Live Tab을 다운로드 받을 수 없다면? ... 248
        Tip 마우스 트레일러 적용 오브젝트 색상 변경 ... 249
        Zoom in Mouse Trailer ... 249
      정리하기 | Live Tab의 확장 ... 250
        1. Grid Maker Live Tab ... 250
        2. Transform Tool Live Tab ... 250
        3. Path Animation Tool Live Tab ... 250
        Tip 라이브모션의 확장 기능 ... 251
   Lesson 10. 자동 스크립트 ... 252
      이해하기 | 클릭만으로 액션 스크립터를 적용하는 Automation Script ... 253
        Automation Script 설치하기 ... 253
        Tip 다운로드 받은 Automation Script 파일 ... 253
        Effect-Spiral ... 254
        Animate On Path ... 254
        Draggable Object Maker ... 254
      따라하기 | Automation Script를 이용한 패스 애니메이션, 드래그 오브젝트 ... 255
        Tip 패스 추가시 주의 사항 ... 255
        Tip 8번 과정의 결과 화면? ... 257
      정리하기 | Automation Script의 확장 ... 258
        ButtonFX-SpringLoaded ... 258
        Tip 패스 애니메이션 정리 ... 259
        Zoom in 앞의 활용예제 중 노하우 ... 259
Part 4. 라이브모션으로 구현하는 상호 작용
   Lesson 1. 상호 작용 ... 262
      이해하기 | 상호 작용이란 ... 263
        오브젝트간 상호 작용 이해하기 ... 263
        상호 작용이 잘 되어 있는 사이트의 분석 ... 264
      정리하기 |상호 작용에서의 오브젝트란? ... 266
        Tip 상호 작용이 잘 표현된 Flash 무비 사이트 ... 266
   Lesson 2. [Web 팔레트]를 이용한 URL 링크 걸기 ... 268
      이해하기 | 링크를 걸어주는 [Web 팔레트] ... 269
        [Web 팔레트]이 Normal View ... 269
        1. 고유한 작업의 위치 - URL(uniform resource locator) ... 269
        2. Replace ... 270
        Tip 고라이브 프로그램과 Replace 연동하기 ... 270
        [Web 팔레트]의 Detail View ... 271
      따라하기 | [Web 팔레트]를 이용한 링크 걸기와 HTML 저장하기 ... 272
        Tip 이메일 링크란? ... 273
        Tip AutoLayout 으로 Export 명령으로 저장시키면? ... 274
      정리하기 | [Web 팔레트]를 이용한 링크 걸기 과정 ... 275
        Tip URL 항목에 링크 가능한 요소 ... 275
   Lesson 3. 롤오버 기법 ... 276
      이해하기 | 롤오버 ... 277
        롤오버란? ... 277
        이벤트란? ... 277
        다양한 롤오버 기법 ... 277
        1. 이벤트 발생 시에 버튼 색상만 변화되는 롤오버 ... 278
        2. 이미지의 색조를 변화시키는 롤오버 ... 278
        3. 이미지 자체를 바꾸는 롤오버 ... 279
        [States 팔레트] 사용 방법 이해하기 ... 280
        최종 롤오버 상태 ... 281
      따라하기 1. 일러스트레이터를 이용한 색상변환 롤오버 ... 282
        Tip 락모드로 변환하는 이유는? ... 282
        Tip 일러스트레이터에서 제작한 오브젝트를 라이브모션으로 불러오는 별도의 방법은? ... 283
        Tip 앞으로의 롤오버 작업은? ... 284
        Tip Edit Original 명령 ... 286
        Tip Zoom in 일괄적 롤오버 작업 ... 287
      따라하기 2. 색조／이미지／사운드가 포함된 롤오버 실무 ... 288
        Tip Place 할 PSD 파일의 구성 ... 288
        Tip 추가한 사운드 효과를 삭제하고 싶다면? ... 291
        Tip [Sound 팔레드]에 사운드가 등록되어 있지 않는 경우 ... 291
      정리하기 | 기본 롤오버 기법과 작업과정 노하우 ... 292
        롤오버의 기법들 ... 292
        롤오버 작업 시 노하우 ... 293
        Zoom in [Sound 팔레드]에 사운드 추가하기 ... 293
   Lesson 4. 원격 롤오버 ... 294
      이해하기 | 원격 롤오버란? ... 295
        원격 롤오버의 개념과 원격 롤오버가 이루어지려면 필요한 요건 ... 295
        하나의 오브젝트가 가지는 여러 이벤트 ... 296
        실습으로 이해하기 1 - 하나의 오브젝트가 가지는 여러 이벤트 ... 296
        Tip [Object Layers 팔레트]와 [Layer 팔레트] ... 298
        실습으로 이해하기 2 - 사용자정의 이벤트(Custom state) ... 299
        Tip Custom state를 사용하는 의미 ... 304
      따라하기 1. 정적인 원격 오브젝트에 대한 롤오버 ... 305
        Tip 같은 자리에 있는 오브젝트의 선택 노하우 ... 306
        Tip 원격 오브젝트 ... 305
        Tip 룰러와 드래그한 가이드 라인이 보이지 않는다면? ... 305
        Tip 링크걸 때 정확하게 걸기위한 요령 ... 308
      따라하기 2. 동적인 원격 오브젝트에 대한 롤오버 ... 313
        Tip 텍스트 오브젝트의 독립적인 편집 이벤트 ... 313
        Tip 키프레임을 추가하는 다른 방법 ... 314
        Tip 주의 사항 ... 316
      정리하기 | 원격 롤오버 노하우 ... 317
        Tip 원격 롤오버란? ... 317
        Tip 원격 롤오버의 한계 ... 317
   Lesson 5. 다중 오브젝트에 대한 원격 롤오버 ... 318
      이해하기 | 다중 원격 롤오버란? ... 319
        다중 원격 롤오버의 의미 ... 319
        Tip 다중 원격 롤오버가 적용된 사이트 ... 319
      따라하기 | 다중 원격 롤오버로 버튼 오브젝트 제어하기 ... 320
        Tip Place할 포토샵 PSD 파일의 구성 ... 321
        Tip Movie Clip Group의 중요성 ... 322
        Tip 독립적인 제어를 위한 Movie Clip Group ... 322
        Tip 타임라임 윈도우에서의 Transform ... 323
        Tip Movie Clip Group에서 애니메이션 준 후의 컴포지션의 타임라인 윈도우의 변화 ... 324
      정리하기 | 다중 원격 롤오버 노하우 ... 327
   Lesson 6. 기본 비헤이비어와 액션 스크립트로 움직임 제어하기 ... 328
      이해하기 1. 비헤이비어란? ... 329
        비헤이비어의 정의 ... 329
        비헤이비어의 작동 ... 330
        Tip 타임라인에 독립적인 오브젝트 혹은 그룹 ... 331
        스크립트 편집창 다루기 ... 331
        비헤이비어 추가 방법 ... 333
        Tip 타임라인 윈도우 상에 추가한 비헤이비어의 삭제 ... 333
stop／play 비헤이비어의 이해 ... 334
      이해하기 2. 액션 스크립트란? ... 335
        액션 스크립트의 정의 ... 335
        Tip 액션 스크립트로 할 수 있는 일 ... 336
        액션 스크립트의 기본 용어 ... 336
        라이브모션의 액션 스크립트 환경 ... 337
        1. Movie Clip Navigaton ... 337
        2. Script Syntax Helper ... 337
        3. Composition Browser ... 338
        라이브모션의 액션 스크립트 사용 ... 339
        1. 키프레임 스크립트 ... 339
        2. 버튼 오브젝트 스크립트 ... 339
        3. 무비클립 스크립트 ... 340
        Zoom in 라이브모션에서 지원하는 액션 스크립트 가이드 ... 340
      따라하기 | stop／play 비헤이비어를 이용한 애니메이션 제어 ... 342
        Tip 라이브모션에서 사용할 배경 작업 ... 342
        Tip 오브젝트의 다중 선택 ... 343
        Tip 오브젝트의 복제 ... 343
        Tip 오브젝트의 크기 변경 ... 344
        Tip 앞으로 작업할 애니메이션 작업 ... 346
        Tip 이번 예제의 대상 애니메이션? ... 346
        Tip 다중 오브젝트의 정렬 ... 346
        Tip Duration bar ... 348
        Tip 롤오버 효과가 적용된 오브젝트의 타임라인 ... 348
        Tip 롤오버의 일괄작업 ... 348
        Tip 5번 과정에서 Stop 비헤이비어를 추가하는 이유 ... 349
        Tip this.play()와 _parent.play() ... 350
        Tip this.stop();와 _parent.stop(); ... 351
        Tip Go to Label (and stop) ... 352
      정리하기 | 비헤이비어와 기본 문법 양식 ... 353
        1. 비헤이비어 기본 문법 양식 ... 353
        Tip 비헤이비어 편집 수정시 주의 사항? ... 353
   Lesson 7. Change state 비헤이비어 ... 354
      이해하기 | 이벤트 상태를 제어하는 Change state 비헤이비어 ... 355
      따라하기 | change state 비헤이비어를 이용한 줌모드 ... 356
        Tip 오브젝트의 이동 ... 356
        Tip 오브젝트의 복제 ... 357
        Tip 마스크 적용시 주의사항 ... 359
        Tip 비헤이비어(Behavior)의 추가 ... 361
      정리하기 | Change state 비헤이비어 노하우 ... 363
        Tip 원격 롤오버에서 정확하게 원하는 오브젝트 선택하기 ... 363
   Lesson 8. Go To Relative time 비헤이비어 ... 364
      이해하기 | 마커를 이동시키는 Go To Relative time 비헤이비어 ... 365
        - Tip LM 1.0 Behaviors 카테고리 ... 366
      따라하기 | Go to relative time 비헤이비어를 이용한 줌모드 ... 367
      정리하기 | Go to relative time 노하우 ... 371
   Lesson 9. Go To Label 비헤이비어 ... 372
      이해하기 | 지정한 Label로 이동하는 Go To Label 비헤이비어 ... 373
      따라하기 | Go to Label 비헤이비어를 이용한 네비게이션 실무 ... 374
        Tip Place할 PSD 파일의 구성 ... 374
        Tip 일괄 롤오버 작업 ... 375
        Tip 타임라인 윈도우에서 프레임 단위 조정하기 ... 375
        Tip 가이드 라인의 중요성 ... 376
        Tip 타임라인에서 오브젝트 삽입 위치 ... 376
        Tip Paste Object Animation ... 379
        Tip 복사 시 유의 사항 ... 379
        Tip Label 붙이기 ... 381
        Tip Go To Label(and play) ... 381
        Tip 삽입한 비헤이비어의 수정 ... 383
      정리하기 | Go to Label 비헤이비어 노하우 ... 384
        1. 일괄 작업 ... 384
        2. 텍스트 오브젝트 애니메이션 시 주의사항 ... 385
        3. 가이드 라인의 중요성 ... 385
        4. Paste Object Animation 명령 ... 385
   Lesson 10. Load movie／Unload movie 비헤이비어 ... 386
      이해하기 | 외부 무비 연동 Load movie／Unload Movie 비헤이비어 ... 387
      따라하기 | Load movie／Unload Movie로 SWF 파일 불러오기 ... 388
        Tip 롤오버 오브젝트의 일괄작업 ... 388
        Tip 원격 롤오버 연결의 확인 ... 390
        Tip 수정한 Load Movie 비헤이비어 ... 391
        Tip 로드시킬 무비와 주의사항 ... 392
        Tip UnloadMovie 비헤이비어 문법 ... 393
        Tip 결과 화면의 확인 ... 394
      정리하기 | Load movie／Unload movie 비헤이비어 노하우 ... 395
        Tip 로딩 무비의 위치 조절 ... 395
        1. 무비를 Load할 때 주의할 것 ... 395
   Lesson 11. Run Javascript 비헤이비어 ... 396
      이해하기 | 자바 스크립트 호출 Run Javascript 비헤이비어 ... 397
      따라하기 | Run Javascript 비헤이비어를 이용한 새창 띄우기 ... 398
        Tip Run Javascript ... 399
        Tip window.close(); ... 399
        Tip HTML 저장 ... 400
        Tip 창 닫기 대화상자 ... 401
        Tip 지정한 크기로 띄워지는 새 창 윈도우(Open Window) 자바스크립트 ... 403
        Tip Open window 스크립트 소스 코드 ... 404
      정리하기 | Run Javascript 비헤이비어 노하우 ... 405
        Tip 창 닫기 버튼 ... 405
   Lesson 12. 무비클립을 제어하는 Action Script ... 406
      이해하기 | 기본적인 액션 스크립트 사용법 ... 407
        Tip 액션 스크립트의 메쏘드와 관련된 Reference ... 407
      따라하기 | 오브젝트의 투명도를 제어하는 액션 스크립트 ... 408
        Tip 무비 클립의 이름 ... 409
        Tip 버튼 생성시 주목할 것 ... 409
        Zoom in 메쏘드 프로퍼티 ... 409
        Tip _root.camera_alhpha＝20; 스크립트 분석 ... 410
      정리하기 | 무비클립을 제어하는 Action Script ... 411
   Lesson 13. startDrag() 메쏘드와 mouse_trail로 액션 스크립트 익히기 ... 412
      이해하기 | startDrag() 메쏘드와 mouse_trail이란? ... 413
startDrag() 메쏘드 ... 413
        mouse_trail ... 413
      따라하기 1. 마우스로 드래그 가능한 오브젝트 만들기 ... 414
      따라하기 2. 마우스를 따라다니는 오브젝트 만들기 ... 416
        Tip Place 시킬 포토샵 PSD 파일은? ... 416
      정리하기 | mouse_trail 노하우 ... 418
        Tip 어도비 라이브모션과 매크로미디어사의 플래시 프로그램과의 비교표 ... 418
   Lesson 14. 외부에서 무비 안으로 데이터를 읽어오는 다이나믹 텍스트 ... 420
      이해하기 | Dynamic text 사용 방법 ... 421
      따라하기 | 다이나믹 텍스트를 이용한 외부 텍스트 파일 로딩 ... 422
        Tip Var에 변수를 줄 때 주의사항 ... 423
        Tip 타임라인 윈도우에서 이름 변경 ... 423
        Tip loadVariables() 메쏘드 ... 424
        Tip 다이나믹 텍스트로 로딩할 외부 텍스트 파일 ... 425
        Tip 로딩할 다이나믹 텍스트의 색상과 서식 ... 425
      정리하기 | 다이나믹 텍스트의 속성 정의 ... 426
        Tip 다이나믹 텍스트를 적용하는 일련의 과정 ... 426

더보기 닫기