웹디자인 강의
illust [하이링고]원 입체도표 만들기
2002.05.15 11:03
안녕하세요...첨 강좌 시작하는 하이링곱니다. 음..조금 따라하기 어려우면 어쪄죠?^^;;
그래도 제 경험상 도움이 많이 될 법한 것들을 올리겠습니다..글구..제 강좌는..엔지오에만 넣을겁니다....^^;;; 히죽~
이런 도표를 만들겠습니다. 제가 굿모닝증권 goodi.com싸이트 프로젝트를 하면서 직접 한 작업이므로
www.goodi.com에서 실제 쓰이고 있는 그림이니 강의만 보시고 그림은 가져가진 마세요^^;;
이 작업은 일러스트로 대부분하고 포토샾에선 gif이미지로 변환시키는 간단한 작업만 합니다.
1.일러스트를 열어서..먼저 이런원을 그립니다
2.Ctrl+Y키를 눌러 라인상태로 만듭니다.
3.중심점에 맞추어서 패스툴을 사용하여 원하는 만큼 원을 자르는 느낌으로 그려줍니다.
4.그린것을 몽창 선택하고, Pathfinder 에서 빨간 동그라미 친 divide를 선택합니다.
이렇게 하면 모두 다른 면으로 쪼개지게 됩니다. 하지만 이 상태에서는 그룹이 걸려있으므로
5.Ctrl+Shift+G 또는 위의 그림과 같이 메뉴에서 그룹을 해제해줍니다. 그후에 그림을 움직여서
띄어 본 후에 Ctrl+Y키를 다시 누르면 위와같이 면이 쪼개진 것이 보일 것입니다.
6.면을 선택후 Ctrl+Alt+아래방향 화살표를 30번쯤 세가면서 누릅니다.이것은 면이 한 포인트씩
복사되어 흡사 두께가 주어진 것처럼 착시현상을 일으킵니다.
7.가장 상위의 면을 띠어서 저만치 위로 보내놓고, 패스툴을 사용하여 잘린네모난 면을 그려줍니다.
8.그린면을 옆으로 보내고 Ctrl+Y를 눌러 면을 확인합니다.
9.두께가 있는면을 선택해 Pathfinder 에서 빨간 동그라미 친 부눈을 선택해 합집합 해버립니다.
10.색을주고 면을 앞뒤로 보내어 합칩니다. 그러면...파이모양 완성!^^
11.나머지 조각들도 이렇게 해줍니다. 자세히 보시면 밑으로하나씩 복사한곳에 요철이 생겨있습니다.
이런것들은 합집합을해도 그대로 남아있기 때문에 보시는것처럼 면을 하나 더 만들어서 덧대어서
합집합을 하시면 깨끗한 이미지가 됩니다.
12.완성된 그림입니다. 주의하실점은 그림을 앞으로보내기, 뒤로보내기 들을 잘 활용해서
끼워 넣어야 한다는 점입니다.
ㅡㅡ;; 아..도표가 쪼개지는 애니를 플래쉬로 만든것을 응용으로 올리려 했는데 안올라
가는군여.. ^^;; 많은 도움이 되시길.. 일단 파일로 올려봅니다..^^ Zip뿌이 안올라가는관계로 걍 압축합니다..
그래도 제 경험상 도움이 많이 될 법한 것들을 올리겠습니다..글구..제 강좌는..엔지오에만 넣을겁니다....^^;;; 히죽~
이런 도표를 만들겠습니다. 제가 굿모닝증권 goodi.com싸이트 프로젝트를 하면서 직접 한 작업이므로
www.goodi.com에서 실제 쓰이고 있는 그림이니 강의만 보시고 그림은 가져가진 마세요^^;;
이 작업은 일러스트로 대부분하고 포토샾에선 gif이미지로 변환시키는 간단한 작업만 합니다.
1.일러스트를 열어서..먼저 이런원을 그립니다
2.Ctrl+Y키를 눌러 라인상태로 만듭니다.
3.중심점에 맞추어서 패스툴을 사용하여 원하는 만큼 원을 자르는 느낌으로 그려줍니다.
4.그린것을 몽창 선택하고, Pathfinder 에서 빨간 동그라미 친 divide를 선택합니다.
이렇게 하면 모두 다른 면으로 쪼개지게 됩니다. 하지만 이 상태에서는 그룹이 걸려있으므로
5.Ctrl+Shift+G 또는 위의 그림과 같이 메뉴에서 그룹을 해제해줍니다. 그후에 그림을 움직여서
띄어 본 후에 Ctrl+Y키를 다시 누르면 위와같이 면이 쪼개진 것이 보일 것입니다.
6.면을 선택후 Ctrl+Alt+아래방향 화살표를 30번쯤 세가면서 누릅니다.이것은 면이 한 포인트씩
복사되어 흡사 두께가 주어진 것처럼 착시현상을 일으킵니다.
7.가장 상위의 면을 띠어서 저만치 위로 보내놓고, 패스툴을 사용하여 잘린네모난 면을 그려줍니다.
8.그린면을 옆으로 보내고 Ctrl+Y를 눌러 면을 확인합니다.
9.두께가 있는면을 선택해 Pathfinder 에서 빨간 동그라미 친 부눈을 선택해 합집합 해버립니다.
10.색을주고 면을 앞뒤로 보내어 합칩니다. 그러면...파이모양 완성!^^
11.나머지 조각들도 이렇게 해줍니다. 자세히 보시면 밑으로하나씩 복사한곳에 요철이 생겨있습니다.
이런것들은 합집합을해도 그대로 남아있기 때문에 보시는것처럼 면을 하나 더 만들어서 덧대어서
합집합을 하시면 깨끗한 이미지가 됩니다.
12.완성된 그림입니다. 주의하실점은 그림을 앞으로보내기, 뒤로보내기 들을 잘 활용해서
끼워 넣어야 한다는 점입니다.
ㅡㅡ;; 아..도표가 쪼개지는 애니를 플래쉬로 만든것을 응용으로 올리려 했는데 안올라
가는군여.. ^^;; 많은 도움이 되시길.. 일단 파일로 올려봅니다..^^ Zip뿌이 안올라가는관계로 걍 압축합니다..
댓글 27
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
10 | 드로잉 툴을 이용한 오브젝트 만들기 [1] | 펀에듀넷 | 2006.04.24 | 7248 |
9 | 브러시로 등록하여 스탠코드 만들기 [1] | 여어자 | 2003.05.06 | 6910 |
8 | 강좌라기보다는 한번 해보시는게 좋으실듯 사이버 포뮬러 팬으로서 ㅎㅎ;(있다면요 ㅋ) [1] | 키드 | 2005.09.26 | 6859 |
7 | 브러시기능을 이용한 바닷가(2) [6] | 여어자 | 2003.05.06 | 6837 |
6 | 단축키 추가 [4] | vizualizer | 2002.08.10 | 6098 |
5 | [illustrator] 동영상강좌 / 삼색 태극문양 만들기 / 기초부분 [1] | 다모폐인 | 2005.11.15 | 5920 |
4 | 이천일님처럼 제 부족한점 평가좀해주세요 T^T 부탁드려요~ [6] | 호신 | 2006.01.16 | 5090 |
3 | [동영상] 제2강 selection,direct selection paint brush, fill.stroke.none 알아보기 [1] | 인테리어뱅크 | 2006.04.11 | 3914 |
2 | [동영상] 제1강 인터패이스 및벡터와 비트맵이미지 차이점 [1] | 인테리어뱅크 | 2006.04.11 | 3338 |
1 | [바비의 일러스트]일러 갤러리-1 [21] | 바비인형 | 2002.04.26 | 853 |