메뉴 건너뛰기

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
1388 귀여운 아쿠아 버튼 만들기 (새로운 버젼) [39] file 이오르 2003.10.10 46699
1387 입체감 있는 메뉴버튼 만들기 (완성된 버튼 다운로드 가능) [10] file 이오르 2003.09.26 38093
1386 (왕초보도 따라하는) 심플한 버튼 만들기 [53] file SaRa's 2004.02.27 38084
1385 메뉴버튼만들기 [25] file 워니 2002.08.24 36489
1384 사진의 테두리를 붓으로 칠한듯하게 - 초보자를 위한 강좌 [12] file 방정환 2004.07.24 36330
1383 [초보]사진 효과 내기.. [21] file OnceAgain 2003.07.23 35954
1382 [하이링고]아쿠아 물로 글씨를 쓰자!! [50] file 하이링고 2003.05.12 35271
1381 [하이링고]칵테일 아쿠아 [96] file 하이링고 2003.02.17 34383
1380 미술용 4B연필로 문자 디자인한듯한 효과 [52] file SaRa's 2003.07.11 34065
1379 오래된 종이에 먹이 묻은듯한 효과 [29] file Wings 2003.12.11 33954
1378 [쩌비]아쿠아,브러쉬스타일등 파일모음 3종세트 [25] file 쩌비 2002.10.19 33040
1377 초보자도 할 수 있는 얼굴이미지를 이용한 버튼 만들기 [13] file Yong 2004.02.17 30377
1376 움푹 패인듯한 느낌의 글씨 쓰기 (아, 귀여워;;) [26] file 이오르 2003.10.30 30126
1375 아쿠아 버튼 만들기 [16] file 송광훈 2003.06.16 30018
1374 포토샵 초보이신 분들을 위해서 만들어본 인터페이스.레이어.메뉴 알아보기 [23] ★소프트™ 2002.04.10 29649
1373 [쩌비]또 다른 아쿠아버튼을 만들어봅시다~ [19] 쩌비 2002.09.29 29448
1372 뽀샤시; 우유빛 피부 만들기 [19] file Venii 2003.12.28 29026
1371 [하이링고]환타지틱!! [41] file 하이링고 2002.07.19 28377
1370 이쁜 버튼 맹글기 [24] 이지원 2004.06.15 28273
1369 찢어지고 불에탄 테두리 만들기 [20] file 김지수 2003.06.03 27969