어도비 뮤즈 adobe muse 스크롤12 동적 BG(Motion Background)

어도비 뮤즈 adobe muse 스크롤12 동적 BG
(Motion Background)

동작 배경 효과를 만들기 위해 긴 페이지를 덮는 바둑판식 배열의 배경 이미지로 채워진 일련의 

큰 사각형을 만들 수 있습니다. 이 예에서는 [스크롤 효과] 패널의 [동작] 탭이 아닌

 [채우기] 메뉴의 [스크롤] 탭을 사용하여 동작 설정을 적용합니다.

비슷한 동작 배경 효과를 작성하려면 다음 단계를 수행하십시오.

1.

디자인 보기에서 [페이지] > [페이지 속성]을 선택합니다. 

[최소 높이] 필드를 훨씬 큰 값으로 설정합니다. 

사이트 예에서 페이지의 최소 높이는 6254픽셀로 설정되어 있습니다.

참고:

이 예에서는 페이지가 사각형으로 덮여 있으므로 브라우저 채우기 색상을 설정했는지 여부가 

문제되지 않습니다. 페이지 채우기 색상을 없음으로 설정합니다.

2.

페이지 맨 위에서 [사각형] 도구를 사용하여 큰 사각형을 그립니다. 

이 예에서 사각형 너비와 높이는 1159 x 1312픽셀입니다. 

[선택] 도구를 사용하여 페이지 가운데에 사각형을 배치하고 사각형 양쪽이 

브라우저 창 가장자리를 지나도록 넓게 확장합니다.

3.

사각형을 선택한 상태에서 [채우기] 메뉴를 사용하여 배경 이미지를 설정합니다. 

[맞춤] 메뉴를 [바둑판식 배열]로 설정하여 이미지를 바둑판식으로 배열합니다

(그림 47 참조). 

  

그림 47. 바둑판식으로 배열된 이미지를 사각형 채우기로 설정합니다.

4.

[효과] 메뉴를 사용하여 그림자 효과를 설정하여 사각형 주변에 멋진 테두리를 만들 수 있습니다.

5.

채워진 사각형을 선택한 상태에서 [채우기] 메뉴의 [스크롤] 탭을 엽니다. 

[동작] 확인란을 선택한 다음 T 핸들을 클릭한 채 드래그하거나 필드에 

숫자를 입력하여 키 위치를 설정합니다. 예에서 키 위치가 512픽셀로 설정되어 있습니다. 

하지만 핸들을 축소하여 사각형 위쪽 모서리에 맞출 수 있습니다.

6.

[시작 동작] 섹션에서 아래쪽과 왼쪽으로 이동하도록 방향을 설정하고, 

두 속도 모두 스크롤 속도의 .2배 비율로 이동하도록 설정합니다. 

[최종 동작] 섹션에서 같은 설정을 반복합니다(그림 48 참조). 

그림 48. [채우기] 메뉴의 [스크롤] 탭에서 [동작] 옵션을 설정합니다.

7.

2-6단계를 반복하여 채워진 다른 사각형을 만듭니다. 새 사각형을 첫 번째 사각형 바로 아래에

 배치하여 브라우저 채우기 영역에 보이지 않도록 하고 두 사각형 사이에 공간이 없도록 합니다. 

새 사각형을 바둑판식으로 배열된 다른 이미지 배경 채우기로 채웁니다.

8.

7단계를 반복하여 두 번째 사각형 바로 아래에 배치된 사각형의 1/3 크기의 사각형을 만듭니다.

 [채우기] 메뉴를 사용하여 바둑판식으로 배열된 다른 배경 이미지를 설정합니다. 

사각형을 모두 표시하고 페이지에 세로로 정렬하려면 [보기] 메뉴를 사용하여 

축소하는 것이 유용합니다(그림 49 참조). 

  

그림 49. 축소하고 [선택] 도구를 사용하여 3개의 큰 사각형을 세로 방향으로 배치합니다.

참고:

예에서 세 번째 사각형이 처음 두 개 사각형보다 깁니다. 핸들을 드래그하여 

세 번째 복제한 사각형의 높이를 확장하거나 네 번째 사각형을 만들어 

맨 아래 남은 페이지 영역을 채울 수 있습니다.  

9.

두 번째 사각형을 선택한 상태에서 [채우기] 메뉴의 [스크롤] 탭을 엽니다. 

스크롤 비율의 .3배 비율로 사각형이 오른쪽으로 이동하도록 [시작 동작] 섹션을 업데이트합니다. 

[최종 동작] 섹션에서 같은 설정을 적용하여 스크롤 비율의 .3배 비율로 사각형을 오른쪽으로 이동합니다. 

세로 방향 필드 모두 0으로 설정된 상태로 둡니다(그림 50 참조).

그림 50. 두 번째 사각형이 오른쪽으로 이동하도록 [시작 동작]과 [최종 동작] 설정을 모두 설정합니다.

10.

세 번째 사각형을 선택하고 [채우기] 메뉴의 [스크롤] 탭에서 설정을 업데이트합니다. 

스크롤 비율의 .25배 비율로 위쪽으로 이동하고 스크롤 비율의 .6배 비율로 왼쪽으로 

이동하도록 [시작 동작] 섹션을 설정합니다. 

[최종 동작] 섹션에서 세 번째 사각형에 대해 같은 설정을 적용합니다.

11.

[파일] > [브라우저에서 페이지 미리 보기]를 선택하여 페이지를 테스트합니다. 

페이지 맨 아래로 스크롤할 때까지 페이지를 스크롤하여 바둑판식으로 배열된 

각 사각형이 대각선 방향으로 이동하는지 확인합니다. 

위로 스크롤할 때 사각형도 계속 이동합니다.

12. 브라우저를 닫고 Muse 작업 영역으로 돌아옵니다.

어도비 뮤즈 adobe muse 스크롤12 동적 BG

(Motion Background)

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