2. 일러스트레이터 활용하기

모바일 포스터(또는 카드뉴스)를 만드는 툴은 다양하다. 그냥PPT에서 만들어 jpg로 컨버팅해도 된다. 뭐 한글워드에서도 가능하다.

뭐 임기응변식으로 다양한 툴로 작업 가능하지만 그래도 이미지를 만드는데 가장 효율적인 툴은 아도비사의 'Photoshop'과  'Illustrator'이다.

나의 경우는 두 프로그램을 다 활용하는데, 비트맵 이미지는 '포토샵'에서 작업하고 그 이미지를 '일러'에 불러와 마무리 작업을 한다. 일러스트프로그램은 벡터 방식의 이미지를 다루는 어플로 축소 확대에 자유롭고, 비트맵이미지는 사진처럼 그라데이션을 표현하는데 효과적이지만 확대에는 제약이 따른다.  

그럼 일러에서 앱포스터를 시작해보자!

먼저 '일러'를 실행 > 상단의 메뉴에서 [파일] > [새로만들기]를 클릭하면 다음과 같은 화면이 나온다.

[이름]은 내가 주고 싶은 문서 이름을 적고, [프로파일]을 클릭해보면, [인쇄], [웹], [장치], [비디오 및 영화], [기본RGB]항목이 뜨는데

[인쇄]는 종이에 인쇄를 할 때 선택하는데, 이걸 선택하면 문서의 칼라 모드가 CMYK로 된다. 인쇄시에는 반드시 이 모드를 선택해서 작업해야 한다. [웹]을 비롯 나머지는 문서의 칼라모드가 전부 RGB로 된다. RGB는 빛의 3원색, CMY는 색의 3원색에서 비롯된다는 건 아시죠?

[장치]는 모바일 장치이다. 장치를 선택하면 다양한 모바일 모델이 나오는데 통상 모발일 앱을 개발할 경우 이 프로파일에서 선택해 작업한다.

그 다음 [비디오 및 영화]는 영상작업에 쓸 그래픽 이미지를 만들거나 타이틀을 제작할 때 사용한다.

우리는 [웹](또는 기본 RGB)을 선택하고 [크기]를 앞 시간에 한 모바일 포스터 만들기 01 에서 배운대로 960px * 1280px를 기입한다.

[도련]은 인쇄시 재단 여분을 말하는데 웹에서는 특별히 지정치 않아도 상관 없다. 이제 확인을 누르면 신규 문서가 화면에 나타난다.

이 신규 문서에 내가 찍은 사진을 가져 와 보자. 가져올 사진은 디자인 요소로 활용될 것인데 아래 화면 캡쳐처럼 파일> 가져오기 메뉴를 사용한다.

가져오기를 클릭하고 사진 파일을 지정한 후 [가져오기]를 클릭하면 작업문서에 사진을 불러 올 수 있다.

이때 파일 선택 창 하단의 [연결]에 체크를 하면 사진을 문서에 첨부시키는 역할을 하며, 체크를 풀면 단지 불러 온 사진을 링크만시키는 역할을 한다. 

즉 [가져오기]를 할 때 연결옵션에 체크를 한 경우, 컴퓨터에 있는 원본 이미지를 지원버리면 이 문서에서 볼 수가 없다.

반면 연결옵션에 체크를 풀고 [가져오기]를 하였으면 문서에 포함 저장되므로 원본 이미지를 지워도 이 문서에서 그대로 볼 수 있다.

가져오기가 완료되면 아래 화면처럼 내가 만든 문서에 이미지가 자리 잡는다.

가져온 이미지를 움직이거나 확대, 축소 하려면

1. 좌측 툴바에서 화살표 를 선택하고 이미지를 클릭하면 이미지 상하좌우에 선택할 수 있는 점들이 나타난다

2. 이 점들을 클릭한 후 잡아 댕겼다 밀었다 하면 축소, 확대가 된다. 시프트 키를 누른 상태에서 이 점들을 클릭한 후 밀었다 댕겼다 하면 정비례로 확대 축소가 된다.

3. 이 방법 말고 또 확대 축소하는 방법은 상단 메뉴바에서 윈도우> 변형을 선택하면 수치를 입력할 수 있는 창이 뜬다.

X, Y는 좌표 위치를, W, H는 넓이와 높이를 그 옆 사슬그림은 가로, 세로 등비례 여부, 그 밑의 각도는 회전과 기울기를 수치를 이용, 변형시킬 수 있는 빠렛이다. 정밀한 작업을 위해서는 이 빠렛을 이용하는 데 익숙해져야 한다. 

다음은 문서에 글자를 입력해보자. 좌측 툴바에서 Type의 약자인 T를 클릭한다. 문자를 넣을 위치에 클릭한 다음 원하는 문자를 타이핑 한다. 타이핑한 문자를 드래그하여 선택한 후 메뉴바 하단에 있는 서체 선택 박스에서 서체와 크기를 선택하여 지정한다.

문자 색깔을 바꿀 때는 상단 메뉴바 > 윈도우> 견본을 선택하면 기본 칼라 빠렛이 나타나고 그곳에서 칼라를 선택하면 글자의 색상이 바뀐다. 이 때 바꾸고자하는 글자가 선택되어져 있어야 하는 건 당연.

문서가 완성되었으면 모바일에서 사용하기 위해서는 JPG화일로 저장을 해야 하는데 이를 위해 상단 메뉴바에서 파일> 웹용으로 저장을 선택한다.

그러면 아래와 같은 창이 뜬다. 

창 우측의 설정은 아래와 같이 세팅하고 저장을 누르면 저장할 이름과 위치를 묻고 내가 저장하고 싶은 곳을 선택하여 저장하면 끝~

한가지 더, 이때 저장은 작업한 일러스트 원본 저장이 아니라는 점. 다음에 수정 보완하기 위해서, 또는 다른 작업에 활용하기 위해 원본을 저장해야하는데 원본을 저장하기 위해서는 상단 메뉴바에서 파일> 저장을 선택하면 AI라는 확장자를 갖는 파일이 생성된다.