아사달 디자인센터 : 웹아이콘 1 - 웹, 아이콘, 웹아이콘, 트렌드뷰, 웹강좌아사달 디자인센터 : 디자인센터

- 일러스트레이터 소개

일러스트 소개
그래픽 기본 상식
일러스트레이터 CS3 추가된
기능

- 도구상자 1

선택 툴
직접선택 툴
펜 툴
타이프 툴
직접선택 툴
도형 툴

- 도구상자 2

연필 툴
메시 툴
그레이디언트 툴
기타 툴

- 메뉴설명 1

File1
File2
Edit1
Edit2
Object1
Object2
Object3
Object4

- 메뉴설명 2

Type
Select
Filter1
Filter2
Filter3
Effect
View
Window
Help

- 패널(팔레트)

주로 사용하는 팔레트
기타 팔레트

- 단축키

단축키 1
단축키 2
단축키 3

- 일러스트 활용 예제

포인트 패턴
스타일 그래픽
문양패턴
웹아이콘 1
웹아이콘 2

플래시 사용법

	일러스트 만들기
	일러스트 배경 만들기
	일러스트 아이콘 만들기
	일러스트 그래픽 만들기
	편집사진 만들기
	배경 편집사진 만들기
	사물 편집사진 만들기
	플래시 모션 만들기
	플래시 스크립트 만들기
	웹구성 요소 만들기
	웹 페이지 만들기
	비즈니스 홈페이지 만들기
	생활 홈페이지 만들기
	쇼핑몰 홈페이지 만들기

일러스트 활용 예제

Home > 디자인 센터 > 웹강좌 > 일러스트 사용법 > 일러스트 활용 예제


	포인트 패턴	스타일 그래픽	문양패턴		웹아이콘 1	웹아이콘 2

4. 웹 아이콘 Ⅰ
아이콘의 오브젝트를 일러스트에서 펜 툴로 그린 후 각 오브젝트에 그레이디언트(Gradient)를 주어 광택의 느낌과 입체 느낌을 준 후 완성된 오브젝트
를 합칩니다.
그리고 빛의 효과 및 그림자 효과를 트랜스페어런시(Transparency) → 스크린(Screen) 효과와 이펙트(Effect) → 블러(Blur) → 가우시언블러(Gaussi
an Blur) 효과를 주어 완성된 이미지를 만듭니다.

<완성된 웹 아이콘(Icon)>

<아이콘 제작 순서>

(1) 입체 구 오브젝트 만들기

입체 구 바탕
그레이디언트
(Gradient)

광택 부분
메시(Mesh),
그레이디언트(Gradient),
스크린(Screen)

하이라이트, 반사광
가우시언 블러
(Gaussian Blur),
메시(Mesh),
스크린(Screen)

입체 구
가우시언 블러
각 오브젝트 묶음
(Object→Group)

완성된 오브젝트
가우시언 블러
사이즈 조절
복사하여 나열

(2) 입체 문자 오브젝트 만들기

문자 형태
펜 툴로 형태 작업
그레이디언트(Gradient)

문자 오브젝트
오브젝트 묶음
(Object→Group)

선 오브젝트
그레이디언트
(Gradient)

빛
스크린
(Screen)

입체 문자 오브젝트
각 오브젝트
순서대로 배열

(3) 그림자 오브젝트 만들기

원본 이미지

칼라→블랙
그룹 해제
(Ungroup)

패스파인더
(Pathfinder)→
오브젝트 병합
→Expand

빛
스크린
(Screen)

투명도 25%
Effect→Blur
→Gaussian Blur

(4) 각 오브젝트 합쳐서 아이콘 완성

입체 구

입체 문자

그림자

아이콘 완성

그레이디언트 (Gradient)	한 면의 오브젝트에 여러 가지 색을 표현할 수 있는 기능으로, 직선형과 원형의 그레이디언트 방향을 지정해 줄 수 있습니다.
가우시언 블러 (Gaussian Blur)	선택된 오브젝트에 ‘Radius’값을 주어 블러(Blur)효과를 적용할 수 있습니다. 블러(Blur)효과는 오브젝트 이미지 초점을 흐리게 만드는 효과를 말합니다.