Fireworks 페이지를 사용하여 웹 사이트 및 인터페이스 프로토타입 생성

한 Fireworks PNG 파일에 여러 페이지를 포함하면 웹 및 응용 프로그램 인터페이스의 프로토타입을 완벽하게 생성할 수 있습니다. 각 페이지에는 캔버스 크기와 색상, 이미지 해상도 및 안내선에 대한 고유 설정이 포함되어 있습니다. 이러한 옵션은 페이지별로 설정하거나 문서의 모든 페이지에 대해 전역으로 설정합니다. 웹 레이어를 제외하고는 각 페이지에 고유한 레이어 세트도 포함됩니다. 하지만 공통 요소가 있는 경우에는 마스터 페이지를 사용하거나 페이지 사이에서 레이어를 공유할 수 있습니다. 레이어 공유를 참조하십시오.

페이지를 볼 때 사용되는 [페이지] 패널에는 각 페이지의 객체가 페이지 이름 옆에 축소판으로 표시됩니다. 패널에서 활성 페이지가 강조 표시되고 활성 문서 위의 페이지 팝업 메뉴에 표시됩니다.

페이지 내보내기에 대한 자세한 내용은 작업 공간에서 내보내기를 참조하십시오.

Fireworks 또는 Photoshop으로 고화질 프로토타입 만들기(00:01:17)

Fireworks 또는 Photoshop을 사용하여 고화질 프로토타입을 만드는 방법에 대한 간단한 개요를 확인하십시오.

작성자: Jim Babbage

페이지 추가, 삭제 및 탐색

[페이지] 패널을 사용하여 새 페이지를 추가하고, 원하지 않는 페이지를 삭제하고, 기존 페이지를 복제할 수 있습니다. 페이지를 추가, 삭제 또는 이동하면 페이지 제목 왼쪽의 번호가 자동으로 업데이트됩니다. 이러한 자동 번호를 사용하면 여러 페이지가 포함된 큰 디자인에서 특정 페이지로 빠르게 이동할 수 있습니다.

페이지 추가

페이지 목록 끝에 빈 페이지가 삽입되고 활성 페이지가 됩니다.

페이지로 이동

페이지 복제

복제를 하면 현재 선택한 객체 및 레이어 계층과 동일한 객체 및 레이어 계층을 포함하는 새 페이지가 추가됩니다. 복제된 객체에서는 원본 객체의 불투명도와 블렌드 모드가 그대로 유지됩니다. 원본에 영향을 주지 않고 복제된 객체를 변경할 수 있습니다.

한 페이지 이상 이동

[페이지] 패널에서 페이지를 이동하여 관련된 디자인을 서로 가까운 위치에 두면 레이아웃 처리 속도를 높일 수 있습니다.

페이지 삭제

삭제된 페이지 위의 페이지가 활성 페이지가 됩니다.

페이지 캔버스 편집

각 페이지에는 개별 캔버스 크기, 색상 및 이미지 해상도가 지정된 고유한 캔버스가 있습니다.

마스터 페이지 사용

모든 페이지에서 요소 세트를 사용하려면 마스터 페이지를 사용합니다. 일반 페이지를 마스터 페이지로 변환하면 변환된 페이지가 [페이지] 패널에 있는 목록의 맨 위로 이동합니다. 마스터 페이지를 만들면 마스터 페이지 레이어가 각 페이지에 대한 레이어 계층의 아래쪽에 추가됩니다.

마스터 페이지 만들기

페이지 사이에서 공유된 모든 레이어는 일반(비공유) 레이어가 됩니다. 하지만 프레임 사이에서 공유된 레이어는 유지됩니다. 링크된 페이지에 마스터 페이지 프레임을 표시하려면 상태에서 객체 보기를 참조하십시오.

페이지를 마스터 페이지에 링크

마스터 페이지를 만든 후에 새로 만드는 페이지는 마스터 페이지의 설정을 자동으로 상속받습니다. 기존 페이지는 마스터 페이지에 링크하지 않는 한 이 설정을 상속받지 않습니다. 나중에 마스터 페이지를 변경할 경우 링크된 페이지가 모두 자동으로 업데이트됩니다.

다음 제한은 객체 및 비헤이비어를 마스터 페이지에서 다른 페이지로 상속하는 데 적용됩니다.

• 페이지는 마스터 페이지에 있는 모든 객체의 현재 상태만 상속합니다. 모든 객체의 모든 상태를 상속하려면 각 페이지에서 상태 수가 가장 많은 객체에 같은 수의 또는 더 많은 수의 상태를 추가합니다. 해당 페이지의 모든 객체가 마스터 페이지의 모든 상태를 상속받습니다.

• 페이지의 캔버스 크기 또는 이미지 크기에 대한 변경 사항은 마스터 페이지에 연결되지 않은 페이지를 비롯하여 모든 페이지에 적용됩니다. 변경 사항이 현재 페이지에만 적용되도록 제한하려면 [현재 페이지만]을 선택합니다.

• 연결된 페이지만 마스터 페이지의 캔버스 색상에 대한 변경 사항을 상속받습니다.

마스터 페이지 레이어 보기 또는 가리기

가시성을 변경한 경우에는 새 값이 모든 페이지에 반영됩니다.

마스터 페이지 레이어 제거

마스터 페이지 레이어를 다시 페이지에 추가하려면 [레이어] 패널을 마우스 오른쪽 단추로 클릭하고 팝업 메뉴에서 [마스터 페이지 레이어 추가]를 선택합니다.

마스터 페이지를 일반 페이지로 다시 변경

선택한 페이지 내보내기

하나의 단계에서 여러 페이지를 내보낼 수 있습니다. 선택한 페이지만 내보내집니다. 페이지를 내보낼 경우 개별 페이지에 지정된 최적화 설정은 파일을 내보내는 데 사용됩니다.

페이지를 내보낼 때 파일 이름 사용자 정의

선택한 페이지에서 슬라이스 내보내기

파일을 내보낼 경우 소스 파일의 슬라이스는 무시됩니다. 슬라이스를 내보내려면 [내보내기] 대화 상자에서 다음 설정을 사용합니다.

다중 페이지 미리 보기

파일을 가져오거나 열 때 마스터 페이지를 제외한 모든 페이지를 미리 볼 수 있습니다. 파일을 열 때 미리 보기 중 선택한 페이지를 초점으로 가져옵니다.

마스터 레이어의 객체를 포함한 페이지를 삽입할 때 마스터 페이지를 일반 레이어로 변환 후 가져옵니다.

다중 페이지 미리 보기 사용

페이지를 불러오거나 열 때 하나의 파일에서 모든 페이지를 미리 봅니다. 다중 페이지 미리 보기 옵션은 [환경 설정] 대화 상자에서 기본적으로 사용됩니다.

이전 버전에서 생성된 파일에 대해 다중 페이지 미리 보기를 사용하려면 현재 버전에서 파일을 연 다음 저장합니다.

페이지를 열거나 가져오기 전 미리 보기

• Windows에서는 파일을 가져오거나 열 때 [가져오기] 또는 [열기] 대화 상자에 미리 보기가 표시됩니다.

• Mac에서는 [열기] 또는 [가져오기] 대화 상자에서 미리 보기를 클릭합니다. 또는 [가져오기] 대화 상자에서 파일을 두 번 클릭하여 [미리 보기] 모드를 입력할 수 있습니다.

  파일을 가져올 때 [현재 페이지 뒤에 삽입]을 선택하여 가져온 페이지를 문서에서 현재 선택된 페이지 뒤에 추가합니다.