메뉴 건너뛰기

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
1755 여러장의 사진이 겹친효과 - 초보자용으로 리버전 [14] file 방정환 2004.07.27 20157
1754 간단한 이미지 보정법-gradient map이용 [2] file 이선미 2004.07.24 15439
1753 레이어스타일을 이용한 간단한 타이틀만들기 [16] file 에이치걸 2004.07.24 13842
1752 사진의 테두리를 붓으로 칠한듯하게 - 초보자를 위한 강좌 [12] file 방정환 2004.07.24 36330
1751 손가락 툴을 이용한 간단한 문자스타일.. [9] file (-_ㅡ*) 2004.07.24 16300
1750 [쇼핑몰응용] 쇼핑몰 메인에서 사용가능한 플래쉬 입니다. [13] yo 2004.07.23 26687
1749 이쁜 버튼을 만들어 봅시다! ★첫 강좌!★ [8] file Ukeri º▽º 2004.07.22 26671
1748 얼렁뚱땅 퍼즐만들기 [9] file hoosh 2004.07.22 16589
1747 그라디언트를 활용한 메뉴 만들기 [20] file webagit 2004.07.22 22003
1746 Shape툴을 활용한 이미지 - 1 [2] file webagit 2004.07.22 7905
1745 Shape툴을 활용한 이미지 - 2 / 이미지 단순화 시키기 [3] file webagit 2004.07.22 6900
1744 별거아닌데요(...) 알아두면 편한것 [17] e u n g - a 2004.07.21 11069
1743 13. 심플하게 사진틀을 만들어보자 [9] file 박진 2004.07.21 17961
1742 12 뽀샤시하게 밝게하기 [1] file 박진 2004.07.21 16171
1741 11 색상보정(사진의 색상을 흑백,레드,블루등으로 바꿔보자) file 박진 2004.07.21 7251
1740 10 이미지 트리밍(원하는 사이즈로 사진 오려내기) [2] file 박진 2004.07.21 9913
1739 9 이미지 사이즈 조절(사진 키우고 줄이고 회전시키기) file 박진 2004.07.21 8641
1738 8 뒷배경 흐리게 하기(아웃포커스 효과) [2] file 박진 2004.07.21 15763
1737 7 성형수술 2편 (눈키우기) [5] file 박진 2004.07.21 11725
1736 6 성형수술 1편 (지존 턱,볼살깍기 코세우기) [2] file 박진 2004.07.21 12053