웹디자인 강의
Photoshop [하이링고] 투명큐빅박스 (일러+포토샵)-[1]
2002.10.23 01:50
너무나..너무나 오래간만입니다..ㅡㅡ;; 반가워요 엔지오 식구들~!
제 강의가 8월 며칠짜로 끊긴후로..전 죽을듯이 일만 했습니다..ㅡㅡ 화장실 갈틈도 없었다는...ㅡㅡ;;
![큐빅박스_02.jpg](/files/attach/images/19360728/494/404/019/큐빅박스_02.jpg)
이번에 만들 넘은 이렇게 생긴 큐빅박스 입니다. 날조해서 예제가 좀 허접하네요..
다음강좌에는 여기서 좀더 발전시킨 넘을 넣겠습니다.
포토샵에서만 해도 되지만 전 정확성을 위해 일러스트를 같이 쓰겠습니다.
![cubic_01.gif](/files/attach/images/19360728/494/404/019/cubic_01.gif)
1. 일러스트를 열어서 다음과 같이 2점 투시가 된 사각형을 그립니다.
펜툴로 그려도 되지만 전 일단 사각형을 그린다음에 각 점을 하얀 화살표 툴로 조정해서 만듭니다.
![cubic_02.gif](/files/attach/images/19360728/494/404/019/cubic_02.gif)
2. 선택후 Ctrl + Alt + 아래방향 화살표로 한포인트씩 사각형을 아래로 복사합니다. 아래방향 화살표를 손을 떼지 않고 그대로 누르고 있으면 좌아악 복사됩니다.
그러면 위와같이 모여서 입체인척 하는사각형들이 생깁니다.
![cubic_03.gif](/files/attach/images/19360728/494/404/019/cubic_03.gif)
3. Ctrl+Y 키를 눌러 Outline으로 Preview 를 설정하고...(시꺼매 진다고 놀라지 마세염. 확대해보면 라인뷰로 변한것을 확인하실 수 있습니다.)
![cubic_04.gif](/files/attach/images/19360728/494/404/019/cubic_04.gif)
4. 가장 상위의 면을 선택해 위로 저만치 보내놓고,
5. 확대를 한후 라인 위에 직접 펜툴을 대어 각 면을 따 옆으로 보냅니다. (아랫면은 아직 따지 말것)
![cubic_05.gif](/files/attach/images/19360728/494/404/019/cubic_05.gif)
6. 위와 같은 결과물이 생깁니다.
![cubic_06.gif](/files/attach/images/19360728/494/404/019/cubic_06.gif)
7.Ctrl + Y 키를 다시 눌러 면을 확인합니다.
![cubic_07.gif](/files/attach/images/19360728/494/404/019/cubic_07.gif)
8. 가운데 있는 것들을 지워버리고..각 면을 색으로 알아볼수 있게 채워줍니다.
![cubic_08.gif](/files/attach/images/19360728/494/404/019/cubic_08.gif)
9. 각면을 합칩니다.이렇게 하면 모서리가 빈틈없이 맞는 사면체가 됩니다.
![cubic_09.gif](/files/attach/images/19360728/494/404/019/cubic_09.gif)
10. 흰색 화살표로 각 면들을 함께 선택해 투시를 조절해 자연스럽게 만들어 줍니다.(방향키로 조정하시면 미세하게 조정하실수 있습니다.)
![cubic_10.gif](/files/attach/images/19360728/494/404/019/cubic_10.gif)
11. 투명 큐빅이므로 안보이는 밑면도 따 주어야 합니다. 조금의 눈짐작이 필요합니다. 동그라미 쳐진 서로의 부분이 맞는 부분에
각 선을 만나게 한후 밑면을 땁니다. (저의 경우는 가이드 라인을 쳐 놓고 합니다.)
![cubic_11.gif](/files/attach/images/19360728/494/404/019/cubic_11.gif)
12. 각 옆면도 따줍니다... 이렇게 되면 완벽하게 6면을 다 따게 됩니다.
![cubic_12.gif](/files/attach/images/19360728/494/404/019/cubic_12.gif)
13 Ctrl+Y 해서 전체를 라인으로 줬을때의 결과입니다.
![cubic_13.gif](/files/attach/images/19360728/494/404/019/cubic_13.gif)
14. 살짝 로테이트 시켰습니다..(그냥해도 됩니다..ㅡㅡ;;)
![cubic_14.gif](/files/attach/images/19360728/494/404/019/cubic_14.gif)
15. 전체선택후 Ctrl +C로 카피한후 포토샵에 와서 원하는 크기의 새 창을 생성한다음 >Ctrl + V >Path로 체크 합니다
여기까지 해보셨나요....ㅡㅡ;; 오늘강의는 여기서 마치겠습니다..다음번 강의는 27일 새벽 이시간대..ㅡㅡ;;에 올리겠습니다..
예전 제 강좌 보시면 아시겠지만.. 제 강좌가 점차적으로 하나의 주제를 놓구 완성해가는거 아시져? 이번에두 끝까지 따라오세염~~^^
제 강의가 8월 며칠짜로 끊긴후로..전 죽을듯이 일만 했습니다..ㅡㅡ 화장실 갈틈도 없었다는...ㅡㅡ;;
![큐빅박스_02.jpg](/files/attach/images/19360728/494/404/019/큐빅박스_02.jpg)
이번에 만들 넘은 이렇게 생긴 큐빅박스 입니다. 날조해서 예제가 좀 허접하네요..
다음강좌에는 여기서 좀더 발전시킨 넘을 넣겠습니다.
포토샵에서만 해도 되지만 전 정확성을 위해 일러스트를 같이 쓰겠습니다.
![cubic_01.gif](/files/attach/images/19360728/494/404/019/cubic_01.gif)
1. 일러스트를 열어서 다음과 같이 2점 투시가 된 사각형을 그립니다.
펜툴로 그려도 되지만 전 일단 사각형을 그린다음에 각 점을 하얀 화살표 툴로 조정해서 만듭니다.
![cubic_02.gif](/files/attach/images/19360728/494/404/019/cubic_02.gif)
2. 선택후 Ctrl + Alt + 아래방향 화살표로 한포인트씩 사각형을 아래로 복사합니다. 아래방향 화살표를 손을 떼지 않고 그대로 누르고 있으면 좌아악 복사됩니다.
그러면 위와같이 모여서 입체인척 하는사각형들이 생깁니다.
![cubic_03.gif](/files/attach/images/19360728/494/404/019/cubic_03.gif)
3. Ctrl+Y 키를 눌러 Outline으로 Preview 를 설정하고...(시꺼매 진다고 놀라지 마세염. 확대해보면 라인뷰로 변한것을 확인하실 수 있습니다.)
![cubic_04.gif](/files/attach/images/19360728/494/404/019/cubic_04.gif)
4. 가장 상위의 면을 선택해 위로 저만치 보내놓고,
5. 확대를 한후 라인 위에 직접 펜툴을 대어 각 면을 따 옆으로 보냅니다. (아랫면은 아직 따지 말것)
![cubic_05.gif](/files/attach/images/19360728/494/404/019/cubic_05.gif)
6. 위와 같은 결과물이 생깁니다.
![cubic_06.gif](/files/attach/images/19360728/494/404/019/cubic_06.gif)
7.Ctrl + Y 키를 다시 눌러 면을 확인합니다.
![cubic_07.gif](/files/attach/images/19360728/494/404/019/cubic_07.gif)
8. 가운데 있는 것들을 지워버리고..각 면을 색으로 알아볼수 있게 채워줍니다.
![cubic_08.gif](/files/attach/images/19360728/494/404/019/cubic_08.gif)
9. 각면을 합칩니다.이렇게 하면 모서리가 빈틈없이 맞는 사면체가 됩니다.
![cubic_09.gif](/files/attach/images/19360728/494/404/019/cubic_09.gif)
10. 흰색 화살표로 각 면들을 함께 선택해 투시를 조절해 자연스럽게 만들어 줍니다.(방향키로 조정하시면 미세하게 조정하실수 있습니다.)
![cubic_10.gif](/files/attach/images/19360728/494/404/019/cubic_10.gif)
11. 투명 큐빅이므로 안보이는 밑면도 따 주어야 합니다. 조금의 눈짐작이 필요합니다. 동그라미 쳐진 서로의 부분이 맞는 부분에
각 선을 만나게 한후 밑면을 땁니다. (저의 경우는 가이드 라인을 쳐 놓고 합니다.)
![cubic_11.gif](/files/attach/images/19360728/494/404/019/cubic_11.gif)
12. 각 옆면도 따줍니다... 이렇게 되면 완벽하게 6면을 다 따게 됩니다.
![cubic_12.gif](/files/attach/images/19360728/494/404/019/cubic_12.gif)
13 Ctrl+Y 해서 전체를 라인으로 줬을때의 결과입니다.
![cubic_13.gif](/files/attach/images/19360728/494/404/019/cubic_13.gif)
14. 살짝 로테이트 시켰습니다..(그냥해도 됩니다..ㅡㅡ;;)
![cubic_14.gif](/files/attach/images/19360728/494/404/019/cubic_14.gif)
15. 전체선택후 Ctrl +C로 카피한후 포토샵에 와서 원하는 크기의 새 창을 생성한다음 >Ctrl + V >Path로 체크 합니다
여기까지 해보셨나요....ㅡㅡ;; 오늘강의는 여기서 마치겠습니다..다음번 강의는 27일 새벽 이시간대..ㅡㅡ;;에 올리겠습니다..
예전 제 강좌 보시면 아시겠지만.. 제 강좌가 점차적으로 하나의 주제를 놓구 완성해가는거 아시져? 이번에두 끝까지 따라오세염~~^^