Adobe Muse에서 스크롤 효과를 시작하는 방법에 대한 자세한 내용은 이 문서를 참조하십시오. 스크롤 효과의 개념에 대해 알아보십시오.

참고:

Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원은 Adobe Muse 서비스 종료 페이지를 참조하십시오.

스크롤 효과는 웹 페이지에서 각 요소의 속도와 방향을 설정하는 데 사용할 수 있는 웹 디자인 기법입니다. 스크롤 효과를 사용하면 두 개 이상의 페이지 요소가 브라우저에서 서로 다른 속도로 이동하는 동적 애니메이션 웹 사이트를 만들 수 있습니다. Adobe Muse에서는 슬라이드 쇼 또는 애니메이션의 동작 설정, 불투명도 및 재생 설정을 포함한 다양한 설정을 구성할 수 있습니다.

고정 사이트에서 또는 고정 중단점을 사용하여 Adobe Muse의 거의 모든 요소에 스크롤 효과를 적용할 수 있습니다. 요소에는 배경 이미지, 텍스트 및 이미지가 포함됩니다. 또한 채우기로 배경 이미지가 설정된 모든 요소에는 배경 채우기 스크롤 효과를 적용할 수 있습니다. 브라우저 창에 표시할 배경 채우기 이미지를 설정한 경우에는 브라우저 채우기 메뉴에서도 스크롤 효과를 사용할 수 있습니다.

스크롤 효과는 경사 및 내부 광선과 같은 특정 그래픽 효과를 사용하는 배경 채우기 요소에 적용할 수 없습니다. 선택한 개체에 이러한 종류의 효과를 적용하면 채우기 패널의 스크롤 섹션에 있는 옵션이 해제됩니다.

참고:

스크롤 효과를 요소에 적용하려면 요소의 상태가 [표준]으로 설정되어 있는지 확인하십시오.

이미지 및 배경 채우기와는 별도로 스크롤 효과는 깊이 있는 효과를 제공하는 애니메이션에 주로 사용됩니다. 페이지의 요소마다 각기 다른 속도로 이동을 설정할 수 있습니다. 예를 들어 페이지 레이아웃에는 지면 요소보다 두 배 빠르게 움직이는 전경 요소가 포함될 수 있습니다. 애니메이션 컨텐트 뒤에 있는 바둑판식 배열의 배경 채우기에 가운데 지면 요소 속도의 절반에 해당하는 속도를 설정한다고 가정합니다. 이 설정은 사람의 눈이 동작을 인식하는 방식을 반영합니다. 즉, 기준틀에 가장 가까운 개체가 가장 빠르게 움직이는 것으로 나타납니다.

스크롤 효과는 페이지에 기준점 태그를 추가할 때에도 아주 유용합니다. 방문자가 링크를 클릭하여 길거나 넓은 페이지의 기준점 태그로 이동하는 경우에도 스크롤 효과가 적용됩니다. 스크롤 효과 및 기준점 태그를 사용하여 날아오거나 페이드 인하거나 제 위치로 애니메이션되는 섹션이 포함된 페이지를 디자인할 수 있습니다. 방문자가 페이지 아래쪽 영역으로 이동할 때 통합된 탐색 모음을 형성하는 일련의 메뉴 모음을 만들 수도 있습니다.

레이아웃에서 스크롤 효과의 사용을 사용하려면 먼저 다음과 같은 주요 개념을 이해해야 합니다.

키 위치

스크롤 효과의 키 위치는 사용자가 구성하는 페이지 요소가 이동하기 시작하는 위치를 나타냅니다. 예를 들어 브라우저 채우기 메뉴를 클릭하고 스크롤 탭을 선택합니다. 가운데 섹션에 있는 필드(현재 0px가 표시됨)는 키 위치에 해당합니다. 동작 설정을 켜면 T 핸들 위치가 페이지에 나타납니다. 이 T 핸들은 동작 범위를 제어합니다. 기본 설정 0px는 T 핸들이 브라우저 창의 위쪽 가장자리로 설정되었음을 의미합니다.

키 위치 필드에 지정된 픽셀 수는 페이지가 해당 위치로 스크롤되는 동안 시작 동작 섹션에서 설정한 변경 사항이 해당 방향과 해당 속도로 이동됨을 의미합니다. 페이지 맨 위는 0에서 시작하고 픽셀 수는 페이지를 아래로 스크롤할 때 늘어납니다. 변형 패널(Window > 변형)에서 페이지 위쪽으로부터의 거리는 Y 값으로 참조됩니다.

키 위치

시작 동작

스크롤 효과의 [시작 동작]은 스크롤 동작이 시작되는 위치(px)입니다. 키 위치 값과 페이지 요소의 가장자리 간에 요소의 스크롤 동작을 정의하도록 [시작 동작]을 구성합니다.

[시작 동작] 섹션에서 필드의 값 옆에 소문자 "x"가 있는 것을 볼 수 있습니다. 이 "x"는 시간을 나타냅니다. 방문자가 페이지를 빠르게 스크롤하는 경우 스크롤 효과는 같은 속도를 맞추기 위해 동작 속도가 빨라집니다.

최종 동작

[최종 동작]은 사용자가 지정된 값을 초과하여 스크롤한 경우 페이지 요소의 이동을 결정합니다. 최종 동작 섹션에 구성된 값은 페이지가 키 위치(T 핸들 위치)를 지나서 스크롤되면 적용됩니다.

동작 스크롤 효과가 적용된 요소가 필드에서 0보다 큰 값을 가진 방향으로 이동됩니다. 가로 방향과 세로 방향이 모두 0으로 설정된 경우 요소가 페이지에 핀으로 고정되어 이동하지 않습니다.

가로 섹션의 값이 "0"인 경우 브라우저 채우기가 가로로 왼쪽이나 오른쪽으로 이동하지 않습니다.

Adobe Muse의 스크롤 효과와 관련하여 시각적으로 표현된 주요 개념을 보려면 다음 이미지를 참조하십시오.

스크롤 효과의 키 위치, 시작 동작 및 최종 동작
스크롤 효과의 키 위치, 시작 동작 및 최종 동작

스크롤 효과 사이트로 이동하여 스크롤 효과의 작동 방식을 알아보십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책