Alberto Montt Tutorial 1 KO
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 방법 래스터 접근법 by Alberto Montt
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법
“그림은 제 자신을 알게 되는 저만의 방법입니다.” - Alberto Montt
© 2015 Wacom
02
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법
Alberto Montt
© 2015 Wacom
03
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법
목차
© 2015 Wacom
01
그리기 및 변환
04
마무리 작업
02
칠하기 및 편집
00
튜토리얼 소개
03
디테일 및 텍스처
05
작가 소개
04
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
좀 더 다양한 캐릭터 만들기 이 튜토리얼에서는 제가 포토샵을 어 떻게 일러스트레이터와 함께 사용하 는지 보여드리도록 하겠습니다. 제가 포토샵을 사용하는 주된 이유는 브러 시가 좀 더 자연스럽고 생생하게 느 껴지기 때문입니다. 그래서 포토샵을 이용하면 디지털 도구를 사용하는 것 이 아니라 실제 스케치를 하거나 색 칠을 할 때와 같은 그림을 그릴 수 있 습니다. 아주 간단한 캐릭터를 그려보면서 제 말이 어떤 의미인지 보여드리겠습니 다. 보통 포토샵을 이용해서 캐릭터 를 만들면 일러스트레이터를 이용할 때보다 시간이 1/3 정도밖에 걸리지 않습니다. 포토샵과 일러스트레이터 를 혼합해서 쓰면 각 애플리케이션이 가지고 있는 가장 강력한 도구를 이 용할 수 있다는 장점이 있습니다. 둘
© 2015 Wacom
중 좀 더 쉬운 도구를 사용하거나 다 른 애플리케이션에는 없는 도구를 사 용할 수 있기 때문입니다. 이 둘은 서 로 상호보완적인 역할을 완벽하게 수 행합니다. e-튜토리얼에서의 모든 디지털 작업 은 어도비© 포토샵과 어도비 일러스 트레이터를 이용하여 와콤 펜 태블릿 인튜어스 프로로 완성된 것입니다. 최 신 디지털 기술을 활용하여 작업 흐 름 및 효율성을 높여주는 제품들을 와콤 웹사이트에 가면 만날 수 있습 니다. 와콤의 펜과 태블릿 제품 사용 을 통해 작업자는 작업 속도와 정밀 성을 높일 수 있으며, 다양한 시도를 할 수 있습니다.
Alberto Montt
만화가 겸 삽화가 dosisdiarias.com
05
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
© 2015 Wacom
06
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
그리기 및 변환 1. 포토샵 브러시 선택 저는 보통 하드 라운드 Hard Round Pressure Size(프레셔 사이즈), Spatter (스패터) 또는 심지어 Chalk(초크)와 같은 표준 압감 브러시 중 하나를 사용합니다. 저에게 일러스트레이터 브러시는 자연스럽게 느껴지지 않고, 게다가 일러스트레이터의 초기 설정처럼 각 스트로크를 하나의 독립적인 물체로 다뤄야 할 이유가 저에겐 없기 때문입니다.
2. 벡터 이미지를 만들기 위해 일러스트레이터에 그림 저장 그림 그리기가 끝나면 포토샵에 저장하고, 일러스트레이터에서 새로운 문서를 열어 포토샵 그림을 Place(가져다 놓기)합니다. File(파일) > New(새로 만들기) (Mac은 Cmd+N/Windows는 Ctrl+N) File(파일) > Place(가져다 놓기) (Shift+Cmd/Shift+Cmd) +P
© 2015 Wacom
07
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
포토샵에서 그림 시작하기 동영상
© 2015 Wacom
08
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
3. 이미지 트레이스 여기서 제가 가장 좋아하는 일러스트레이터 도구가 나옵니다. 바로 Image Trace(이미지 트레이스) 도구입니다. 이 도구는 이미지를 가져다 놓은 후 바로 옵션 바에서 사용할 수 있습니다. 4. 트레이스를 벡터로 확장 (가져다 놓은 물체를 사후에 선택해서 이동할 수도 있습니다). Expand(확장)를 클릭하면 이미지가 벡터 이미지로 변합니다. 매우 쉽습니다. 이는 모든 브러시 마크가 작은 종이 조각처럼 변하도록 해주기 때문에 매우 유용합니다. 당신은 모든 조각들을 필요한대로 움직이거나, 사이즈를 조절하거나, 색을 칠하거나, 삭제하거나 그룹화할 수 있습니다.
© 2015 Wacom
09
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
그림을 벡터로 바꾸기 동영상
© 2015 Wacom
10
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
칠하기 및 편집 1. 임시 배경 추가하기 이미지에 임시 배경을 주기 위해서는 사각형을 그려서 채우기 색상을 바꿔줍니다. 이 경우 회색으로 바꿔줍니다. 아무 면이나 선택하고 Delete(삭제)를 누릅니다 – 수동으로 선택할 필요 없이 프로그램이 이를 삭제하는 것을 볼 수 있습니다. 모든 조각이 이제 독립적으로 변합니다. 그림이 여전히 포토샵에 남아있다면, 파일 크기의 10배 정도가 됩니다. 일러스트레이터를 이용하면 나중에 사용하거나 필요에 따라 변화시킬 수 있도록, 모든 그림을 물체 또는 이미지 도서관 형태로 효과적으로 저장할 수 있습니다. 그러나 컴퓨터 저장 공간을 거의 차지하지 않습니다.
© 2015 Wacom
작가 팁: 저는 이미지를 쉽게 조작하거나 색을 칠할 수 있기 때문에 일러스트레이터를 사용합니다. 또한 일러스트레이터에만 있는 강력한 도구를 사용하여 다른 방식으로는 얻을 수 없는 그림을 얻을 수도 있습니다. 적어도 다른 방식으로는 이렇게 쉽게 작업이 되지 않습니다. 저는 언제라도 원하는 크기로 이미지를 다시 포토샵으로 가져갈 수 있습니다. 추가적인 단계를 거치는 것처럼 보이지만, 일러스트레이터 상에서 이 과정을 거치는 것이 훨씬 더 쉽습니다. 저장 및 프로세싱 모두에 대해 훨씬 더 적은 파일을 생성하기 때문에 그렇습니다.
11
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
2. 색칠 시작하기 저는 넓은 영역에 색을 채움으로써 색칠을 시작합니다. 선택 도구(V)를 사용하여 영역을 고르고 나서 색상 견본 중에서 원하는 색상을 선택합니다. 색상을 조절하고자 하면 색상 패널에 있는 슬라이더를 사용하면 됩니다. 견본 색상과 동일한 색감을 유지하면서 음영을 조금 바꿀 때 사용할 수 있는 좋은 방법은 슬라이더를 끌면서 "Shift" 키를 누르고 있는 것입니다.
3. 나이프를 창조적으로 사용하기 이미지를 벡터 이미지 형태로 일러스트레이터로 가져오는 것은 가장 선호하는 일러스트레이터 도구를 모두 사용할 수 있다는 것을 의미하는 것입니다. 예를 들어, Knife(나이프)는 가위와 판지를 가지고 노는 것처럼 쉽고 재미있게 그림을 자를 수 있도록 해줍니다.
© 2015 Wacom
12
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
Knife(나이프) 도구는 도구 팔레트의 Eraser(지우개) 도구 밑에 숨어 있습니다. 지우개를 누르고 있으면 확장 메뉴에서 Knife(나이프)를 선택할 수 있습니다. Knife(나이프) 도구를 선택한 상태에서 Cmd/Ctrl 키를 눌러서 우선 나누고자 하는 영역을 먼저 선택하고, 그 다음 나누고자 하는 영역을 탭합니다. 나이프로 잘라내고 싶으면 그냥 조각내고 잘라주면 됩니다. 자르기를 하고 나면 Knife(나이프) 도구에서 나갈 필요 없이 세그먼트를 선택하거나 선택을 취소할 수도 있습니다. 다음과 같이 누르면 됩니다. » Cmd/Ctrl - Arrow(화살표) 도구를 보여줍니다. » Cmd+Opt/Ctrl+Alt - Group Select(그룹 선택) 도구입니다. » Cmd+Shift/Ctrl+Shift 현재 선택에서 제거하고자 하는 세그먼트에다 탭할 수 있습니다. 이 경우, Knife(나이프) 도구를 이용하여 음영선을 만들고 원래 그림과 구분 지을 수 있습니다. 이렇게 하면 Shift 키를 누른 채로 색상 슬라이더 중 하나를 오른쪽으로 끌어서 그림자를 쉽게 진하게 만들 수 있습니다.
© 2015 Wacom
작가 팁: 나이프는 키보드 단축키를 가지고 있지 않으므로 자신만의 키보드 단축키를 할당할 수 있습니다. 키보드 단축키를 편집하려면 Edit(편집) 메뉴로 가서 Keyboard Shortcuts(키보드 단축키)를 선택합니다. 키보드 단축키 편집으로 이동할 수 있는 키보드 단축키는 (Cmd+Opt+Shift)+K 또는 (Ctrl+Alt+Shift)+K 입니다. 예시적으로는 Knife(나이프) 도구에 키보드 단축키 "K"를 할당하는 것입니다. 그러면 Live Paint Bucket(라이브 페인트 버킷) 도구에 이미 K가 할당되어 있다는 메시지가 나타나고, 이 도구는 이제 더 이상 키보드 단축키를 가지지 않게 됩니다. 이러한 상황은 저에게 별로 문제되지 않는데, 왜냐하면 저는 Paint Bucket(페인트 버킷) 도구보다는 Knife(나이프) 도구를 사용하기 때문입니다.
13
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
디테일 및 텍스처 1. 더 많은 디테일 추가하기 음영 작업을 한 뒤에는 다시 돌아가서 Ellipse(타원형) 도구(L)와 같은 기본 형태를 이용하여 주근깨라든지 수염과 같은 요소를 추가할 수 있습니다. 그리고 형태를 사용하고 싶을 때 Cmd+Opt/Ctrl+Alt을 누르면 클릭해서 끄는 기능과 같이 작동합니다. 이렇게 해서 당신의 그림에 추가할 텍스처를 쉽게 만들 수 있습니다.
© 2015 Wacom
14
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
2. 포토샵에서 텍스처 사용하기 포토샵에서는 텍스처를 여러 가지 방법으로 사용할 수 있습니다. 일러스트레이터에서 Cmd/Ctrl+C를 선택하여 당신 그림의 벡터 사본을 만드십시오. 포토샵을 열고 새로운 문서를 엽니다. 크게 만들어서 어떤 크기의 그림이라도 놓일 수 있게 합니다. 왜냐하면 이 그림이 벡터 파일에서 나온 것이기 때문입니다. 그러고 나서 Cmd/Ctrl+V를 눌러서 붙이기를 합니다. 그렇게 하고 나면 특별한 대화창이 나타나는데, 이는 픽셀에 정해져 있지만 크기는 얼마든지 원하는 대로 바꿔서 붙이기를 할 수 있도록 해줍니다. Shift나 Shift+Opt/Alt를 눌러서 원래 형태로 가져다 놓기를 할 수 있습니다.
© 2015 Wacom
15
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
3. 레이어 모드 그림을 포토샵에 다시 가져다 놓고 나면 이제는 일러스트레이터에서는 찾을 수 없는 다양한 도구를 이용하여 좀 더 생생한 텍스처를 적용할 수 있습니다. 가장 중요한 것이 바로 "레이어 모드" 입니다. 레이어 옵션에서는 Layers (레이어) 패널의 상단에서 레이어 모드를 Multiply(곱하기)로 설정함으로써 캐릭터의 흰색 캔버스를 효과적으로 투명하게 만들 수 있습니다. 4. 선택 불러오기 제가 캐릭터 머리만 가져오고 배경은 가져오지 않은 관계로 Cmd/Ctrl과 레이어를 위한 아이콘을 클릭함으로써 머리 전체를 선택할 수 있습니다. 그러고 나면 이를 저의 텍스처로부터 선택하는데 사용할 수 있으며 또한 새로운 레이어로 복사할 수 있습니다.
© 2015 Wacom
16
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
5. 브러시 적용하기 선택된 사항들이 여전히 활성화된 가운데 텍스처 레이어를 선택하고, 그러고 나서 Cmd/Ctrl+J를 누릅니다. 그러면 텍스처 선택 사항을 새로운 배경 레이어로 복사할 수 있습니다. 이제 텍스처 레이어를 숨기면 이 텍스처는 캐릭터 얼굴에 대한 배경 텍스처로만 사용할 수 있습니다. 이 배경과 잘 어울리는 텍스처를 가진 브러시를 선택해서 좀 더 생생하고 자연스러운 느낌을 주도록 합니다. 포토샵 브러시는 자연스러운 느낌을 살리는 데 더욱더 효과적입니다. Spatter(스패터) 브러시는 이러한 텍스처에 대해 매우 효과적으로 쓰이며, 기본 브러시보다 2/3 정도 텍스처를 낮춰줍니다.
© 2015 Wacom
17
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
6. 레이어링 및 선택 숨기기 요소를 추가하거나 색을 칠할 경우 저는 항상 새로운 레이어를 사용하려고 노력합니다. 그래야만 적용하기 전에 제대로 된 효과를 보기 위해 전체 레이어의 불투명함을 쉽게 조정할 수 있습니다. 머리 텍스처의 Cmd/Ctrl을 눌러서 자동으로 머리 밖에 있는 것들을 가릴 수 있도록 합니다. 그래야만 원하지 않는 곳을 모르고 칠하는 경우가 생기지 않습니다. 여러분은 손으로 칠한 듯한 자연스러운 느낌을 얻기 위해 음영에 대한 레이어 모드를 가지고 여러 가지 시도를 해볼 수 있습니다. 아울러, 이를 Multiply(곱하기)로 설정하고 불투명성을 낮춥니다. 그러면 여러분은 훨씬 더 보기 좋은 것을 보게 되고, Cmd/Ctrl+E를 누르면 이를 텍스처 레이어에다 통합할 수 있습니다.
© 2015 Wacom
18
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
텍스처 추가하기 동영상
© 2015 Wacom
19
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
조정 및 마무리 작업 1. Magic Wand(요술 지팡이) 를 사용한 요소 조정 얼굴, 눈, 셔츠 그리고 머리카락 등과 같은 캐릭터의 각 부분을 조정하려면 Magic Wand(요술 지팡이) 도구(W)와... 2. Hue/Saturation(채도/명도) ...Hue/Saturation(채도/명도) 조절 대화창(Cmd/Ctrl+U) 사이를 오가야 합니다. 이를 위해서는 » 먼저 가져온 레이어를 선택하고, 흑백 얼굴 레이어를 레이어 패널에 놓습니다. » 이제 요술 지팡이를 이용하여 조정하고자 하는 영역을 탭하여 덮도록 합니다(예를 들어 얼굴). » 텍스처화된 머리 레이어를 선택하고 조정을 실시합니다(Cmd/Ctrl+U). » 그러고 나서 Hue(채도) 슬라이더를 끌어서 오른쪽 베이스 색상(-45ish)으로 가져가고, 밝기를 약 60 정도로 맞춥니다. 그리고 필요하다면 명도를 조절합니다.
© 2015 Wacom
20
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
3. 린스 및 반복 나머지 캐릭터 특징에 대해서도 이러한 단계를 반복합니다. » 가져온 레이어를 선택합니다. » 요술 지팡이로 안구를 탭합니다. » 텍스처화된 머리 레이어를 선택하고 조정을 실시합니다(Cmd/Ctrl+U). » Lightness(밝기) 슬라이더를 맨 위쪽으로 끌어올립니다.
4. 셔츠 조정하기 셔츠와 관련해서는 칼라, 소매 그리고 셔츠 몸체를 탭하면서 Shift 키를 눌러서 복수 영역을 선택합니다. 그러고 나서 텍스처 레이어를 다시 선택하고 채도를 적색 쪽으로 밉니다.
© 2015 Wacom
21
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
5. 얼굴이 붉어지게 만들기 캐릭터에 약간의 붉은 기미를 주기 위해서 저는 레이어를 약간 추가하고, Spatter(스패터) 브러시를 다시 활용하여 왼쪽 및 오른쪽 브래킷 키 ([)+(]) 또는 태블릿의 터치 링으로 크기를 늘립니다. 색칠을 하고 그러고 나서 레이어의 불투명도를 원하는 수준까지 낮춥니다. Brush(브러시) 옵션 바에 있는 Opacity(불투명도) 버튼을 탭해서 원하는 불투명도로 색상을 입힐 수도 있습니다. 그러나, 저는 뒤로 돌아갈 수 있는 컨트롤을 갖는 것을 좋아하고 텍스처 레이어에 병합하기 전에 변경하는 것을 좋아합니다.
© 2015 Wacom
22
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
6. 마무리 작업 마무리 작업을 위해 저는 작은 버전의 브러시를 사용하며, 셔츠에 가벼운 느낌의 줄을 칠하기 위해 블러시와 같은 방식을 사용합니다. 가져온 레이어에서 요술 지팡이를 이용하여 셔츠를 선택하고, 크고 밝은 적색 Spatter(스패터) 브러시를 이용하여 줄무늬를 칠합니다.
7. 레이어 통합 칠하기가 끝나면 Shift 키를 눌러서 모든 얼굴 레이어를 선택할 수 있습니다. 펜으로 얼굴 레이어를 탭하고 나서 Cmd/Ctrl+E를 눌러서 통합합니다.
© 2015 Wacom
23
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
8. 완성! 저에게 가장 중요한 것은 포토샵이든 일러스트레이터든 아니면 종이든 각 프로그램의 가장 강력한 도구를 활용하여 일러스트레이터 작업을 하면서 즐거운 시간을 갖는 것입니다. 디지털 매체를 이용하여 그림을 그리면 종이를 이용하여 그림을 그릴 때 사용할 수 없는 도구들을 활용할 수 있습니다. 저는 이런 것들을 모두 아주 좋아합니다.
© 2015 Wacom
24
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
작가 소개
© 2015 Wacom
칠레 삽화가이자 만화가인 Alberto Montt는 40가지가 넘는 어린이 책 삽화를 담당했고, 광고와 마케팅 분 야에서 지속적으로 일해왔습니다. 그 의 유명한 블로그 “Dosis Diarias”(“Daily Dose”)는 2011년 독일 방송 네 트워크 Deutshe Welle사로부터 "베 스트 스페인어 블로그" 상을 받았습 니다. 블로그에 게재된 만화는 10권 의 책으로 만들어져 남미 및 스페인 에서 발간되었으며 전세계 신문과 잡 지에 꾸준히 실리고 있습니다. “Daily Dose”는 하루당 120,000명이 넘는 방문자 수를 기록하고 있습니다.
(La Araucana)"에 대한 그의 삽화집 은 IBBY Honour List(IBBY: 국제아동 도서협의회)에 선정되었고, 많은 문학 상을 받았습니다.
Alberto Montt는 다양한 주제에 대 해 여러 책을 발간했는데, 이에는 그 의 첫 그림 소설도 포함됩니다. 바 로 Achiote, 자서전적인 일화 모음집 이 그것입니다. 서사시 "라 아로카나
@twitter
올해 작가는 푸마 사와 공동 작업을 통해 한정판 스니커즈를 론칭할 예정 입니다. 그의 작품에 관한 자세한 정보는 아래를 참고하시기 바랍니다.
dosisdiarias.com facebook.com/#
25
자세히 보기 ©2015 Wacom Co., Ltd. All rights reserved. 와콤 및 개별 로고는 Wacom Co., Ltd의 등록 상표입니다. 그 밖의 회사명 및 제품명은 각 소유주의 상표 또는 등록 상표입니다.
와콤은 e-튜토리얼을 디자인하고 개발하는 데 많은 노력 을 기울여 왔습니다. e-튜토리얼과 튜토리얼 내용과 관 련된 모든 저작권은 와콤이 보유하고 있습니다. e-튜토 리얼에 습득한 모든 내용은 자유롭게 사용이 가능하지 만, e-튜토리얼이나 튜토리얼 내용을 재배포 또는 판매, 다운로드 할 수 있게 웹사이트에 올리거나 소셜 네트워 크에 공유하는 행위는 금지됩니다. © Adobe, Adobe 로고, Creative Cloud 및 Creative Cloud 로고는 미국 및 기타 국가 Adobe Systems Incorporated의 상표 또는 등록 상표입니다.
자세한 정보는 www.wacom.com을 참고해 주시기 바 랍니다.
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법
“그림은 제 자신을 알게 되는 저만의 방법입니다.” - Alberto Montt
© 2015 Wacom
02
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법
Alberto Montt
© 2015 Wacom
03
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법
목차
© 2015 Wacom
01
그리기 및 변환
04
마무리 작업
02
칠하기 및 편집
00
튜토리얼 소개
03
디테일 및 텍스처
05
작가 소개
04
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
좀 더 다양한 캐릭터 만들기 이 튜토리얼에서는 제가 포토샵을 어 떻게 일러스트레이터와 함께 사용하 는지 보여드리도록 하겠습니다. 제가 포토샵을 사용하는 주된 이유는 브러 시가 좀 더 자연스럽고 생생하게 느 껴지기 때문입니다. 그래서 포토샵을 이용하면 디지털 도구를 사용하는 것 이 아니라 실제 스케치를 하거나 색 칠을 할 때와 같은 그림을 그릴 수 있 습니다. 아주 간단한 캐릭터를 그려보면서 제 말이 어떤 의미인지 보여드리겠습니 다. 보통 포토샵을 이용해서 캐릭터 를 만들면 일러스트레이터를 이용할 때보다 시간이 1/3 정도밖에 걸리지 않습니다. 포토샵과 일러스트레이터 를 혼합해서 쓰면 각 애플리케이션이 가지고 있는 가장 강력한 도구를 이 용할 수 있다는 장점이 있습니다. 둘
© 2015 Wacom
중 좀 더 쉬운 도구를 사용하거나 다 른 애플리케이션에는 없는 도구를 사 용할 수 있기 때문입니다. 이 둘은 서 로 상호보완적인 역할을 완벽하게 수 행합니다. e-튜토리얼에서의 모든 디지털 작업 은 어도비© 포토샵과 어도비 일러스 트레이터를 이용하여 와콤 펜 태블릿 인튜어스 프로로 완성된 것입니다. 최 신 디지털 기술을 활용하여 작업 흐 름 및 효율성을 높여주는 제품들을 와콤 웹사이트에 가면 만날 수 있습 니다. 와콤의 펜과 태블릿 제품 사용 을 통해 작업자는 작업 속도와 정밀 성을 높일 수 있으며, 다양한 시도를 할 수 있습니다.
Alberto Montt
만화가 겸 삽화가 dosisdiarias.com
05
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
© 2015 Wacom
06
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
그리기 및 변환 1. 포토샵 브러시 선택 저는 보통 하드 라운드 Hard Round Pressure Size(프레셔 사이즈), Spatter (스패터) 또는 심지어 Chalk(초크)와 같은 표준 압감 브러시 중 하나를 사용합니다. 저에게 일러스트레이터 브러시는 자연스럽게 느껴지지 않고, 게다가 일러스트레이터의 초기 설정처럼 각 스트로크를 하나의 독립적인 물체로 다뤄야 할 이유가 저에겐 없기 때문입니다.
2. 벡터 이미지를 만들기 위해 일러스트레이터에 그림 저장 그림 그리기가 끝나면 포토샵에 저장하고, 일러스트레이터에서 새로운 문서를 열어 포토샵 그림을 Place(가져다 놓기)합니다. File(파일) > New(새로 만들기) (Mac은 Cmd+N/Windows는 Ctrl+N) File(파일) > Place(가져다 놓기) (Shift+Cmd/Shift+Cmd) +P
© 2015 Wacom
07
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
포토샵에서 그림 시작하기 동영상
© 2015 Wacom
08
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
3. 이미지 트레이스 여기서 제가 가장 좋아하는 일러스트레이터 도구가 나옵니다. 바로 Image Trace(이미지 트레이스) 도구입니다. 이 도구는 이미지를 가져다 놓은 후 바로 옵션 바에서 사용할 수 있습니다. 4. 트레이스를 벡터로 확장 (가져다 놓은 물체를 사후에 선택해서 이동할 수도 있습니다). Expand(확장)를 클릭하면 이미지가 벡터 이미지로 변합니다. 매우 쉽습니다. 이는 모든 브러시 마크가 작은 종이 조각처럼 변하도록 해주기 때문에 매우 유용합니다. 당신은 모든 조각들을 필요한대로 움직이거나, 사이즈를 조절하거나, 색을 칠하거나, 삭제하거나 그룹화할 수 있습니다.
© 2015 Wacom
09
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
그림을 벡터로 바꾸기 동영상
© 2015 Wacom
10
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
칠하기 및 편집 1. 임시 배경 추가하기 이미지에 임시 배경을 주기 위해서는 사각형을 그려서 채우기 색상을 바꿔줍니다. 이 경우 회색으로 바꿔줍니다. 아무 면이나 선택하고 Delete(삭제)를 누릅니다 – 수동으로 선택할 필요 없이 프로그램이 이를 삭제하는 것을 볼 수 있습니다. 모든 조각이 이제 독립적으로 변합니다. 그림이 여전히 포토샵에 남아있다면, 파일 크기의 10배 정도가 됩니다. 일러스트레이터를 이용하면 나중에 사용하거나 필요에 따라 변화시킬 수 있도록, 모든 그림을 물체 또는 이미지 도서관 형태로 효과적으로 저장할 수 있습니다. 그러나 컴퓨터 저장 공간을 거의 차지하지 않습니다.
© 2015 Wacom
작가 팁: 저는 이미지를 쉽게 조작하거나 색을 칠할 수 있기 때문에 일러스트레이터를 사용합니다. 또한 일러스트레이터에만 있는 강력한 도구를 사용하여 다른 방식으로는 얻을 수 없는 그림을 얻을 수도 있습니다. 적어도 다른 방식으로는 이렇게 쉽게 작업이 되지 않습니다. 저는 언제라도 원하는 크기로 이미지를 다시 포토샵으로 가져갈 수 있습니다. 추가적인 단계를 거치는 것처럼 보이지만, 일러스트레이터 상에서 이 과정을 거치는 것이 훨씬 더 쉽습니다. 저장 및 프로세싱 모두에 대해 훨씬 더 적은 파일을 생성하기 때문에 그렇습니다.
11
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
2. 색칠 시작하기 저는 넓은 영역에 색을 채움으로써 색칠을 시작합니다. 선택 도구(V)를 사용하여 영역을 고르고 나서 색상 견본 중에서 원하는 색상을 선택합니다. 색상을 조절하고자 하면 색상 패널에 있는 슬라이더를 사용하면 됩니다. 견본 색상과 동일한 색감을 유지하면서 음영을 조금 바꿀 때 사용할 수 있는 좋은 방법은 슬라이더를 끌면서 "Shift" 키를 누르고 있는 것입니다.
3. 나이프를 창조적으로 사용하기 이미지를 벡터 이미지 형태로 일러스트레이터로 가져오는 것은 가장 선호하는 일러스트레이터 도구를 모두 사용할 수 있다는 것을 의미하는 것입니다. 예를 들어, Knife(나이프)는 가위와 판지를 가지고 노는 것처럼 쉽고 재미있게 그림을 자를 수 있도록 해줍니다.
© 2015 Wacom
12
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
Knife(나이프) 도구는 도구 팔레트의 Eraser(지우개) 도구 밑에 숨어 있습니다. 지우개를 누르고 있으면 확장 메뉴에서 Knife(나이프)를 선택할 수 있습니다. Knife(나이프) 도구를 선택한 상태에서 Cmd/Ctrl 키를 눌러서 우선 나누고자 하는 영역을 먼저 선택하고, 그 다음 나누고자 하는 영역을 탭합니다. 나이프로 잘라내고 싶으면 그냥 조각내고 잘라주면 됩니다. 자르기를 하고 나면 Knife(나이프) 도구에서 나갈 필요 없이 세그먼트를 선택하거나 선택을 취소할 수도 있습니다. 다음과 같이 누르면 됩니다. » Cmd/Ctrl - Arrow(화살표) 도구를 보여줍니다. » Cmd+Opt/Ctrl+Alt - Group Select(그룹 선택) 도구입니다. » Cmd+Shift/Ctrl+Shift 현재 선택에서 제거하고자 하는 세그먼트에다 탭할 수 있습니다. 이 경우, Knife(나이프) 도구를 이용하여 음영선을 만들고 원래 그림과 구분 지을 수 있습니다. 이렇게 하면 Shift 키를 누른 채로 색상 슬라이더 중 하나를 오른쪽으로 끌어서 그림자를 쉽게 진하게 만들 수 있습니다.
© 2015 Wacom
작가 팁: 나이프는 키보드 단축키를 가지고 있지 않으므로 자신만의 키보드 단축키를 할당할 수 있습니다. 키보드 단축키를 편집하려면 Edit(편집) 메뉴로 가서 Keyboard Shortcuts(키보드 단축키)를 선택합니다. 키보드 단축키 편집으로 이동할 수 있는 키보드 단축키는 (Cmd+Opt+Shift)+K 또는 (Ctrl+Alt+Shift)+K 입니다. 예시적으로는 Knife(나이프) 도구에 키보드 단축키 "K"를 할당하는 것입니다. 그러면 Live Paint Bucket(라이브 페인트 버킷) 도구에 이미 K가 할당되어 있다는 메시지가 나타나고, 이 도구는 이제 더 이상 키보드 단축키를 가지지 않게 됩니다. 이러한 상황은 저에게 별로 문제되지 않는데, 왜냐하면 저는 Paint Bucket(페인트 버킷) 도구보다는 Knife(나이프) 도구를 사용하기 때문입니다.
13
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
디테일 및 텍스처 1. 더 많은 디테일 추가하기 음영 작업을 한 뒤에는 다시 돌아가서 Ellipse(타원형) 도구(L)와 같은 기본 형태를 이용하여 주근깨라든지 수염과 같은 요소를 추가할 수 있습니다. 그리고 형태를 사용하고 싶을 때 Cmd+Opt/Ctrl+Alt을 누르면 클릭해서 끄는 기능과 같이 작동합니다. 이렇게 해서 당신의 그림에 추가할 텍스처를 쉽게 만들 수 있습니다.
© 2015 Wacom
14
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
2. 포토샵에서 텍스처 사용하기 포토샵에서는 텍스처를 여러 가지 방법으로 사용할 수 있습니다. 일러스트레이터에서 Cmd/Ctrl+C를 선택하여 당신 그림의 벡터 사본을 만드십시오. 포토샵을 열고 새로운 문서를 엽니다. 크게 만들어서 어떤 크기의 그림이라도 놓일 수 있게 합니다. 왜냐하면 이 그림이 벡터 파일에서 나온 것이기 때문입니다. 그러고 나서 Cmd/Ctrl+V를 눌러서 붙이기를 합니다. 그렇게 하고 나면 특별한 대화창이 나타나는데, 이는 픽셀에 정해져 있지만 크기는 얼마든지 원하는 대로 바꿔서 붙이기를 할 수 있도록 해줍니다. Shift나 Shift+Opt/Alt를 눌러서 원래 형태로 가져다 놓기를 할 수 있습니다.
© 2015 Wacom
15
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
3. 레이어 모드 그림을 포토샵에 다시 가져다 놓고 나면 이제는 일러스트레이터에서는 찾을 수 없는 다양한 도구를 이용하여 좀 더 생생한 텍스처를 적용할 수 있습니다. 가장 중요한 것이 바로 "레이어 모드" 입니다. 레이어 옵션에서는 Layers (레이어) 패널의 상단에서 레이어 모드를 Multiply(곱하기)로 설정함으로써 캐릭터의 흰색 캔버스를 효과적으로 투명하게 만들 수 있습니다. 4. 선택 불러오기 제가 캐릭터 머리만 가져오고 배경은 가져오지 않은 관계로 Cmd/Ctrl과 레이어를 위한 아이콘을 클릭함으로써 머리 전체를 선택할 수 있습니다. 그러고 나면 이를 저의 텍스처로부터 선택하는데 사용할 수 있으며 또한 새로운 레이어로 복사할 수 있습니다.
© 2015 Wacom
16
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
5. 브러시 적용하기 선택된 사항들이 여전히 활성화된 가운데 텍스처 레이어를 선택하고, 그러고 나서 Cmd/Ctrl+J를 누릅니다. 그러면 텍스처 선택 사항을 새로운 배경 레이어로 복사할 수 있습니다. 이제 텍스처 레이어를 숨기면 이 텍스처는 캐릭터 얼굴에 대한 배경 텍스처로만 사용할 수 있습니다. 이 배경과 잘 어울리는 텍스처를 가진 브러시를 선택해서 좀 더 생생하고 자연스러운 느낌을 주도록 합니다. 포토샵 브러시는 자연스러운 느낌을 살리는 데 더욱더 효과적입니다. Spatter(스패터) 브러시는 이러한 텍스처에 대해 매우 효과적으로 쓰이며, 기본 브러시보다 2/3 정도 텍스처를 낮춰줍니다.
© 2015 Wacom
17
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
6. 레이어링 및 선택 숨기기 요소를 추가하거나 색을 칠할 경우 저는 항상 새로운 레이어를 사용하려고 노력합니다. 그래야만 적용하기 전에 제대로 된 효과를 보기 위해 전체 레이어의 불투명함을 쉽게 조정할 수 있습니다. 머리 텍스처의 Cmd/Ctrl을 눌러서 자동으로 머리 밖에 있는 것들을 가릴 수 있도록 합니다. 그래야만 원하지 않는 곳을 모르고 칠하는 경우가 생기지 않습니다. 여러분은 손으로 칠한 듯한 자연스러운 느낌을 얻기 위해 음영에 대한 레이어 모드를 가지고 여러 가지 시도를 해볼 수 있습니다. 아울러, 이를 Multiply(곱하기)로 설정하고 불투명성을 낮춥니다. 그러면 여러분은 훨씬 더 보기 좋은 것을 보게 되고, Cmd/Ctrl+E를 누르면 이를 텍스처 레이어에다 통합할 수 있습니다.
© 2015 Wacom
18
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
텍스처 추가하기 동영상
© 2015 Wacom
19
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
조정 및 마무리 작업 1. Magic Wand(요술 지팡이) 를 사용한 요소 조정 얼굴, 눈, 셔츠 그리고 머리카락 등과 같은 캐릭터의 각 부분을 조정하려면 Magic Wand(요술 지팡이) 도구(W)와... 2. Hue/Saturation(채도/명도) ...Hue/Saturation(채도/명도) 조절 대화창(Cmd/Ctrl+U) 사이를 오가야 합니다. 이를 위해서는 » 먼저 가져온 레이어를 선택하고, 흑백 얼굴 레이어를 레이어 패널에 놓습니다. » 이제 요술 지팡이를 이용하여 조정하고자 하는 영역을 탭하여 덮도록 합니다(예를 들어 얼굴). » 텍스처화된 머리 레이어를 선택하고 조정을 실시합니다(Cmd/Ctrl+U). » 그러고 나서 Hue(채도) 슬라이더를 끌어서 오른쪽 베이스 색상(-45ish)으로 가져가고, 밝기를 약 60 정도로 맞춥니다. 그리고 필요하다면 명도를 조절합니다.
© 2015 Wacom
20
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
3. 린스 및 반복 나머지 캐릭터 특징에 대해서도 이러한 단계를 반복합니다. » 가져온 레이어를 선택합니다. » 요술 지팡이로 안구를 탭합니다. » 텍스처화된 머리 레이어를 선택하고 조정을 실시합니다(Cmd/Ctrl+U). » Lightness(밝기) 슬라이더를 맨 위쪽으로 끌어올립니다.
4. 셔츠 조정하기 셔츠와 관련해서는 칼라, 소매 그리고 셔츠 몸체를 탭하면서 Shift 키를 눌러서 복수 영역을 선택합니다. 그러고 나서 텍스처 레이어를 다시 선택하고 채도를 적색 쪽으로 밉니다.
© 2015 Wacom
21
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
5. 얼굴이 붉어지게 만들기 캐릭터에 약간의 붉은 기미를 주기 위해서 저는 레이어를 약간 추가하고, Spatter(스패터) 브러시를 다시 활용하여 왼쪽 및 오른쪽 브래킷 키 ([)+(]) 또는 태블릿의 터치 링으로 크기를 늘립니다. 색칠을 하고 그러고 나서 레이어의 불투명도를 원하는 수준까지 낮춥니다. Brush(브러시) 옵션 바에 있는 Opacity(불투명도) 버튼을 탭해서 원하는 불투명도로 색상을 입힐 수도 있습니다. 그러나, 저는 뒤로 돌아갈 수 있는 컨트롤을 갖는 것을 좋아하고 텍스처 레이어에 병합하기 전에 변경하는 것을 좋아합니다.
© 2015 Wacom
22
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
6. 마무리 작업 마무리 작업을 위해 저는 작은 버전의 브러시를 사용하며, 셔츠에 가벼운 느낌의 줄을 칠하기 위해 블러시와 같은 방식을 사용합니다. 가져온 레이어에서 요술 지팡이를 이용하여 셔츠를 선택하고, 크고 밝은 적색 Spatter(스패터) 브러시를 이용하여 줄무늬를 칠합니다.
7. 레이어 통합 칠하기가 끝나면 Shift 키를 눌러서 모든 얼굴 레이어를 선택할 수 있습니다. 펜으로 얼굴 레이어를 탭하고 나서 Cmd/Ctrl+E를 눌러서 통합합니다.
© 2015 Wacom
23
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
8. 완성! 저에게 가장 중요한 것은 포토샵이든 일러스트레이터든 아니면 종이든 각 프로그램의 가장 강력한 도구를 활용하여 일러스트레이터 작업을 하면서 즐거운 시간을 갖는 것입니다. 디지털 매체를 이용하여 그림을 그리면 종이를 이용하여 그림을 그릴 때 사용할 수 없는 도구들을 활용할 수 있습니다. 저는 이런 것들을 모두 아주 좋아합니다.
© 2015 Wacom
24
포토샵 및 일러스트레이터를 이용한 캐릭터 디자인 래스터 접근법 목차
작가 소개
© 2015 Wacom
칠레 삽화가이자 만화가인 Alberto Montt는 40가지가 넘는 어린이 책 삽화를 담당했고, 광고와 마케팅 분 야에서 지속적으로 일해왔습니다. 그 의 유명한 블로그 “Dosis Diarias”(“Daily Dose”)는 2011년 독일 방송 네 트워크 Deutshe Welle사로부터 "베 스트 스페인어 블로그" 상을 받았습 니다. 블로그에 게재된 만화는 10권 의 책으로 만들어져 남미 및 스페인 에서 발간되었으며 전세계 신문과 잡 지에 꾸준히 실리고 있습니다. “Daily Dose”는 하루당 120,000명이 넘는 방문자 수를 기록하고 있습니다.
(La Araucana)"에 대한 그의 삽화집 은 IBBY Honour List(IBBY: 국제아동 도서협의회)에 선정되었고, 많은 문학 상을 받았습니다.
Alberto Montt는 다양한 주제에 대 해 여러 책을 발간했는데, 이에는 그 의 첫 그림 소설도 포함됩니다. 바 로 Achiote, 자서전적인 일화 모음집 이 그것입니다. 서사시 "라 아로카나
올해 작가는 푸마 사와 공동 작업을 통해 한정판 스니커즈를 론칭할 예정 입니다. 그의 작품에 관한 자세한 정보는 아래를 참고하시기 바랍니다.
dosisdiarias.com facebook.com/#
25
자세히 보기 ©2015 Wacom Co., Ltd. All rights reserved. 와콤 및 개별 로고는 Wacom Co., Ltd의 등록 상표입니다. 그 밖의 회사명 및 제품명은 각 소유주의 상표 또는 등록 상표입니다.
와콤은 e-튜토리얼을 디자인하고 개발하는 데 많은 노력 을 기울여 왔습니다. e-튜토리얼과 튜토리얼 내용과 관 련된 모든 저작권은 와콤이 보유하고 있습니다. e-튜토 리얼에 습득한 모든 내용은 자유롭게 사용이 가능하지 만, e-튜토리얼이나 튜토리얼 내용을 재배포 또는 판매, 다운로드 할 수 있게 웹사이트에 올리거나 소셜 네트워 크에 공유하는 행위는 금지됩니다. © Adobe, Adobe 로고, Creative Cloud 및 Creative Cloud 로고는 미국 및 기타 국가 Adobe Systems Incorporated의 상표 또는 등록 상표입니다.
자세한 정보는 www.wacom.com을 참고해 주시기 바 랍니다.
