오버레이 제작 모범 사례

소스 파일

• 오버레이용 소스 에셋을 만들 때 다시 샘플링된(압축된) 오버레이와 업로드하는 동안 단순히 통과한 오버레이를 이를 통해 구별할 수 있습니다. 슬라이드쇼, 스크롤 가능 프레임 및 버튼 등의 소스 에셋은 PNG 이미지로 다시 샘플링됩니다. 모든 이미지 형식을 이들 오버레이용으로 사용할 수 있습니다. 업로드 중 압축되는 최소 108개의 유효 이미지 해상도를 이용하면 최상의 결과를 얻을 수 있습니다.
  
• 파노라마, 이미지 시퀀스, 이미지 이동 및 확대/축소, 오디오 스킨 등의 소스 에셋은 업로드 시 다시 만들어지지 않고 통과됩니다. 이들 오버레이에는 JPEG 또는 PNG 이미지 형식을 사용합니다. Photoshop에서 웹의 [저장]을 사용하면 파일 크기를 줄이고 파일 크기를 키우는 불필요한 메타데이터를 제거할 수 있습니다.
  
• 파일 크기를 줄이려면 소스 파일에 중간 압축(50-80% 범위)의 JPEG 이미지를 사용합니다. 이미지에 투명도가 포함되는 경우에만 PNG 이미지를 사용합니다. 오버레이 이미지 및 비디오를 압축하면 Folio의 크기를 상당히 줄일 수 있습니다.
• 정확한 크기(픽셀) 및 72ppi를 사용하여 파노라마, 이미지 시퀀스, 인라인 비디오, 이미지 팬 및 확대/축소 또는 오디오 컨트롤러의 소스 파일을 만듭니다. 통과 오버레이의 경우 필요 이상의 큰 이미지를 만들어 InDesign의 오버레이 프레임을 축소시키는 실수가 종종 발생합니다.
  

• 메모리를 많이 사용하는 오버레이를 만드는 경우 이러한 오버레이를 미리 로드하기 위해 뷰어의 성능이 상당히 느려질 수 있습니다. 가능하면 디자인에서 오버레이를 분산시켜 여러 오버레이가 동시에 미리 로드되지 않게 하십시오. 예를 들어 스크롤 가능 프레임에 오버레이가 중첩된 아티클이 두 개 있는 경우 두 문서 사이에 광고 또는 기본 아티클을 넣는 것이 좋습니다. 오버레이 또는 PDF 아티클의 투명도로 페이지 로드 시간이 길어질 수 있습니다.
  
• 이미지 시퀀스의 경우 이미지 수와 부드러운 정도 사이에서 적절한 균형점을 찾습니다. 이미지 수가 너무 적으면 부드러운 정도가 줄어듭니다. 이미지 수가 너무 많으면 Folio 크기가 늘어나서 메모리 사용이 증가합니다. 이미지 시퀀스 파일에 있는 불필요한 이미지는 피하십시오.
  
• PDF 파일을 슬라이드 쇼 상태로 또는 스크롤 가능 프레임 콘텐츠에 배치하는 경우 분리되지 않은 PDF 1.4 이상을 사용하여 흰 줄이 생성되는 것을 방지하십시오.
  

설정

• 파노라마, 이미지 시퀀스, 오디오 스킨 및 로컬 웹 콘텐츠 오버레이의 경우 오버레이 파일의 폴더를 별도로 만듭니다. 이 폴더에 연결하려면 Folio Overlays 패널을 사용합니다.
• 인터랙티브 오브젝트를 도련 영역으로 실행하지 마십시오. 인터랙티브 오브젝트를 페이지 크기 영역 내에 유지합니다.
• 가능하면 통계 데이터를 보다 쉽게 분석할 수 있도록 오버레이에 실제 이름을 지정합니다. 예를 들어 "버튼 4" 및 "다중 상태 오브젝트 2" 대신 "트위터 링크" 및 "크리켓 슬라이드쇼"를 사용합니다.

팁 및 가이드라인

• 오버레이로 작업하는 경우 [윈도우] > [작업 영역] > [디지털 퍼블리싱]을 선택하여 인터랙티브 패널에 더 쉽게 액세스할 수 있습니다.

• 사용자가 어떤 오브젝트가 인터랙티브인지 알 수 있도록 일관된 방법을 사용합니다. 예를 들어 인터랙티브 기능의 다른 유형을 나타낼 수 있도록 아이콘을 사용하여 포스터 이미지를 만들 수 있습니다.

• InDesign에서 오버레이 파일을 배치할 때 프레임 크기에 따라 인터랙티브 콘텐츠를 활성화하기 위해 탭하는 위치가 달라집니다.

• 인터랙티브 콘텐츠에서는 불투명도 및 곱하기와 같은 기본 투명도 효과만 지원됩니다. 혼합 모드는 지원되지 않습니다.

• 경우에 따라 비디오의 마스크와 같이 이미지를 오버레이에 나타내려는 경우가 있을 수 있습니다. 이렇게 하려면 "더미" 오버레이를 생성하십시오. 이러한 요령에 대한 예는 무료 DPS Learn 앱에서 Bob Bringhurst가 제공하는 예제를 참조하십시오.