디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
  - 아이콘 일러스트 소개
  - 비즈니스/금융 아이콘     만들기
  - 교육 아이콘 만들기
  - 쇼핑 아이콘 만들기
  - 약도/건물 아이콘 만들기
  - 소품/이벤트/그래프      아미콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
감성 웹활용 아이콘 02
Home > 디자인 센터 > 웹강좌 > 일러스트 아이콘 만들기 > 감성 웹활용 아이콘 02
3. 감성 웹활용 아이콘 02
윈도우 비스타(Windows Vista) 환경에 어울리도록 크리스탈 효과를 사용하여 시각적으로 화려하고 고급스러운 느낌을 주는 아이콘입니다. 편지봉투를 소재로
파란 계열 색상을 이용하여 작업하였습니다.
1. 펜툴을 선택, 편지봉투를 그립니다. 2. 편지봉투에 Gradation을 적용합니다.
3. 삼각형 도형을 그린 후 그레이디언트로 색을 채웁니다. Gradation이 적용
된 오브젝트를 선택하고 2단계에서 완성된 편지봉투 위에 배치합니다.
Transparency에서 Screen 효과를 줍니다.
4. 가로로 긴 도형을 그린 후 그레이디언트로 색을 채웁니다. Transparency
에서 Multiply 효과를 주고 3단계에서 완성된 오브젝트 위에 배치합니다.
Opacity의 숫자를 조정하여 명도를 알맞게 조절합니다.
5. 펜툴로 도형을 그린 후 그레이디언트로 색을 채웁니다. 4단계에서
완성된 오브젝트 위에 배치하고 Color Dodge 효과를 줍니다.
6. 원형툴로 큰 원과 작은 원을 그리고 원형 Gradation을 적용합니다. Trans
parency에서 Color Dodge 효과를 준 후 편지봉투 위에 배치합니다.
7. 둥근 사각형툴로 가로로 긴 도형을 그리고 Gradation을 적용합니다.
반짝이는 효과를 주기 위해서 Color Dodge 효과를 줍니다.
8. 사각형툴로 긴 사각형을 그리고 원형 Gradation을 적용한 뒤 Trans
parency에서 Screen 효과를 줍니다.편지봉투 윗부분의 밝은 빛 효과
가 완성되었습니다.
9. 봉투 덮개 양쪽 가장자리를 따라 도형을 그리고 Gradation을 적용합니다.
Transparency에서 Color Dodge 효과를 주면 반짝거리는 빛이 표현됩니다.
10. 9단계에서 완성된 빛 효과에 흰색 선을 넣어 줍니다.
11. 마주 보는 삼각형을 그려 Gradation을 적용합니다. Transparency에서
Screen 효과를 줍니다.
12. 펜툴로 위와 같은 모양을 그려 Gradation을 적용합니다. Transparency
에서 Color Dodge 효과를 줍니다.
13. 봉투 아랫부분을 복사하여 붙여넣기 합니다.(이 때 Ctrl+F를 누르면 제
자리에 복사됩니다.) 원형 Gradation을 적용하고 Multiply 효과를 사용하여
어두운 명암을 표현합니다. 똑같은 방법으로 하나를 더 복사합니다. 칼
툴로 윗부분을 베어 내면 직사각형이 됩니다. 선형 Gradation을 적용하고
Multiply 효과를 사용하여 어두운 명암을 표현합니다.
14. 위와 같이 도형을 그립니다. Transparency에서 Color Dodge 효과를 주면
빛 효과가 표현됩니다.
15. 봉투 덮개 끝부분에 위 그림처럼 도형을 그리고 Gradation을 넣어줍니다.
Transparency에서 Color Dodge 효과를 줍니다.
16. 펜툴로 화살표를 그린 후 원형 Gradation을 적용합니다.
17. 화살표의 두께를 표현해 줍니다. 18. 화살표의 두께를 표현해 줍니다.
19. 화살표 앞부분에 Screen을 적용하여 빛 효과를 줍니다. 20. 선택된 도형에 그레이디언트로 색을 채웁니다. Transparency에서
Multiply 효과를 줍니다.
21. 화살표의 면을 부분 분할하여 Gradation을 넣고 Transparency에서
Screen 효과를 줍니다.
22. 펜툴로 화살표를 라인으로 그린 후 Object -> Path -> Outline Stroke 를
선택하면 라인이 면으로 바뀝니다. 바뀐 면을 선택한 후 그레이디언트
로 색을 채우고 Transparency에서 Multiply 효과를 줍니다.
23. 화살의 끝부분에 어두운 명암을 주기 위해 위와 같은 모양을 덧대고
그레이디언트로 색을 채운 다음 Transparency에서 Multiply 효과를 줍니다.
24. 색이 채워진 도형을 선택한후 Effect -> Feather를 클릭한다. Feather
Radius의 숫자를 조절하여 자연스러운 그림자를 만듭니다.
25. 편지봉투를 복사합니다. 아래와 같이 효과를 넣어 비치는 그림자를
만들어 줍니다.
26. 화살표의 그림자를 만들기 위해 그려 놓은 화살표를 복사합니다. 가
져온 화살표에서 불필요한 부분을 없애고 Gradation을 적용한 후 Trans
parency에서 Multiply 효과를 줍니다.
27. 완성된 편지봉투, 화살표, 그림자를 조합하여 아이콘을 완성합니다.
28. 최종 완성된 이미지입니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 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 (주)아사달