▣宇山 웹디자인/일러스트 따라하기

일러스트 CS5 공부 - H. 3D 느낌의 스마트폰 제품 일러스트 디자인

woosanje 2011. 12. 16. 21:49

 

[일러스트레이터 CS5 공부하기 - 비망록겸 요약분]

 

H. 제품 일러스트 - 3D 스마트폰 디자인

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

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

 

[ 첫단계 : 메시 툴을 활용한 스마트폰 앞뒤면의 입체감 있는 디자인 ]

 

 

 

 

1. 스마트폰 뒷면 디자인

ㅇ둥근 사각형 툴로 80*140mm, 코너 래디어스는 13mm로 하여 스마트폰 뒷면 모양을 그린다

  - 선색은 투명, 면색은 검정

ㅇ메시 툴로 스마트폰 형태의 둥근 사각형 왼쪽 위를 클릭하면 메시가 형성된다

ㅇ다시, 직접 선택툴로 방금 지정한 곳을 클릭하면 앵커가 생기며, 칼라패널에서 k값을 20으로 입력하면

  스마트폰 입체감이 나타나는 모양이 된다

 

2. 스마트폰 앞면 디자인

 ㅇ위에서 만든 모양을 하나 더 복사하여 옆으로 이동하여 앞면으로 사용한다

 ㅇ앞면의 테두리를 만들기 위해 앞면을 축소 복사한다

  - 개체(오브젝트)/패스/옵셋패스(패스이동)에서 대화상자가 나타나면

   .업셋(이동)에 -2를 입력, 조인스(연결)에 미터(둥근)를입력, 미터 리밋(각의 한계)에 4을 입력후 확인클릭

 ㅇ축소 복사된 팦면에 금속 질감을 입힌다 (사유 - 앞면 위,아래 가는 선에 빛이 나게 하기 위함)

 - 윈도우/스와치(견본) 라이브러리/그라디언트/메탈(금속)을 선택하여 실버(은)를 입힌다

 ㅇ다시 한번 더 축소 복사하여 검정색을 입힌다

   .업셋(이동)에 -1.5를 입력, 조인스(연결)에 미터(둥근)를입력, 미터 리밋(각의 한계)에 4을 입력후 확인클릭

 

 ㅇ 안테나 아이콘과 음량 높낮이 버튼과 아래 홀드 버튼은 그림과 같이 그려 넣는다

   - 직사각형, 둥근 직사각형 툴을 사용하고 홀드 버튼에는 그라디언트 응용

 

 

[ 둘째 단계 : 스마트폰 세부 디자인 ]

 

 

 

 

 

 

 

ㅇ시간 표시 텍스트 : 글꼴 Times New roman, 크기 30pt, 흰색으로 했습니다

    --16:50

 ㅇ시간 표시 바로 밑에 요일, 월일 입력 : 글꼴 Times New roman, 크기 8pt, 흰색으로 입력함

   -- Sunday, December 25

 

***기본 글꼴 외우는 법 tip : 명바타, 고돋아 : 명조체-바탕체-Times,  고딕체-돋움체-Arial

 

 ㅇ앞면 창 표시는 사각형 그라디언트 칠한후,

    펜툴로 곡선을 그려, 다중 반복 복사하여 배치하고 클리핑 마스크를 클릭하여 사각형에 넣음

 

 ㅇ 뒷면의 텍스트는 위와 같은 글꼴로 하되 겹쳐서 배치하여 이중 질감효과를 주었음

   - 예) 위에는 woosan 검정색 텍스트

           아래는 woosan  흰색 텍스트로 하여 위치를 0.5px정도 차이 나게 함

 

*** 기본 앞 뒷면 디자인 후에는 각종 아이콘, 텍스트 등은 각자 취향에 맞게 작업

 

갤럭시 노트를 사야할지, 갤럭시 넥서스를 사야할지 고민하고 있는 중에 그려본 스마트폰

이제보니 3G요금제와 LTE 요금제를 소비자가 선택할 수 있는 것이 맞는데

통신3사가 담합하는 모양으로 요금제를 강요하고 있었다

KT의 갤럭시 노트 3G 요금제가 실현되었으면 한다

우리나라 공정위는 公정위가 아니라 空정위가 아닐까?