디자인소스 전문 쇼핑몰

아이콘 (541)	일러스트 (270)	템플릿 (229)	어린이 (125)
이벤트 (124)	팝업 (115)	패턴 (113)	나무 (110)
아사달 (102)	픽토그램 (60)	학교 (53)	사람 (52)

디자인몰 통합검색 전체 검색 정액숍 검색 무한숍 검색

아이콘 | 가족 | 플랫디자인 | 일일할인쿠폰

· 전체: 0	· 디자인시안: 0	· 플래시: 0
· 일러스트: 0	· 페인터: 0	· 편집사진: 0
· 단독사진: 0	· PPT: 0	· 사운드: 0
· CD: 0	· 정액숍: 0	· 모델: 0

	일러스트레이터 소개
	도구상자
- 주요툴
- 기타툴
	메뉴설명
- File 메뉴
- Edit 메뉴
- Object 메뉴
- Type 메뉴
- Select 메뉴
- Filter 메뉴
- Effect 메뉴
- View 메뉴
- Window 메뉴
- Help 메뉴
	패널(팔레트)
	단축키
	일러스트활용예제
- 포인트 패턴
- 스타일 그래픽
- 문양패턴
- 웹아이콘 1
- 웹아이콘 2

웹아이콘 1

Home > 디자인몰 > 웹강좌 > 일러스트 사용법 > 일러스트활용예제 > 웹아이콘 1

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)효과는 오브젝트 이미지 초점을 흐리게 만드는 효과를 말합니다.