메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

너무나..너무나 오래간만입니다..ㅡㅡ;; 반가워요 엔지오 식구들~!
제 강의가 8월 며칠짜로 끊긴후로..전 죽을듯이 일만 했습니다..ㅡㅡ 화장실 갈틈도 없었다는...ㅡㅡ;;

큐빅박스_02.jpg

이번에 만들 넘은 이렇게 생긴 큐빅박스 입니다. 날조해서 예제가 좀 허접하네요..
다음강좌에는 여기서 좀더 발전시킨 넘을 넣겠습니다.
포토샵에서만 해도 되지만 전 정확성을 위해 일러스트를 같이 쓰겠습니다.


cubic_01.gif
1. 일러스트를 열어서 다음과 같이 2점 투시가 된 사각형을 그립니다.
    펜툴로 그려도 되지만 전 일단 사각형을 그린다음에 각 점을 하얀 화살표 툴로 조정해서 만듭니다.



cubic_02.gif

2. 선택후 Ctrl + Alt + 아래방향 화살표로 한포인트씩 사각형을 아래로 복사합니다. 아래방향 화살표를 손을 떼지 않고 그대로 누르고 있으면 좌아악 복사됩니다.
그러면 위와같이 모여서 입체인척 하는사각형들이 생깁니다.



cubic_03.gif

3. Ctrl+Y 키를 눌러 Outline으로 Preview 를 설정하고...(시꺼매 진다고 놀라지 마세염. 확대해보면 라인뷰로 변한것을 확인하실 수 있습니다.)


cubic_04.gif

4. 가장 상위의 면을 선택해 위로 저만치 보내놓고,
5. 확대를 한후 라인 위에 직접 펜툴을 대어 각 면을 따 옆으로 보냅니다. (아랫면은 아직 따지 말것)


cubic_05.gif
6. 위와 같은 결과물이 생깁니다.


cubic_06.gif
7.Ctrl + Y 키를 다시 눌러 면을 확인합니다.


cubic_07.gif
8. 가운데 있는 것들을 지워버리고..각 면을 색으로 알아볼수 있게 채워줍니다.


cubic_08.gif
9. 각면을 합칩니다.이렇게 하면 모서리가 빈틈없이 맞는 사면체가 됩니다.


cubic_09.gif
10. 흰색 화살표로 각 면들을 함께 선택해 투시를 조절해 자연스럽게 만들어 줍니다.(방향키로 조정하시면 미세하게 조정하실수 있습니다.)



cubic_10.gif
11. 투명 큐빅이므로 안보이는 밑면도 따 주어야 합니다. 조금의 눈짐작이 필요합니다. 동그라미 쳐진 서로의 부분이 맞는 부분에
각 선을 만나게 한후 밑면을 땁니다. (저의 경우는 가이드 라인을 쳐 놓고 합니다.)


cubic_11.gif
12. 각 옆면도 따줍니다... 이렇게 되면 완벽하게 6면을 다 따게 됩니다.


cubic_12.gif
13 Ctrl+Y 해서 전체를 라인으로 줬을때의 결과입니다.


cubic_13.gif
14. 살짝 로테이트 시켰습니다..(그냥해도 됩니다..ㅡㅡ;;)


cubic_14.gif
15. 전체선택후 Ctrl +C로 카피한후 포토샵에 와서 원하는 크기의 새 창을 생성한다음 >Ctrl + V >Path로 체크 합니다

여기까지 해보셨나요....ㅡㅡ;; 오늘강의는 여기서 마치겠습니다..다음번 강의는 27일 새벽 이시간대..ㅡㅡ;;에 올리겠습니다..
예전 제 강좌 보시면 아시겠지만..  제 강좌가 점차적으로 하나의 주제를 놓구 완성해가는거 아시져? 이번에두 끝까지 따라오세염~~^^

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
675 엠피 만들기 강좌라기보다는 따라하기 식으로 한번 해보시길 ㅠㅠ. [5] file 키드 2005.04.07 12521
674 [팁]반복할때 끊기지 않는 자연스러운 느낌주기.. [8] Archi* 2002.06.29 12537
673 [세비^^]물감 번지는 효과, 수채화그림효과 [8] file 세비 2002.08.21 12537
672 메모장도트에욤(수정) [22] file 송지선 2003.08.14 12538
671 펜툴 원리 이해하기 [25] 지요스타일 2004.01.09 12540
670 이쁜 배경만들기 강좌 [6] 아이별 2002.08.14 12568
669 [디피 포샵 강좌 3] 풀무원 로고 흉내내기 [10] file Difications 2002.03.01 12570
668 영화 필름 효과 [1] file enjoy the GIMP! 2002.09.27 12573
» [하이링고] 투명큐빅박스 (일러+포토샵)-[1] [11] file 하이링고 2002.10.23 12582
666 [포토샵]스케치화만들기 [23] file 어둠넘어 2002.10.09 12583
665 하나의 이미지로 멋진 효과내기 [1] file 포샵럽 2005.07.29 12590
664 지도만들기 (기존강좌응용편) [6] file 박원 2004.08.22 12607
663 아이콘 용 말풍선 만들기. ( 1/2 ) [3] file 퓨처리즘 2005.05.08 12609
662 몽롱한 문자 디자인, [5] file hozz호찌 2003.08.13 12619
661 [도트] 귀여운알 만들기 [12] file 도트매니아 2003.08.12 12620
660 [기초] 가속도 [6] file DMG™ 2003.05.12 12626
659 도장찍어봅시다. 그냥 원리만 대충 읽어주세요. [9] file 레기 2003.12.04 12626
658 쉬드와 함께하는 노프래임 홈페이지 5분만에 만들기 [38] file 쉬드 2004.07.18 12636
657 포토샵 7.0 - 문자 , 그림뒤에 네온효과 만들기, [2] file 한솔v 2006.01.25 12637
656 렌즈 믹스 -_-? [28] file Monomaniac 2002.11.14 12648