어도비 뮤즈 스크롤3 <페이지 요소 배경 채우기에 스크롤 동작 적용>

어도비 뮤즈 스크롤 <페이지 요소 배경 채우기에 스크롤 동작 적용>

<adobe muse Apply scroll motion to a page element background fill >


바둑판식 또는 비 바둑판식으로 배열된 배경 이미지가 채우기로 적용된 페이지의 개체에 

스크롤 동작을 적용할 수 있습니다. 다음 단계를 따르십시오.


      1. 디자인 보기에서 페이지를 편집하는 동안 [페이지] > [페이지 속성]을 선택합니다.
        페이지를 스크롤할 수 있도록 길게 하려면 [최소 높이]를 훨씬 크게 설정합니다(예: 2000픽셀).
        [확인]을 클릭하여 변경 사항을 저장하고 [페이지 속성] 대화 상자를 닫습니다.
        또는 페이지를 더 길게 만들려면 여러 페이지 컨텐트를 추가합니다.

      2. 디자인 보기의 제어 패널에서 [사각형] 도구를 선택합니다.

      3. 페이지에 사각형을 그립니다.

      4. 사각형을 채우려면 [채우기] 메뉴를 사용하여 바둑판식 또는 비 바둑판식으로 배열된 배경 이미지를 설정합니다(그림 54 참조).

어도비 뮤즈35

그림 4. 사각형을 채울 배경 이미지를 추가하고 [채우기] 메뉴에서 원하는 표시 옵션을 설정합니다.


채우기 메뉴에서 스크롤 탭을 클릭하고 스크롤 옵션을 설정합니다(그림 4 참조).



ADOBE MUSE 552

그림 4. [채우기] 메뉴를 사용하여 스크롤 동작의 이동 방향 및 숫자 값 지정



[채우기] 메뉴에서 [스크롤] 탭을 클릭합니다. 

[동작] 확인란을 선택하고 스크롤 옵션 설정을 시작합니다(그림 5 참조)



ADOBE MUSE 84563

그림 5. [채우기] 메뉴의 [스크롤] 탭을 사용하여 스크롤 효과에 대한 
동작을 설정하고 이동 방향 및 비율을 지정합니다.


요소 위에 표시되는 T 핸들이 스크롤 동작에 대해 활성화되었는지 확인합니다. 

이 핸들은 키 위치를 시각적으로 나타낸 것입니다(현재 요소 위에 100px로 설정됨). 

[스크롤] 탭의 가운데 섹션에 있는 아이콘은 페이지에서 T 핸들의 위치에 해당합니다. 

가운데 필드에 새 값을 입력하거나 페이지에서 T 핸들을 드래그하여 스크롤 효과가 

발생할 때 키 위치를 재설정할 수 있습니다. 

T 핸들을 드래그할 때 키 위치 위의 영역이 일시적으로 흐리게 표시됩니다(그림 6 참조).



그림 6. T 핸들을 클릭하여 페이지에서 원하는 위치로 드래그합니다.


참고:

T 핸들은 선택한 요소와 관련하여 위쪽으로 확장하지 않아도 됩니다. 

요소의 위쪽 가장자리에 맞도록 T 핸들을 클릭한 채 드래그하거나, 

요소 아래로 확장하도록 T 핸들을 드래그합니다.


핸들을 드래그하거나 키 위치 필드에 숫자를 입력하여 방문자가 페이지를 

스크롤할 때 발생하는 이동을 정확하게 제어할 수 있으므로 Muse는 

디자인 프로세스 중에 완벽한 유연성을 제공합니다.


[채우기] 메뉴의 [스크롤] 탭 사용 방법은 

[브라우저 채우기] 메뉴의 [스크롤] 탭과 같습니다.


[동작 스크롤 효과]에 대해 설정된 요소가 선택된 상태에서 

[채우기] 메뉴의 [스크롤] 탭을 사용하여 키 위치를 숫자로 설정하거나

 페이지에서 T 핸들을 클릭한 채 드래그하여 키 위치를 설정합니다.

세로 및 가로 방향과 해당 속도율은 페이지가 [시작 동작] 섹션에서 

스크롤되는 속도를 기준으로 설정합니다. 


이것은 페이지가 키 위치로 스크롤되기 전에 발생하는 동작을 설정합니다.

세로 및 가로 방향과 해당 속도율은 페이지가 [최종 동작] 섹션에서 스크롤되는 

속도를 기준으로 설정합니다. 

이것은 페이지가 키 위치를 지나서 스크롤된 후에 발생하는 동작을 설정합니다.


참고:

그림 5에서 사각형은 오른쪽으로 이동하도록 설정되어 있으며, 

방문자가 스크롤하는 비율의 3배 속도로 위치에 이동하여 

브라우저의 페이지가 키 위치를 충족할 때 디자인에서 해당 위치에 도달합니다. 

방문자가 키 위치를 지나서 스크롤하면(100픽셀) 사각형이 왼쪽으로 

이동하기 시작하며, 방문자가 스크롤하는 비율의 3배로 위치를 벗어납니다. 

이 예에서 두 세로 필드 모두 0으로 설정되어 있기 때문에 

사각형이 세로 방향으로 이동하지 않습니다.


[채우기] 메뉴를 닫으려면 페이지의 다른 곳을 클릭합니다.

[미리 보기]를 누르거나 브라우저의 [파일] > [페이지 미리 보기]를 

선택하여 스크롤 효과를 적용한 후에 테스트합니다. 페이지를 스크롤하여 요소 이동을 확인합니다.

테스트를 마치면 Muse로 돌아가거나 [디자인] 단추를 클릭하여 페이지를 계속 편집합니다.














 

어도비 뮤즈 CS





이 내용은 ADOBE 홈페이지  어도비 뮤즈 도움말을 가지고 왔습니다.






어도비 뮤즈 스크롤 <페이지 요소 배경 채우기에 스크롤 동작 적용>

<adobe muse Apply scroll motion to a page element background fill >


Designed by CMSFactory.NET