iPad에서 Comp CC를 사용하여 레이아웃 디자인을 시작한 다음 데스크탑에서 InDesign CC를 사용하여 최종적으로 수정하는 방법을 살펴봅니다.
make-flyer_1408x792

형식 선택

Comp CC를 열고 + 기호를 눌러 새로운 프로젝트를 만들고 레이아웃에 가장 적합한 형식을 선택합니다. 이 튜토리얼에서는 A4(가로)를 선택합니다.

이 튜토리얼을 따라 레이아웃을 만들어 보려면 Girls Code Library에 있는 에셋을 사용하십시오. Creative Cloud에 저장을 클릭하여 라이브러리를 자신의 계정에 복사하면 Comp CC에서 바로 에셋을 이용할 수 있습니다.

참고: 에셋을 복사하려면 Adobe ID로 Creative Cloud 계정에 로그인해야 합니다. Adobe ID가 없는 경우 Adobe ID를 만듭니다.

5453 step 1

열 안내선 만들기

설정 > 눈금선 및 안내선 > 추가를 누릅니다.

눈금선(열) 아이콘을 눌러 열 6개를 레이아웃에 추가한 다음 완료를 누릅니다.

5453 step 2

사진 찾기 및 추가

화면 상단에 있는 그래픽 아이콘을 누릅니다. Adobe Stock을 누르고 girl floor laptop과 같이 검색어를 입력한 다음 미리 보기 저장을 눌러 워터마크가 있는 이미지를 라이브러리 중 하나에 저장합니다. 또는 이미지에 라이선스를 부여하려면 에셋 라이선스 부여를 선택합니다.

참고: 그래픽 > 내 라이브러리를 눌러 이 튜토리얼에서 제공되는 워터마크가 있는 사진을 사용하거나 보유한 이미지를 선택할 수 있습니다. 프로젝트에서 이미지를 이용하고 라이선스를 부여하는 방법에 대한 자세한 내용은 Adobe Stock 튜토리얼을 참조하십시오.

5453 step 3

기본 요소 만들기

사진이 선택된 상태에서 크기 조절 핸들을 드래그하여 소녀의 사진을 페이지 왼쪽의 3개 열에 맞게 확대하여 배치합니다.

그런 다음 배경 색상을 추가합니다. 화면 상단에 있는 모양 아이콘을 누른 다음 사각형을 선택합니다.

5453 step 4

배경의 크기 조절 및 배경에 색상 추가

사각형의 크기 조절 핸들을 누르고 드래그하여 페이지 오른쪽의 3개 열에 맞게 확대하여 배치합니다.

배경이 선택된 상태에서(사각형을 눌러 다시 선택) 화면 하단에 있는 색상 아이콘을 누르고 색상 휠을 눌러 배경 색상을 선택합니다.

5453 step 5

모양 및 자리 표시자 텍스트 그리기

Comp는 그린 제스처를 개체로 변환합니다. 선 하나를 그린 다음 점을 찍어 헤드라인에 해당하는 선을 만듭니다. 사각형을 그려 배경 상자를 만듭니다. 그런 다음 배경 상자 위에 선 하나를 그린 다음 점을 찍어 부제목을 추가합니다. 마지막으로 선 3개를 그린 다음 점을 찍어 텍스트 블록을 만듭니다.  

또한 페이지 상단에 있는 문자(T) 툴을 사용하여 자리 표시자 텍스트를 만들 수 있습니다.

팁: 화면 상단에 있는 톱니바퀴 아이콘을 누르면 그리기 제스처에 대한 도움말을 확인할 수 있습니다.

5453 step 6

텍스트 편집 및 스타일 지정

헤드라인 텍스트 영역을 두 번 누르고 GIRLS WRITE <CODE>를 입력합니다. 헤드라인 바깥을 한 번 눌러 키보드를 닫습니다. 텍스트 오른쪽에 있는 다이얼을 누르고 위로 드래그하여 글꼴 크기를 46pt까지 높입니다.

화면 하단에 있는 텍스트 아이콘을 누른 다음 글꼴을 눌러 글꼴 목록에서 글꼴을 선택합니다.

이 프로젝트에서는 Discourse Middle이라는 Typekit 글꼴을 사용합니다. 글꼴 메뉴에서 추가를 선택하여 Creative Cloud 멤버십에 포함되어 있는 다양한 Typekit 글꼴 중에서 선택합니다.

참고: Typekit에서 글꼴을 추가하면 해당 글꼴은 Creative Cloud 계정과 동기화되므로 나중에 데스크탑 및 모바일 프로젝트에서 사용할 수 있습니다.

 

5453 step 7

데스크탑으로 보내기

레이아웃을 Adobe Photoshop, Illustrator 및 InDesign으로 보낼 수 있습니다. 또한 Behance에서 진행 중인 레이아웃을 공유할 수 있습니다.

이 프로젝트의 경우 보내기 > InDesign CC로 보내기를 눌러 이 광고지를 InDesign으로 보냅니다. 데스크탑에서 InDesign CC를 열면 Comp CC 레이아웃이 자동으로 표시됩니다.

  

5453 step 8

텍스트 색상 변경

InDesign에서 문자(T) 툴을 선택하고 단어 <CODE>를 선택합니다. 화면 상단의 텍스트 칠 드롭다운 메뉴 옆에 있는 화살표를 클릭하고 용지 설정을 선택하여 텍스트 색상을 흰색으로 변경합니다. 

그런 다음 부제목 자리 표시자 텍스트를 Code your way through summer와 같은 실제 카피로 바꾸고 위 단계에 따라 문자 색상을 흰색으로 변경합니다.

5453 step 9

부제목 배경의 크기 및 색상 변경

선택 툴(검정 화살표)을 사용하여 부제목 뒤에 있는 회색 상자를 클릭하여 선택합니다. 크기 조절 핸들을 드래그하여 상자의 높이를 줄이고 페이지 오른쪽 가장자리까지 늘립니다.

상자가 선택된 상태에서 스포이드 툴로 사진에 있는 남색의 셔츠를 클릭하여 색상을 부제목 뒤에 있는 상자에 적용합니다.

:  이때 스포이드 툴을 선택해야 합니다. 이 아이콘을 잠시 눌러 다른 아이콘이 표시되면 스포이드 툴을 선택합니다.

5453 step 10

자리 표시자 텍스트 바꾸기

문자 툴이 선택된 상태에서 자리 표시자 텍스트 블록을 클릭하고 드래그하여 모두 선택한 다음 메시지를 입력합니다.

5453 step 11

광고지 인쇄 또는 온라인 게시

광고지가 완성되면 인쇄하거나 온라인에 게시할 수 있습니다. Creative Cloud 계정이 온라인 게시 기능을 지원하는 경우 화면 상단에 있는 Publish Online을 클릭합니다. 소셜 미디어 또는 이메일을 통해 공유하거나 웹 사이트에 임베드합니다.

참고: 게시 옵션에 대한 자세한 내용은 InDesign의 Publish Online을 참조하고 광고지를 인쇄하는 방법에 대한 자세한 내용은 인쇄용 PDF 만들기를 시청하십시오.

 

5453 step 12
09/10/2018
이 페이지가 도움이 되었습니까?