앱을 빌드할 때 iOS, Android, 및 Windows 디바이스에 맞게 앱 아이콘과 실행 화면에 여러 이미지가 사용되어야 합니다. iOS의 경우 모든 그래픽의 크기가 다양해 복잡하지만 Android 앱은 단일 이미지만 필요하고 Windows 앱은 3장의 이미지가 필요합니다. Adobe Photoshop CC의 Asset Generator.psd 파일과 Generator 기능으로 이 파일 제작을 조정하고 자동화할 수 있습니다.

Adobe Photoshop CC는 Generator 기능을 도입해 레이어 이름에 따라 웹 그래픽 파일 제작을 자동화합니다. Asset Generator.psd 파일은 DPS 앱을 빌드할 때 Generator로 이미지 파일을 만듭니다. Generator는 각각의 파일과 폴더 구조를 만들고 세 플랫폼에 맞게 파일을 구성합니다.

InDesign을 사용하여 시작 이미지 제작

디자인 작업에 Photoshop 대신 InDesign 사용을 선호한다면 Keith Gilbert가 제작한 InDesign 템플릿을 사용하여 InDesign으로 필요한 PNG 파일을 만들고 내보낼 수 있습니다. 시작 화면 템플릿을 참조하십시오.

Photoshop 에셋 Generator 사용

  1. AEM Mobile 게시를 위해 필요한 에셋을 저장한 위치 등 공개된 위치에 Asset Generator.psd 파일을 다운로드, 압축 해제 또는 추출하고 이동 또는 복사합니다.

    다운로드

  2. Adobe Photoshop CC에서 Asset Generator.psd 파일을 엽니다.

  3. Generator 활성화하려면 Photoshop CC에서 파일 선택 > 생성 > 이미지 에셋을 선택합니다.

    이 옵션을 선택하면 Photoshop은 레이어 패널에서 정의된 레이어와 그룹 이름에 따라 파일을 생성합니다. Photoshop은 파일 이름을 토대로 Asset Generator파일이 저장된 위치에 에셋 폴더를 생성합니다. 에셋 파일 유형, 품질, 크기, 이름 및 폴더 구조는 Photoshop 파일의 레이어와 레이어 그룹으로 조정됩니다.

  4. 스마트 오브젝트를 편집하려면 레이어 썸네일을 더블 클릭합니다. 또 다른 임시 Photoshop 파일이 열립니다. 안에 레이어 또는 추가 스마트 오브젝트가 있을 수 있습니다.

    Asset Generator 파일은 Photoshop 스마트 오브젝트를 광범위하게 사용합니다. 모든 아이콘은 단일 스마트 오브젝트의 사본입니다. 그러므로 한 아이콘을 편집하면 다른 아이콘들이 자동으로 업데이트됩니다. 별도의 독립적인 스마트 오브젝트를 대부분의 실행 이미지에 사용합니다.

    녹색 라벨의 레이어는 사용자 정의해야 하는 스마트 오브젝트입니다. 레이어 패널과 레이어 패널의 실행 이미지 폴더에서 녹색 레이어를 확인할 수 있습니다. 콘텐츠를 편집하면 에셋이 다시 생성됩니다.

  5. 편집 후 스마트 오브젝트 파일을 저장하고 닫습니다. 메인 Photoshop 파일로 돌아오면 복사된 모든 스마트 오브젝트 파일이 자동으로 업데이트됩니다.

    콘텐츠를 편집하려면 스마트 오브젝트의 썸네일을 더블 클릭합니다. 벡터 스마트 오브젝트는 Adobe Illustrator에서 열어서 편집합니다. Illustrator에서 벡터 스마트 오브젝트를 편집하고 Illustrator의 파일을 저장하고 닫은 후 Photoshop으로 돌아오면 콘텐츠가 자동으로 업데이트되어 있습니다.

    Asset Generator 파일로 돌아올 때까지 모든 스마트 오브젝트를 저장하고 닫으면 스마트 오브젝트 사본이 업데이트됩니다.

  6. 콘텐츠를 편집하려면 스마트 오브젝트의 썸네일을 더블 클릭합니다. 벡터 스마트 오브젝트는 Adobe Illustrator에서 열어서 편집합니다. Illustrator에서 벡터 스마트 오브젝트를 편집하고 Illustrator의 파일을 저장하고 닫은 후 Photoshop으로 돌아오면 콘텐츠가 자동으로 업데이트되어 있습니다. Asset Generator 파일로 돌아올 때까지 모든 스마트 오브젝트를 저장하고 닫으면 스마트 오브젝트 사본이 업데이트됩니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책