메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

큐빅박스.jpg


안녕하세염..투명큐빅 박스 두번째 강좌 입니다.
wings 님두 잘 계시져? 댓글 감사합니당~^^ 그나저나 미스디쟌님이 요새 안보이시네요.
지난번강의 잘 해보셨나요? 이번에는 지난번에 강의된 일러스트로 만든 큐빅을 제가 파일로 올려놓겠습니다.
로테이트 시킨 것은 아니니 로테이트 약간 시켜서 하실분들은 로테이트 시켜서 사용하셔야 겠네요~^^
그럼 강좌 시작하겠습니당~


cubic_15.gif
16. 지난강좌 15번까지 따라 해보셨다면 이런 결과물이 생겼을 것입니다.


cubic_16.gif
17. 레이어로 돌아온후 새로운 레이어를 생성합니다.


cubic_17.gif
18. path로 돌아와서 펜툴을 선택한 다음, Ctrl 키를 누른채로 마우스를 움직이면 위와같은 흰 화살표로 아이콘이 변합니다.
     이 상태에서 불러온 아무 선이나 집어서 클릭해 보세요. 그러면 위와 같이 그 면이 선택되는것을 알 수 있습니다.


cubic_18.gif
19. 18번 상태에서 셀렉트툴(빨간 동그라미)를 눌러 셀렉트 합니다.

cubic_19.gif
20. 패스 레이어 밑의 빈 여백을 클릭해 준후,(이렇게 완전한 셀렉트 상태가아니라 19번 상태에서 레이어로 넘어가 색을 칠할경우,엔 색이 칠해 지지 않습니다,)


cubic_20.gif
21. 레이어로 돌아와서 아까 생성한레이어에 원하는 색을 넣은후 투명도를 적당히 조절합니다. 여기서 주의하실 점은
     빛이 어디서 오게 할것인가를 한번쯤 생각하고 색을 넣는것이 좋다는 것입니다.


cubic_21.gif
22. 레이어를 추가한후 다른면도 위와 같은 방식으로 색을 채운후 투명도 조절을 합니다.
     투명도 조절은, 면을 다 생성한 뒤에도 조절이 가능하기 때문에 대충 짐작으로 하셔도 됩니다.


cubic_22.gif
23. 가장 앞에 있어야 하는 면을 생각해 뒤에 있는 면은 뒤로 보냈습니다. (레이어 위치를 바꾸면 되져..)


cubic_23.gif
24. 각 단계를 반복하여 사면체를 만듭니다.


cubic_24.gif
25. 각 레이어를 background만 남기고 Merge Linked 시킵니다.


cubic_25.gif
26. 합친 레이어를 카피합니다. 그후 Ctrl + T 를 누른후 위와 같이 전체비율 80% 로 크기 조절을 설정한후 Enter키를 누릅니다.


cubic_26.gif
27. 가장 겉에 있는 큰 박스를 투명도를 조금 낮게 설정합니다.
     자아~ 이러면 큐빅박스가 완성되었습니다.~!
     그림자를 만들고.. 응용을하시면 위와 같은 결과물을 만드실 수 있습니다~

아참..첨부된 일러스트 파일의 버젼은 10.0 입니다. 참고하시길~

10월 28일 11시 54분 pm
파일 올렸습니다. zip 파일이 하나뿐이 안 올라가는 관계로 위의 "큐빅박스 만들기" 를 다운받으시면 안에 연습해 보실수 있는 일러스트 파일과 패스를 옮겨놓은 검은 바탕의 psd 파일이 들어있습니다.
많은 도움이 되시길~
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1835 [쓰레기 강좌] 그라디언트를 이용한 멋진 문양 만들기. [10] file azurespace 2002.12.27 5867
1834 3D 확장 오브젝트의 생성 펀에듀넷 2006.04.24 5867
1833 필터강좌 - 텍스처 [7] 정현수 2003.04.13 5874
1832 [전갈 그리기] 첫강좌 입니다ㅠ_ㅠ [24] file Blue-Tea^^ 2003.03.30 5889
1831 -동영상 나눠서 웹에 올리기- [3] 시엔짜이 2004.07.09 5889
1830 Adobe Streamline을 이용한 일러스트.. [6] file 김태현 2003.11.29 5890
1829 [poser4.0]여성 캐릭터 헤어 만들기 입니다. [8] 김형인 2003.04.12 5893
1828 뭐라고 해야 하나..-_-; 유성이라고 해야하나.. 그냥 보세요; [17] file 오오가미 2002.12.02 5895
1827 [양배추강좌]알파채널를 이용한 어설픈 레온효과 [3] file 양배추™ 2003.12.19 5896
1826 [퍼니페인트]페인트샵에서 웨이브 그리드 효과 만들기 [6] file funnyPSP 2002.07.20 5897
1825 [포토샵 7.0 동영상강좌] 12. 블러 필터와 블랜드모드 [1] 서기 2005.10.24 5902
1824 플래시 용량.. [3] 이유리 2006.11.27 5905
1823 {동준짱} effect 효과 제 2부 들어갑니다.. [3] {동준짱} 2002.05.24 5916
1822 [쩌비]그라디언트 툴 활용하기 [7] file 쩌비 2002.10.19 5918
1821 [illustrator] 동영상강좌 / 삼색 태극문양 만들기 / 기초부분 [1] 다모폐인 2005.11.15 5920
1820 [Toy] Qoo 그리쟈!! >㉦< [15] 토이 2002.07.01 5923
1819 레고 모양 타일 만들기...-상화의 첫번째 허접강좌 [17] file 상화 2003.01.27 5931
1818 1 워밍업 (포토샵 구하기, 파일열고 저장하기 같은 단순한 것들) file 박진 2004.07.21 5933
1817 파원포인트강좌,스위시맥스강좌 file 에듀멘 2007.02.27 5933
1816 눈 내리는 이미지 만들기 10 [1] 문학의향기 2006.07.28 5941