20071020 :: 일러스트레이터로 도식화 그리기 – 시작

들어가며

블로그가 리셋되면서 가장 먼저 작성해야겠다고 생각한 부분이 다름아닌 도식화 강좌였습니다.이 블로그에서 검색으로 가장 많이 찾아 들어오던 내용이었으며 동시에 다른 어디에서도 찾기 힘든 내용의포스트였으니까요. 지금은 안드로메다 저 멀리로 날아가버린 그 포스트는 거의 작성 시간만 17시간 가까이 소모된 대작이었습니다만, 그 이후로도 개인적으로는 도식화 그리는 방법을 여러모로 개선해서 사용했었고 해서 보다 빠르고 효율적인 방법(레이어를 훨씬 더 적게 사용합니다)으로 그리는 방법을 적용하고, 간단한 티셔츠에서 시작하여 조금 더 복잡한 우븐 아이템들도 차례차례 그려볼 생각입니다.

이 글을 처음 읽으시는 분도 있을테고, 예전 글을 보셨던 분도 계시겠지만 이 글은 현직 디자이너 혹은 디자이너가 되길 희망하는 패션학도를 위해 쓰여진 글입니다. 당연한 (아니, 지금 이 시점에서조차 당연할 거라고 생각하고 있을 뿐입니다) 이야기겠지만 어지간한 패션학도 혹은 디자이너분들은 포토샵은 어느 정도 만질 줄 알아도 일러스트레이터는 낯설 거라고 생각이 됩니다. (미대 출신이라면 사정은 다르겠지요) 하지만 이 강좌에서는 시시콜콜한 일러스트레이터의 사용방법에 대해서는 친절하게 다루지 않을 생각입니다. 다만, 이 글은 어디까지나 “현직 디자이너”를 위한 글이므로 작업 효율을 위한 단축키와 키보드와 마우스의 조합 사용법에 대해서 만큼은 설명을 어느 정도할 생각입니다. (마치 스타크래프트에 몰입한 프로게이머와 같은 손놀림이 요구됩니다)

키보드를 활용하세요

키보드 단축키 따위를 외우는 건 나랑 맞지 않아!라고 생각하신다면, 일러스트레이터로 도식화를 그리는 것을 포기하는 게 좋습니다. 마우스로 메뉴와 툴바를 일일이 찍어 가면서 그리게 된다면 손으로 그리는 것보다 조금 더 깔끔하게 그릴 수는 있을지언정, 몇 배의 시간이 소요될지도 모르는 일입니다. 다행히도 일러스트레이터는 굉장히 많은 단축키를 가지고 있지만 도식화를 그리는 데 있어서는 그리 많은 단축키가 필요하지 않습니다. 게다가 많은 경우에 일러스트레이터의 단축키는 ctrl 키나 shift키, alt키 space bar와 같은 키를 마우스와 함께 사용하는 것입니다. (그리고 그외 모든 단축키는 재설정이 가능합니다) 앞으로 강좌를 진행하면서 몇 가지를 언급해드릴 것이니 중요하다고 이야기하는 단축키는 무조건 익히는게 도움이 되실 겁니다. 한컴 오피스의 한글 워드프로세서를 사용해보시면 알겠지만 단축키만으로 작업하는 것은 마우스와 키보드를 번갈아 쓰는 것에 비해 몇 배의 작업 속도를 낼 수 있습니다. 물론 그래픽 프로그램인 일러스트레이터는 조금 성격이 다르긴 합니다만 그래도 잊지 말아야 할 것은 ‘왼손은 키보드에 오른손은 마우스에’입니다.

꼭 알아야 할 것

다른 무엇보다도 먼저 도식화를 그릴 줄 알아야겠지요. 일러스트레이터로 도식화를 그린다는 것은 종이와 펜으로 도식화를 그리는 대신 일러스트레이터를 도구로 사용한다는 뜻입니다. 물론 여기서는 “그리는” 방법만 설명할 뿐이지요. 일러스트레이터를 사용해서 각 디테일들을 떼어다가 붙여서 도식화를 만드는 방법을 설명한 것이 아닙니다. 만약 이러한 방법에 대해서 검색하시다가 이 글을 발견하셨다면 죄송합니다만 텍스프로와 같은 디자인 캐드 소프트웨어를 참고하시기 바랍니다.

또한 컴퓨터를 도식화 작성 도구로 선택한 만큼 어느 정도 일러스트레이터에 대한 지식이 있다는 가정하에 모든 설명을 할 계획입니다. 물론 빠른 속도로 작업할 수 있도록 단축키에 대한 언급은 조금 있을 수 있습니다. (주지하시다시피 숩은 워낙에 친절합니다)

이제, 이후의 본격적인 강좌가 발행될 때 마다 이 페이지에 목차를 만들어서 지속적으로 업데이트 할 예정이니, 관심있으신 분들은 이 페이지를 즐겨찾기 하시거나, wireframe을 구독하시면 되겠습니다.

예시

아래 이미지는 예전에 몸담았던 브랜드에서 사이즈 스펙 측정 규칙을 정하는 매뉴얼에 삽입한 그림입니다. 물론, 일러스트레이터로 전체 작업을 완성했었더랬습니다. 앞으로 그려볼 아이템 중에 가장 먼저 그리게 될 기본 티셔츠의 형태를 잠깐 감상할수 있지요.

 

차례

  1. 기본 티셔츠 그리기
    1. 새 파일1 / 새파일 2 (3편 준비중)
    2. 펜툴과 베지어 곡선
    3. 점선 사용 및 패턴 브러시 (예정)
    4. 색 입히기 I (예정)
    5. 트레이싱하기

20071004 :: 새로운 테마

새로운 테마를 만들고 있습니다.

지난번 테마를 만들면서 내려받은 데이터가 하드디스크에 남아있어 블로그의 일부 글들은 복구했습니다만, 지워버릴 것들은 다 없애버리고 (그 수많았던 음악 포스팅을 모두 삭제했습니다) 몇 개 안남았군요.

휴일동안 감기로인해 믿을 수 없을만큼 많은 시간을 잤더니 잠이 오지 않아 뒤척이다 일어나서 일단 모양새는 얼추 잡았습니다. 애드 센스도 다시 달아야하고, 검색 결과 같은 기타 등등의 화면과 가장 중요한 네비게이션을 달아야하는데, 어차피 블로그에 방문해서 2개 이상의 글을 읽는 분은 없는 듯 하여 네비게이션 없는 상태로 두었습니다.

게다가 글을 수정할 수 있는 링크라던가 하는 부분도 전혀 없군요. 하지만 일단 대략의 모양새는 잡은 듯 합니다. 아, 파이어 폭스를 기준으로 보고 만들었습니다. IE에서는 왼쪽에 보이는 검색 아이콘이 조금 쳐저 보인 다거나 하는 문제가 있을 수 있습니다.

참고로, wireframe은 맑은 고딕체를 설치하고 클리어타입을 설정하시고 볼 때 가장 잘 보인다는 소문이 있습니다.

이제, 해도 떴으니 출근해야지요.

몇 가지 문제들

이런.. IE6로 보았더니 배경부분이랑 제목부분에 png로 올려놓은 부분이 죄다 맛이 가는군요!! 이런!!!

수정사항

IE6에서도 이미지가 깨지지 않도록 투명png를 gif로 대체했습니다. 수정링크와 네비게이션 링크도 달았는데요. 왠지 단일 포스트모드에서의 네비게이션이 부실한것 같군요. 게다가 본문 내의 스타일도 아직 정해지지 않았네요 ;ㅁ;

추가

티스토리용 스킨 제작에도 도전합니다. 얼룩말[borebore.net]님의 요청으로 넓게 쓰는 1단 스킨으로 제작해볼 요량입니다만… 가만 1단 스킨이라면 ;;; 응? 자세한 내용과 진행사항 등등등은 soooprmx.tistory.com 에서  확인할 수 있어요

Artrage2

http://www.ambientdesign.com/artrage.html

Artrage는 그림 그리는 툴이다. 페인터랑 비슷하다고 할까?
예전에 대블러(Dabbler)라는 프로그램이 윈도3.1 시절엔가 나온 적이 있었는데, 정말 화실에서 그림그리는 거 마냥 툴 메뉴를 누르면 드르르륵 하고 서랍 열리는 소리가 나면서 각종 도구들이 나오고, 붓을 쓰다가 색상을 바꾸면 따르르륵~ 하고 붓 씻는 소리도 났었는데;;

그런 유아틱한 감성 철철 넘쳐나는 재밌는 인터페이스 대신, 아트레이지는 굉장히 심플하고 단순하면서도 사용하기 쉽고 강력한 기능을 제공한다. 비록 무료판은 일부 기능만을 제공하고 있지만, 심심할 때 슥슥슥 장난질하기에는 그만인 유틸리티.

오픈소스 포토샵 브러시 뷰어 – abrViewer

http://abrviewer.sourceforge.net/

웹에는 정말 수많은 포토샵 브러시들이 널려있다.
이쁘다고 써먹을만 하다고 이것 저것 모으기 시작하게 된다.

근데 정작 수백 내지는 천개 이상의 포토샵 브러시를 모았으나
정작 이 중에서 무엇이 내가 정녕 필요로 하는 브러시란 말인가….

일일이 불러서 볼 수도 없는 일이고;;;

* 여기서 중요한 것.
포토샵의 브러시를 지정하는 폴더는
포토샵 설치 폴더 아래 > Preset > Brushes > PhotoshopOnly 어쩌구.. 하는 곳인데
바보 같이 자주 쓰지도 않는 포토샵 브러시들을 여기에 마구 마구 저장하면
포토샵 시작 시간이 굉장히 길어지는 기염을 토하는 장면을 목격할 수도 있으니 매우 주의할 것.

어쨌든 이 놈을 깔게 되면
포토샵 브러시들에 대한 미리보기를 할 수 있고
(그래서 포토샵에서는 필요한 브러시만 ‘불러들여’ 쓸 수 있다)
또한 이 미리보기들을 이미지 파일로 저장하여 보관할 수도 있다.

엄청나게 좋은 아이디어와 더불어 깜찍하게 작은 용량을 차지하는 이 프로그램은
그러나 안타깝게도 Microsoft .Net Framework 1.1이 설치되지 않으면
작동하지 않는다. ㅠㄴㅠ 제길삼.