Case Study

레이아웃 간의 그림 동기화하기

이 예제에서는 같은 프로젝트에 있는 프린트 레이아웃과 웹 레이아웃 간에 그림을 동기화할 것입니다.

1 'Module 11_Q' 폴더에 있는 '11-B DeviceN Article.qpt' 파일을 열고 그 파일을
'Module 11_Q' 폴더의 'Synch.qxp'로 저장합니다.

▶ 예제 파일을 열 때 불일치 환경설정 대화상자가 나타나면 항상 프로젝트 설정값 유지를 클릭합니다.
▶ 예제 파일을 열 때 유실 서체 대화상자가 나타나면 항상 계속을 클릭합니다.

2 현재 프로젝트의 프린트 레이아웃에만 있는 기사를 웹 레이아웃에 추가해야 할 필요가 있습니다.

[프린트 레이아웃의 2페이지]

3 동기화할 기사를 공유 콘텐트로 변환하는 작업을 시작하겠습니다. 공유 콘텐트 팔레트에 동기화할 기사를
등록하여 공유 콘텐트로 변환할 수 있으며 등록된 콘텐트를 지면에 계속해서 생성하여 사용할 수 있습니다.
공유 콘텐트 팔레트를 나타내기 위해 ‘윈도우 > 공유 콘텐트’를 체크 확인합니다.


[공유 콘텐트 팔레트]

4 배경에 있는 그림을 공유 콘텐트로 변환하기 위해 그림 내용 도구 로 해당 이미지를
클릭한 다음 클릭한 다음 항목 > 공유를 선택합니다. 공유 항목 속성 대화상자가 나타납니다.


[공유 항목 속성 대화상자]

5 이름 필드에 ‘배경일러스트’을 입력합니다.

6 ‘상자 속성 동기화’를 체크합니다. 이것은 테두리와 상자 투명도 등 상자의 속성이 동기화되게 합니다.

7 ‘내용 동기화’를 체크합니다. 이것은 그림 자체(그림 상자의 내용)을 동기화합니다.

8 ‘내용만’을 클릭합니다. 이것은 이 그림에서 그림의 속성(적용된 투명도와 QuarkVista 효과 등)이
동기화되는 것을 방지합니다.

9 확인을 클릭합니다. 배경일러스트 항목이 공유 콘텐트 팔레트에 나타납니다.


[공유 콘텐트 팔레트의 ‘배경일러스트’ 항목]

10 방금 공유했던 ' 배경일러스트 ' 항목 내부의 그림을 보기 위해 배경일러스트 이름의 왼쪽의 확장
아이콘을 클릭합니다. 공유 항목에 대한 자세한 정보를 보려면 팔레트의 하단에서 정보 화살표를 클릭합니다.


[공유 콘텐트 팔레트에서 확장된 ‘배경일러스트’ 항목]

11 웹 레이아웃으로 전환하기 위해 레이아웃 > 찾아갈 레이아웃 > 웹 레이아웃을 선택합니다.
또는 상단 레이아웃 탭에서 Web Layout 탭을 선택합니다.
웹 레이아웃이 나타납니다.


[레이이웃 탭 이동]


[웹 레이아웃]

12 ‘배경일러스트’를 포함하는 그림 상자의 동기화된 복사본을 웹 레이아웃 페이지에 추가하기 위해
항목 도구 (n02_img07)를 사용하여 공유 콘텐트 팔레트에서 ‘배경일러스트’ 이름을 페이지로 드래그합니다.
아래처럼 그림 상자를 배치합니다. 동기화 된 상자라는 표시로 상자에 파란색 핸들 포인트가 나타나는 것을
확인할 수 있습니다.


[웹 레이아웃에서 공유된 그림]

13 동기화된 그림 상자를 여전히 선택한 상태에서 ‘항목 > 맨 뒤로 보내기’를 선택합니다.

14 이제 그림 상자에 임시로 변화를 주어 동기화가 잘 동작하는지 살펴볼 것입니다.
그림이 선택된 상태에서 ‘항목 > 수정’을 선택하고 테두리 탭을 클릭합니다.
수정 대화상자의 테두리 탭이 나타납니다. 두께 필드에 4 pt를 입력하고 확인을 클릭합니다.
동기화된 그림 상자에 테두리가 4pt로 바뀌는 것을 확인할 수 있습니다.
(또는 측정팔레트의 테두리 탭을 선택한 후 4pt로 입력)


[웹 레이아웃에서 테두리로 동기화된 그림 상자]

15 윈도우 상단에서 프린트 레이아웃 탭을 클릭하여 프린트 레이아웃으로 돌아갑니다.
이 레이아웃에 있는 그림에도 테두리가 적용된 것을 확인할 수 있습니다.
이것은 공유 항목 속성 대화상자에서 상자 속성 동기화가 체크되었기 때문입니다.


[프린트 레이아웃에서 테두리로 동기화된 그림 상자]

16 테두리를 적용하기 전 상태로 돌아가기 위해 편집 > 그림 상자 변경 취소(Command/Ctrl+Z)를
선택합니다.

17 이제 동기화된 그림 콘텐트를 알아볼 것입니다. 프린트 레이아웃에서 그림 내용 도구로 그림을 선택한 다음
파일 > 가져오기를 선택합니다. 가져오기 대화상자가 나타납니다.

18 'Module 11_Q' 폴더에 있는 'color_fan_dark.tif' 파일을 선택합니다.

19 가져오기 대화상자의 그림 특성 유지의 체크를 해제합니다.
이 상자의 체크를 해제한다는 것은 그림의 비율과 자르기를 유지하지 않음을 나타냅니다.


[그림 가져오기]


[그림 특성 유지 체크박스]

20 열기를 클릭합니다. 기존의 그림이 선택한 그림으로 대치됩니다.


[확대경 그림 상자의 새로운 그림]

21 제목을 보이게 만들기 위해 그림 상자를 맨 뒤에 위치해야 합니다. 그림 상자가 선택된 상태에서
‘항목 > 맨 뒤로 보내기’를 선택합니다.

22 윈도우 상단에서 웹 레이아웃 탭을 클릭하여 웹 레이아웃으로 전환합니다.
이 레이아웃에서도 그림이 대치되었음을 알 수 있습니다.

23 이제 그림 속성을 변경할 것입니다. 그림을 클릭하여 선택한 다음 스타일 > 투명도 > 30%를 선택
합니다. 그림이 투명해집니다.


[투명도 30% 적용된 그림]

24 윈도우의 상단에서 프린트 레이아웃 탭을 클릭합니다. 여기의 그림은 부분적으로 투명하지 않음을 볼 수
있습니다. 이것은 공유 항목 속성 대화상자에서 내용 & 속성이 아닌 내용만을 체크했기 때문입니다.

25 동기화된 그림과 그림 상자를 다양한 속성을 적용하여 봅니다. 그림 상자의 회전과 상자 안의 그림의
회전을 변경해 봅니다. 또는 그림 상자에 배경 컬러를 적용하여 두 개의 레이아웃의 콘텐트들이 동기화가 되어
속성이 잘 반영되는지 확인합니다.