디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
  - 아이콘 일러스트 소개
  - 비즈니스/금융 아이콘     만들기
  - 교육 아이콘 만들기
  - 쇼핑 아이콘 만들기
  - 약도/건물 아이콘 만들기
  - 소품/이벤트/그래프      아미콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
스마일 약도 아이콘 02
Home > 디자인 센터 > 웹강좌 > 일러스트 아이콘 만들기 > 스마일 약도 아이콘 02

Ⅴ. 약도/건물 아이콘 만들기

1. 스마일 약도 아이콘 02
건물, 도로, 표지판, 그래프 등을 이용하여 작업된 약도 이미지의 일부입니다. 은행이란 건물의 특징을 잘 살렸고 기타 소스 이미지가 적절히 표현되었습니다.
1. 큰 건물을 그려봅시다. 펜툴과 사각형툴을 적절히 사용하여 건물의 기본
틀을 그려줍니다. 이 때 도형의 모서리 부분이 어긋나지 않도록 주의합니다.
2. 건물의 틀이 완성이 되면 Gradation을 사용하여 색을 넣어줍니다.
3. 옥상의 형태를 그린 후 명암을 줍니다. 4. 건물의 형태에 맞춰서 창문을 그려줍니다.
5. 창에 그림자를 그려 넣어 입체감을 더한 다음 복사하여 여러 개의 창을
만들어 줍니다.
6. 건물이 만나는 경계면을 부드럽게 만들어 주는 효과를 주기 위해 펜툴로
면이 만나는 부분 위에 겹치는 면을 그려줍니다. 흰색으로 색을 채우고 투
명도를 줍니다.
7. 작은 건물을 그려봅시다. 펜툴을 이용하여 건물의 기본 형태를 그려줍
니다. 빛의 방향에 따라 세 면의 밝기를 달리하여 녹색 계열의 Gradation을
줍니다.
8. 펜툴 또는 사각형툴을 이용하여 창문을 그려줍니다.
9. 완성된 창문을 선택하고 Alt+Shift 키를 누른 상태에서 아래로 드래그하
여 창문을 복사합니다.
10. 건물이 만나는 경계면을 부드럽게 만들어 주는 효과를 주기 위해 펜툴로
면이 만나는 부분 위에 겹치는 면을 그려줍니다. 흰색으로 색을 채우고 투
명도를 줍니다.
11. 문자툴을 이용하여 S를 만듭니다. 텍스트 상태에서 이미지로 바꾸기
위하여 S를 선택한 상태에서 마우스를 클릭하여 Create Outlines를 적용
합니다.
12. 사각형툴로 S 중앙에 사각형을 만들어 줍니다.
두 개의 오브젝트를 같이 선택한 후에 패스파인더를 이용
해 합쳐 줍니다. 마지막으로 Expand를 적용합니다.
13. 기본형태를 중심으로 입체적으로 형태를 잡아 그려주고 Gradation으
로 입체감을 표현합니다.
14. 건물이 만나는 경계면을 부드럽게 만들어 주는 효과를 주기 위해 펜툴로
면이 만나는 부분 위에 겹치는 면을 그려줍니다. 흰색으로 색을 채우고 투
명도를 줍니다.
15. 풀 이미지 그리기입니다. 펜툴을 이용해서 각 조형물의 기본형태를
그려 준 다음 복사를 해 둡니다. Gradation을 사용하여 조형물의 기본
형태에 명암을 줍니다.
16. 마지막 하이라이트를 그려줍니다.
17. 완성된 오브젝트를 조합합니다. 18. 완성도를 높이기 위해 면이 맞닿는 부분에 그림자를 넣어 줍니다.
19. 도형을 이용하여 길 모양을 그려 전체적인 모습을 만들어 줍니다. 20. 원모양의 도형에 작은 하얀색 원을 그려 넣어줍니다.
21. 회색 부분만을 선택한 다음 Gradation을 이용하여 효과를 줍니다. 22. 전체적인 형태를 다시 한 번 잡아줍니다.
23. 펜툴과 원형툴을 이용하여 말풍선을 그려줍니다. 24. 둥근 사각형툴로 사각형을 그리고 Effect->Blur->Gaussian Blur로 도형 외
각을 부드럽게 흐림 처리합니다.
25. 완성된 말풍선에 글을 넣습니다. 26. 펜툴과 원형툴을 이용하여 말풍선을 그려줍니다.
27. 말풍선을 복사하고 Effect->Blur->Gaussian Blur 효과를 넣어 도형 외각을
부드럽게 처리합니다.
28. Blur 처리하지 않은 도형을 흰색으로 바꾼 후에 정렬하여 그룹지어
줍니다.
29. 말풍선에 텍스트를 넣어 완성합니다.
30. 원형툴로 동그라미를 그립니다. 31. Ctrl+C, Ctrl+F로 원을 복사합니다. 원을 클릭한 후 Alt+Shift를 누르고 줄이
면 중심점이 유지되면서 크기만 줄어들게 됩니다. 큰 원 보다 진한 색을
넣어줍니다.
32. 숫자를 넣고 오브젝트를 그룹지어 줍니다. 33. 완성된 오브젝트들을 조합하여 약도를 완성시킵니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 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 (주)아사달
아사달 AI 챗봇 챗봇