베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
    - 일러스트레이터 소개
    - 도구상자 1
    - 도구상자 2
    - 메뉴설명 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)효과는 오브젝트 이미지 초점을 흐리게 만드는 효과를 말합니다.
사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 070-7510-3007 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저