이 정보글은 '어도비 일러스트레이터'라는 툴을 다룰 수 있도록 하는 가이드입니다.
쵸작을 하는 분들이 아이콘을 만드는 데 도움이 되길 바래 이 가이드를 제작했습니다.
시작
제가 마법학교를 제작하면서 여러분들이 가장 마음에 들어하시던 부분이 아이콘이었을 겁니다.
이런 아이콘들을 제작하는 방법은 '어도비 일러스트레이터' 입니다.
일러스트레이터는 도형의 조합과 배치를 통해 이미지를 만드는 데 특화되어 있습니다.
포토샵의 경우 가지고 있는 이미지에 효과를 입히고 수정하는 쪽이라면
일러스트레이터는 이미지 자체를 만드는 데 특화되어 있습니다.
일러스트레이터 생각보다 쉽습니다.
같이 시작해봅시다.
준비물
- 멀쩡한 컴퓨터
당연한 소리다. '어도비 일러스트레이터'는 컴퓨터에서 굴린다.
- 멀쩡한 마우스
이동을 전부 값 입력으로 할 생각이 아니라면 있어야 한다.
일단 마우스 없이 어도비 사이트에 어떻게 들어갈건데...
- 멀쩡한 키보드
값 입력과 단축키( 특히 undo )를 사용하기 위해 필요하다.
- 어도비 일러스트레이터
오늘의 본체이니 사두자.
1. 실행과 작업물 생성
우선 '어도비 일러스트레이터( 이후 Ai로 지칭합니다. )'를 실행합니다.
저는 영어 버전으로 진행합니다.
시작하면 아마 홈 창이 열릴텐데
이렇게 생긴 버튼을 누르시면 됩니다.
이런 느낌의 창이 펼쳐집니다.
작업물을 한번도 만들지 않았다면 Recent에 아무것도 없는 게 정상일겁니다.
이제 하나씩 알아봅시다.
Recent는 최근에 사용한 형식들이 뜹니다. 아마 규격화해서 작업한다면 자주 쓰게 될 거에요.
Saved는 본인이 저장해놓은 형식들을 보여줍니다. ... 사실 추정입니다. 저도 안 써요.
Mobile은 스마트폰등의 휴대용 기기에 맞는 규격을 보여줍니다.
Web은 데스크탑과 웹사이트에 맞는 규격들입니다. 아마 자주 쓸 거에요.
Print는 출력물에 맞는 규격들입니다. 출력용으로 쓸 때 써요.
Flim ＆ Video는 영상 편집용 소스에 적합한 규격입니다. 영상 사이즈에 맞는 규격들이 나와요.
Art ＆ Illustration은 일러스트레이팅용 규격들이 많아요. 편지, 포스터 등의 규격들이 있지만 쓸 일은...
우리는 오늘 일단 이 전부를 사용하진 않을 거에요.
아이콘 작업을 할 때 전 대개 정사각형을 사용하죠.
다음은 오른쪽에 있는 것들을 살펴보겠습니다.
Width, Height 옆에 있는 것은 단위입니다.
우리는 둘만 기억하시면 됩니다.
Pixels, Millimeters.
Pixels는 컴퓨터에서 자주 사용되는 규격이고
Millimeters는 현실에서 자주 사용되는 규격입니다.
우리는 쵸아에 쓸 아이콘을 만드니 Pixels로 해주세요.
Width와 Height는 각각 너비와 높이를 의미합니다.
이 사이즈는 작업한 작업물의 사이즈를 정합니다.
Orientation의 두 설정은 가로 세로 적용치를 뒤바꿀 수 있습니다.
Top, Bottom, Left, Right는 쓰면 중앙을 기준으로 보드의 크기를 좁힐 수 있으나...
쓸 이유가 없습니다. 네.
Color mode는 RGB와 CMYK가 있는데 이를 고른 것에 따라 색깔을 바꿀 때 쓰는 체계가 달라집니다.
다만 RGB는 빛의 삼원색인 만큼 온라인 매체에서 쓰이며 CMYK는 색의 삼원색 체계이니 만큼 출력물에서 쓰입니다.
RGB로 해주세요.
Raster Effects는 우린 웹에서 쓰니 72ppi로 씁니다.
ppi는 pixel per inch라는 뜻으로 대충 많으면 빽빽해집니다.
근데 웹에서 쓸 거면 한계인 72ppi로 해주시고 출력용이라면 300ppi면 됩니다.
자 이제 컬러, 래스터, 단위를 다 맞추셨다면 원하는대로 Width와 Height를 조정하시면 됩니다.
저는 아이콘 제작을 하니 정사각형으로 맞췄습니다.
그렇다면 대강 이런 느낌의 창이 펼쳐집니다.
일단 세팅을 시작해봅시다.
사실 유튜브 가이드를 찾아보면서 세팅하시면 더 편합니다.
★필수 - Advanced toolbar
좌측 상단 왼쪽의 Window를 눌러 Toolbar를 찾아 커서를 갖다대면 Advanced라는 선택지가 떠오르는데
활성화하시면
이랬던 툴바가
다음과 같이 변합니다.
알아보기 편하고 몇몇 툴들이 툴바로 들어오니 꼭 켜주세요.
2. 툴 설명
Selection Tool
단축키 : V
지정할 수 있습니다.
사물을 클릭하고, 잡고, 움직이고, 돌릴 수 있습니다.
기초가 되는 툴입니다.
특히 지정을 할 땐 이 녀석의 도움을 많이 받을 겁니다.
Direct Selection Tool
단축키 : A
일반적인 셀렉션 툴로는 이 직사각형의 형태를 깨뜨릴 수 없습니다.
하지만 다이렉트 셀렉션 툴로는 
이런 식으로 한 점을 이동시켜 움직일 수 있습니다.
다이렉트 셀렉션 툴은 도형의 한 점을 '직접' 잡아 움직일 수도, 도형의 모서리의 예리한 수준까지도 조작하는 툴입니다.
도형을 변형시킬 때 자주 볼 겁니다.
Magic Wand Tool
단축키 : Y
같은 색상을 가진 모든 오브젝트를 선택할 수 있습니다.
전 잘 안 쓰지만 사람에 따라 유용하게 써먹을 수도 있겠네요.
Lasso Tool
단축키 : Q
올가미입니다.
그어서 둘러진 공간 안의 오브젝트들을 선택할 수 있습니다.
셀렉의 드래그 선택이 답답하다면 써보시면 되겠습니다.
Pen Tool
단축키 : P
펜입니다.
점을 찍어서 선을 만드는 툴입니다.
점을 찍은 뒤 드래그하면 곡률을 만들 수 있습니다.
상당히 중요한 툴이니 기억해주세요.
Curvature Tool
단축키 : Ctrl + ~
직접 써보시면 알겠지만 곡선을 더 부드럽게 만들 수 있습니다.
저도 오늘 써봤다가 알았는데 생각보다 유용하네요.
Type Tool
단축키 : T
글씨 쓰기 입니다.
아이콘 우클릭을 통한 파생툴로 세로 쓰기도 있고 선 따라 쓰기도 있습니다.
Line Segment Tool
단축키 : \
선 단품을 생성합니다.
툴 아이콘의 오른쪽을 누르면
파생툴로 나선, 포물선, 격자 등도 생성이 가능한 툴입니다.
Rectangle Tool
단축키 : M
사실 사각형 툴이지만
우클릭을 통한 파생툴로 별, 원에 여러 도형들을 생성할 수 있습니다.
여러모로 자주 튀어나가는 툴입니다.
단축키는 파생툴이 뭔가에 따라 없기도 하고 달라지기도 하며 이는 도형 툴뿐만이 아닌 다른 파생툴이 있는 모든 툴이 적용됩니다.
Paintbrush Tool
단축키 : B
그림을 그릴 수 있습니다.
진짜로요.
Shaper Tool
단축키 : Shift + N
대충 그려서 개떡같이 알아들어 도형을 자동으로 만들어줍니다.
쓸 이유는... 제가 봤을 땐 없습니다.
Eraser Tool
단축키 : Shift + E
지우개입니다.
누르고 스윽 하면 그 자리가 사라집니다. 더 핸드.
특이한 점은 지워지고 잘라진 도형은 별개의 오브젝트로 나눠지며
색 설정은 그대로라 외곽선이 있으면 잘려서 생긴 변에도 외곽선이 씌워집니다.
생각보다 유용할 듯 한데 전 안 썼었습니다.
Rotate Tool/Reflect Tool
단축키 : R/O
로테이트 툴은 오브젝트를 정하고 원하는 점을 지정해 그 기준으로 돌릴 수 있습니다.
리플렉트 툴은 오브젝트를 정하고 원하는 점을 지정해 그 기준으로 반전할 수 있습니다.
카피도 있어서 복사로 두를 수 있습니다.
이렇게 말이죠.
둘은 서로의 파생툴로 우클릭을 하면 두개가 나옵니다.
참고로 오브젝트를 셀렉션으로 고르고
원하는 점을 Alt + 좌클릭으로 골라야 기동되니 주의해주세요.
기본 점은 오브젝트의 중앙입니다.
Scale Tool
단축키 : S
크기 조정 툴입니다.
도형을 좀 더 다채롭게 크기 조정 할 수 있습니다.
파생툴도 있지만 너무 기니 생략.
Perspective Grid Tool
단축키 : Shift + P
누르는 순간 세상이 RGB 해집니다.
대강 어느 각도에서 봤을 때의 느낌으로 도형을 왜곡할 때 씁니다.
설명하기 어려우니 유튜브를 찾아보시면 알 수 있을 겁니다.
암성의 뒤 쪽 저 고리들도 이 툴로 왜곡한 것입니다.
Eyedropper Tool
단축키 : I
스포이드입니다.
오브젝트를 지정하고 툴을 킨 뒤 다른 오브젝트를 고르면 색 설정을 복사 긴빠이합니다.
Width Tool
단축키 : Shift + W
되게 기묘한 툴들이 모여있습니다.
다양하니 직접 써보시면서 알아보시길 바랍니다.
이외의 툴들은 거의 얼굴 볼 일이 없습니다.
3. 주요 단축키
Ctrl + Z => 실행 취소입니다. 꼭 손에 익혀두세요.
Ctrl + S => 저장입니다. 주기적으로 해주세요.
Ctrl 홀드 => 잠시 자신의 툴을 다이렉트 셀렉션 툴로 바꿉니다.
(도형 크기 조정 중에) Alt 홀드 => 오브젝트의 중앙점 위치를 고정한 상태로 크기를 조절합니다.
(도형 크기 조정 중에) Ctrl 홀드 => 오브젝트의 비율을 유지하며 크기를 조절합니다.
Space 홀드 => 잠시 자신의 툴을 핸드 툴로 바꿉니다.
핸드 툴은 화면을 움직이는 툴로 이래서 핸드 툴 설명을 안 했습니다.
그냥 Space만 홀드해주세요.
Ctrl + C => 복사입니다.
Ctrl + V => 복사한 오브젝트를 생성하는 붙여넣기입니다.
(오브젝트를 셀렉션으로 고른 상태에서) Alt 홀드하고 드래그 => 오브젝트를 그 자리에서 복제하여 움직입니다.
Ctrl + D => 방금한 생성 등의 행동을 반복합니다.
로테이트 툴(카피)를 쓸 때 주로 씁니다.
Shift를 홀드하고 오브젝트 고르기 => 원래라면 다른 오브젝트를 고르면 취소되지만 Shift를 누른 상태라면 여러개 가능합니다.
Shift를 홀드하고 오브젝트 옮기기 => 가로, 혹은 세로에 맞춰 이동합니다. (직각 느낌?)
이로서 첫번째 글은 여기까지입니다.
반응이 괜찮다면 더 가져오겠습니다.
부족한 부분이 있을지도 모르겠네요...
CHECK
