베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
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)
한 면의 오브젝트에 여러 가지 색을 표현할 수 있는 기능으로, 직선형과 원형의 그레이디언트 방향을 지정해 줄 수 있습니다.
사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 02-2026-2000 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저