Notice
Recent Posts
Recent Comments
Link
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Tags more
Archives
Today
Total
관리 메뉴

디자인툴즈

일러스트레이터 강좌 (1) isometric style 그리드 만들기 본문

Adobe/Illustrator

일러스트레이터 강좌 (1) isometric style 그리드 만들기

++exp 2019. 8. 7. 16:43

1_새 그리드.ai
0.64MB

아이소메트릭(isometric)

isometric이란 등축 투영도란 뜻으로, 이것은 x, y, z 세 좌표 축이 모두 120도를 이루며 서로 같은 각도를 만들어 내는 상태로 이루어진 투시도법을 말한다. (원의 내각 360도를 정확하게 3등분하는 각도) 

이 투시도법으로 만들어진 결과물들을 가리켜 아이소메트릭 그래픽 디자인이라고 한다. 

 

아이소메트릭 그리드 만들기 

1) 선분 도구 선택

2) 1000px 간격으로 선 두개 그리기

 3) 블렌드 옵션 설정하기

 

4) 블렌드 만들기

 

5) 복제하기 

ctrl+C / ctrl +B로 복사 붙여넣기 

6) 복사한 개체 회전하기 (120도)

단축키 R 선택 후 Enter(패널창 사용하기) - 수치 입력(120) 회전 버튼 누르기

 7) 복사한 개체 회전하기2 (240도)

 

 

8) 대지(아트보드) 사이즈에 맞게 확대 

 

 

9) 오브젝트- 확장

확장 기능은 일러스트레이터의 '패스' 형식으로 작성된 것이 아니라, 프로그램 영역에서 기능적으로 구현된 결과물을 일러스트레이터의 '패스'형식으로 변환시키는 기능을 한다. 대표적으로 일반 오브젝트의 '선'을 '칠' 영역으로 바꾼다던가 하는 역할을 한다.

*확장 결과 - 블렌드로 생성된 패스가 일러스트레이터의 패스 형식으로 변환되었다.

10)  안내선 만들기 (ctrl+5)

안내선 만들기(단축키 ctrl + 5)로 안내선으로 제작하면 완료. 세로선은 shift 등 직선 긋기 옵션으로 사용할 수 있으므로 따로 작성하지 않는다. 이후 안내선 잠그기(alt + ctrl +;)로 고정시킨 후 사용하면 된다.

* tip1) [메뉴 바] 편집 > 환경설정 > 일반(단축키 ctrl + k)에서 안내선 환경설정 가능.

모니터 설정에 따라 컬러가 불편하거나, 격자 간격 등 옵션을 설정하고 싶다면 이 곳에서 설정이 가능하다.

11) 최종 형태