PT 이슈
협회 및 유관단체
언제 어디서든 원활한 크리에이티브 작업
어도비 콤프 CC, 포토샵 CC, 프리뷰 CC는 웹과 모바일 앱 디자인을 위한 원활하고 완벽한 작업 환경을 제공한다.
영감을 떠올린 즉시 콤프 CC로 레이아웃을 디자인하는 것부터 시작해, 목업을 포토샵 CC로 보내서 새로운 대지(Artboards, 이하 대지) 기능을 사용해 앱 또는 웹사이트 디자인의 각기 다양한 레이아웃을 제작할 수 있다.
포토샵 CC의 디바이스 프리뷰(Device Preview)와 새로운 프리뷰 iOS 앱을 사용하면 iOS 기기에서 모바일 앱 및 웹 디자인의 실시간 미리 보기가 가능하다. 이후, 보다 직관적으로 바뀐 포토샵의 내보내기 기능을 사용해 에셋을 내보내기 하면 된다. 제공 | 어도비 정리 | 월간PT 편집부(printingtrend@gmail.com)
크리에이티브 클라우드 2015
웹과 모바일 앱 디자인을 위한 원활한 작업 환경
1.모바일 레이아웃을 신속하게 디자인하는 방법
콤프 CC에서 작업 시작하기
콤프 CC는 모바일과 웹, 프린트 프로젝트용 레이아웃을 신속하게 디자인할 수 있는 아이패드 앱이다. 영감이 떠오를 때 아이패드에서 콤프 CC를 열어그리기만 하면 콤프 CC가 사용자의 제스처를 오브젝트로 바꿔준다. 이후 크리에이티브 클라우드 라이브러리에서 전체 해상도(Full-resolution) 이미지, 앱 버튼으로 사용할 아이콘, 색상 등을 추가한다. 그리고 텍스트를 입력하고 구성한 다음, 타입킷(Typekit) 라이브러리에서 다양한 고품질 폰트들을 살펴보고 선택한다.
콤프 CC에서 간단한 제스처로 공간 배치를 그린 뒤 크리에
이티브 클라우드 라이브러리와 서식 있는 텍스트로 레이아
웃에 살을 붙인다.
포토샵 CC에서 앱이나 웹사이트를 위한 모든 종류의 스크린 손쉽게 제작 콤프 CC에서 만든 레이아웃을 포토샵으로 보내 작업을 이어서 계속할 수 있다. 포토샵에서 목업이 자동적으로 열리는데, 이는 포토샵 도큐먼트이기 때문에 모든 구성 요소를 완전히 편집할 수 있다. 포토샵의 새로운 대지 기능으로 하나의 문서에서 각기 다른 사이즈의 여러 디자인을 만들고 살펴볼 수 있다. 앱을 구성하는 각각의 화면들을 위한 대지를 만들면 여러 파일이나 레이어를 찾아볼 필요 없이 하나의 대지에서 한번에 모든 레이아웃을 볼 수 있는 것이다.
iOS 기기에서 앱 또는 반응형 모바일 디자인 미리보기
포토샵의 iOS용 자매앱인 프리뷰 CC(Preview CC)를 이용하면 iOS 모바일 기기에서 앱 또는 웹사이트 디자인을 실시간으로 정확하게 미리볼 수 있다.
보다 쉬워진 제작을 위한 디자인 내보내기
제작한 앱 또는 웹 디자인에 충분히 만족한다면, 포토샵의 새로운 에셋 내보내기(Asset Export) 툴을 사용하면 된다. 이 툴을 이용하면 대지에 포함된 최적화된 아트웍을 빠르고 쉽게 내보내기 해 개발자에게 전달할 수 있다.
단계별 따라하기: 신속하게 앱 및 웹 레이아웃 만들기
콤프 CC를 사용하여 앱을 설계하고 포토샵에서 대지를 사용하여 레이아웃을 활용하는 방법을 살펴보자. 그런 다음 모바일 앱 개발자에게 에셋을 전달하기 전에 iOS 기기에서 앱 디자인을 미리 볼 수 있다.
8단계 중 1단계(선택 사항)
크리에이티브 클라우드 라이브러리에 샘플 에셋 복사
크리에이티브 클라우드 라이브러리를 사용하여 튜토리얼을 위한 에셋 사본을 손쉽게 만들 수 있다.
http://adobe.ly/1M18qQe에 접속하여 Adventure Guide Mobile App 라이브러리를 열고 ‘크리
에이티브 클라우드에 저장’을 클릭하여 계정에 라이브러리의 사본을 생성한다.
라이브러리를 통해 이러한 에셋을 사용하여 콤프 CC에서 레이아웃을 생성하거나 포토샵에서 작업
중인 레이아웃을 사용할 수 있다.
참고: 라이브러리를 저장 하려면 크리에이티브 클라우드 계정에 로그인해야 한다.
포토샵 CC의 새로운 대지 기능은 각 화면 간에 콘텐츠를 손쉽게 복제 및 재사용하고 여러 작업을
한 번에 살펴볼 수 있도록 돕는다.
포토샵의 디바이스 프리뷰(Device Preview) 기능과 프리뷰 CC를 사용
하면 iOS 기기에서 디자인을 실시간으로 확인할 수 있다.
8단계 중 2단계
콤프 CC에서 앱 또는 웹 사이트를 위한 레이아웃 구상
어도비 콤프 CC는 모바일, 웹 또는 인쇄 프로젝트용 구성 요소를 신속하게 디자인할 수 있는 어도비
의 모바일 앱이다. 아이패드에서 콤프 CC를 연다. + 기호를 눌러 새 프로젝트를 만들고 아이폰6 포
맷을 선택한다. 화면 왼쪽의 아이콘을 눌러 그리기 모드로 이동한다.
사각형을 그려 내비게이션 막대를 만든다. 이미지를 가져올 영역을 X로 표시한다. 마침표와 함께 직
사각형을 그려 제목 텍스트를 생성한다. 마침표와 함께 몇 개의 선을 그려 여러 줄로 된 텍스트를 생
성한다. 콤프 CC는 그린 제스처를 개체로 변환한다.
팁 : 화면 상단의 물음표 아이콘 을 누르면 그리기 제스처에 대한 도움말을 확인할 수 있다.
한층 새로운 작업 방식
크리에이티브 클라우드 2015 릴리스는 모바일 앱, 웹사이트를 보다 신속하게 디자인하고 전에 없던 새로운 작품을 창작하도록 돕는다. 포토샵 CC는 웹과 모바일 앱 디자인을 위해 특별히 추가된 여러 가지 신기능과 프리뷰 CC, 콤프 CC와 같은 강력한 iOS 앱과의 결합으로 완전히 새로워졌다. 이들은 모두 어도비 크리에이티브 싱크 기술로 원활하게 연동된다. 이제 사용자는 어디에서나 훌륭한 작품을 만들어내고, 모바일 앱과 웹사이트 디자인을 완전히 새로운 차원으로 이끌 수 있게 됐다.
<출처 월간PT 2015년 11월>
디지털여기에
news@yeogie.com
<저작권자 @ 여기에. 무단전재 - 재배포금지>