이미지 및 동영상 추가

다음 방법을 사용하여 새 이미지와 동영상을 추가할 수 있습니다.

• 애셋 가져오기 명령을 사용합니다.
• 컴퓨터 파일 시스템 브라우저에서 애셋을 드래그합니다.
• Studio 애셋 라이브러리에 액세스합니다.
• 이미지 또는 동영상 요소를 생성하고 소스를 지정합니다.
• 기존 이미지를 대체합니다.

Google Web Designer에서 사용하는 로컬 이미지와 동영상은 지원되는 유형일 경우 라이브러리에 자동으로 추가되므로, 문서에서 쉽게 재사용할 수 있습니다.

새 이미지 또는 동영상 추가

이미지 또는 동영상 가져오기

1. 파일 메뉴에서 애셋 가져오기...를 선택하거나 키보드 단축키 Ctrl + Shift + i 키(Windows) 또는 ⌘ + Shift + i 키(Mac)를 사용합니다.
2. 대화상자를 사용하여 가져올 파일을 하나 이상 선택합니다.

선택한 애셋이 문서 작업공간 및 라이브러리에 표시됩니다.

컴퓨터에서 드래그하여 이미지 또는 동영상 추가하기

1. 컴퓨터의 파일 시스템 브라우저를 사용하여 추가할 이미지 또는 동영상을 선택합니다. 여러 개의 파일을 선택할 수 있습니다.
2. Google Web Designer의 문서 작업공간으로 이미지 또는 동영상을 드래그합니다.

Studio 애셋 라이브러리에서 이미지 또는 동영상 추가

1. 라이브러리 상단의 드롭다운에서 Studio를 선택합니다.
2. 실행 버튼을 클릭하여 Studio 애셋 라이브러리에 연결합니다.
   • 로그인되어 있지 않은 경우 Studio 계정에 연결된 Google 계정으로 로그인하라는 메시지가 표시됩니다.
3. 폴더 구조를 탐색하여 사용할 애셋을 찾습니다.
4. 애셋을 라이브러리에서 문서 작업공간의 원하는 위치로 드래그합니다.

애셋 사본이 로컬 라이브러리의 studio 폴더에 추가됩니다.

문서에서 이미지 대체

'이미지 대체' 기능을 사용하면 이미지를 다른 이미지로 대체할 수 있습니다. 이는 템플릿에서 스톡 이미지를 대체할 때 유용합니다.

1. 대체할 이미지를 마우스 오른쪽 버튼으로 클릭합니다.
2. 팝업 메뉴에서 이미지 대체...를 선택합니다.
3. 대화상자에서 라이브러리의 이미지를 선택하거나 애셋 가져오기 를 클릭하여 컴퓨터의 이미지를 가져옵니다.
4. 확인을 클릭합니다.

요소 도구를 사용하여 이미지 또는 동영상 추가

1. 툴바에서 요소 도구를 선택합니다.
2. 도구 옵션 막대에서 이미지 요소 또는 동영상 요소 를 선택합니다.
3. 작업공간에서 클릭하고 드래그하여 원하는 크기의 요소를 생성합니다.
4. 속성 패널에서 이미지 또는 동영상의 소스를 설정합니다.

​그려진 요소의 크기에 맞게 이미지가 늘어나고 크기가 조절됩니다. 동영상은 그려진 요소의 크기에 맞는 가장 큰 크기로 표시되며, 가로 세로 비율은 변경되지 않습니다.

로컬 라이브러리에서 이미지 및 동영상 사용

라이브러리 패널에서 이 문서에 추가한 이미지와 동영상을 확인할 수 있습니다.

1. 라이브러리에서 이미지 또는 동영상의 이름을 클릭하여 이미지 또는 동영상을 선택합니다.
2. 애셋을 사용할 작업공간으로 드래그합니다.

Web Designer는 컴퓨터 파일 시스템의 Google Web Designer 프로젝트 폴더 내 assets 하위 폴더에 있는 로컬 라이브러리 애셋 파일의 사본을 저장합니다.

이미지 및 동영상 크기 조절

이미지 또는 동영상을 추가한 후는 크기 조절하거나 변경하고자 할 수 있습니다.

동영상 미리보기

동영상이 동영상 구성요소 또는 동영상 광고에 있는 경우 Google Web Designer 인터페이스에서 동영상을 미리 볼 수 있습니다.

프로젝트에 동영상이 어떻게 표시되는지 확인하고 싶은 경우 오른쪽 상단의 미리보기 버튼을 클릭하면 원하는 브라우저에서 문서를 미리 볼 수 있습니다. 동영상 광고에서는 이 옵션을 사용할 수 없습니다.