일러스트의 Make Clipping Mask를 이용해 나무 선반 그리기 1번째

안녕하세요.오랜만에 포스팅 합니다.

오늘 강좌는 일러스트로 나무선반 그리기 입니다. 

디자인 작업을 하다보면 웹서핑을 통해 필요한 자료들을 수집하는데 찾고자 하는 소스가 없으면 디자이너가 직접 작업해서 소스를 수집 하기도 합니다. 디자이너에겐 다양한 소스를 얼마나 보유하고 있고 직접 제작 할 수있느냐는 포트폴리오만큼 중요한 자산입니다. 

그래서 오늘 준비한 강좌는 "일러스트의 Make Clipping Mask 를 이용한 나무선반 그리기" 입니다.

사실 일러스트를 잘 다루는 사람에겐 대단한 기술은 아닙니다. 본인이 일러스트 고수 이거나 뛰어난 디자이너라면 이번 포스팅은 패스 하셔도 됩니다~ㅋㅋ

자 그럼 바로 본론으로 들어갑니다.

오늘 그릴 그림이 나무 선반이니 소스부터 찾아야 합니다. 그 소스는 예전에 포스팅했던  freepik (http://www.freepik.com)에서 찾아 보겠습니다.  나무선반이니 나무결 소스를 찾아봐야겠죠?

freepik 검색창에 "texture" 라고 입력합니다. (texture를 번역하면 질감,재질 정도의 의미입니다.)

검색 후 원하시는 텍스쳐를 찾으시면 됩니다. ( 제가  찾은 소스는 아래와 같은 소스입니다. )

파일을 다운 받습니다.

그런데 소스의 색감이 보통 나무무늬와 다르죠? 물론 저런 나무무늬도 있습니다. 하지만 보통 우리가 알고 

있는 원목의 느낌은 아닙니다. 그럼 이 파일을 왜 다운 받았을까요? 간단하게 말하면 색감은 얼마든지 

수정이 가능하기 때문에 다운 받았습니다. 

원목의 느낌이 잘 보이는 소스를 찾는다면 더할나위 없이 기쁘겠지만 항상 그럴수만은 없으니 비슷한걸 

찾아 약간만 손보면 훨씬 효율적으로 작업 할 수 있습니다.

파일을 다운 받은 후에 아래와 같이 포토샵으로 불러오기를 합니다.

파일을 불러온 후  "Image -> Adjustments - > Variation" 을 실행합니다. 

(제 포토샵은 영문판입니다. 한글판도 위 경로와 비슷하니 잘 찾아보세요) 

위 이미지와 같은 기능을 실행하면 아래와 같은 창이 열립니다. 여기서 원본 소스의 색감을 수정합니다.

뭔가 되게 복잡해 보이시나요? 자세히 보면 그렇게 복잡하지 않습니다. 간단히 설명 하겠습니다.

1번은 색감이 변하는 모습을 보여주는 곳입니다.

2번은 원본을 보여주는 곳이고 색감이 변하지 않습니다. 2번을 클릭하면 원래대로 돌아옵니다.

3번은 각각의 색을 섞어주는 곳입니다. 하나씩 클릭해보면서 확인해보시면 감이 잡히실겁니다.

4번은 밝고 어두움을 추가해 주는 곳입니다. 이것도 한번씩 클릭해보세요.

이것저것 눌러보시고 원하시는 원목 색감과 비슷하게 나왔다면 OK를 누르시면 됩니다.

제가 수정한 색감은 아래와 같습니다. ^^

각자 원하는 색으로 바꾸셨으면 다른이름으로 저장하세요.

자 그럼 대략적인 준비과정이 끝났으니 본격적으로 일러스트를 실행해봅니다.

일러스트를 실행 후 새 캔버스를 열어 줍니다. 캔버스의 사이즈는 아무렇게 설정하셔도 상관 없습니다.

새 캔버스에 "Rectangle Tool"을 선택하고 아래와 같이 사각형을 2개 만들어줍니다.

사다리꼴 모양은 상단의 점 2개만 안쪽으로 이동시켜서 만드시면 됩니다.

("Direct Selection Tool" 을 이용해 점을 이동 시키세요.)

위아래 2개의 사각형을 서로 붙이시고 아까 포토샵에서 작업했던 나무무늬를 불러옵니다.

나무소스도 2개를 복사해서 정렬시킵니다.

소스를 정렬 시킨 후 아까 그린 사각형 보다 소스가 더 뒤로 가도록 위치시킵니다. 

(단축키는 " Shift + Ctrl + [ ")

이와 같은 작업을 하는 이유는 일러스트의 "마스크" 라는 작업을 할 예정인데 선반으로 그린 그림이 보여져야 

하기 때문입니다. 이건 글로 설명하고 이해하는 것보다 직접 해보시는게 훨씬 이해가 빠릅니다. 

(사실 설명을 잘 못하겠어요;;;;  ㅠㅠ)

자 여기까지 진행이 되었다면 선반의 상단 부분과 나무소스 한개를 선택하고 마우스 오른클릭을 합니다. 

그랬더니 작은 창 하나가 나왔죠? 거기서  "Make Clipping Mask" 를 선택해줍니다.

(포토샵의 마스크 기능과 똑같은데 사용방법이 포토샵과는 조금 다릅니다. ^^)

마스크를 씌우면  아래와 같이 변합니다.

선반의 하단 부분도 나무소스와 같이 선택하고 마스크 적용~!!

그러면 아래와 같은 모습이 보일 겁니다.

나무소스를 덮어씌우니 제법 선반처럼 보이나요? 

 %여기까지는 선반 그리기 1단계 클리어 입니다.%

그 다음은 명암넣기인데 여기다 계속 쓰면 너무 길어질꺼 같아서 2단계로 나누어서 포스팅 하겠습니다.

다음 페이지에 계속....