디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
  - 일러스트레이터 소개
  - 도구상자 1
  - 도구상자 2
  - 메뉴설명 1
  - 메뉴설명 2
  - 패널(팔레트)
  - 단축키
  - 일러스트 활용 예제
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
일러스트 활용 예제
Home > 디자인 센터 > 웹강좌 > 일러스트 사용법 > 일러스트 활용 예제
포인트 패턴 스타일 그래픽 문양패턴 웹아이콘 1 웹아이콘 2
5. 웹 아이콘 Ⅱ
아이디어 스케치가 끝난 아이콘의 오브젝트를 일러스트에서 펜 툴로 그린 후 각 오브젝트에 그레이디언트(Gradient)와 메시(Mesh)효과를 주어 오브
젝트의 전체적인 이미지를 만듭니다.
그 후 트랜스페어런시(Transparency)의 스크린(Screen), 멀티플라이(Multiply)(이하 ‘멀티’로 표기), 컬러닷지(Color Dodge) 효과를 주어 완성된 이
미지를 만듭니다.
<완성된 웹 아이콘(Icon)>
<아이콘 제작 순서>
(1) 나침반 원형 오브젝트 만들기
원형 오브젝트
그레이디언트(Gradient)
음영 및 광택 효과
메시(Mech)툴
멀티(Multiply)효과
스크린(Screen)효과
음영을 갖춘 원형
음영을 갖춘 원형 하이라이트 및 반사광 효과
메시(Mech)툴
스크린(Screen)효과
멀티(Multiply)효과
입체 원형
입체 원형 나침반 바탕
Transparency→
Screen
나침반 바늘 나침반 원형
나침반 원형 투명광 효과
Transparency→
Color Dodge
나침반 원형 완성
(2) 배경 원형 오브젝트 만들기
원형 오브젝트
그레이디언트(Gradient)
입체 테두리 효과
메시(Mesh)툴 작업
Transparency→
Multiply
배경 원형
배경 원형 테두리 광택효과
메시(Mesh)툴 작업
Transparency→
Screen
광택 효과를 준 원형
광택 효과를 준 원형 가운데 음영 가운데 광택효과
그레이디언트(Gradient)
Transparency→
Multiply
배경 원형 완성
(3) 그림자 오브젝트 만들기
그림자 개체
그레이디언트(Gradient)
그림자 개체효과
Transparency→
Multiply
그림자 완성
(4) 각 오브젝트 합쳐서 아이콘 완성
입체 원형 배경 원형 그림자 아이콘 완성
컬러닷지
(Color Dodge)
검정 부분은 색의 적용을 받지 않지만 색이 밝은 부분은 겹쳐지면서 색상이 밝아지고 명도도 높아지는 효과를 볼 수 있습니다. 주로 빛의 효과를 낼 때 사용하는 효과입니다.
멀티플라이
(Multiply)
오브젝트를 투명하게 바꿔주는 기능으로 색을 넣을 때 흰색 부분은 투명해지고 색이 적용된 부분만 색이 나타나게 됩니다. 오브젝트의 색 중 어두운 부분의 색을 진하게 표현하기 위해 사용한 효과입니다.
그레이디언트
(Gradient)
한 면의 오브젝트에 여러 가지 색을 표현할 수 있는 기능으로, 직선형과 원형의 그레이디언트 방향을 지정해 줄 수 있습니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 모바일 한국어 라인 이미지 日本語 라인 이미지 中文 라인 이미지 ENGLISH 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로
디지털콘텐츠 No.1 (주)아사달