Vicious 燔剩

이미 완성된 그림으로 작성하려다가 그걸로는 설명이 불충분한 부분이 있을 듯 하여, 이왕 그릴 것도 있으니 그리면서 작성합니다.

* 본 튜토리얼은 제가 포토샵으로 그림을 그릴 때 쓰는 방법이며, 사실상 튜토리얼이라고 할 것도 없습니다.
* 본 튜토리얼은 몇몇 지인분들을 위한 것이며, "CG와 그림의 기본적인 이론을 알고 있으나 포토샵 툴에는 익숙치 않은 분"을 대상으로 합니다.
* Adobe Photoshop CS3 영문판을 기준으로 작성되었습니다.



1. 스케치와 선따기

포토샵을 실행하고 File>New, 단축키 [Ctrl]+[N] 혹은 필드에 [Ctrl]+[더블클릭]으로 원하는 크기의 파일을 생성합니다.

※ 포토샵을 실행했을 시에 타블렛 드라이버가 제대로 작동하지 않는 현상이 나타난다면, 포토샵을 실행할 때 마우스가 아닌 타블렛 펜으로 클릭해서 실행 해 보세요

생성한 직후의 psd(포토샵 포멧 확장자)파일은, Background라는 기본 레이어 하나만을 갖고 있습니다. (여러가지 예외가 있으나, 이 튜토리얼에서 다양한 예외는 살짝 무시하고 넘어가겠습니다) 레이어탭에서 레이어 하나를 생성합니다.


레이어는 투명한 셀이라고 생각하시면 되고, 비툴과 비교하자면 플로터와 같은 역할을 합니다. 비툴과 다른 점이 있다면, 포토샵은 레이어를 몇 개든 생성할 수 있고 레이어의 위치와 속성을 자유롭게 바꿀 수 있다는 것입니다. (비툴의 플로터는 포토샵의 레이어 속성을 multiply로 설정 해 주었을 때와 같은 느낌입니다)

처음 생성한 레이어는 Layer1이라는 이름을 갖고 있지만, 편리한 작업을 위해 알아보기 편한 이름으로 바꿔줍니다. (레이어 이름 변경 : 레이어 이름부분 더블클릭 or 레이어 오른쪽클릭 > Layer Prorerties or 레이어탭 상단의 화살표 클릭 > Layer Prorerties)저는, 여기에 러프 스케치를 할 것 이므로 lough라고 바꿨습니다

작업시에는 항상 제대로 된 레이어 위에서 작업하고 있는 지 확인하면서, 생뚱맞은 레이어에 작업하다가  귀중한 시간을 날리는 재앙을 미연에 방지합시다.

이제 스케치를 시작합시다.
브러쉬 툴을 선택합니다. → 단축키 [B]

브러쉬 툴을 선택하면, 옵션을 조절할 수 있는 간단한 텝이 나타납니다.
저는 스케치와 선을 따는 작업까지 아래의 브러쉬를 사용합니다.



포토샵 기본 브러쉬로, 딱 위에서 두번째에 Hard Round 3 pexels라는 브러쉬가 있습니다.

채색이 아니라 선을 긋는 작업이므로 Opacity와 Flow는 둘 다 100%로 두고 스케치 스타트.

- Opacity : 말 그대로 브러쉬 투명도.
- Flow : 사실상 투명도의 부드러운 정도라는 개념이지만, 필압의 변화에 투명도가 부드럽게 반응하는가 민감하게 반응하는가의 차이가 Opacity와의 더 중요한 개념 차이인 듯 하여 필압 감지도라고 표시했습니다. 글로 설명하기 미묘한 부분이니, 직접 그어보는 게 제일 빠를 겁니다.

스샷에 적어 놓은 게 많은데, 처음부터 이것 저것 알려고 하면 머리 아프니까 일단 넘어가고, 필요한 단계에서 설명하기로 하겠습니다.

tip)
브러쉬 사이즈 조절 단축키 : [ (작게) , ] (크게)
포토샵에서는 지우개도 브러쉬 설정이 가능한데, 지우개(단축키 E)와 브러쉬는 같은 설정으로 작업하는 것이 편리합니다.(지우개 사이즈 조절 단축키도 브러쉬와 동일)

작업창 모드 변화 단축키 F
(기본 - Standard Screen Mode / F 한번 - Maximized Screen Mode / F 두번 - Full Screen Mode with Menu bar / F 세번 - Full Screen Mode)
저는 Full Screen Mode with Menu Bar 상태에서 손바닥으로 움직여가며 (스페이스바) 작업하는 게 편하더군요.

메뉴창 모두 숨기기/보이기 : TAB

작업 이미지가 큰 경우, Zoom Out ([Ctrl]+[Alt]+[-])으로 축소해서 그린 뒤, 100%로 확대([Ctrl]+[Alt]+[숫자0])해서 세부 스케치를 하면, 인체 삑의 뜨악스러움을 면할 수 있을지도 모릅니다. (확대는[Ctrl]+[Alt]+[+], Fit Screen은 [Ctrl]+[숫자0]) 포토샵은 특성 상, 50%나 25% 단위의 축소 상태에서는 깨져 보이지 않으므로 이 것을 이용. 중간 중간 Image > Rotate Canvas > Flip Canvas Horizontal 로 돌려보는 것도 쎈스.






스케치 완성.
이 단계에서 머리카락과 옷 주름등의 흐름이 정해져 있어야, 나중에 명암 넣고 선을 수정하는 최악의 사태를 피할 수 있습니다.

이제 선을 땁시다 ~!!
선을 편하게 따기 위해서 스케치한 선의 색을 바꿔봅시다.

레이어탭을 보면 아래와 같이 Lock이라는 녀석이 있습니다.


네 개의 아이콘이 있는데, 우리가 써야 할 것은 체크무늬 네모난 제일 첫번째 아이콘(Lock transparent pixels)입니다. 이것을 체크 해 주면 위와같이 레이어에 하얀 자물쇠 모양이 생깁니다. 해당 레이어에서 작업되지 않은 투명한 부분을 보호하는 기능입니다. 이것이 체크된 상태에서, 원하는 전경색(Foreground color)을 선택한 뒤 [Alt]+[Delete]로 채워줍니다.



저는 스케치선을 주로 옅은 녹색 계열로 바꿔서 작업합니다. 얼마전까지 형광하늘색을 썼었는데, 눈알이 빠질 것 같드라구요;;

tip)
전경색 (Foreground Color)으로 채우기 → [Alt]+[Delete]
배경색 (Background Color)으로 채우기 → [Ctrl]+[Delete]



+) 여기서 잠시 색상에 대한 설명.

포토샵에서 색상을 선택하는 방법에는 여러가지가 있는데, 몇 가지를 설명하고 넘어가겠습니다.

 
왼쪽 툴바에서 전경색 영역이나 배경색 영역을 선택하면 Color Picker가 뜨고, 여기서 색을 선택해서 쓰는 것이 첫번째 방법입니다.


두번째는 컬러 탭. RGB외에도 여러가지 슬라이더가 있으니 편한 것으로 선택해서 쓸 수 있습니다. 어떤 슬라이더를 쓰는 게 편한가 하는 것은 다들 개인차가 있더라구요.





선택한 컬러는 아래의 Swatch 탭에서 저장할 수 있습니다.


오른쪽 상단의 화살표를 클릭하면 추가메뉴가 뜨는데, 여기서 현재의 Swatch 세트를 저장하거나(Save Swatches) 불러올 수 있습니다.(Load Swatches)

그 외에도 스포이드툴(단축키 I)을 병용하면 좀 더 편리한 작업이 가능합니다. → 브러쉬가 선택된 상태에서 [Alt]+[원하는 컬러영역 클릭]


선을 따기 위한 새 레이어를 생성하고 선을 땁니다.


엄밀하게……

제 경우는 수전증이 심해서 200%로 확대해서 선을 땁니다만…


자신에게 제일 편한 방법으로 하는 게 최고지요..


대략적인 선을 다 따고 나면 스케치 레이어의 눈을 끄고, 선을 정리합니다.



레이어 왼쪽의 눈 모양 아이콘을 클릭하면, 아이콘이 사라지면서 스케치 레이어가 숨겨집니다.
선으로 완성하는 게 아니라, 어디까지나 완성을 위한 준비과정이라는 것을 잊지 말고 채색에 방해가 될 것 같은 선들은 과감히 버립니다.

저는 편의상 (수정이 용이하도록 하기 위해) 머리카락의 선은 레이어를 새로 생성해서 따는데, 이런 세세한 부분은 편한대로 하시면 됩니다. 유비무환. 만약의 사태를 대비해서 나쁠 건 없지요..




선 따기가 끝났습니다.
- 작업 원본 사이즈 1000*1200



타블렛이 없는, 혹은 타블렛이 익숙치 않아서 선을 긋는 작업은 아직 아날로그방식이 편하다고 생각하시는 분들께 가장 많이 받는 질문이 "스캔한 이미지에 채색할 시에 선을 띄우는 방법" 입니다. 하는 김에 이 부분도 설명하고 넘어가겠습니다.

※ 스캔 이미지 선 띄우기  

일단 저는 스캐너가 없으므로..() 지금의 작업물을, 스캔이미지와 같은 조건으로 만들어서 진행하겠습니다.
바탕에 누리끼리한 색을 깔고 jpg로 저장한 뒤에 다시 열었습니다.

스캔한 이미지를 포토샵에서 열면, 이미지 레이어 하나가 Background로 외로이 있을겁니다. 다시 말해서, 아래의 이미지와 같은 상태일 것입니다.



일단 Background레이어를 복사해서(유비무환!) 흰색이어야 할 부분은 흰색으로, 검정색이어야 할 부분은 검정색으로 조절 해 줍니다
(레이어 복사 : 복사하고자하는 레이어를 레이어 생성 아이콘으로 드래그 = 레이어 오른쪽클릭 > Duplicate Layer = 레이어탭 우측 상단 화살표 클릭 > Duplicate Layer)

이 때, Image > Adjustments > Levels (단축키 [Ctrl]+[L])
혹은 Image > Adjustments > Curves (단축키 [Ctrl]+[M])를 사용합니다.






둘 중 편한 걸로 골라서 쓰시면 됩니다.
저는 Levels가 편해서 Levels를 쓰겠습니다 'ㅂ'


색을 조절할 때, 종이부분을 하얗게 날려주는 게 꽤 중요한데, 그 조절이 힘드시다면 아래와 같이 선이 없는 영역에 하얀색 점같은 것을 잘 보이게 찍어주고 조절하면 좀 편할지도 모릅니다.



반대쪽의 슬라이드바도 움직여서 선을 선명하게 조절 해 줍니다.



이 정도면 대강 괜찮은 것 같네요.

결과가 맘에 들었다면 다른이름으로 저장 ([Ctrl]+[Shift]+[S])한 뒤에 Background레이어를 흰색으로 날려줍니다. (유비무환!)

선을 띄우는 가장 쉬운 방법은 레이어 속성을 Multiply로 바꾼 뒤에 선 레이어 밑에 컬러링 작업을 하는 것인데, 쉬운 반면 작업에 여러가지 제약이 많습니다. 그러므로 이 방법은 완벽하게 선을 띄웠다라고 볼 수는 없는 것입니다. ←



Multiply는 일반적으로 "가산레이어"라고 알려진 녀석이며, 비툴의 플로터나 오캔의 레이어와 같은 성격을 갖고 있습니다.


지금부터 제가 설명할 것은, 레이어 속성을 이용하는 것이 아닌, Mask를 이용해서 좀 더 완벽하게 선을 따는 방법입니다.

Image > Mode > Grayscale 로 이미지 모드를 흑백으로 만들어줍니다.
아래와 같은 창이 뜨면 Don't Flatten을 클릭.


레이어를 합치겠냐는 질문인데, 솔직히 이 단계에서는 합쳐도 별로 상관은 없지만 귀찮아지니까 합치지 말자구요.
그 뒤에 Discard Color Information? 이라는 창이 뜨면 그냥 Discard를 선택.

레이어 하나를 생성해서 까만색으로 채운 뒤, 눈을 꺼 둡니다.


레이어 탭의 옆에 보면 Channels라는 게 있습니다. Gray채널이 하나 있을겁니다.



채널 썸네일을 [Ctrl]+[클릭]하면, 어두운영역이 선택됩니다.
[Ctrl]+[Shift]+[알파벳 I]로 선택영역을 반전시키고, 이 상태에서 레이어탭으로 넘어갑니다.

아까 생성한 까만색으로 채운 레이어를 선택하고


Add vector mask 아이콘을 클릭해서 마스크를 생성합니다.

이제 작업이 제대로 되었는지 확인하기 위해, 밑의 그림이 있는 Background copy레이어의 눈을 감기고, 방금 마스크를 생성한 까만 레이어의 눈을 켭니다. 하는 김에 Background레이어의 눈도 감겨보겠습니다.



투명한 바탕에 까만색으로 이쁘게 선이 띄워진 것을 확인했다면,
마스크를 적용한 레이어의 마스크 썸네일 오른쪽클릭 > Apply Layer Mask 로 레이어와 마스크를 합쳐 준 뒤에 Image > Mode > RGB Color로 바꿔주고 컬러링 작업을 시작합니다.

밑의 스캔 이미지 레이어는 버려도 되겠군요.


Lock기능을 이용해 선의 색상을 바꾸는 것은 물론, 이제 무슨 짓이라도 할 수 있습니다.



+) 스크롤 압박으로 채색 부분은 따로 포스팅합니다

지극히 개인적인 튜토리얼 [채색]