Adobe Muse에서 채우기 및 브라우저 채우기 사용

플랜 보기에서 A-마스터 페이지 축소판을 두 번 클릭하여 디자인 보기로 이 페이지를 엽니다.

A-마스터 페이지가 작업 영역 상단에 별도의 탭으로 열립니다.

[컨트롤] 패널의 왼쪽 위 가장자리에 [선택 표시자]가 있습니다. 페이지 요소를 선택하지 않은 경우 [선택 표시자]에 [페이지]라고 표시됩니다. 페이지에서 개체(예: 이미지)를 선택하면 [선택 표시자]에 [이미지 프레임]이라고 표시됩니다.

[선택 표시자]를 사용하여 제어하도록 선택한 요소를 확인합니다. 다른 페이지 요소를 선택한 경우 페이지 바깥의 회색 영역을 클릭하여 페이지를 다시 선택할 수 있습니다.

페이지를 선택한 상태에서 컨트롤 막대의 메뉴를 사용하여 채우기 색상 및 획 설정을 업데이트할 수 있습니다.

[컨트롤] 패널에서 [브라우저 채우기]를 클릭합니다. [색상] 필드에서 원하는 색상을 선택합니다. 다음 중 하나를 수행하여 배경 채우기 색상을 선택할 수 있습니다.

• 색상 피커를 사용하여 색상 선택.
• RGB 값 입력.
• [16진수] 필드에 16진수 코드 입력.
• 이미 저장된 색상 견본에서 색상을 클릭하여 선택.

단색 또는 그라데이션 채우기 색상을 적용하려면 [브라우저 채우기] 패널에서 [단색] 또는 [그라데이션]을 선택합니다. 라디오 버튼을 사용하여 단색과 그라데이션 채우기 색상 중에서 선택합니다.

그라데이션을 적용하려면 [채우기 유형]을 [그라데이션]으로 설정합니다. 색상 견본을 설정하여 첫 번째 색상 정지점과 마지막 색상 정지점을 설정합니다.

[방향]을 [가로] 또는 [세로]로 설정하여 그라데이션의 방향을 설정합니다.

[컨트롤] 패널에서 [채우기]를 클릭합니다. 페이지 채우기 색상이 [없음]으로 설정되어 있는지 확인합니다.  [채우기] 메뉴에 빨간색 대각선이 있는 흰색 견본이 표시됩니다.

.muse 파일의 마스터 페이지를 엽니다. 

특정 페이지에 대한 배경 이미지를 추가할 수 있습니다. 배경 이미지를 디자인의 모든 페이지에 표시하려면 마스터 페이지로 이동하십시오.

[컨트롤] 패널에서 [브라우저 채우기]를 클릭합니다. [채우기 유형]을 [단색]으로 설정해야 합니다.

이미지를 배경 채우기로 선택하려면 [이미지 추가] 링크를 클릭합니다. 로컬 컴퓨터에서 원하는 이미지 파일을 찾아보고 선택합니다. [열기]를 클릭하여 배경 이미지를 설정합니다.

배경 이미지에 대한 [맞춤]을 설정합니다. 다음 옵션 중 한 가지를 설정할 수 있습니다.

• [채우기에 맞추기]: 크기에 맞게 배경 이미지의 배율이 조정됩니다. 지정한 설정에 따라 크기와 위치에 맞게 이미지의 배율이 조정됩니다.
• [대상에 맞추기]: 대상에 맞게 이미지의 배율이 조정됩니다.
• [원래 크기]: 이미지가 원래 크기의 배경 채우기로 적용됩니다.
• [바둑판식 배열]: 이미지가 배경 전체에 반복됩니다. 바둑판식 배열 옵션을 사용하면 이미지가 사방으로 반복되게 하여 방문자의 모니터 크기와 상관없이 브라우저 창을 가득 채울 수 있습니다.
• [가로 바둑판식]: 바둑판식 이미지가 가로 방향으로 반복됩니다.
• [세로 바둑판식]: 바둑판식 이미지가 세로 방향으로 반복됩니다.

웹 디자인에서는 일반적으로 바둑판식 배경 이미지가 사용됩니다. 사이트를 게시하면 바둑판식 배경 채우기로 설정한 작은 크기의 원래 이미지가 브라우저에 한 번만 로드됩니다. 바둑판식 배경 이미지를 사용하면 사이트의 성능이나 다운로드 속도에 영향을 주지 않으면서 페이지의 넓은 면적을 덮을 수 있습니다.

배경 이미지의 위치를 설정하려면 9개 격자 위치에서 원하는 위치를 선택합니다. 예를 들어, 가운데 사각형을 클릭하면 이미지가 브라우저 창의 가운데 표시됩니다.

[브라우저 채우기] 패널 바깥쪽을 아무 곳이나 클릭하여 이 패널을 닫습니다.

배경 이미지를 보려면 Adobe Muse 또는 브라우저에서 사이트를 미리 봅니다.

페이지 요소에 대해 100% 폭을 설정할 페이지를 엽니다. 원하는 페이지 요소를 선택합니다. 예를 들어, 페이지 아래쪽에서 페이지 폭에 맞고 높이가 약 250픽셀인 사각형을 선택합니다.

사각형을 선택하고 [획 두께]를 0으로 설정합니다. 왼쪽 위 가장자리에 있는 [선택 표시자]에 [사각형]이라는 단어가 표시되었으면 사각형을 제대로 선택한 것입니다.

[컨트롤] 패널에서 [채우기]를 클릭합니다. [채우기] 메뉴가 [없음]으로 설정되어 있는지 확인합니다. 빨간색 대각선이 있는 흰색 견본이 표시됩니다.

[채우기] 패널에서 [이미지 추가] 링크를 클릭합니다. 원하는 이미지를 검색하여 선택한 다음 [열기]를 클릭합니다.

[맞춤] 드롭다운 목록에서 [가로 바둑판식]을 선택합니다. 이렇게 하면 이미지가 x-축을 따라 왼쪽에서 오른쪽으로 바둑판식으로 배열됩니다.

사각형의 변형 핸들을 드래그하여 화면에 표시된 영역의 맨 아래쪽에 사각형을 배치합니다. 페이지의 왼쪽, 아래쪽, 오른쪽 측면이 덮이도록 사각형의 폭을 조정합니다.

사각형이 100% 폭 모드로 설정되었음을 의미하는 빨간색 테두리가 잠시 나타났다가 사라집니다.

[컨트롤] 패널에서 [브라우저 채우기]를 클릭하여 메뉴를 확장합니다. 배경 채우기로 추가할 이미지를 선택하려면 이미지 추가 링크를 클릭합니다.

[컨트롤] 패널에서 [채우기]를 클릭하여 [파일] 메뉴를 확장합니다.

[불투명도]를 80%로 설정합니다. 이는 거의 불투명에 가깝지만 20%의 투명도를 갖도록 하는 설정을 의미합니다. 페이지를 계속 편집하여 테두리를 추가하거나 추가적인 그래픽 효과를 적용할 수 있습니다.