fireworks 사용사용 설명서설명서 - adobe inc. · 2012. 1. 20. · adobe fireworks cs3...

FIREWORKS 사용사용 설명서설명서

© 2007 Adobe Systems Incorporated. All rights reserved.

Adobe® Fireworks® Fireworks® 사용 설명서최종 사용자 계약이 포함된 소프트웨어와 함께 이 설명서를 배포할 경우 이 설명서와 설명서에 설명된 소프트웨어는 사용권을 받아 제공되며 해당 사용권의 내용에 따라서만 사용하거나 복사할 수 있습니다. 해당 사용권에서 허용하는 경우를 제외하고 이 설명서의 어떠한 부분도 Adobe Systems Incorporated의 사전 서면 승인 없이는 어떠한 형식이나 수단(전기적, 기계적, 기록 또는 다른 방법)으로도 복제되거나, 검색 시스템에 저장되거나, 전송될 수 없습니다. 최종 사용자 사용권 계약이 포함된 소프트웨어 함께 배포하지 않을 경우에도 이 설명서의 내용은 저작권법의 보호를 받습니다. 이 설명서의 내용은 정보를 제공하는 목적으로만 사용되며 예고 없이 변경될 수 있고 Adobe Systems Incorporated의 책임으로 해석해서는 안 됩니다. Adobe Systems Incorporated는 이 설명서에 포함된 정보 컨텐츠에 표시될 수 있는 어떠한 오류 또는 부정확성에 대해서도 책임을 지지 않습니다. 귀하의 프로젝트에 포함하려는 기존 아트워크나 이미지가 저작권법의 보호를 받을 수 있습니다. 새로운 작업에서 이러한 자료를 무단으로 통합하면 저작권 소유자의 권리를 위반할 수 있습니다. 저작권 소유자로부터 필요한 모든 권한을 얻으십시오.샘플 템플릿에 나오는 회사 이름에 대한 모든 참조는 단지 데모용이며 실제 회사를 나타내지 않습니다.Adobe, Adobe 로고, Adobe Bridge, Director, Dreamweaver, Flash, Flex Builder, FreeHand, GoLive, HomeSite, Illustrator, Photoshop 및 XMP는 미국 및/또는 기타 국가에서 Adobe Systems Incorporated의 등록 상표 또는 상표입니다. Apple 및 Macintosh는 미국 및 기타 국가에서 등록된 Apple Inc.의 상표입니다. Microsoft 및 Windows는 미국 및/또는 기타 국가에서 Microsoft Corporation의 등록 상표 또는 상표입니다. 이외의 다른 상표는 해당 소유자의 재산입니다.Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA.

미국 정부 최종 사용자에 대한 고지 사항. 소프트웨어 및 설명서는 48 C.F.R. §12.212 또는 48 C.F.R. §227.7202에 사용된 용어인 “상업용 컴퓨터 소프트웨어” 및 “상업용 컴퓨터 소프트웨어 설명서”로 구성되는 48 C.F.R. §2.101에 정의된 “상품”입니다. 48 C.F.R. §12.212 또는 48 C.F.R. §§227.7202-1에서 227.7202-4에 따라 상업용 컴퓨터 소프트웨어 및 상업용 컴퓨터 소프트웨어 설명서는 (a) 이 계약의 규정과 조건에 따라 다른 모든 최종 사용자에게 부여되는 해당 권한만 포함하여 (b) 상품으로만 미국 정부 최종 사용자에게 사용이 허가됩니다. 발표되지 않은 권한은 미국 저작권법에 따라 유보됩니다. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. 미국 정부 최종 사용자의 경우 Adobe는 개정 시행령인 Executive Order 11246, 개정 시행령인 Vietnam Era Veterans Readjustment Assistance Act of 1974(38 USC 4212)의 제402조 및 Rehabilitation Act of 1973의 제503조, 41 CFR의 60-1에서 60-60, 60-250 및 60-741까지에 규정된 모든 적용 가능한 평등 기회 법에 따를 것에 동의합니다. 앞서 언급된 차별 금지 조치 및 규정은 참조용으로 제공됩니다.90079071 (04/07)

iii

목차

제1장: 시작하기

설치 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1

Adobe 도움말 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2

리소스 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .4

Fireworks CS3의 새로운 기능 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7

제2장: Fireworks 기초

Fireworks에서 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

벡터 그래픽 및 비트맵 그래픽 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

새 문서 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

파일 열기 및 가져오기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Fireworks 파일 저장 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Fireworks 작업 환경 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

제3장: 객체 선택 및 변형

객체 선택 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

픽셀 선택 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40

선택한 객체 편집 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48

선택한 객체와 선택물 변형 및 왜곡 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49

객체 구성 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52

제4장: 비트맵 작업

비트맵 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

비트맵 객체 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

사진 편집 도구에 액세스 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

비트맵 객체 그리기, 페인트 및 편집 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

비트맵 수정 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

비트맵 색상 및 톤 조정 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65

비트맵 흐리게 하기 및 선명하게 하기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

이미지에 노이즈 추가 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

제5장: 벡터 객체를 사용한 작업

벡터 객체 그리기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76

패스 편집 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91

제6장: 텍스트 작업

텍스트 입력 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99

텍스트 서식 지정 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

텍스트에 획, 칠 및 필터 적용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108

패스에 텍스트 첨부 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

텍스트 변형 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

텍스트를 패스로 변환 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

텍스트 가져오기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

iv

맞춤법 검사 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

텍스트 편집기 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114

제7장: 색상, 획 및 칠 적용

도구 패널의 색상 섹션 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

견본 그룹 및 색상 모델 구성 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116

색상 상자 및 색상 팝업 윈도우 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

획을 사용한 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

칠을 사용한 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

그라디언트 및 패턴 칠 적용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128

획 및 칠에 텍스처 추가 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

제8장: 라이브 필터 사용

라이브 필터 적용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134

라이브 필터 편집 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

제9장: 페이지, 레이어, 마스크 및 블렌드

페이지 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141

레이어와 함께 사용하기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144

이미지 마스크 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

블렌드 및 투명도 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163

제10장: 스타일, 심볼 및 URL 사용

스타일 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

심볼 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

URL과 함께 사용하기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179

제11장: 슬라이스, 롤오버 및 핫스팟

슬라이스 만들기 및 편집 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

슬라이스 상호 작용 기능 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

내보내기 위한 슬라이스 준비 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

핫스팟 및 이미지 맵을 사용한 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

제12장: 단추 및 팝업 메뉴 만들기

단추 심볼 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

탐색 모음 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

팝업 메뉴 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

제13장: 애니메이션 만들기

애니메이션 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218

애니메이션 심볼 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219

프레임 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222

트위닝 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225

애니메이션 미리 보기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

애니메이션 내보내기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

기존 애니메이션 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228

여러 파일을 단일 애니메이션으로 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228

v

제14장: 슬라이드 쇼 만들기

슬라이드 쇼 만들기 명령 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229

슬라이드 쇼 만들기 또는 편집 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230

슬라이드 쇼 속성 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

사용자 정의 Fireworks 앨범 플레이어 만들기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233

제15장: 최적화 및 내보내기

최적화 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236

내보내기 마법사 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

작업 공간에서 최적화 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

Fireworks에서 내보내기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254

Fireworks 문서를 전자 메일 첨부 파일로 보내기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

파일 관리 단추 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

제16장: Fireworks와 다른 응용 프로그램 함께 사용

Dreamweaver 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268

Flash 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280

FreeHand 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287

Director 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292

HomeSite 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

Photoshop 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297

Illustrator 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

GoLive 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302

HTML 편집기 사용 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302

Fireworks 확장 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

Adobe XMP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

Adobe Bridge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

다기능 인터넷 응용 프로그램 레이아웃을 위한 Flex 통합(MXML 내보내기) . . . . . . . . . . . . . . . . . . . . . . . . 304

제17장: 반복 작업 자동화

찾기와 바꾸기 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305

일괄 처리 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308

Fireworks 확장 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

Fireworks 패널로 사용되는 Flash SWF 무비 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319

제18장: 환경 설정 및 키보드 단축키

환경 설정 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

키보드 단축키 설정 변경 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323

구성 파일을 사용한 작업 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324

Fireworks 재설치 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325

패키지 내용 보기(Macintosh 전용) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326

색인 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327

1

제1장: 시작하기

고유한 혼합 벡터 및 비트맵 도구인 Adobe® Fireworks® CS는 웹 사이트와 사용자 인터페이스의 프로토타입을 신속하게 생성하고 웹에 맞게 이미지를 만들고 최적화하기 위한 가장 효율적인 디자인 환경을 제공합니다. Fireworks CS는 벡터 및 비트맵 이미지를 편집하기 위한 유연성, 미리 작성된 에셋의 공용 라이브러리, Adobe Photoshop® CS3, Adobe Illustrator® CS3, Adobe Dreamweaver® CS3 및 Adobe Flash® CS3 Professional 소프트웨어와의 신속한 통합을 제공합니다. 웹 프로젝트의 프로토타입을 신속하게 생성한 다음 Dreamweaver CS3에서 작업을 바로 활용할 수 있습니다.

Fireworks CS는 창의적인 전문가와 개발자가 인쇄, 비디오, 웹 및 모바일 장치를 통해 초기 개념부터 세련된 최종 실행에 이르기까지 노력과 아이디어를 지속적으로 실현할 수 있게 하는 Adobe Creative Suite 3 Web Premium 및 Web Standard의 필수 요소입니다. 완벽한 통합은 Creative Suite를 강력하게 만드는 핵심적인 역할을 수행합니다. 창의적인 전문가와 개발자는 자신의 비전에 지속적으로 초점을 두면서 최상의 품질을 가진 결과를 더 신속하게 실현할 수 있습니다.

이 장에서는 다음과 같은 내용을 다룹니다.

• 1페이지 “설치”

• 2페이지 “Adobe 도움말”

• 4페이지 “리소스”

• 7페이지 “Fireworks CS3의 새로운 기능”

설치

요구 사항Adobe 소프트웨어에 대한 전체 시스템 요구 사항 및 권장 사항을 확인하려면 설치 DVD에 있는 읽어보기.html 파일을 참조하십시오.

소프트웨어 설치1 컴퓨터에서 열려 있는 다른 모든 Adobe 프로그램을 닫습니다.

2 DVD 드라이브에 설치 디스크를 넣고 화면의 지시에 따릅니다.

참고: 자세한 내용은 설치 DVD에서 읽어보기.html 파일을 참조하십시오.

소프트웨어 활성화Adobe 소프트웨어의 개인 사용 정품 라이센스가 있는 경우에는 소프트웨어를 활성화하라는 메시지가 나타납니다. 활성화 과정은 익명으로 간단하게 이루어지며 소프트웨어를 처음 시작한 후 30일 이내에 완료해야 합니다.

제품 활성화에 대한 자세한 내용을 보려면 설치 DVD에 있는 읽어보기 파일을 참조하거나 Adobe 웹 사이트(www.adobe.com/go/activation_kr)를 방문하십시오.

1 활성화 대화 상자가 아직 열려 있지 않은 경우 도움말 > 활성화를 선택합니다.

2 화면의 지시에 따릅니다.

참고: 소프트웨어를 다른 컴퓨터에 설치하려면 먼저 현재 컴퓨터에서 소프트웨어를 비활성화해야 합니다. 도움말 > 비활성을 선택합니다.

ADOBE FIREWORKS CS3사용 안내서

2

등록

제품을 등록하면 무상 설치 지원, 업데이트 알림 및 기타 서비스를 받을 수 있습니다.

❖ 등록하려면 소프트웨어를 설치하고 정품 인증을 받은 후 표시되는 등록 대화 상자 화면의 지시에 따릅니다.

등록을 연기할 경우 언제든지 도움말 > 온라인 등록을 선택하여 등록할 수 있습니다.

읽어보기

설치 DVD에서 제품에 대한 읽어보기.html 파일을 볼 수 있습니다. 또한 이 파일은 제품 설치 도중에 응용 프로그램 폴더에 복사됩니다. 이 파일은 다음에 대한 중요한 정보를 제공합니다.

• 시스템 요구 사항

• 설치 및 제거

• 활성화 및 등록

• 글꼴 설치

• 문제 해결

• 고객 지원

• 법적 고지 사항

Fireworks와 함께 설치된 파일 보기Fireworks와 함께 설치된 파일을 보거나 액세스해야 하는 경우가 있습니다. Fireworks를 설치하는 동안 시스템의 다양한 위치에 파일이 배치됩니다. 이러한 파일이 해당 위치에 저장되는 이유를 이해하는 것이 중요합니다. 자세한 내용은 324페이지 “구성 파일을 사용한 작업”을 참조하십시오.

Macintosh 사용자는 Fireworks에서 프로그램과 해당 기본 구성 파일을 저장하는 데 사용되는 포맷에 특히 주의해야 합니다. 자세한 내용은 326페이지 “패키지 내용 보기(Macintosh 전용)”를 참조하십시오.

Adobe 도움말

Adobe 도움말 리소스Adobe 소프트웨어에 대한 설명서를 다양한 포맷으로 사용할 수 있습니다.

제품 내 및 LiveDocs 도움말제품 내 도움말에서는 제품 출시 시점에 사용할 수 있었던 모든 설명서와 지시 내용을 볼 수 있습니다. 이 도움말은 Adobe 제품의 도움말 메뉴를 통해 사용할 수 있습니다.

LiveDocs 도움말에는 제품 내 도움말의 모든 내용 외에 웹에서 사용할 수 있는 추가 지시에 대한 링크와 업데이트가 포함되어 있습니다. 일부 제품의 경우 LiveDocs에서는 주석을 추가할 수도 있습니다. Adobe 도움말 리소스 센터(http://www.adobe.com/go/documentation_kr)에서 제품에 대한 LiveDocs 도움말을 확인할 수 있습니다.

대부분의 제품 내 및 LiveDocs 도움말 버전에서는 여러 제품의 도움말을 검색할 수 있습니다. 또한 항목에는 웹에 있는 관련 내용에 대한 링크나 다른 제품의 도움말에 있는 항목에 대한 링크가 포함되어 있습니다.

도움말은 제품과 웹에서 추가 컨텐츠 및 사용자 커뮤니티에 액세스하기 위한 중심 위치로 간주할 수 있습니다. 가장 완벽한 최신 버전의 도움말은 항상 웹에 있습니다.


3

Adobe PDF 설명서제품 내 도움말은 인쇄에 최적화된 PDF(Portable Document Format) 파일로 사용할 수도 있습니다. 또한 백서와 같은 다른 문서도 PDF로 제공됩니다.

Adobe 도움말 리소스 센터(http://www.adobe.com/go/documentation_kr)에서 모든 PDF 설명서를 사용할 수 있습니다. 제품에 포함된 PDF 설명서를 설치 또는 컨텐츠 DVD의 Documents 폴더에서 볼 수 있습니다.

인쇄된 설명서인쇄된 버전의 완벽한 제품 내 도움말을 Adobe 스토어(http://www.adobe.com/go/store_kr)에서 구입할 수 있습니다. 또한 Adobe 스토어에서 Adobe 출판 파트너가 출간한 책을 찾을 수 있습니다.

모든 Adobe Creative Suite 3 제품에는 인쇄된 작업 과정 설명서가 포함되어 있으며 개별 Adobe 제품에서 인쇄된 시작 설명서가 제공될 수도 있습니다.

제품에서 도움말 사용제품 내 도움말을 도움말 메뉴를 통해 사용할 수 있습니다. Adobe 도움말 뷰어를 시작한 후에 찾아보기를 클릭하여 컴퓨터에 설치된 추가 Adobe 제품에 대한 도움말을 확인합니다.

여러 Adobe 제품을 배우는 데 도움이 되도록 다음 기능을 사용할 수 있습니다.

• 여러 제품에 대한 도움말을 검색할 수 있습니다.

• 항목에는 다른 Adobe 제품의 도움말 항목이나 웹의 추가 컨텐츠에 대한 링크가 포함될 수 있습니다.

• 일부 항목은 여러 제품에서 공유됩니다. Fireworks 아이콘과 Dreamweaver 아이콘이 있는 도움말 항목이 표시될 경우 해당 항목이 두 제품에서 비슷한 기능이나 제품 간 작업 과정을 설명한다는 것을 알 수 있습니다.

참고: “모양 도구”와 같은 구를 검색할 경우 구의 모든 단어를 포함하는 항목만 보려면 해당 구를 따옴표로 묶습니다.

액세스 가능성 기능운동 및 시각 장애가 있는 사용자도 쉽게 Adobe 도움말 컨텐츠에 액세스할 수 있습니다. 제품 내 도움말은 툴바 컨트롤 및 탐색에 대한 키보드 단축키를 제공하고 다음을 비롯한 표준 액세스 가능성 기능을 지원합니다.

• 표준 상황 메뉴 명령을 사용하여 텍스트 크기를 변경할 수 있습니다.

• 쉽게 알아볼 수 있도록 링크에 밑줄이 표시되어 있습니다.

• 링크 텍스트가 대상의 제목과 일치하지 않을 경우 앵커 태그의 Title 속성에서 제목이 참조됩니다. 예를 들어, 이전 및 다음 링크에는 이전 항목과 다음 항목의 제목이 포함되어 있습니다.

• 내용은 고대비 모드를 지원합니다.

• 캡션이 없는 그래픽에는 대체 텍스트가 포함되어 있습니다.

• 각 프레임에는 용도를 표시하는 제목이 있습니다.

• 표준 HTML 태그는 화면 판독 또는 text-to-speech 도구를 위한 내용 구조를 정의합니다.

• 스타일 시트는 서식을 제어하므로 포함된 글꼴이 없습니다.

툴바 컨트롤에 대한 Windows 키보드 단축키제품 내 도움말에 대한 툴바의 각 컨트롤에는 해당하는 키보드 단축키가 있습니다.

뒤로 단추 Alt+왼쪽 화살표

앞으로 단추 Alt+오른쪽 화살표

인쇄 Ctrl+P

정보 단추 Ctrl+I

찾아보기 메뉴 Alt+아래쪽 화살표 또는 Alt+위쪽 화살표로 다른 프로그램의 도움말 보기

검색 상자 (Windows)Ctrl+S로 검색 상자에 커서 놓기


4

탐색을 위한 Windows 키보드 단축키Adobe 도움말 보기에서 탐색하여 항목을 보려면 다음 키보드 조합을 사용합니다.

• 탐색 구획 및 읽기 구획 사이를 이동하려면 Ctrl+Tab 및 Shift+Ctrl+Tab을 누릅니다.

• 구획 안의 링크에서 이동하려면 Tab 또는 Shift+Tab을 누릅니다.

• 선택한 링크를 활성화하려면 Enter 키를 누릅니다.

• 텍스트를 크게 만들려면 Ctrl+등호를 누릅니다.

• 텍스트를 작게 만들려면 Ctrl+하이픈을 누릅니다.

올바른 도움말 문서를 선택하는 방법Fireworks 도움말, PDF 버전의 Fireworks 설명서 구성 요소 및 여러 웹 기반 정보 소스를 비롯하여 Fireworks를 배우기 위한 다양한 리소스를 사용할 수 있습니다.

• 모든 사용자를 대상으로 하는 Fireworks 도움말(Fireworks 사용 설명서라고 함)은 모든 Fireworks 기능에 대한 포괄적인 정보를 제공합니다. Fireworks 도움말(도움말 > Fireworks 사용 설명서)에서 언제든지 Fireworks 사용 설명서에 액세스할 수 있습니다. 또한 이 설명서는 Adobe 웹 사이트 www.adobe.com/go/fireworks_documentation_kr에서 PDF 포맷으로 제공됩니다.

• Fireworks 프레임워크 및 응용 프로그램 프로그래밍 인터페이스(API)에 대해 설명하는 Extending Fireworks(영문)는 확장을 만들고 Fireworks 인터페이스를 사용자 정의하려는 고급 사용자를 대상으로 합니다. Fireworks에서 해석할 수 있는 특수 JavaScript 명령을 사용하면 모든 Fireworks 명령이나 설정을 제어할 수 있습니다. 이 설명서는 도움말에서 액세스할 수 있으며 Adobe 웹 사이트에서 다운로드 가능한 PDF로도 제공됩니다.

리소스

Adobe 비디오 워크샵Adobe Creative Suite 3 비디오 워크샵을 사용하면 제품에 대해 배울 수 있습니다. 인쇄, 웹 및 비디오 전문가를 위한 광범위한 주제를 다루는 Adobe Creative Suite 3에 대한 200개 이상의 교육 비디오가 있습니다.

비디오 워크샵을 사용하여 관심이 있는 모든 Creative Suite 3 제품을 배울 수 있습니다. 제품을 함께 사용하는 방법이 다양한 비디오에서 소개됩니다.

비디오 워크샵을 시작할 때 배우고 싶은 제품과 항목을 정확하게 선택합니다. 학습 경로에 초점을 두는 데 도움이 되도록 각 비디오에 대한 세부 정보를 볼 수 있습니다.

발표자 커뮤니티이 릴리스에서는 전문 지식과 통찰력을 공유하기 위해 Adobe 커뮤니티가 초대되었습니다. Adobe 및 Lynda.com에서는 Michael Ninness, Katrin Eismann 및 Chris Georgenes와 같은 뛰어난 디자이너 및 개발자의 자습서, 팁 및 트릭을 제공합니다. Lynn Grillo, Greg Rewis 및 Russell Brown과 같은 Adobe 전문가를 만나 의견을 들을 수 있습니다. 전부 30명 이상의 제품 전문가가 지식을 공유합니다.

자습서 및 소스 파일비디오 워크샵에는 초보자 및 경험 많은 사용자를 위한 교육이 포함되어 있습니다. 또한 새 기능과 주요 기술에 대한 비디오를 볼 수 있습니다. 각 비디오는 단일 주제를 다루며 일반적으로 3-5분 동안 실행됩니다. 대부분의 비디오에는 그림이 있는 자습서와 소스 파일이 제공되므로 사용자는 세부 단계를 인쇄하여 자신만의 자습서로 활용할 수 있습니다.

Adobe 비디오 워크샵 사용Creative Suite 3 제품에 포함된 DVD를 사용하여 Adobe 비디오 워크샵에 액세스할 수 있습니다. 또한 www.adobe.com/go/learn_videotutorials_kr에서 온라인으로 사용할 수도 있습니다. Adobe는 새 비디오를 온라인 비디오 워크샵에 정기적으로 추가하므로 새로운 사항이 있는지 확인하십시오.

http://www.adobe.com/go/fireworks_documentation_kr


5

Fireworks CS3 비디오Adobe 비디오 워크샵에서는 다음을 비롯하여 Adobe Fireworks CS3에 대한 광범위한 주제를 다룹니다.

• 페이지 패널 사용

• 다기능 심볼을 사용한 신속한 프로토타입 생성

• 레이어 및 레이아웃 이해

• 심볼 속성 스크립트 생성

또한 비디오는 다음과 같이 Fireworks CS3를 다른 Adobe 제품과 함께 사용하는 방법을 보여 줍니다.

• Photoshop 파일 가져오기

• Fireworks 및 Flash 작업 과정 이해

• Photoshop, Illustrator 및 Fireworks 작업 과정 이해

추가 리소스Adobe 소프트웨어를 최대한 활용하는 데 도움이 되는 다양한 리소스에 액세스할 수 있습니다. 이러한 리소스 중 일부는 설치 프로세스 도중 컴퓨터에 설치됩니다. 도움이 되는 추가 샘플 및 문서는 설치 또는 컨텐츠 DVD에 포함되어 있습니다. 또한 Adobe Exchange 커뮤니티(www.adobe.com/go/exchange_kr)에서 고유한 추가 리소스가 온라인으로 제공됩니다.

설치된 리소스소프트웨어 설치 도중에 여러 리소스가 응용 프로그램 폴더에 저장됩니다. 이러한 파일을 보려면 컴퓨터의 특정 응용 프로그램 폴더로 이동합니다.

• Windows: [시작 드라이브]/Program files/Adobe/Adobe Fireworks CS3

• Mac OS: [시작 드라이브]/Applications/Adobe Fireworks CS3

Adobe 제품에 따라 응용 프로그램 폴더에 다음이 포함될 수 있습니다.

플러그 인 플러그 인 모듈은 기능을 확장하거나 소프트웨어에 추가하는 작은 소프트웨어 프로그램입니다. 설치되고 나면 플러그 인 모듈은 가져오기 또는 내보내기 메뉴의 옵션, 열기, 다른 이름으로 저장 및 원본 내보내기 대화 상자의 파일 포맷, 필터 하위 메뉴의 필터로 표시됩니다.

미리 설정 미리 설정은 광범위한 여러 유용한 도구, 환경 설정, 효과 및 이미지로 구성됩니다. 제품 미리 설정에는 브러쉬, 견본, 색상 그룹, 심볼, 사용자 정의 모양, 그리팩 및 레이어 스타일, 패턴, 텍스처, 액션, 작업 공간 등이 포함됩니다. 인터페이스 전체에서 미리 설정 컨텐츠를 볼 수 있습니다. 일부 미리 설정은 해당 도구를 선택할 경우에만 사용할 수 있습니다. 효과나 이미지를 처음부터 새로 만들지 않으려면 미리 설정 라이브러리를 참조하여 만들 수 있습니다.

템플릿 템플릿 파일을 Adobe Bridge에서 열어서 보거나 시작 화면에서 열거나 파일 메뉴에서 직접 열 수 있습니다. 제품에 따라 템플릿 파일은 레터헤드, 뉴스레터 및 웹 사이트에서 DVD 메뉴 및 비디오 단추에 이르기까지 다양한 항목이 될 수 있습니다. 각 템플릿 파일은 전문적으로 생성되며 제품 기능에 대한 최상의 사용 예제를 나타냅니다. 프로젝트를 신속하게 시작해야 할 경우 템플릿은 중요한 리소스가 될 수 있습니다.

샘플 샘플 파일은 더 복잡한 디자인을 포함하며 새 기능을 실제로 볼 수 있는 뛰어난 방법입니다. 이러한 파일은 사용자의 프로그램에서 제공할 수 있는 광범위한 창의적 기능의 가능성을 보여 줍니다.

글꼴 여러 OpenType® 글꼴 및 글꼴군이 Creative Suite 제품에 포함되어 있습니다. 글꼴은 설치 도중에 컴퓨터에 복사됩니다.

• Windows: [시작 드라이브]/Program Files/Common Files/Adobe/Fonts

• Mac OS X: [시작 드라이브]/Library/Application Support/Adobe/Fonts

글꼴을 설치하는 방법에 대한 자세한 내용은 설치 DVD에서 읽어보기.html 파일을 참조하십시오.


6

DVD 컨텐츠제품에 포함된 설치 또는 컨텐츠 DVD에는 소프트웨어에서 사용하기 위한 추가 리소스가 포함되어 있습니다. Goodies 폴더에는 템플릿, 이미지, 미리 설정, 액션, 플러그 인 및 효과와 같은 제품 특정 파일과 함께 Fonts 및 Stock Photography에 대한 하위 폴더가 들어 있습니다. Documentation 폴더에는 PDF 버전의 도움말, 기술 정보, 견본 시트, 참조 설명서 및 특수한 기능 정보와 같은 기타 문서가 들어 있습니다.

Adobe Exchange

무료로 제공되는 추가 컨텐츠를 보려면 수천 개의 무료 액션, 확장, 플러그 인 및 Adobe 제품에서 사용되는 기타 컨텐츠를 다운로드하고 공유하는 온라인 커뮤니티인 http://www.adobe.com/go/exchange_kr을 참조하십시오.

Bridge HomeAdobe Bridge CS3의 새로운 기능인 Bridge Home은 모든 Adobe Creative Suite 3 소프트웨어에 대한 최신 정보를 편리하게 한 곳에서 제공합니다. Adobe Bridge를 시작한 다음 즐겨찾기 패널의 맨 위에 있는 Bridge Home 아이콘을 클릭하여 Creative Suite 도구에 대한 최신 팁, 뉴스 및 리소스에 액세스합니다.

참고: Bridge Home은 일부 언어에서 사용하지 못할 수도 있습니다.

Adobe 디자인 센터Adobe 디자인 센터는 업계 전문가, 최고의 디자이너 및 Adobe 출판 파트너의 기사, 의견 및 지침을 제공합니다. 매달 새 컨텐츠가 추가됩니다.

디자인 제품에 대한 수백 개의 자습서를 확인하고 비디오, HTML 자습서 및 샘플 책자를 통해 팁과 기술을 배울 수 있습니다.

Think Tank, Dialog Box 및 Gallery에서는 새로운 아이디어가 가장 핵심적인 요소입니다.

• Think Tank 기사에서는 디자이너가 기술을 사용하는 방법과 디자이너의 경험이 디자인, 디자인 도구 및 사회에 어떤 의미가 있는지에 대해 설명합니다.

• Dialog Box에서 전문가는 모션 그래픽 및 디지털 디자인에 대한 새로운 아이디어를 공유합니다.

• Gallery에서는 아티스트가 디자인에 대해 서로 의견을 주고 받는 방법을 보여 줍니다.

Adobe 디자인 센터(www.adobe.com/go/designcenter_kr)를 참조하십시오.

Adobe 개발자 센터Adobe 개발자 센터는 Adobe 제품을 사용하여 풍부한 인터넷 응용 프로그램, 웹 사이트, 모바일 컨텐츠 및 기타 프로젝트를 만드는 개발자를 위한 샘플, 자습서, 기사 및 커뮤니티 리소스를 제공합니다. 또한 개발자 센터에는 Adobe 제품용 플러그 인을 개발하는 개발자를 위한 리소스가 포함되어 있습니다.

샘플 코드 및 자습서 외에도 RSS 피드, 온라인 세미나, SDK, 스크립팅 설명서 및 기타 기술 리소스를 확인할 수 있습니다.

Adobe 개발자 센터(www.adobe.com/go/developer_kr)를 참조하십시오.

고객 지원제품의 문제 해결 정보를 확인하고 무료 및 유료 기술 지원 옵션에 대해 알아보려면 Adobe 지원 웹 사이트(www.adobe.com/go/support_kr)를 참조하십시오. Training 링크에서 Adobe Press에서 발행한 책자, 다양한 교육 리소스, Adobe 소프트웨어 인증 프로그램 등을 확인할 수 있습니다.

다운로드

무료 업데이트, 시험판 및 기타 유용한 소프트웨어를 확인하려면 www.adobe.com/go/downloads_kr을 방문하십시오. 또한 Adobe 스토어(www.adobe.com/go/store_kr)에서는 수많은 타사 개발자 제공 플러그 인을 통해 작업을 자동화하고 작업 과정을 사용자 정의하고, 특수 효과를 만드는 등 많은 작업을 수행할 수 있습니다.


7

Adobe LabsAdobe Labs는 Adobe의 새로운 혁신, 기술 및 제품을 경험하고 평가하는 기회를 제공합니다.

Adobe Labs에서는 다음과 같은 리소스에 액세스할 수 있습니다.

• 시험판 소프트웨어 및 기술

• 학습 속도를 높이는 데 도움이 되는 코드 샘플 및 최상의 방법

• 이전 버전의 제품 및 기술 설명서

• 같은 목적을 가진 개발자와 상호 작용하는 데 도움이 되는 포럼, wiki 기반 컨텐츠 및 기타 공동 작업 리소스

Adobe Labs는 공동으로 진행하는 소프트웨어 개발 프로세스를 장려합니다. 이 환경을 통해 고객은 새로운 제품과 기술로 신속하게 생산성을 확보할 수 있고 Adobe 개발 팀은 이전 피드백에 대처하여 커뮤니티의 요구와 기대를 충족하는 소프트웨어를 개발할 수 있습니다.

Adobe Labs(www.adobe.com/go/labs_kr)를 참조하십시오.

사용자 커뮤니티포럼, 블로그 및 사용자를 위한 기타 대화의 장을 통해 기술, 도구 및 정보를 공유하고 의문을 풀며 다른 사용자들의 효율적인 소프트웨어 활용 방법을 알아볼 수 있습니다. 사용자 대 사용자 포럼은 영어, 프랑스어, 독일어 및 일본어로 제공되며 블로그는 보다 다양한 언어로 게시됩니다.

포럼이나 블로그에 참여하려면 www.adobe.com/go/communities_kr을 참조하십시오.

Fireworks CS3의 새로운 기능다기능 심볼 만들기이 버전의 Fireworks에는 새로운 심볼 기능과 향상된 심볼 기능이 도입되었습니다. JavaScript(JSF) 파일을 사용하여 지능적으로 크기가 조절되고 특정 속성이 지정되는 그래픽 심볼을 만들 수 있습니다. 또한 이러한 심볼을 문서로 드래그하고 새로운 심볼 속성 패널을 통해 심볼과 연관된 매개 변수를 편집하여 사용자 인터페이스의 견본을 신속하게 만들 수 있습니다.

자세한 내용은 173페이지 “다기능 그래픽 심볼 만들기 및 사용”을 참조하십시오.

다양한 심볼

심볼 속성 패널 이 새 패널은 지능형 그래픽 심볼의 속성을 조절할 수 있는 중앙 위치입니다.

향상된 그래픽 심볼 그래픽 심볼이 향상되어 이제 JavaScript로 사용자 정의 가능한 심볼 속성을 만들 수 있습니다.

심볼 라이브러리 새로운 기능을 활용하는 그래픽 심볼의 미리 디자인된 라이브러리가 이 소프트웨어 릴리스에 포함되었습니다. 특정 웹 사이트나 사용자 인터페이스의 모양과 느낌에 맞게 이러한 그래픽 심볼을 사용자 정의할 수 있습니다.

심볼 교체 새 “심볼 교체” 기능을 사용하면 문서를 디자인할 때 심볼를 쉽게 교체할 수 있습니다.


8

지능형 심볼 크기 조절기존에는 크기 조절 변형을 심볼에 적용할 경우 전체 객체가 단일 단위로 변형되었습니다. 특히 스타일이 지정된 모서리가 있는 기하학적 모양과 같은 특정 종류의 객체에서는 결과적으로 심볼이 약간 왜곡되었습니다.

Fireworks CS3에는 9슬라이스 크기 조절이라는 새로운 동적 기능이 도입되었습니다. 이 기능을 사용하면 벡터 또는 비트맵 심볼의 크기를 지능적으로 조절할 수 있습니다. 아트워크에 안내선 집합을 배치하면 심볼의 각 부분이 크기 조절되는 방법을 정확하게 정의할 수 있습니다. 9개의 다른 영역 중 원하는 영역을 지정하여 크기를 수평으로만, 수직으로만, 수평 및 수직으로 조절하거나 전혀 조절하지 않을 수 있습니다. 기본적으로 사용되는 이 기능을 단지 세 개 영역만 크기 조절하도록 설정할 수도 있습니다. 9슬라이스 크기 조절 기능을 새 자동 모양 라이브러리와 결합하면 이전보다 신속하게 웹 사이트와 응용 프로그램의 프로토타입을 생성할 수 있습니다.

자세한 내용은 172페이지 “9슬라이스 크기 조절 기능 사용”을 참조하십시오.

단일 문서에 여러 페이지 추가웹 디자인 작업 과정을 개선하려는 끊임없는 노력의 결과로 Fireworks CS3에서는 단일 PNG 파일을 사용하여 복잡한 다중 페이지 웹 프로토타입을 신속하게 만들 수 있게 되었습니다. 각 페이지에는 캔바스 문서, 크기, 색상, 이미지 해상도 및 안내선에 대한 고유 설정이 포함되어 있습니다. 이러한 설정을 페이지 단위로 설정하거나 문서의 모든 페이지에서 전역적으로 설정할 수 있습니다.

다중 페이지 개념을 한 단계 발전시켜 Fireworks 레이어를 단일 페이지에 적용하거나 여러 페이지에서 공유할 수 있습니다. 공유하지 않는 레이어와의 구분을 위해 공유 레이어는 노란색 음영으로 표시됩니다. 신속한 프로토타입 생성을 위해 여러 페이지에 하이퍼링크와 핫스팟 비헤이비어가 포함된 작업 과정을 만들 수 있습니다. 또한 모든 페이지를 브라우저에서 미리 보거나 여러 HTML 페이지로 한 번에 내보낼 수 있습니다.

자세한 내용은 141페이지 “페이지 작업”을 참조하십시오.

Flash 기반 슬라이드 쇼 만들기이미지 슬라이드 쇼를 자동으로 만들 수 있습니다. 슬라이드 쇼 만들기 명령을 사용하면 Flash 사용법을 알 필요 없이 Flash 슬라이드 쇼를 만들 수 있습니다. 단순히 이미지가 있는 폴더를 선택하고 슬라이드 쇼 옵션(예: 슬라이드 전환)을 선택한 다음 최종 출력에 대한 Fireworks 앨범 플레이어(Flash 템플릿)를 선택하면 웹에 최적화된 필수 축소판 및 전체 크기 이미지를 자동으로 일괄 처리할 수 있습니다.

자세한 내용은 229페이지 “슬라이드 쇼 만들기”를 참조하십시오.

왜곡 없이 크기 조절

새로운 9슬라이스 크기 조절 도구 도형의 왜곡 없이 벡터 심볼과 비트맵 심볼의 크기를 위로 또는 아래로 조절하려면 9슬라이스 크기 조절 기능을 사용합니다. 심볼의 모양을 기초로 3개 또는 9개 영역을 사용하여 심볼의 크기를 조절할 수 있습니다.

간단한 프로토타입 생성

새로운 페이지 패널 새로운 페이지 패널을 통해 PNG 파일의 모든 페이지에 쉽게 액세스할 수 있습니다.

여러 페이지에 레이어 적용 레이어를 단일 페이지에 적용하거나 여러 페이지에서 공유할 수 있습니다. 공유하지 않는 레이어와의 구분을 위해 공유 레이어는 노란색으로 표시됩니다.

공통 요소를 위해 마스터 페이지 사용

모든 페이지에 공통되는 요소를 선택적 마스터 페이지에 넣을 수 있습니다.

Flash에 대한 지식 없이 Flash 슬라이드 쇼 만들기

슬라이드 쇼 만들기 기능 명령 메뉴에서 슬라이드 쇼 만들기를 선택하면 이 새 도구가 실행됩니다.


9

계층적 레이어Fireworks CS3에서 문서의 레이어 구조는 필요에 따라 단순하거나 복잡할 수 있으며 모든 계층적 레이어는 유지됩니다. 새 파일을 만들 때 모든 항목은 비계층적 방식에 따라 동일한 레벨로 구성됩니다. 필요에 따라 하위 레이어를 새로 만들고 항목을 하위 레이어로 이동할 수 있습니다. 또는 언제든지 한 레이어에서 다른 레이어로 요소를 이동할 수 있습니다. 하위 레이어를 여러 개 만들고 그룹화할 수도 있습니다.

자세한 내용은 144페이지 “레이어와 함께 사용하기”를 참조하십시오.

Photoshop 파일 작업Fireworks CS3를 사용하면 기본 파일을 Photoshop에서 직접 가져올 수 있습니다. 완전히 새로운 수준의 기능을 실현하기 위해 Adobe는 통합이 무엇인지에 대한 개념을 재정의하고 있습니다. 이제 Fireworks 디자인 구성 요소와 이미지를 기본 Photoshop 파일로 저장하고 레이어 정보가 유지된 채로 Photoshop 또는 Fireworks CS3에서 열 수 있습니다.

자세한 내용은 297페이지 “Photoshop 사용”을 참조하십시오.

Adobe Flash로 Fireworks 파일 가져오기이제 복사하여 붙여넣거나 Fireworks PNG 파일을 직접 가져와서 Fireworks CS3의 내용을 Flash CS3 Professional에 신속하게 이동할 수 있습니다. 여러 페이지, 공유 레이어, 계층적 레이어, 프레임, 9슬라이스 크기 조절 설정 및 다양한 효과를 포함한 중요한 구조가 유지됩니다. Firework에서의 프로토타입 생성과 Flash에서의 개발이 이전보다 간편합니다.

자세한 내용은 280페이지 “Flash 사용”을 참조하십시오.

RIA 레이아웃을 위한 Flex 통합디자이너가 계속해서 새로운 기술을 사용하기 때문에 향상된 도구와 통합이 점점 더 중요해지고 있습니다. Fireworks CS3에서는 Adobe Flex™ Builder™에 사용하기 위해 구성 요소로 알려진 공용 라이브러리 에셋을 내보낼 수 있기 때문에 RIA라는 다양한 차세대 인터넷 응용 프로그램을 개발할 수 있습니다. 또한 스타일과 절대 위치가 유지됩니다.

가장 뛰어난 점은 필요한 Flex 코드(MXML)를 Fireworks가 내보내므로 사용자의 작업이 필요하지 않다는 것입니다. 이제 Flex Builder에 로드할 MXML로 Flex 공용 라이브러리 에셋을 활용하여 Fireworks에서 Flex 응용 프로그램 레이아웃을 쉽게 만들 수 있습니다.

레이어를 사용하여 보다 융통성 있게 디자인

계층적 레이어 레이어 패널을 사용하여 필요할 때 레이어를 만들고 구성할 수 있습니다.

향상된 Photoshop 호환성

Photoshop 레이어 효과 Photoshop에서는 사용자가 레이어 내용의 모양을 변경하는 데 사용할 수 있는 그림자, 광선, 경사, 오버레이 및 획과 같은 다양한 효과를 제공합니다. 이제 Fireworks CS는 PSD 파일을 가져오거나 열 때 이러한 편집 가능 Photoshop 레이어를 유지합니다. 또한 사용자는 속성 관리자의 라이브 필터 도구에서 Photoshop 라이브 효과를 선택하여 Fireworks 내의 모든 객체에 Photoshop 레이어 효과를 직접 적용할 수 있습니다.

Photoshop 블렌드 모드 Fireworks CS3에는 일반적으로 사용되는 7개의 Photoshop 블렌드 모드(디졸브, 선형 번, 선형 닷지, 선명한 라이트, 선형 라이트, 핀 라이트 및 짙게 혼합)가 포함되어 있습니다.

PSD 파일을 열 때 계층적 레이어 유지

이제 Fireworks CS는 계층적 레이어 구조를 지원하므로 Photoshop에서 파일을 가져올 때 레이어 및 하위 레이어 정보를 유지할 수 있습니다.


10

Illustrator 파일 작업계층적 레이어, 패턴, 링크된 이미지, 텍스트 속성, 투명도 등을 그대로 유지하면서 Fireworks에서 Illustrator 파일을 열 수 있습니다. 또한 Fireworks에는 Adobe Illustrator 8.0으로 내보내기를 위한 여러 내보내기 옵션이 있습니다.

자세한 내용은 301페이지 “Illustrator 사용”을 참조하십시오.

새로운 기능에 대한 자세한 내용은 Adobe 웹사이트의 Fireworks 페이지(http://www.adobe.com/go/fireworks_productinfo_kr)를 참조하십시오.

Adobe Bridge

차세대 파일 탐색기인 Adobe Bridge를 사용하면 Fireworks 및 Adobe Creative Suite에서 파일 처리가 단순해집니다. 이미지에 대한 탐색, 태그 지정, 검색 및 처리 작업을 효율적으로 수행할 수 있습니다. Bridge와 Fireworks를 함께 사용하면 파일에서 XMP 메타데이터를 활용할 수 있습니다. Adobe XMP(eXtensible Metadata Platform)는 PNG, GIF, JPEG, Photoshop 및 TIFF 포맷으로 저장된 파일에 파일 정보를 추가할 수 있도록 지원하는 기술입니다. XMP는 Adobe 소프트웨어와 XMP 메타데이터 표준을 지원하는 다른 시스템 사이에서 메타데이터를 교환할 수 있도록 지원합니다.

자세한 내용은 303페이지 “Adobe Bridge”를 참조하십시오.

http://www.adobe.com/go/fireworks_productinfo_kr

11

제2장: Fireworks 기초

Fireworks CS는 전문적인 화상 그래픽 디자인을 위한 소프트웨어 프로그램입니다. 혁신적인 Fireworks CS3 솔루션을 통해 그래픽 디자이너와 웹 마스터가 직면하는 주요 문제를 해결할 수 있습니다. 또한 Fireworks의 광범위한 도구를 사용하여 단일 파일 내에서 벡터 그래픽과 비트맵 그래픽을 모두 만들고 편집할 수 있습니다.

Fireworks의 출현으로 웹 디자이너들은 수행하려는 작업 유형에 따라 여러 응용 프로그램을 사용할 필요가 없어졌습니다. 또한 기존 데이터를 보존하는 라이브 필터를 사용하면 간단한 편집 후 웹 그래픽을 처음부터 다시 만들 필요가 없습니다. Fireworks에서는 JavaScript를 생성하므로 쉽게 롤오버를 만들 수 있고, 효율적인 최적화 기능으로 품질은 그대로 유지하면서 웹 그래픽 파일의 크기를 줄일 수 있습니다.

Fireworks에 익숙하지 않으면 파일 열기, 가져오기 및 저장, Fireworks 환경의 메뉴 및 명령 위치 파악, 파일 내 작업 등의 일반적인 Fireworks 개념을 미리 숙지하는 것이 좋습니다. 새 파일을 생성하거나 기존 파일을 열면 Fireworks 작업 환경을 사용할 수 있습니다.

이 장에서는 다음과 같은 내용을 다룹니다.

• 11페이지 “Fireworks에서 작업”

• 12페이지 “벡터 그래픽 및 비트맵 그래픽”

• 13페이지 “새 문서 만들기”

• 14페이지 “파일 열기 및 가져오기”

• 20페이지 “Fireworks 파일 저장”

• 22페이지 “Fireworks 작업 환경”

Fireworks에서 작업Fireworks는 웹 그래픽 제작, 편집 및 최적화를 위한 다기능 프로그램입니다. 비트맵과 벡터 이미지를 모두 제작 및 편집할 수 있고 롤오버 및 팝업 메뉴와 같은 웹 효과를 디자인할 수 있습니다. 또한 그래픽을 자르고 최적화하여 파일 크기를 줄일 수 있으며 반복 작업을 자동화하여 시간을 절약할 수 있습니다. 문서가 완성되면 이를 웹에서 사용할 수 있도록 HTML 표와 JavaScript 코드가 들어 있는 HTML 파일과 함께 JPEG 파일, GIF 파일 또는 기타 포맷의 파일로 내보내거나 저장할 수 있습니다. 또한 Adobe Photoshop 또는 Adobe Flash 등의 다른 프로그램에 맞는 특정 유형으로 파일을 내보내거나 저장하여 다른 프로그램에서 작업을 계속할 수 있습니다.

벡터 객체 및 비트맵 객체Fireworks 도구 패널에는 벡터와 비트맵의 드로잉 및 편집 도구로 구성된 별개의 섹션이 있습니다. 이 두 가지 기본 포맷에 대한 자세한 내용은 12페이지 “벡터 그래픽 및 비트맵 그래픽”을 참조하십시오.

Fireworks에서는 선택하는 도구에 따라 만드는 객체가 벡터인지 또는 비트맵인지 결정됩니다. 예를 들어, 도구 패널의 벡터 섹션에서 펜 도구를 선택하면 점을 연결하여 벡터 패스를 그릴 수 있고 브러쉬 도구를 선택하면 마우스를 드래그하여 비트맵 객체를 페인트할 수 있습니다. 또한 텍스트 도구를 선택하면 텍스트를 입력할 수 있습니다.

벡터 객체, 비트맵 객체 또는 텍스트를 그린 후에는 광범위한 도구, 효과, 명령, 기술 등을 사용하여 그래픽을 개선하고 완성할 수 있습니다. 단추 편집기에서 Fireworks 도구를 사용하여 상호 작용 방식의 탐색 단추를 만들 수 있습니다.

Fireworks 도구를 사용하여 가져온 그래픽을 편집할 수도 있습니다. 또한 JPEG, GIF, PNG, PSD 및 기타 포맷의 파일을 가져오고 편집할 수 있습니다. 그래픽 이미지를 가져오면 이미지의 색상과 톤을 조정할 수 있을 뿐 아니라 자르고 수정하고 마스크할 수 있습니다.


12

상호 작용 방식의 그래픽슬라이스와 핫스팟은 웹 그래픽의 상호 작용 영역을 지정하는 웹 객체입니다. 슬라이스는 이미지를 여러 부분으로 자르는데 이러한 전체 이미지의 각 부분에는 롤오버 비헤이비어, 애니메이션 및 URL(Uniform Resource Locator) 링크를 적용할 수 있습니다. 서로 다른 설정을 사용하여 각 부분을 내보낼 수도 있습니다. 웹 페이지에서 각각의 슬라이스는 표의 셀로 나타납니다. 핫스팟을 사용하면 그래픽의 전체 또는 일부에 URL 링크와 비헤이비어를 할당할 수 있습니다. 자세한 내용은 182페이지 “슬라이스, 롤오버 및 핫스팟”을 참조하십시오.

슬라이스와 핫스팟에는 드래그 앤 드롭 롤오버 핸들이 있어 작업 공간에서 바로 그래픽에 이미지 교체 및 롤오버 비헤이비어를 빠르게 할당할 수 있습니다. Fireworks의 편리한 기능인 단추 편집기와 팝업 메뉴 편집기를 사용하면 웹 사이트 탐색을 위한 상호 작용 방식의 특수 그래픽을 만들 수 있습니다.

그래픽 최적화 및 내보내기Fireworks에는 그래픽 내보내기를 준비할 때 파일 크기와 적절한 시각적 품질 간의 균형을 맞춰주는 강력한 최적화 기능이 있습니다. 작업 공간의 미리 보기, 2등분 또는 4등분 보기에서 그래픽 품질을 비교하면서 웹 그래픽을 최적화하여 웹 사이트에 웹 그래픽이 신속하게 로드되도록 파일 크기를 최소화할 수 있습니다.

이미지를 더 작은 부분으로 슬라이스하고 각 부분을 내용에 가장 적합한 포맷으로 최적화할 수 있습니다. Fireworks에 추가된 최적화 유연성 기능인 선택적 JPEG 압축을 사용하면 배경의 품질은 낮추면서 JPEG의 가장 중요한 부분의 품질을 높일 수 있습니다.

그래픽을 최적화한 후의 다음 단계는 웹에서 사용하기 위해 그래픽을 내보내는 것입니다. Fireworks 소스 PNG 문서에서 여러 파일 유형의 슬라이스된 이미지가 포함된 HTML 표, JPEG, GIF, 애니메이션 GIF 등을 비롯한 여러 유형의 파일을 내보낼 수 있습니다. 자세한 내용은 236페이지 “최적화 및 내보내기”를 참조하십시오.

벡터 그래픽 및 비트맵 그래픽컴퓨터는 그래픽을 벡터 포맷 또는 비트맵 포맷으로 표시합니다. Fireworks에서는 벡터 도구와 비트맵 도구가 모두 제공하고 이러한 두 포맷을 열거나 가져올 수 있으므로 두 포맷 간의 차이점을 이해하면 Fireworks를 이용하는 데 도움이 됩니다.

벡터 그래픽벡터 그래픽은 색상과 위치 정보를 포함하는 벡터라는 선과 곡선을 사용하여 이미지를 렌더링합니다. 예를 들어, 나뭇잎의 이미지는 나뭇잎의 외곽선을 나타내는 일련의 점들로 정의할 수 있습니다. 나뭇잎의 색상은 외곽선(획)의 색상과 외곽선으로 둘러싸인 영역의 색상(칠)에 의해 결정됩니다.

벡터 그래픽을 편집하면 그래픽의 모양을 나타내는 선과 곡선의 속성이 수정됩니다. 벡터 그래픽은 해상도의 영향을 받지 않습니다. 즉, 벡터 그래픽의 모양 품질을 바꾸지 않고도 벡터 그래픽을 이동, 크기 조절, 모양 변경 및 색상 변경할 수 있을 뿐 아니라 다양한 해상도의 출력 장치에 표시할 수 있습니다.


13

비트맵 그래픽비트맵 그래픽은 격자로 배열되는 픽셀이라는 점으로 구성됩니다. 컴퓨터 화면은 픽셀로 된 커다란 격자입니다. 나뭇잎의 비트맵 버전에서 이미지는 격자에 있는 각 픽셀의 위치와 색상 값에 의해 결정됩니다. 각 픽셀에는 색상이 할당됩니다. 올바른 해상도에서 보면 모자이크의 타일처럼 여러 점이 서로 맞물려 이미지를 형성합니다.

비트맵 그래픽을 편집하면 선과 곡선이 아닌 픽셀이 수정됩니다. 이러한 비트맵 그래픽은 해상도의 영향을 받습니다. 즉, 이미지를 나타내는 데이터가 특정 크기의 격자에 고정되어 있습니다. 비트맵 그래픽을 확대하면 이미지의 가장자리가 들쭉날쭉해 보이는데 이는 픽셀이 격자 내에서 재분배되기 때문입니다. 출력 장치에서 이미지 자체보다 낮은 해상도로 비트맵 그래픽을 표시해도 역시 이미지 품질이 떨어집니다.

새 문서 만들기파일 > 새 파일을 선택하여 Fireworks에서 새 문서를 만들면 PNG(Portable Network Graphic) 문서가 생성됩니다. PNG는 Fireworks의 기본 파일 포맷입니다. Fireworks에서 그래픽을 만든 후 JPEG, GIF 및 애니메이션 GIF와 같이 친숙한 다른 웹 그래픽 포맷으로 그래픽을 내보내거나 저장할 수 있습니다. 또한 그래픽을 TIFF, PSD 및 BMP와 같이 웹 이외의 영역에서 널리 사용되는 포맷으로 내보내거나 저장할 수도 있습니다. 최적화 및 내보내기 설정을 어떻게 선택하든지 원본 Fireworks PNG 파일은 그대로 유지되므로 나중에 쉽게 편집할 수 있습니다.

Fireworks에서 웹 그래픽을 만들려면 먼저 새 문서를 설정하거나 기존 문서를 열어야 합니다. 설정 옵션은 나중에 속성 관리자에서 조정할 수 있습니다.

새 문서를 만들려면1 파일 > 새 파일을 선택합니다.

새 문서 대화 상자가 열립니다.


14

2 캔바스의 너비와 높이를 픽셀, 인치 또는 센티미터 단위로 입력합니다.

3 인치당 픽셀 수 또는 센티미터당 픽셀 수로 해상도를 입력합니다.

4 캔바스 색상으로 흰색, 투명 또는 사용자 정의 중 하나를 선택합니다.

참고: 사용자 정의 색상 상자 팝업 윈도우를 사용하여 사용자 정의 캔바스 색상을 선택합니다.

5 확인을 클릭하여 새 문서를 만듭니다.

클립보드의 객체와 동일한 크기로 새 문서를 만들려면1 다음 중에서 객체를 클립보드에 복사합니다.

• 다른 Fireworks 문서

• 웹 브라우저

• 17페이지 “Fireworks에 붙여넣기”에 나열된 응용 프로그램 중 하나

2 파일 > 새 파일을 선택합니다.

새 문서 대화 상자가 클립보드 객체의 너비와 높이로 열립니다.

3 해상도와 캔바스 색상을 설정하고 확인을 클릭합니다.

4 편집 > 붙여넣기를 선택하여 클립보드의 객체를 새 문서에 붙여넣습니다.

파일 열기 및 가져오기Fireworks에서 다른 그래픽 프로그램에서 만든 벡터 이미지와 비트맵 이미지를 모두 쉽게 열고 가져오고 편집할 수 있습니다. 또한 디지털 카메라나 스캐너에서도 이미지를 가져올 수 있습니다.

참고: Adobe Dreamweaver에서 파일을 가져올 때 Fireworks에서는 대부분의 JavaScript 비헤이비어가 유지되지만 일부 비헤이비어는 유지되지 않습니다. Fireworks에서 지원되는 비헤이비어의 경우에는 Dreamweaver로 파일을 다시 이동할 때 Fireworks에서 해당 비헤이비어를 인식하고 유지합니다.

Fireworks 문서를 열려면1 파일 > 열기를 선택합니다.

열기 대화 상자가 나타납니다.

2 파일을 선택하고 열기를 클릭합니다.

이전 버전을 덮어쓰지 않고 파일을 열려면 "무제"로 열기를 선택하고 파일을 다른 이름으로 저장합니다.

이 단원에서는 다음과 같은 내용을 다룹니다.

• 15페이지 “최근에 닫은 문서 열기”

• 15페이지 “다른 응용 프로그램에서 만든 그래픽 열기”

• 16페이지 “HTML 파일에서 Fireworks PNG 파일 만들기”

• 17페이지 “Fireworks 문서에 객체 삽입”


15

최근에 닫은 문서 열기파일 메뉴의 최근에 사용한 파일 열기 하위 메뉴에는 최근에 닫은 문서가 10개까지 나열됩니다. 시작 페이지에도 최근에 닫은 문서가 나열됩니다.

최근에 닫은 파일을 열려면1 파일 > 최근에 사용한 파일 열기를 선택합니다.

2 하위 메뉴에서 파일을 선택합니다.

열려 있는 파일이 없을 때 최근에 닫은 파일을 열려면❖ 시작 페이지에서 파일 이름을 클릭합니다.

다른 응용 프로그램에서 만든 그래픽 열기Fireworks에서 Photoshop, Adobe FreeHand, Adobe Illustrator 등의 다른 응용 프로그램에서 또는 비압축 CorelDRAW, WBMP, EPS, JPEG, GIF, 애니메이션 GIF 파일 등의 다른 파일 포맷으로 만든 파일을 열 수 있습니다.

파일 > 열기를 사용하여 PNG 이외의 파일 포맷을 열면 해당 파일을 기반으로 하는 Fireworks PNG 문서가 새로 만들어집니다. Fireworks의 모든 기능을 사용하여 이미지를 편집할 수 있습니다. 그런 다음 다른 이름으로 저장을 선택하여 편집한 이미지를 새 Fireworks PNG 파일이나 다른 파일 포맷으로 저장할 수 있습니다. 또는 일부 이미지 유형의 경우 저장을 선택하여 문서를 원본 포맷으로 저장할 수 있습니다. 문서를 원본 포맷으로 저장하면 이미지가 단일 레이어로 병합되므로 이미지에 추가한 Fireworks의 고유 기능을 편집할 수 없게 됩니다.

Fireworks를 사용하면 Fireworks PNG, GIF, 애니메이션 GIF, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD, PICT(Mac만 해당) 등의 파일 포맷으로 직접 저장할 수 있습니다.

참고: 16비트 TIFF 이미지는 24비트 색상 심도로 저장됩니다.

애니메이션 GIF Fireworks에서 애니메이션 GIF 파일을 다음과 같은 두 가지 방법으로 가져올 수 있습니다.

• 애니메이션 GIF를 애니메이션 심볼로 가져올 수 있습니다. 애니메이션의 모든 요소를 단일 단위로 편집하고 이동할 수 있으며 라이브러리 패널을 사용하여 심볼의 인스턴스를 새로 만들 수 있습니다.

참고: 애니메이션 GIF를 가져올 때 프레임 지연은 기본적으로 0.07초로 설정됩니다. 필요하면 프레임 패널을 사용하여 원래 시간 설정을 복구합니다.

• 애니메이션 GIF를 일반 GIF 파일처럼 열 수 있습니다. GIF의 각 요소는 해당 Fireworks 프레임에 별도의 이미지로 배치됩니다. Fireworks에서 GIF 그래픽을 애니메이션 심볼로 변환할 수 있습니다.

EPS 파일Fireworks는 PhotoShop EPS 파일과 같은 대부분의 EPS 파일을 병합된 비트맵 이미지로 열어 모든 객체를 하나의 레이어로 결합합니다. 그러나 Illustrator에서 내보낸 일부 EPS 파일의 경우 해당 벡터 정보가 유지됩니다.

대부분의 EPS 파일을 열거나 가져올 때 EPS 파일 옵션 대화 상자가 열립니다.

이미지 크기 이미지 크기와 이미지 렌더링 단위를 결정합니다. 픽셀, 퍼센트, 인치, 센티미터 중에서 선택할 수 있습니다.

해상도 해상도를 단위당 픽셀 수로 나타냅니다.

비율 제한 파일을 원본과 동일한 비율로 엽니다.

앤티 앨리어스 열린 EPS 파일의 들쭉날쭉한 가장자리를 부드럽게 만듭니다.

벡터 정보가 들어 있는 Illustrator EPS 파일을 열거나 가져올 때 벡터 파일 옵션 대화 상자가 열립니다. 이 대화 상자는 FreeHand 파일을 열거나 가져올 때 나타나는 대화 상자와 동일합니다.


16

PSD 파일Fireworks CS3에서는 Photoshop에서 생성된 PSD 파일을 열 수 있습니다. 이때 계층적 레이어, 레이어 효과, 일반적으로 사용하는 블렌드 모드 등의 PSD 기능을 모두 또는 대부분 유지할 수 있습니다.

WBMP 파일Fireworks에서는 이동 컴퓨팅 장치용으로 최적화된 1비트(흑백) 파일인 WBMP 파일을 열 수 있습니다. 이 포맷은 WAP(Wireless Application Protocol) 페이지에서 사용합니다. 파일 > 열기를 사용하여 WBMP 파일을 직접 열거나 파일 > 가져오기를 사용하여 WBMP 파일을 가져올 수 있습니다.

HTML 파일에서 Fireworks PNG 파일 만들기Fireworks는 다른 응용 프로그램에서 만든 HTML 컨텐츠를 열고 가져올 수 있습니다. HTML 파일을 열거나 가져올 때 Fireworks는 HTML 코드로 정의된 레이아웃과 비헤이비어를 재구성하여 슬라이스된 그래픽, JavaScript 단추 및 기타 유형의 상호 작용을 포함하는 웹 페이지를 다시 만듭니다. 이렇게 하면 소스 PNG 파일 없이도 상속받은 웹 사이트를 이용할 수 있습니다. 이 기능을 사용하면 페이지를 처음부터 다시 만들거나 스크립팅을 수정할 필요 없이 웹 페이지를 신속하게 열거나 가져와서 그래픽을 업데이트하고 문서 레이아웃을 변경하거나 탐색 링크, 단추, 기타 상호 작용 요소 등을 변경할 수 있습니다.

Fireworks에서는 HTML 컨텐츠를 HTML 표의 형태로 내보내기 때문에 가져온 HTML의 문서 레이아웃도 HTML 표를 기반으로 결정됩니다. HTML 파일에 표가 하나 이상 있어야 Fireworks에서 문서 레이아웃을 다시 구성할 수 있습니다. HTML에 대한 자세한 내용은 258페이지 “HTML 내보내기”를 참조하십시오.

다음과 같은 여러 방법을 사용하여 HTML 컨텐츠를 Fireworks로 가져올 수 있습니다.

• HTML 파일 내의 모든 HTML 표를 열 수 있습니다.

• HTML 파일에서 찾은 첫 번째 HTML 표를 열 수 있습니다.

• Fireworks에서 찾은 첫 번째 HTML 표를 기존 Fireworks문서로 가져올 수 있습니다.

참고: Fireworks에서 UTF-8 인코딩을 사용하는 문서와 XHTML로 작성된 문서도 가져올 수 있습니다. 이러한 파일 유형에 대한 자세한 내용은 263페이지 “UTF-8 인코딩을 사용 또는 사용하지 않고 파일 내보내기” 및 263페이지 “XHTML 내보내기”를 참조하십시오.

HTML 파일의 모든 표를 열려면1 파일 > 표 재구성을 선택합니다.

2 열려는 표가 들어 있는 HTML 파일을 선택하고 열기를 클릭합니다.

각각의 표가 해당 문서 윈도우에서 열립니다.

HTML 파일의 첫 번째 표만 열려면1 파일 > 열기를 선택합니다.

2 열려는 표가 들어 있는 HTML 파일을 선택하고 열기를 클릭합니다.

HTML 파일의 첫 번째 표가 새로운 문서 윈도우에서 열립니다.

HTML 파일의 첫 번째 표를 열린 Fireworks 문서로 가져오려면1 파일 > 가져오기를 선택합니다.

2 첫 번째 표를 가져오려는 HTML 파일을 선택하고 열기를 클릭합니다.

3 가져온 표를 나타내려는 위치에 클릭하여 삽입 포인트를 위치시킵니다.


17

Fireworks 문서에 객체 삽입다른 응용 프로그램에서 만든 벡터 객체, 비트맵 이미지 또는 텍스트를 Fireworks 문서로 가져오거나 드래그하거나 복사하여 붙여넣을 수 있습니다. 또한 디지털 카메라나 스캐너에서 이미지를 가져올 수 있습니다.

Fireworks로 이미지 드래그드래그를 지원하는 다음과 같은 응용 프로그램에서 Fireworks로 벡터 객체, 비트맵 이미지 또는 텍스트를 드래그할 수 있습니다.

• FreeHand 7 이상

• Flash 3 이상

• Photoshop 4 이상

• Illustrator 7 이상

• Microsoft Office 97 이상

• Microsoft Internet Explorer 3 이상

• Netscape Navigator 3 이상

• CorelDRAW 7 이상

이미지 또는 텍스트를 Fireworks로 드래그하려면❖ 다른 응용 프로그램에서 객체나 텍스트를 Fireworks로 드래그합니다.

Fireworks에 붙여넣기다른 응용 프로그램에서 복사한 객체를 Fireworks에 붙여넣으면 활성 문서의 중앙에 객체가 배치됩니다. 다음과 같은 포맷의 객체나 텍스트를 클립보드에서 복사하여 붙여넣을 수 있습니다.

• FreeHand 7 이상• Illustrator

• PNG

• PICT(Macintosh)

• DIB(Windows)

• BMP(Windows)

• ASCII 텍스트• EPS

• WBMP

• TXT

• RTF

Fireworks에 붙여넣으려면1 다른 응용 프로그램에서 붙여넣으려는 객체나 텍스트를 복사합니다.

2 복사한 객체나 텍스트를 Fireworks의 문서에 붙여넣습니다.


18

붙여넣은 객체의 위치Fireworks에 객체를 붙여넣을 경우 다음과 같이 선택한 대상에 따라 붙여넣은 객체의 위치가 달라집니다.

• 단일 레이어의 객체를 하나 이상 선택하면 붙여넣은 객체는 동일한 레이어의 선택한 객체 바로 위에 쌓이거나 앞에 배치됩니다.

• 레이어 자체를 선택하고 객체를 하나도 선택하지 않거나 모든 객체를 선택하면 붙여넣은 객체는 동일한 레이어의 최상위 객체 바로 위에 쌓이거나 앞에 배치됩니다.

• 여러 레이어의 객체를 둘 이상 선택하면 붙여넣은 객체는 최상위 레이어의 최상위 객체 바로 위에 쌓이거나 앞에 배치됩니다.

• 웹 레이어나 웹 레이어의 객체를 선택하면 붙여넣은 객체는 최하위 레이어의 다른 모든 객체 위에 쌓이거나 앞에 배치됩니다.

참고: 웹 레이어는 모든 웹 객체를 포함하는 특수 레이어로서 항상 레이어 패널의 맨 위쪽에 있습니다. 레이어에 대한 자세한 내용은 141페이지 “페이지, 레이어, 마스크 및 블렌드”를 참조하십시오.

붙여넣은 객체 재샘플링대상 Fireworks 문서와 해상도가 다른 비트맵을 붙여넣으면 비트맵을 재샘플링할지 묻는 메시지가 나타납니다.

재샘플링은 크기가 조절될 비트맵에서 픽셀을 추가하거나 제거하여 가능한 한 원본 비트맵의 모양과 일치하도록 조정합니다. 비트맵을 더 높은 해상도로 재샘플링하면 일반적으로 품질이 거의 저하되지 않습니다. 그러나 더 낮은 해상도로 재샘플링하면 항상 데이터가 손실되고 일반적으로 품질도 저하됩니다.

붙여넣기로 비트맵 객체를 재샘플링하려면1 Fireworks나 다른 프로그램에서 클립보드로 비트맵을 복사합니다.

2 Fireworks에서 편집 > 붙여넣기를 선택합니다.

클립보드에 있는 비트맵 이미지의 해상도가 현재 문서와 다를 경우 재샘플링할지 묻는 대화 상자가 나타납니다.

3 다음 중 한 가지를선택합니다.

재샘플 •필요에 따라 픽셀을 추가하거나 제거하여 붙여넣은 비트맵의 원본 너비와 높이를 유지합니다.

재샘플 안함 •원본 픽셀을 모두 유지하여 붙여넣은 이미지의 상대적인 크기를 예상한 것보다 크거나 작게 만듭니다.

PNG 파일 가져오기Fireworks PNG 파일을 활성 Fireworks 문서의 현재 레이어로 가져올 수 있습니다. 모든 핫스팟 객체와 슬라이스 객체는 문서의 웹 레이어에 놓입니다. 슬라이스와 웹 객체에 대한 자세한 내용은 184페이지 “슬라이스와 슬라이스 안내선 보기 및 표시”를 참조하십시오. 레이어에 대한 자세한 내용은 144페이지 “레이어와 함께 사용하기”를 참조하십시오.

PNG 파일을 Fireworks 문서 레이어로 가져오려면1 레이어 패널에서 파일을 가져올 레이어를 선택합니다.

2 파일 > 가져오기를 선택하여 가져오기 대화 상자를 엽니다.

3 가져올 파일을 찾고 열기를 클릭합니다.

4 이미지의 왼쪽 위 모서리를 배치할 캔바스 위치에 가져오기 포인터를 놓습니다.

5 파일을 가져오려면 다음 중 한 가지를 추가합니다.

• 클릭하여 전체 크기 이미지를 가져옵니다.

• 가져오기 포인터를 드래그하여 가져올 이미지의 크기를 조절합니다.

이미지의 비율은 그대로 유지됩니다.


19

디지털 카메라나 스캐너에서 가져오기디지털 카메라나 스캐너가 TWAIN과 호환(Windows)되거나 내장 OS X Image Capture 기능(Macintosh)을 지원하는 경우에만 디지털 카메라나 스캐너에서 이미지를 가져올 수 있습니다. 디지털 카메라나 스캐너에서 Fireworks로 가져온 이미지는 새 문서로 열립니다.

참고: 필요한 소프트웨어 드라이버, 모듈 및 플러그 인이 제대로 설치되어 있지 않으면 디지털 카메라나 스캐너에서 이미지를 가져올 수 없습니다. 설치, 설정 및 옵션에 대한 세부 지침은 카메라 또는 스캐너 설명서에서 TWAIN 모듈 또는 Photoshop Acquire 플러그 인에 대한 내용을 참조하십시오.

Macintosh에서는 Fireworks가 자동으로 Fireworks 응용 프로그램 폴더 내의 Plug-Ins 하위 폴더에서 Photoshop Acquire 플러그 인을 찾습니다. 플러그 인을 Plug-Ins 하위 폴더에 보관하지 않으려면 Fireworks에서 다른 위치를 지정하십시오.

참고: 플러그 인 폴더의 정확한 위치는 운영 체제에 따라 다릅니다. 자세한 내용은 324페이지 “구성 파일을 사용한 작업”을 참조하십시오.

Fireworks에서 Photoshop Acquire 플러그 인 폴더를 지정하려면1 Fireworks에서 편집 > 환경 설정을 선택합니다.

참고: Mac OS X에서는 Fireworks > 환경 설정을 선택합니다.

2 폴더 탭을 클릭합니다.

3 Photoshop 플러그 인을 선택합니다.

4 Photoshop 플러그 인 폴더를 선택하십시오(Windows) 또는 폴더를 선택하십시오(Macintosh) 대화 상자가 자동으로 열리지 않으면 찾아보기를 클릭합니다.

5 Photoshop 플러그 인이 들어 있는 폴더로 이동합니다.

디지털 카메라에서 이미지를 가져오려면(Windows)1 카메라를 컴퓨터에 연결합니다.

2 디지털 카메라와 함께 제공되는 소프트웨어를 설치하지 않았으면 지금 설치합니다.

3 Fireworks에서 파일 > 스캔을 선택하고 Twain 얻기나 Twain 선택을 선택합니다.

4 원본 선택 대화 상자에서 원본을 선택하고 확인을 클릭합니다.

5 이미지 선택 대화 상자에서 가져올 이미지를 선택하고 확인을 클릭합니다.

카메라 소프트웨어의 사용자 인터페이스가 나타납니다.

6 지침에 따라 원하는 설정을 적용합니다.

가져온 이미지가 새 Fireworks 문서로 열립니다.

디지털 카메라에서 이미지를 가져오려면(Macintosh)1 카메라를 컴퓨터에 연결합니다.

2 디지털 카메라와 함께 제공되는 소프트웨어를 설치하지 않았으면 지금 설치합니다.

3 Fireworks에서 파일 > 얻기를 선택하고 카메라 얻기나 카메라 선택을 선택합니다.

4 카메라 선택 대화 상자에서 카메라를 선택하고 확인을 클릭합니다.

5 이미지 선택 대화 상자에서 가져올 이미지를 선택하고 확인을 클릭합니다.

참고: 이미지 선택 대화 상자에는 Fireworks에서 지원하는 파일 유형만 표시됩니다.




20

스캐너에서 이미지를 가져오려면(Windows)1 스캐너를 컴퓨터에 연결합니다.

2 스캐너와 함께 제공되는 소프트웨어를 설치하지 않았으면 지금 설치합니다.

3 Fireworks에서 파일 > 스캔을 선택하고 Twain 얻기나 Twain 선택을 선택합니다.

참고: 대부분의 TWAIN 모듈 또는 Photoshop Acquire 플러그 인의 경우 기타 옵션을 설정하는 추가 대화 상자가 나타납니다.



스캐너에서 이미지를 가져오려면(Macintosh)1 스캐너를 컴퓨터에 연결합니다.

2 스캐너와 함께 제공되는 소프트웨어를 설치하지 않았으면 지금 설치합니다.

3 Fireworks에서 파일 > 얻기를 선택하고 Twain 얻기나 Twain 선택을 선택합니다.

참고: 대부분의 TWAIN 모듈 또는 Photoshop Acquire 플러그 인의 경우 기타 옵션을 설정하는 추가 대화 상자가 나타납니다.



Fireworks 파일 저장새 문서를 만들거나 기존 Fireworks PNG 문서를 열 때 문서의 파일 이름에는 확장자 .png가 붙습니다. PSD, HTML 등 다른 유형의 파일도 PNG 파일로 열리므로 Fireworks PNG 문서를 소스 파일이나 작업 파일로 사용할 수 있습니다.

그러나 대부분의 파일은 Fireworks에서 열 때 원본 파일 이름의 확장자와 최적화 설정을 유지합니다. 자세한 내용은 21페이지 “다른 포맷으로 문서 저장”을 참조하십시오.

Fireworks에서 문서를 저장하는 기본 위치는 다음 순서로 결정됩니다.

• 현재 파일 위치

• 저장, 다른 이름으로 저장, 사본 저장 또는 내보내기 대화 상자의 기본 위치에서 탐색할 때 정의된 현재 내보내기/저장 위치

• 새 문서나 이미지가 운영 체제에 저장되는 기본 위치

Fireworks PNG 파일 저장새 문서를 만들거나 기존 Fireworks PNG 문서를 열 때 문서의 파일 이름에는 확장자 .png가 붙습니다. Fireworks 문서 윈도우에 나타나는 파일은 소스 파일이나 작업 파일입니다.

Fireworks PNG 파일을 소스 파일로 사용하면 다음과 같은 장점이 있습니다.

• 소스 PNG 파일을 언제나 편집할 수 있습니다. 웹에서 사용하기 위해 파일을 내보낸 후에도 다시 돌아가서 추가로 변경할 수 있습니다.

• PNG 파일에서 복잡한 그래픽을 여러 슬라이스로 나눈 후 파일 포맷과 최적화 설정을 다양하게 적용하여 여러 파일로 내보낼 수 있습니다.


21

새 Fireworks 문서를 저장하려면1 파일 > 다른 이름으로 저장을 선택합니다.

다른 이름으로 저장 대화 상자가 열립니다.

2 원하는 위치로 이동하고 파일 이름을 입력합니다.

자동으로 확장자가 입력되므로 확장자를 직접 입력할 필요가 없습니다.

3 저장을 클릭합니다.

기존 문서를 저장하려면❖ 파일 > 저장을 선택합니다.

이전 버전의 Fireworks에서 사용할 Fireworks CS3 PNG 파일을 저장하려면1 파일 > 내보내기를 선택합니다.

2 파일을 저장할 위치로 이동합니다.

3 Fireworks CS3 파일이 여러 페이지로 구성된 경우 내보내기 팝업 메뉴에서 페이지를 파일로를 선택합니다.

4 다른 이름으로 내보내기 팝업 메뉴에서 이미지나 Fireworks PNG를 선택합니다. 이미지를 선택하면 각 페이지가 기본 파일 포맷으로 저장됩니다. 최적화 패널를 참조하십시오.

내보낼 때 최상위 레이어의 객체는 모두 저장되지만 하위 레이어의 항목은 제외됩니다.

다른 포맷으로 문�