일러스트 실전 - 3D 스마트폰 (뒷면) 드로잉

일러스트 실전 - 3D 스마트폰 디자인

 

 일러스트 CS5에서는 포토샵의 강력한 그래픽 기능들이 더해졌기 때문에

일러스트로만 작업해도 높은 퀄리티의 작품이 가능합니다

3D 스마트폰 뒷면을 먼저 디자인해볼까요?

(저는 제가 사용하는 갤럭시 노트를 그립니다)

 

 

--- 새 문서 만들기

일러스트 메뉴에서  파일(F) -> 새로만들기(N)하여 팝업창이 나오면

문서크기는 국제용지 A4로 하고, 방향은 세로로 지정합니다

 

 

--- 스마트폰 뒷면 케이스 만들기

 

 

1. 색상 지정

먼저 아래 그림과 같이 면색상은 검정으로

선색상은 없음으로 지정합니다

 

 

 

2. 둥근 사각형 도구 선택

ㅇ다음, 도구툴에서 둥근 사각형 툴을 선택합니다

 

3. 케이스 드로잉

화면(도화지) 가운데를 콕 찍어주면 둥근사각형 그리기 옵션이 나오는데

아래 그림과 같이 W: 80mm, H: 140mm, R:13mm로 지정하고

확인을 누르면 검은색 케이스가 그려집니다

 

4. 음영 표현하기

ㅇ메시툴을 선택한 다음

ㅇ케이스 윗부분(빨간 원 표시부분 근처)을 클릭해줍니다

그러면 아래 그림처럼 메시포인트 그물망이 표시됩니다

 

5. 하이라이트 부분 표현하기

ㅇ그 상태에서 색상 팔레트의 칠부분을 클릭한 다음(획부분은 없음으로)

 CMYK를 각각 0,0,0,20으로 지정해주면 아래 그림과 같이

음영(하이라이트/쉐도우)이 표현됩니다

참으로 쉽지요?

 

6. 앞 케이스 용으로 복사하여 배치하기

 다음 강좌에서 스마트폰 앞 케이스를 그릴 때 사용하기 위해

아래 객체를 복사하여(alt키 이용) 한쪽에 배치시킵니다

 

7. 올레 마크 그려넣기

ㅇ펜툴을 선택한 다음 면색상은 흰색, 선색상은 없음으로 지정한 뒤

아래와 같이 올레 마크를 그려 넣어줍니다

-요령 : 오른쪽 위 그림처럼 그리기 쉽게 크게 그린뒤에

축소하여 가운데로 이동시킵니다

8. SAMSUNG 로고 넣기

ㅇ텍스트로 간단히 표현합니다

ㅇ텍스트 툴을 클릭한 다음 폰트를 적당한 글씨체를 선택하고(저는 Tunga)

크기는 18pt, 색상은 흰색으로 하여 텍스트 SAMSUNG을 입력합니다

 

9. 텍스트 복사하여 붙여넣기

ㅇ위에 입력한 텍스트를 선택한후 alt키를 눌러 복사한뒤

아래와 같이 위치(x,y)를 약간 어긋나게 하여 입체감을 줍니다

- 흰색 텍스트 위치 : x=218, y=150

- 검정 텍스트 위치 : x=218.5, y=150.5 로 지정해 줍니다

 

10. 텍스트 음영 효과

ㅇ아래 그림처럼 이중질감이 나는 로고가 되었습니다

-유의 : 흰색 텍스트가 위로 가도록 배치합니다.

 

*Tip : 텍스트 입체감 효과

위에서 두 텍스트의 위치 차이를 0.5px로 했는데

간격이 너무 먼 느낌이 있으면 0.3px 정도로 하면 간격이 붙습니다.

*이 방법은 플래시, 스위시, 포토샵 할 것 없이 텍스트 음영 표시에 간단하고도

아주 좋은 방법입니다.

*Tip : 기본 폰트 암기하기

"명바타, 고돋아"

한글폰트와 영어폰트가 매치되는 폰트 외우기 입니다

ㅇ 명바타 : 명조체=바탕체=타임(Time 계열),

ㅇ 고돋아 : 고딕체=돋움체=아리얼(Arial)

 

11. 갤럭시 뒤 케이스 완성

ㅇ다음 강좌에서는 좀 더 복잡한 앞 케이스 디자인 하기입니다

분량이 많아 다음번에 따로 하기로 합니다

 

*Tip : 텍스트 입체감 효과

외우기 "명바타, 고돋아"

-한글과 영어의 같은 폰트유형 구분하기입니다. 즉,

명바타는 ---> 명조체=바탕체=Time계열,

고돋아는 ---> 고딕체=돋움체=Arial체를 말합니다

 

일러스트 실전 - 3D 스마트폰 디자인 / 우산 우원제.