[일러스트레이터 CS5 공부하기 - 비망록겸 요약분]
K. 캐릭터로 만드는 팬시 상품 디자인
1. 캐릭터 둘리 그리기
- 스케치한 둘이 이미지 배치, 불투명도 50%로 주고, 레이어 잠그고 새레이어에서 작업
- 펜툴(면색 투명, 선색 검정, 스트로크 3pt)로 패스를 그린다.
- 눈동자와 코는 연필툴로 그리되 마지막에 alt키를 누르면 패스가 닫힌다.
- 선을 면으로 바꾼다 (전체 선택후, 개체/패스/윤곽선 선택후 계속하여 개체/라이브 페인트/만들기 하면)
면색을 쉽게 채갯할 수 있는 환경으로 바뀌었다. 색칠후 다시 개체/라이브 색칠/확장 을 선택하여 해제한다
- 선색을 주위 면색과 유사한 색으로 변경하든지 필요한 조정작업 시행
**실습 결과 : 음, 해적 둘리 같네?
2. 캐릭터 메모지 만들기
- 모서리 둥근 긴 사각형 만들어, 위에서 제작한 둘리 배치하기
- 개체/패스/패스이동 옵션을 1.5하여 크게 복사, 재단선으로 변경하기
- 메모지 바탕에 견본 패턴에서 도트 패턴을 불러와 작업하여 새로운 색상의 패턴을 등록, 배치하기
*** 너무 작게 만들었다
3. 캐릭터 3D 머그컵 만들기
ㅇ 캐릭터 만들기
- 손 그림 효과가 나도록 펜툴이 아닌, 페인트 브러쉬 툴로 패스를 딴다
- 선을 칠할 때는 윤곽선으로, 면을 칠할 때는 라이브 페인트 환경으로 바꿔주고 칠한다
- 캐릭터를 완성하여 전체 선택후 심벌1로 등록한다
- 바탕에 사각형 이미지에 색상을 넣어 심벌2로 등록한다
ㅇ 3D 머그컵 만들기 - 아래에서 조명은 있는 그대로 한번만 써도 무방.
- 펜툴로 컵의 단면을 그린다(흰색 면의 닫힌 패스)
- 효과/3D 리볼브 대화상자에서 미리보기 화면을 움직여 머그컵의 시점을 맞춘다
- 옵션확장후, 그림자 색을 'Custom'(검정)으로 설정, 색상을 회색계통 '#C8C8C8'로 지정한다
- 조명의 위치를 왼쪽 위로 설정한 후, 세부조명값을 조정하다 50%. 10%, 60%, 90%, 10
- 조명의 가운데 버튼(추가하기)을 두번 클릭하여 조명을 세개로 만든후 조명값을 조절한다
.60%. 10%, 60%, 90%, 30, 60%. 30%, 60%, 90%, 30
- 컵에 매핑하기 위해 맵아트 버튼을 클릭한다
- 서피스의 화살표를 클릭하여 1 of 5 f로 이동한다
- 심볼의 드롭다운 버튼을 클릭하여 위에서 만든 심벌2 선택, 스케일 투 핏 버튼으로 확장시킨다
- 서피스의 화살표를 클릭하여 5 of 5로 이동한후 역시, 심볼 드롭다운 버튼에서 심벌1 선택하여 적용
***서피스의 1~5까지를 보면 컵안, 컵위 표면, 컵표면, 컵바닥 등에 표시됨***
ㅇ 3D 머그컵의 손잡이 만들기
- 역시 면색이 흰색인 펜툴로 손잡이의 단면을 닫힌 패스로 그린다
- 효과/3D/Extrude & Bevel (돌출과 경사_을 클릭, 미리보기에서
- 조명을 두개 더 추가하여 아래와 같이 값을 주고 적용한다
.30%. 10%, 60%, 90%, 25, 60%. 10%, 60%, 90%, 25, 30%. 10%, 60%, 90%, 25
- 그림자를 추가하여 안쪽의 맵 색상을 변경하여 셋트로 만든다
***실습결과
4. 캐릭터 공책
- 내가 쓰고 있는 디자인 수첩을 모델로 하여 디자인해 보았다
- 흰색 천공은 패스파인더에서 마이너스로,
- 용수철은 앞쪽과 뒤쪽을 따로 만들어서 복사반복으로 간단히 처리
- 문양은 브러쉬에서 꽃스타일로 처리
5. 사진으로 빈티지 다이어리, 책표지 만들기
- 오래된 느낌이 나는 이미지를 책 앞장, 뒷장, 책등에 깔고
- 추억의 사진을 한장 불러, 벡터화 하여 배치한다
.오브젝트/라이브 추적/추적 옵션에서 '단순화'를 클릭후 배치
- 오브젝트/확장을 눌러 이미지가 패스로 표현되면 불필요한 곳은 직접선택툴이나 올가미 툴 등으로 삭제
- 텍스트 역시 갈색 계통으로 넣어주고
- 마지막으로 오래된 느낌을 도울 수 있는 스티커를 펜툴로 그려 투명도에서 오버레이, 색상 번으로 조합한다
***항아와 함께 찾았던 베네치아의 추억으로 책 표지를 만들었다
'▣宇山 웹디자인 > 일러스트 따라하기' 카테고리의 다른 글
일러스트 CS5 공부 M - 면배치의 마술, 편집디자인 실무 (0) | 2011.12.21 |
---|---|
일러스트 CS5 공부 L - 타이포그래피 디자인 (0) | 2011.12.20 |
[일러스트 CS5 공부 J - 원근감 그리드로 입체 건물 만들기 (0) | 2011.12.17 |
일러스트 CS5 공부 I - 일러스트 메모 모음 (0) | 2011.12.17 |
일러스트 CS5 공부 - H. 3D 느낌의 스마트폰 제품 일러스트 디자인 (0) | 2011.12.16 |