메뉴 건너뛰기

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 필터를 이용한 출처 간단하게 지우기. [6] SOO 2003.05.06 6295
674 포토샵에서 일괄 처리라고 들어보셨나요? [6] 박재석 2002.05.11 6294
673 Mac os 글자효과를 내보자.!! [5] file {동준짱} 2002.10.27 6293
672 아래 두개올린것을 믹스한겁니다~ㅎ [2] file 한태종 2007.02.14 6281
671 [키르강좌] 귀신만들기..-_-;; [2] 키르(SP) 2002.03.01 6268
670 이미지 밝은 효과주기 [2] file LitQoo 2002.03.02 6255
669 스위시맥스강좌 // 간단한 로드뮤비 만들어보기 [1] 문학의향기 2006.08.11 6249
668 초급! 레이어합치기 [8] file rang-* 2003.02.22 6249
667 키보드로 Opacity(투명도)조절하기.. [14] Smileru 2003.01.30 6247
666 스캔을 이용한 커다란 도트찍기.^^;; [3] file 리체 2002.12.11 6242
665 돌멩이를 모아 만든 문자 만들기 file 후지모토요시 2007.10.03 6222
664 아래 TV 효과내기 한방에 끝내기 [11] file MissTypo 2002.08.04 6222
663 [ 나모웹에디터FX 웹 캔버스 ] 웹캔버스로 디자인하기 … ① [4] file 전세웅 2006.01.06 6219
662 어이없는생활의지혜 단축키 컨트롤+o 보다 빨리 열기^^;;; [26] 흰둥이 2003.07.08 6213
661 일반디카 사진 로모사진처럼 만들기~ [11] file 김동준 2002.05.15 6205
660 →[필터]Artistic-Fresco 효과 file 로드젯드 2002.02.22 6203
659 [제로보드강좌]6-1강. 여러가지 스킨 적용해보기[방명록스킨] [31] 네찌 2006.12.22 6202
658 노트고리 만들기 허접^^ [9] 박영진 2002.09.17 6197
657 포토샵 왕초보전용 강좌!! 간단한 이미지배너 만들기 [11] 이윤규 2006.04.06 6196
656 미노우가 그리는 도트 (-_-;) [양아치 그리기] [15] file 미노우 2002.08.24 6181