디테일 일러스트라 하면 주로 팝업창이나 메일에 주로 쓰이는 단순한 디테일 일러스트가 떠오를 것입니다. 그러나 여기서 배울 디테일 일러스는 그런 범위에서 벗어나 메인에도 쓰일만 한 완성도 있는 디테일 일러스트를 배웁니다. 사실 디테일 일러스트를 사용하지 않고도 사진을 이용하여서도 디자인을 할 수 있습니다. 그러면서도 웹디자인에서 쓰이는 이유는 기계적이고,
딱딱한 느낌을 해소시킬 수 있을 뿐더러 단순한 디자인으로도 완성도를 줄 수있는 수단이 될수있기 때문입니다. 한마디로 웹 디자인에 주로 사용하던 사진에서 벗어나 디테일 일러스트의 사용은 손맛나는 차별화된 느낌의 디자인을 더 쉽게 제작할 수 있습니다.
위에서 말했듯이 기존 디테일 일러스트의 팝업창에만 주로 사용하던 용도가 점차 메인에 쓰일 수 있는 수준으로 만들어주기위해서는 그 배 이상의 노력과 디테일이 필요합니다. 제가 여기에서 보여주게 될 디테일 일러스트는 기존 시장에 많이 퍼져있는 디테일 일러스트와는 차별된 방법으로 사실적인 면을 강조한 스타일입니다. 노력면에서나 시간 면에서나 한 단계 업그레이드 된 디테일 일러스트로 대중에게 가장 어필할 수 있는 스타일이라고 생각합니다.
처음시작해서 지겹고 힘겨운 시간이 되시더라도 쪼금씩 발전해서 완성도 있는 디테일 일러스트를 뽑아내실 수 있기를 기원하면서 시작하겠습니다. ◐ 일러스트레이션 프로그램을 기본적으로 다루는 분이시라는 가정 하에 설명을 하게 될 것입니다. 중간 중간 제가 주로 사용하는 기능은 설명이 들어가나 기본적인 기능은 “illustrator 기본강좌”부분을 참고하시기 바랍니다.◐
------------------------------------------------------------------------------------------------------------------------
앞서 말씀 들였듯이 제가 강좌하게 될 디테일 일러스트와 기존의 디테일 일러스트의 가장 큰 차별 점은 그 디테일한 부분에서라고 볼 수 있습니다. 2~3단계를 써서 간단하게 표현하는 일러스트와는 다르게 사실적인 표현을 보여줄 수 있습니다. 이미지(1)은 모 의류 브랜드의 사진을 가져 온 것 입니다. 이 사진을 가지고 강좌하게 될 디테일 일러스트와 기존의 디테일 일러스트의 비교를 해보겠습니다.
디테일 일러스트(1)과 디테일 일러스트(2)를 보시면 단계적 차이나 완성도 수준을 비교해 보실 수 있습니다. 2~3단계만을 써서도 충분히 디테일일러스트라는 타이틀을 얻을 수는 있을 수 있겠지만 두 그림에 확연히 드러나듯이 완성도면에서 왼쪽그림이 훨씬 안정감있는 일러스트라는 것을 확인하실 수 있습니다. 명암, 색감면등에서 깊이감있는 일러스트라고 볼수 있습니다. 디테일 일러스트(2)는 디테일 일러스트(1)의 중간 단계라고 볼 수 있으며, 요즘 많이 쓰이는 광고창, 팝업창, 메일에서도 많이 봐 왔을법한 디테일입니다.
------------------------------------------------------------------------------------------------------------------------
더 자세히 풍부한 색감을 확인 해 보겠습니다.
디테일 일러스트(1)-1을 보시면 디테일 일러스트(2)-1의 일러스트보다 풍부한 색감을 확인하실 수 있습니다. 디테일 일러스트(2)-1이 약 3~4단계정도로 표현한 것이고, 그에 비해 디테일 일러스트(1)-1은 2배의 단계로 늘려 단계 차이가 거의 드러나지 않게 표현을 한 것입니다. 다음 단계로 넘어가는 색감 차이가 훨씬 더 부드럽게 넘어가 줌으로서 사실적인 디테일 일러스트를 만들수 있습니다. 표정면에서도 더욱 섬세한 표정을 표현해 줄 수있습니다. 또한, 훨씬 입체감이나 사실적인 부분이 드러나게 표현될 수 있습니다.
디테일 일러스트(1)-2의 줄무늬를 빼더라도 밝고 진하기가 확실한 왼쪽 디테일 일러스트가 훨씬 완성도 있음을 느낄수 있습니다. 디테일 일러스트(2)-2는 평면적인 느낌인데 비해 확실한 명암으로 덩어리를 살려주었기 때문입니다. 색감 면에도 다양한 색감을 표현해줄 수 있습니다. 단순한 파란색으로보이기보다는 빛 받는 부분을 확실하게 표현 해줌으로서 단순한 색처럼 느껴지지않습니다. 정리하자면, 지금부터 배우게 될 디테일일러스트는 여러 단계를 줌으로서 더 많은 색감과 입체감을 주는 일러스트라고 할 수 있습니다. 기존의 디테일 일러스트에서 사실감을 더해주는 일러스트입니다.
------------------------------------------------------------------------------------------------------------------------
솔직히 디테일 일러스트는 일러스트 프로그램을 이용하여 수십 단계로 따고 또 따는 작업이지만, 무조건 따고 단계를 준다고 해서 모양이 갖춰지는 것이 아닙니다. 빛이 들어오는 방향, 따야할 순서, 주어질 색감 등을 정해서 따야 만이 완성도 있게, 중간에 포기하는 일 없이 끝까지 하실 수 있습니다. 그렇기 때문에 따실 때 고려해야 할 사항이 있습니다. 기본적으로 일러스트화 하기위한 기본적인 방법을 설명해 드리겠습니다.
어두운부분과 밝은 부분을 구분하는 시각으로 이미지를 보면서 그려야합니다.
이미지2-1은 이해를 돕기 위해 밝고 어두움의 명암차이가 뚜렷한 그림을 선택하였습니다. 처음 디테일 일러스트를 하시는 분들께 확실한 명암차가 나는 이미지를 추천합니다. 대체로 일러스트로 만들었을때덩어리가 잘나오고 입체감을 표현해주기에 적합하기때문 입니다. 위의 이미지를 보았을때 명암차이가 뚜렸하기때문에 밝은부분에서 어두운부분으로 넘어갈 때의 형태를제대로 잡아줄 수 있어서 어중간한 명암의 그림보다는 더 완성된 형태의 일러스트가 나올 수 있습니다. 그렇기 때문에 어떤 이미지를 보더라도 밝은 부분과 어두운 부분을 구분할 줄 아는 연습을 해야 하며, 임의로 만들 줄 알아야 디테일 일러스트로 만들 수 있는 기술을 익히는 첫걸음이 될 것이다.
------------------------------------------------------------------------------------------------------------------------
하나의 이미지를 여러 개의 덩어리로 보는 연습을 한다.
하나하나의 덩어리는 맨 위에 올라오는 덩어리 순으로 레이어를 만들어 줍니다.(아래 이미지참조)
위에 이미지참조는 일단은 어두운 부분과 밝은 부분으로 나눈 다음에 그안에서 눈,입, 머리, 얼굴, 귀, 손, 목, 옷 순으로 먼저 그려 줄 순서와 함께 각자의 덩어리로 나누어 레이어 마다 다르게 지정해 준 것입니다. 먼저 그린 그림을 제일 위의 레이어에 놓고, 다음에 오는 덩어리는 그 밑 레이어로 만들어 줍니다. 이런식으로 레이어를 나누어줘야하는 이유는 ① 덩어리마다 만나는 부분이 어긋나지안고 꽉 채워지게 해주는 것 입니다.
② 먼저 그린 그림의 외곽선이 다른 레이어 다음에 그릴 레이어의 아래에있는 덩어리라면 일러스트화하는 과정에서 참고 할 덩어리가 가려지기 때문입니다. ③ 덩어리 각자의 레이어를 만들어줘야 수정할 때나, 재배치할 때 훨씬 편하게 될 것입니다. 하나의 레이어에 만들게되면 레이어가 엄청나게 많아지기때문에 그리면서도 여기저기 얽히게 되기때문에 주의해서 확실하게 나누어 주어야합니다.
------------------------------------------------------------------------------------------------------------------------
덩어리로 본 레이어 하나를 딸 때에는 어두운 부분부터 따 준 다음에 차츰 밝은 부분으로 따줍니다.
덩어리로 본 레이어 하나를 딸 때에는 어두운 부분부터 따 준 다음에 차츰 밝은 부분으로 따줍니다. 위의 이미지참조은 입술 덩어리만을 그리는 순서대로 보여준것입니다. 가장 어두운 부분을 면으로 따준 다음에 그다음 단계의 면을 그전에 그린면과 겹치게 따준 다음 Objet=> Arrange=> Send to Back/bring forward/bring front/sand backward 를 이용하여 맨 뒤로 보내주는 형식으로 그려나갑니다. 위의 순서는 윗 입술만 보여준 것으로 아랫 입술도 똑같은 형식으로 디테일 일러스트화 한 것입니다.
주의할 점은 어두운부분에서 밝은 부분으로 넘어갈 때는 단계적으로 감싸면서 명암대로 따 나가야합니다. 어두운 부분을 원으로 보았을때, 다음 단계는 그 원을 감싸듯이 따라가줘야하며 명암대로 따나가면 등고선 모양이 나옵니다.여기서는 이해가 안가더라도 계속 보시면 모두 이런 형식으로 일러스트화하기 때문에 바로 이해하실 수 있을 것 입니다.
------------------------------------------------------------------------------------------------------------------------
일러스트화 할 때는 면으로만 따시고 선은 사용하지 않습니다. (fill사용 stroke사용안함)
이것으로 어떤 것을 익히시게 될지, 어떤 것을 고려해야할지에 대한 설명을 마치고, 다음 게시물 부터 확실한 실전에 들어가겠습니다.
FREECOUNT.NET 프카넷 생긴날 2003.12.20
홈 |
카운터 |
플래시북 |
프리보드 |
전광판 |
웹공부방 |
커뮤니티 |
쪽지함
. Contents By 유하영님 
