메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

처음 올리는 강좌(강좌라고 하긴..;;;) 네요
CG 작품 많이 보셨죠?
조금 어려울 수도 있지만 잘 하면 멋진 작품을 만들 수도 있답니다.

** 예제에서는 스피리츄얼 소울 1의 크리스를 표현 해 볼거예요(모르시는 분들도 계시겠지만...''') **

준비할 것은 샤프연필, 지우개, 컴퓨터... 참, 그리고 어떻게 할지 생각을 해야 겠죠?
1) 먼저 샤프연필로 A4 용지만한 크기의 종이에 종이보다는 조금 작게 스케치를 합니다. 지우개로 깔끔히 지워가면서 해야되요... 그래야 나중에 패스를 딸 때 훨씬 더 수월하거든요. 참, 그리고 스케치 할때 옷의 색깔, 머리색깔 등을 미리 생각 해 두어야 합니다.
2) 그 다음 그레이 스케일, 확장자 jpg 로 스캔을 합니다. 저는 크기 때문에 주로 해상도 150으로 스캔을 합니다. 스캔 하고 포토샵에서 불러오세요. 아래 그림은 스캔한 뒤 포토샵에서 불러온 모습입니다.
1.gif


3) 메뉴 Image --> Mode --> RGB 클릭해서 색상모드 변경하고, 백그라운드 레이어에서 오른쪽 버튼 누르고 Duplicate Layer 클릭해서 '바탕' 이라는 이름으로 레이어 복제를 합니다. 복제 한 후에는 백그라운드 레이어를 삭제 해 줍니다.


4) 메뉴 Image --> Adjust --> Hue/Saturation 에서 Colorize 에 체크하고 Hue : 40, Saturation : 55 정도로 조절 해 줍니다. 색상을 바꾸는 이유는 나중에 패스 선 딸 때 스캔 한 색과 헷갈리지 않게 하기 위해서 입니다.
2.gif


5) 그 다음 '바탕' 레이어 위에 새로운 레이어를 생성하고 이름을 '선' 이라고 붙여줍니다.


6) '선' 레이어를 활성화 시키고 펜툴(3.gif)을 클릭한 후 아래 그림처럼 패스를 땁니다.
4.gif
① 먼저 시작점을 클릭합니다.
② 두 번째 꼭지점도 클릭하고 Alt 키를 누른 상태에서 끊어 줄 꼭지점에 마우스를 갖다대면 펜툴 옆에 꺽쇠 비슷한 모양이 생깁니다. 그 모양이 나왔을 때 클릭해서 패스선을 끊어주고 다음 꼭지점으로 연결합니다.
③ 테두리를 그려 주듯이 선을 딴 다음 다시 시작 점으로 돌아와서 패스를 닫습니다.
④ 패스 선택영역을 지우지 않은 상태에서 오른쪽 마우스 버튼 --> fill path 해 주고 설정화면에서 수정 필요없이 바로 OK 클릭합니다. 이 때 전경색은 자신이 칠하려는 색으로 선택되어 있어야 합니다.
⑤ 패스선이 채워진 상태입니다.
** 패스 따기는 많이 연습을 해야되요. http://www.nickjr.com 과 같은 사이트 에서 이미지를 다운로드 받아서 따로 패스 연습을 하는 것도 좋은 방법이 될 것 같네요**



7) 휴~~패스를 다 땄네요...
5.gif

'바탕' 레이어 앞에 붙어있는 눈동자를 클릭해서 안 보이게 해 줍니다.
자, 그럼 이제 채색을 할 차례 입니다. '선' 레이어 밑에 하나의 레이어를 더 넣어주고 이름을 '채색' 이라고 입력 해 줍니다.



8) '선' 레이어 에서 Magic Wand 툴로 색칠 할 부분을 클릭 -->메뉴 Select --> Modify --> Expand --> 1픽셀 정도 늘려준 후 선택영역을 삭제하지 않은 상태에서 다시 '채색' 레이어로 돌아와서 페인트 버킷 툴이나 에어 브러쉬 툴로 색을 꼼꼼히 입혀줍니다. 채색하는 방법에는 부위별로 레이어를 따로 만들어서 사용하는 방법과, 선택영역을 채널로 저장하여두었다가 필요할 때 불러와서 채색하는 방법도 있어요. 예제에서는 그냥 하나의 레이어를 사용했지만 더 꼼꼼히 하고 싶으신 분은 머리, 얼굴, 옷... 등등의 레이어를 따로 만들어서 사용하시면 수정할때 편리하답니다.



9) 채색이 다 되었네요
6.gif



10) 다음은 명암을 넣을 차례예요. '채색' 레이어 위에 하나의 레이어를 더 생성하고 이름을 '명암' 이라고 붙여줍니다. 그런 다음 또 다시 '선' 레이어 에서 Magic Wand 툴로 선택 한 다음 다시 '명암' 레이어로 돌아와서 에어브러쉬 툴이나 펜 툴로 명암을 넣어줍니다.



11) 명암을 다 넣었습니다.
7.gif



12) 자 이제 머리와 눈 부분을 할 차례입니다.
8.gif
① 먼저 1번그림처럼 선택을 하고 메뉴 Select --> Modify --> Expand 에서 1픽셀 정도 늘려줍니다.
② 그림처럼 테두리 부분을 에어브러쉬 툴로 살짝 칠해줍니다.
③ 에어브러쉬 툴로 채색하고 남은 부분을 다시 Magic Wand 툴로 선택한 다음 페인트 버킷 툴로 채색합니다.
④ 닷지 툴(Dodge Tool) 을 선택하고 Range : Highlights  , Exposure : 25%로 해서 조금씩 반사광을 칠해줍니다.
** 눈을 채색할 때는 반드시 불투명한 색상으로 색을 입힌후에 닷지툴을 사용해야 합니다. 순색을 칠하게 되면 닷지 툴이 먹히지 않습니다.



13) 이번엔 머리부분을 할 차례입니다.
9.gif
① 먼저 라소 툴(Lasso Tool) 로 머리에 반사광이 들어갈 부분을 차분히 선택해 줍니다. 그런 다음 메뉴 Select --> Feather 에서 2픽셀을 입력하고 OK
② 이번에도 닷지 툴로 선택영역을 문질러 줍니다. 그리고 나서 메뉴 Filter --> Blur --> Gaussian Blur --> 2를 입력하고 OK, 그 다음 마무리도 해 줍니다.

** 다 끝났습니다. 아래 그림은 완성작입니다.**


과정이 너무 길어서 어렵다고 생각하시는 분들도 계실텐데요... 처음엔 누구나 다 못하는거 아시죠? 계속 연습하다 보면 제가 설명한 과정보다 더 간단하고 멋지게 완성하실 수 있을거예요^-^
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2055 페인트샵으로 주사선 효과한방에내기. [9] file 유진 2002.08.13 4745
2054 아주쉬운 성게(?) 만들기 [21] file 판타랏사 2002.08.13 4746
2053 [포토샵 7.0 동영상강좌] 8. Selection메뉴의 이해 [1] 서기 2005.10.24 4757
2052 FlashVars로 플래시에 변수값 넘기기 [1] file 삐리리 2005.04.25 4758
2051 [ 플래시 2004 프로페셔널 ] AS2.0 클래스 작성 [4] Fc 2004.02.26 4765
2050 [여전한 삼류강좌] 눈동자 만들기. [7] 정동규 2002.11.05 4766
2049 포토7로 동심원 만들기 -ㅁ-;; [23] 크링 2002.07.29 4774
2048 [photoshop_6.0 기초강좌-18]_페인팅 툴 활용하기(히스토리 브러시 툴) file rosun 2005.08.07 4781
2047 전통조각보 느낌주는 이미지 만들기 17r강 문학의향기 2006.07.29 4790
2046 [초보]..처음이라..^-^ 이쁘게 봐주세여~ [비내리는효과] [8] file 순수 2003.01.05 4795
2045 [허접시리즈] 오로치빛 효과 업그레이드 판 -ㅅ-;;; [4] Xrezae 2002.11.06 4811
2044 플래시고수님들 ~ fla 파일의 수정방법 (파일첨부) [1] 이순신 2006.04.11 4811
2043 wave 필터를 이용한 꽁수; [10] madito.징퓬 2003.01.28 4822
2042 부드럽게이동하는 공식을 이용한 바네이메뉴 만들기(2) 비무p 2005.01.12 4839
2041 Simple Thorns [24] file madito.징퓬 2003.02.01 4842
2040 [ 플래시 게시판 ] 튜토리얼 - LoadVars클래스를 사용한 기초게시판 file Fc 2004.02.25 4846
2039 [퍼니페인트]선택 영역 저장 이용해서 반전 글자 만들기 [5] file funnyPSP 2002.04.18 4849
2038 [허접시리즈] 우주속으로 빨려들어가는듯한 효과 [3] Xrezae 2002.11.06 4855
2037 회원님들 질문요.. 플래쉬 주위에 검정색 점선 같은거 왜생기는거죠? [3] 박노성 2006.09.24 4891
2036 폰트 글씨 분명히하기? 라고 해야하나.ㅡ.,ㅡ [8] newpy 2003.02.14 4892