어도비 뮤즈 스크롤 <페이지 요소 배경 채우기에 스크롤 동작 적용>
<adobe muse Apply scroll motion to a page element background fill >
바둑판식 또는 비 바둑판식으로 배열된 배경 이미지가 채우기로 적용된 페이지의 개체에
스크롤 동작을 적용할 수 있습니다. 다음 단계를 따르십시오.
-
디자인 보기에서 페이지를 편집하는 동안 [페이지] > [페이지 속성]을 선택합니다.
페이지를 스크롤할 수 있도록 길게 하려면 [최소 높이]를 훨씬 크게 설정합니다(예: 2000픽셀).
[확인]을 클릭하여 변경 사항을 저장하고 [페이지 속성] 대화 상자를 닫습니다.
또는 페이지를 더 길게 만들려면 여러 페이지 컨텐트를 추가합니다. -
디자인 보기의 제어 패널에서 [사각형] 도구를 선택합니다.
-
페이지에 사각형을 그립니다.
-
사각형을 채우려면 [채우기] 메뉴를 사용하여 바둑판식 또는 비 바둑판식으로 배열된 배경 이미지를 설정합니다(그림 54 참조).
요소 위에 표시되는 T 핸들이 스크롤 동작에 대해 활성화되었는지 확인합니다.
이 핸들은 키 위치를 시각적으로 나타낸 것입니다(현재 요소 위에 100px로 설정됨).
[스크롤] 탭의 가운데 섹션에 있는 아이콘은 페이지에서 T 핸들의 위치에 해당합니다.
가운데 필드에 새 값을 입력하거나 페이지에서 T 핸들을 드래그하여 스크롤 효과가
발생할 때 키 위치를 재설정할 수 있습니다.
T 핸들을 드래그할 때 키 위치 위의 영역이 일시적으로 흐리게 표시됩니다(그림 6 참조).
참고:
T 핸들은 선택한 요소와 관련하여 위쪽으로 확장하지 않아도 됩니다.
요소의 위쪽 가장자리에 맞도록 T 핸들을 클릭한 채 드래그하거나,
요소 아래로 확장하도록 T 핸들을 드래그합니다.
핸들을 드래그하거나 키 위치 필드에 숫자를 입력하여 방문자가 페이지를
스크롤할 때 발생하는 이동을 정확하게 제어할 수 있으므로 Muse는
디자인 프로세스 중에 완벽한 유연성을 제공합니다.
[채우기] 메뉴의 [스크롤] 탭 사용 방법은
[브라우저 채우기] 메뉴의 [스크롤] 탭과 같습니다.
[동작 스크롤 효과]에 대해 설정된 요소가 선택된 상태에서
[채우기] 메뉴의 [스크롤] 탭을 사용하여 키 위치를 숫자로 설정하거나
페이지에서 T 핸들을 클릭한 채 드래그하여 키 위치를 설정합니다.
세로 및 가로 방향과 해당 속도율은 페이지가 [시작 동작] 섹션에서
스크롤되는 속도를 기준으로 설정합니다.
이것은 페이지가 키 위치로 스크롤되기 전에 발생하는 동작을 설정합니다.
세로 및 가로 방향과 해당 속도율은 페이지가 [최종 동작] 섹션에서 스크롤되는
속도를 기준으로 설정합니다.
이것은 페이지가 키 위치를 지나서 스크롤된 후에 발생하는 동작을 설정합니다.
참고:
그림 5에서 사각형은 오른쪽으로 이동하도록 설정되어 있으며,
방문자가 스크롤하는 비율의 3배 속도로 위치에 이동하여
브라우저의 페이지가 키 위치를 충족할 때 디자인에서 해당 위치에 도달합니다.
방문자가 키 위치를 지나서 스크롤하면(100픽셀) 사각형이 왼쪽으로
이동하기 시작하며, 방문자가 스크롤하는 비율의 3배로 위치를 벗어납니다.
이 예에서 두 세로 필드 모두 0으로 설정되어 있기 때문에
사각형이 세로 방향으로 이동하지 않습니다.
[채우기] 메뉴를 닫으려면 페이지의 다른 곳을 클릭합니다.
[미리 보기]를 누르거나 브라우저의 [파일] > [페이지 미리 보기]를
선택하여 스크롤 효과를 적용한 후에 테스트합니다. 페이지를 스크롤하여 요소 이동을 확인합니다.
테스트를 마치면 Muse로 돌아가거나 [디자인] 단추를 클릭하여 페이지를 계속 편집합니다.
어도비 뮤즈 스크롤 <페이지 요소 배경 채우기에 스크롤 동작 적용>
<adobe muse Apply scroll motion to a page element background fill >
'컴퓨터 > 그래픽' 카테고리의 다른 글
어도비 뮤즈 adobe muse 스크롤6 슬라이드 쇼 탭 작업 (0) | 2014.01.21 |
---|---|
어도비 뮤즈 adobe muse 스크롤5 불투명도 스크롤 효과 적용 (0) | 2014.01.20 |
어도비 뮤즈 스크롤4 스크롤 효과 패널 동작 스크롤 효과 (0) | 2014.01.19 |
어도비 뮤즈 스크롤 2 이미지 세트에 브라우저 채우기 (0) | 2014.01.17 |
adobe muse help<어도비 뮤즈> 스크롤 효과 작업 1 (0) | 2014.01.16 |