메뉴 건너뛰기

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
448 11 색상보정(사진의 색상을 흑백,레드,블루등으로 바꿔보자) file 박진 2004.07.21 7251
447 우물맨의 포토샵 다시올립니다.(photo editing -01) [2] file 우물맨 2003.03.19 7247
446 포토샵7.0 타이틀 화면 바꾸기(me,98도 됩니다. 리소스해커 사용.) [15] file 열혈악튜 2003.01.12 7241
445 생명공학풍의 텍스쳐 만들기 [10] file 마리아 2003.01.29 7232
444 나무질감으로 책상만들기 [11] file 제갈승 2002.05.26 7202
443 축전 만들기 [19] file 〃앵이〃 2003.02.19 7195
442 조금더 은은하게 흑백으로 바꾸자! [7] file puki 2003.01.27 7190
441 글자에 빛이 지나가는 이미지 만들기 24강 [1] 문학의향기 2006.07.31 7188
440 [Siren]간단하게 화려한(약간) 바탕화면 만들기 [15] 세이렌 2002.07.08 7182
439 다이나믹 원 만들기 [3] file 마녀 2006.04.12 7181
438 싸이버틱(!) 한 줄을 만들어 축전에 이용해보자! [13] file 이쉑아™ 2003.01.29 7163
437 [토요무] 마우스로 토요돌이 아바타 그려보기..^^; [23] file toyomu 2002.08.18 7161
436 다양한 문자 효과 - Warp text [1] file 오라클 2002.08.06 7111
435 자기만의 삐리리스타일-_- [16] file 윤호영 2003.02.12 7096
434 [ Game I의 이상한 강좌 ] 오디오 스피커 효과내기 [9] file Game_I 2003.10.01 7095
433 초간단: 이쑤시개긁기 그림만들기.(스크래치)-_- [13] file 농사왕비료 2002.10.10 7079
432 허접한 박스 만들기-_-a;;;; [11] 가마ㆀ 2002.05.08 7077
431 핏방울 떨구는 파란 장미(;) [14] file Jan. 2002.08.22 7058
430 [디피의 쓸대없는 강좌2] msn을 이용한 도트 흉내내기 [4] file Difications 2002.03.01 7030
429 [초급예제] 이미지에 두줄 이상의 빛나는 선 만들기 [5] file Heal.P.XERO 2002.09.13 7027