메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

illust [하이링고]원 입체도표 만들기

2002.05.15 11:03

하이링고

안녕하세요...첨 강좌 시작하는 하이링곱니다. 음..조금 따라하기 어려우면 어쪄죠?^^;;
그래도 제 경험상 도움이 많이 될 법한 것들을 올리겠습니다..글구..제 강좌는..엔지오에만 넣을겁니다....^^;;; 히죽~


image01.gif
이런 도표를 만들겠습니다. 제가 굿모닝증권 goodi.com싸이트 프로젝트를 하면서 직접 한 작업이므로
www.goodi.com에서 실제 쓰이고 있는 그림이니 강의만 보시고 그림은 가져가진 마세요^^;;

이 작업은 일러스트로 대부분하고 포토샾에선 gif이미지로 변환시키는 간단한 작업만 합니다.



image02.gif
1.일러스트를 열어서..먼저 이런원을 그립니다


image03.gif
2.Ctrl+Y키를 눌러 라인상태로 만듭니다.
3.중심점에 맞추어서 패스툴을 사용하여 원하는 만큼 원을 자르는 느낌으로 그려줍니다.


image04.gif
4.그린것을 몽창 선택하고, Pathfinder 에서 빨간 동그라미 친 divide를 선택합니다.
  이렇게 하면 모두 다른 면으로 쪼개지게 됩니다. 하지만 이 상태에서는 그룹이 걸려있으므로


image05.gif
5.Ctrl+Shift+G 또는 위의 그림과 같이 메뉴에서 그룹을 해제해줍니다. 그후에 그림을 움직여서
  띄어 본 후에 Ctrl+Y키를 다시 누르면 위와같이 면이 쪼개진 것이 보일 것입니다.



image06.gif  
6.면을 선택후 Ctrl+Alt+아래방향 화살표를 30번쯤 세가면서 누릅니다.이것은 면이 한 포인트씩
  복사되어 흡사 두께가 주어진 것처럼 착시현상을 일으킵니다.


image07.gif
7.가장 상위의 면을 띠어서 저만치 위로 보내놓고, 패스툴을 사용하여 잘린네모난 면을 그려줍니다.


image08.gif
8.그린면을 옆으로 보내고 Ctrl+Y를 눌러 면을 확인합니다.



image09.gif
9.두께가 있는면을 선택해 Pathfinder 에서 빨간 동그라미 친 부눈을 선택해 합집합 해버립니다.


image10.gif
10.색을주고 면을 앞뒤로 보내어 합칩니다. 그러면...파이모양 완성!^^


image11.gif
11.나머지 조각들도 이렇게 해줍니다. 자세히 보시면 밑으로하나씩 복사한곳에 요철이 생겨있습니다.
   이런것들은 합집합을해도 그대로 남아있기 때문에 보시는것처럼 면을 하나 더 만들어서 덧대어서
   합집합을 하시면 깨끗한 이미지가 됩니다.


image12.gif
12.완성된 그림입니다. 주의하실점은 그림을 앞으로보내기, 뒤로보내기 들을 잘 활용해서
   끼워 넣어야 한다는 점입니다.

   ㅡㅡ;; 아..도표가 쪼개지는 애니를 플래쉬로 만든것을 응용으로 올리려 했는데 안올라
   가는군여.. ^^;; 많은 도움이 되시길.. 일단 파일로 올려봅니다..^^ Zip뿌이 안올라가는관계로 걍 압축합니다..

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
215 -플래쉬로 CD 회전시키기- [33] 희준품속 2002.05.08 18726
214 아쿠아(하이라이트)버튼만들기 [22] 송승호 2002.07.22 18731
213 미니 버튼 만들기 [16] file 아적색 2002.12.14 18763
212 [초급]조그만한 선물상자 만들기 [8] file 노력하자 2003.12.23 18776
211 [포토샵] 대문 타이틀로 쓰면 좋을것 같은 깔끔한 글자 [20] file 최석원 2003.08.14 18785
210 .....종이위에오래된물감으로살짝터치한느낌(?) [14] file 돼지털카메라 2004.01.22 18805
209 요철느낌이 나는 메인이미지 만들기. [22] file Wings 2002.12.16 18811
208 액션을 이용한 한방에 그림자,테두리 넣기 [6] file 레기 2003.12.12 18817
207 [웹디자인]폰트사용과 적용하기 [12] file 미스디쟌 2004.04.30 18865
206 조금 부족한 신발그리기 [2] file 검은호수 2005.01.18 18915
205 ktf광고에 나오는 원 모양 그리기... [21] file 여니☆ 2003.09.01 18987
204 특이한테두리 만들기 [4] 참탱이 2003.03.27 18989
203 매트릭스 코드[MX] [29] file 엔젤퀸 2003.07.30 19017
202 [예제 + 잡담] 일러스트레이터의 최강의 툴, 펜 툴 제데로 쓰기 #1 [11] file K I O R I A 2002.08.05 19132
201 문자에 눈쌓기 [20] file 서기 2003.12.19 19181
200 [기능설명]이것때문에라도 8.0을 설치해야한다! Path따라 글쓰기! [31] file Smileru 2004.02.25 19198
199 지우개로 테두리 효과 주기 (간단) [9] file 수하 2004.01.09 19246
198 인물사진의 외곽선만 따오기(?) [11] file 플럽 2003.05.19 19288
197 뻔떡뻔떡 자동차 쉽게그리기 [16] file 호리호리 2004.09.03 19416
196 Mac OS X Panther 리얼메탈 텍스트 효과 [19] file rgbmix*DT 2004.03.23 19463