포토샵·일러스트레이터 기초 · 9주차

일러스트레이터 입문

벡터와 아트보드 · 도형과 패스 · 건물·나무 풍경

4시간 수업 · 설명과 따라 하기를 함께 진행
01
학습 계획

주차별 학습 계획

  1. 1–8주: 포토샵과 디지털 콜라주, 중간고사
  2. 9주: 벡터 개념, 아트보드, 기본 도형
  3. 10주: 펜 도구와 패스, 곡선과 패스파인더
  4. 11주 색상·패턴 / 12주 타이포그래피
  5. 13주 레이아웃 / 14주 연계·출력 / 15주 합평
완료 확인 오늘과 다음 주에 배우는 범위를 구분한다.
02
학습 목표

오늘의 학습 목표

01작업 화면에서 도구와 패널을 찾는다.
02아트보드를 만들고 AI와 PNG로 각각 저장한다.
03오브젝트 전체와 고정점 하나를 구분해 선택한다.
04도형·패스·복제·정렬로 작은 풍경을 만든다.
03
수업 순서

4시간 수업 흐름

경과 시간내용
0–20분학습 계획·활용 분야·자료 준비
20–70분화면·패널·도구 / 색상·벡터·레이어
70–105분문서·파일·아트보드
105–115분휴식 10분
115–190분패스·선택·획 / 복제·회전·정렬
190–200분휴식 10분
200–240분공식 건물·나무 풍경 종합 실습
04
자료 준비

오늘 사용할 파일

실습 자료 ZIP 받기
  1. 실습 자료 ZIP을 받아 압축을 푼다.
  2. 바탕화면에 09_일러스트_이름 폴더를 만든다.
  3. 압축을 푼 파일을 모두 이 폴더 한 곳에 둔다.
  4. 09_practice_start.ai와 01_town_reference.jpg를 확인한다.
압축을 푼 폴더
09_practice_start.ai
01_town_reference.jpg
02_town_rectangles.jpg
03_town_windows.jpg
04_town_circles.jpg
05–10번: 다음 단계 참고 이미지
00_실습안내.html

파일은 한 폴더에 모여 있다.
추가 계정·결제 없이 받을 수 있다.

05
활용 분야

일러스트레이터가 쓰이는 곳

  1. 기업·브랜드의 시각 정체성, CI·BI
  2. 캐릭터와 팬시 제품
  3. 패키지와 편집 디자인
  4. 아이콘과 제작용 벡터 도면
완료 확인 주변 제품에서 벡터 그래픽이 쓰인 곳 한 가지를 말한다.
06
활용 분야

씨아이·비아이(CI·BI) 디자인

  1. CI: 코퍼레이트 아이덴티티(Corporate Identity)
  2. BI: 브랜드 아이덴티티(Brand Identity)
  3. 심벌·로고타입과 색상, 비례 규칙을 정한다.
  4. 명함부터 간판까지 같은 형태를 다른 크기로 쓴다.
어도비 공식 일러스트레이터 활용 예시
어도비 공식 일러스트레이터 활용 예시
완료 확인 기업 이름과 제품 브랜드 이름의 차이를 예로 말한다.
07
활용 분야

캐릭터·팬시 디자인

  1. 캐릭터의 윤곽과 표정, 색상 변형을 만든다.
  2. 스티커·문구·키링 등에 맞게 크기를 조절한다.
  3. 정면·옆면·표정을 아트보드별로 비교한다.
어도비 공식 기능 예시: 스케치와 벡터 결과 비교
어도비 공식 기능 예시: 스케치와 벡터 결과 비교
완료 확인 캐릭터 원화와 제품에 적용할 도안이 어떻게 다른지 말한다.
08
활용 분야

패키지 디자인

  1. 상자·라벨의 인쇄 면 위에 그래픽을 배치한다.
  2. 접는 선, 자르는 선, 인쇄 그래픽을 구분한다.
  3. 실물 크기와 도련은 인쇄소·제작처 기준을 따른다.
어도비 공식 패키지 활용 이미지
어도비 공식 패키지 활용 이미지
완료 확인 상자를 펼친 도안에서 인쇄 면과 접는 선을 구분한다.
09
활용 분야

편집 디자인과 아이콘 디자인

  1. 편집: 표지·포스터·인포그래픽의 문자와 도형 배치
  2. 여러 쪽의 긴 책 편집에는 인디자인도 함께 쓴다.
  3. 아이콘: 작은 크기에서도 알아보이는 단순한 형태
  4. 화면용은 픽셀 크기와 SVG·PNG 출력도 확인한다.
완료 확인 편집은 정보 배치, 아이콘은 작은 기호라는 쓰임을 구분한다.
10
활용 분야

씨엔씨(CNC)·레이저 커팅용 도면

  1. 실제 크기의 2D 윤곽을 벡터로 준비한다.
  2. 닫힌 선, 겹친 선, 절단·각인 구분을 확인한다.
  3. AI·SVG·DXF 등 요구 형식은 제작처에 확인한다.
  4. 재료·공구·가공 경로 설정은 제작 장비 단계다.
완료 확인 파일을 만들었다고 바로 장비를 가동하는 것은 아님을 안다.
11
화면 익히기

실행과 홈 화면

  1. Windows 시작 메뉴에서 Illustrator를 검색해 실행한다.
  2. Mac은 응용 프로그램에서 Adobe Illustrator를 연다.
  3. 홈 왼쪽의 새 파일과 열기를 찾는다.
  4. 열기에서 09_practice_start.ai를 선택한다.
홈 왼쪽: 새 파일 / 바로 아래: 열기
대체 경로: 파일 > 열기 / Windows Ctrl+O, Mac ⌘+O
실제 홈 화면 왼쪽: 새 파일과 열기 버튼
실제 홈 화면 왼쪽: 새 파일과 열기 버튼
완료 확인 흰 아트보드와 왼쪽 도구 모음이 보인다.
12
화면 익히기

기본 화면 구성

실제 상단 메뉴 바: 파일 편집 오브젝트 문자 선택 효과 보기 창 도움말
  1. 왼쪽: 선택·그리기 도구를 고른다.
  2. 가운데 흰 영역: 아트보드, 회색 영역: 작업 주변 공간
  3. 오른쪽: 속성·레이어 등 선택한 항목의 설정
  4. 위 메뉴: 파일·편집·오브젝트·보기·창
창 > 작업 영역 > 필수
창 > 도구 모음 > 고급으로 도구를 맞춘다.
실제 작업 화면. 도구 모음은 다음 화면에서 고급으로 통일한다.
실제 작업 화면. 도구 모음은 다음 화면에서 고급으로 통일한다.
완료 확인 도구 모음, 아트보드, 속성 패널을 손으로 짚을 수 있다.
13
화면 익히기

패널 열기·이동·접기

  1. 창 > 레이어를 눌러 오른쪽 패널을 연다.
  2. 패널 이름 탭을 끌어 밖으로 꺼내 본다.
  3. 다시 오른쪽 가장자리의 파란 표시 위치에 놓는다.
  4. 상단 겹화살표로 접고, 탭을 눌러 펼친다.
창 > 속성 / 레이어 / 획 / 정렬
복구: 창 > 작업 영역 > 필수 재설정
실제 레이어 패널의 탭과 레이어 목록
실제 레이어 패널의 탭과 레이어 목록
완료 확인 레이어 패널을 다시 열고 원래 위치로 복구했다.
14
화면 익히기

도구 모음의 위치와 숨은 도구

  1. 맨 위 왼쪽 검정 화살표: 선택(V)
  2. 맨 위 오른쪽 흰 화살표: 직접 선택(A)
  3. 펜촉: 펜(P) / 사각형: 사각형(M)
  4. 작은 삼각 표시가 있는 도구는 길게 눌러 더 연다.
창 > 도구 모음 > 고급
도구 위에 잠시 마우스를 올리면 이름과 단축키가 나온다.
실제 고급 도구 모음 상단 확대: 선택·펜·선분·사각형 위치
실제 고급 도구 모음 상단 확대: 선택·펜·선분·사각형 위치
완료 확인 선택·직접 선택·펜·사각형을 아이콘으로 각각 찾았다.
15
화면 익히기

화면 확대·축소와 이동

  1. 왼쪽 돋보기(Z)로 흰 영역을 클릭해 확대한다.
  2. Alt / Option을 누르고 클릭하면 축소한다.
  3. 손 도구(H)로 드래그해 보는 위치만 옮긴다.
  4. 보기 > 창에 대지 맞추기로 돌아온다.
아트보드 맞춤: Windows Ctrl+0 / Mac ⌘+0
화면 이동: Space를 누른 채 드래그 / Space는 키보드 맨 아래 긴 키
실제 두 아트보드 전체 보기. 확대 배율과 오브젝트 크기는 서로 다르다.
실제 두 아트보드 전체 보기. 확대 배율과 오브젝트 크기는 서로 다르다.
완료 확인 확대했다가 화면을 옮기고 아트보드 전체 보기로 돌아왔다.
16
기본 개념

알지비(RGB)와 씨엠와이케이(CMYK)

RGB · 화면의 빛

레드(Red)
그린(Green)
블루(Blue)

모니터·휴대폰에서 볼 이미지

CMYK · 인쇄 잉크

사이안(Cyan) · 마젠타(Magenta)
옐로(Yellow)
키(Key), 일반적으로 검정

인쇄소·출력 장치의 설정 확인

파일 > 문서 색상 모드 > RGB 색상 / CMYK 색상
화면과 인쇄의 색 표현 방식 차이를 말한다.
17
기본 개념

비트맵과 벡터

비트맵(Bitmap)

픽셀의 색을 기록한다.

사진을 크게 늘리면 픽셀과 흐림이 눈에 띌 수 있다.

PNG·JPG로 내보낸 결과도 픽셀 이미지다.

벡터(Vector)

고정점·경로·칠·획을 기록한다.

벡터 경로의 윤곽은 크기에 맞춰 다시 계산한다.

AI에 넣은 사진은 여전히 비트맵이다.

돋보기로 참고 이미지와 직접 만든 도형을 각각 확대해 비교한다.
파일 확장자가 AI라는 이유만으로 모든 내용이 벡터는 아님을 안다.
18
기본 개념

레이어와 오브젝트

  1. 레이어(Layer)는 여러 오브젝트를 담는 묶음이다.
  2. 레이어 왼쪽 삼각형을 펼치면 안의 물체가 보인다.
  3. 눈: 보이기 / 눈 옆 잠금 칸: 수정 막기
  4. 레이어와 아트보드는 서로 다른 구분이다.
실제 레이어 패널 아래 새 레이어와 삭제 등의 아이콘
창 > 레이어 / 패널 아래 새 레이어 아이콘
레이어 이름 더블클릭으로 이름 변경
실제 두 레이어. 아래 레이어에는 경로가 있고 위 레이어는 비어 있다.
실제 두 레이어. 아래 레이어에는 경로가 있고 위 레이어는 비어 있다.
완료 확인 새 레이어를 만들고 이름을 연습으로 바꿨다.
19
문서와 파일

새 문서 만들기

  1. 파일 > 새로 만들기에서 A4를 고른다.
  2. 폭 297mm, 높이 210mm, 가로 방향
  3. 아트보드 1, 도련 0mm, CMYK 색상
  4. 이름 09_practice를 입력하고 만들기를 누른다.
홈 > 새 파일 또는 파일 > 새로 만들기
Windows Ctrl+N / Mac ⌘+N
실제 새 문서 설정 오른쪽 확대: 크기·방향·개수·도련·색상 모드
실제 새 문서 설정 오른쪽 확대: 크기·방향·개수·도련·색상 모드
완료 확인 297×210mm 가로 아트보드 한 개를 만들었다.
20
문서와 파일

아트보드 크기와 이름

  1. 왼쪽 대지 도구(Shift+O)를 고른다.
  2. 흰 판의 테두리와 조절점을 확인한다.
  3. 속성에서 가로 297mm, 세로 210mm를 확인한다.
  4. 이름을 01_기본연습으로 바꾸고 V로 돌아온다.
왼쪽 대지 아이콘 / 오른쪽 속성의 아트보드 설정
선택 도구(V)는 물체, 대지 도구(Shift+O)는 작업 판을 편집한다.
실제 대지 속성 확대: 폭·높이와 아트보드 이름 입력란
실제 대지 속성 확대: 폭·높이와 아트보드 이름 입력란
완료 확인 판의 이름을 바꿨고 다시 선택 도구로 나왔다.
21
문서와 파일

파일 열기와 파일 위치

  1. 파일 > 열기에서 오늘 폴더로 들어간다.
  2. 09_practice_start.ai를 다시 찾아 본다.
  3. 위쪽 문서 탭을 눌러 새 문서 09_practice로 돌아온다.
  4. 참고 JPG는 이미지 뷰어에서 열어 옆에 두어도 된다.
실제 열기 대화상자 오른쪽 아래 열기 버튼
파일 > 열기 / Windows Ctrl+O / Mac ⌘+O
열기: 별도 문서 / 가져오기: 현재 문서 안에 파일 배치
실제 열기 대화상자에서 09_practice_start.ai를 선택한 상태
실제 열기 대화상자에서 09_practice_start.ai를 선택한 상태
완료 확인 폴더와 파일 이름을 보고 원하는 문서 탭으로 돌아왔다.
22
문서와 파일

에이아이(AI) 원본 저장

  1. 파일 > 다른 이름으로 저장을 누른다.
  2. 오늘 폴더를 선택하고 09_practice_이름.ai로 저장한다.
  3. 포맷은 Adobe Illustrator(ai)를 확인한다.
  4. 옵션을 확인한 뒤 작업 중에는 자주 저장한다.
저장: Windows Ctrl+S / Mac ⌘+S
다른 이름으로 저장: Windows Ctrl+Shift+S / Mac ⌘+Shift+S
실제 AI 포맷과 저장 버튼. 원본은 이 형식으로 남긴다.
실제 AI 포맷과 저장 버튼. 원본은 이 형식으로 남긴다.
완료 확인 제목 탭에 내 AI 파일 이름이 보인다.
23
문서와 파일

파일 형식별 용도

형식무엇을 남기나주 용도
AI패스·레이어 등 원본 편집 정보다시 수정할 작업 원본
PNG픽셀 이미지, 투명 배경 가능화면 확인·이미지 전달
JPG픽셀 이미지, 투명 배경 없음사진·작은 용량의 미리보기
PDF페이지·벡터·사진을 함께 담을 수 있음검토·인쇄 전달
SVG웹에서 쓰는 벡터 형식아이콘·웹 그래픽
EPS기존 제작 환경용 벡터 교환 형식제작처가 요구할 때
오늘 남길 파일: 수정할 AI와 결과 확인용 PNG
24
문서와 파일

피엔지(PNG)로 내보내기

  1. 파일 > 내보내기 > 내보내기 형식을 연다.
  2. 포맷 PNG, 대지 사용을 체크한다.
  3. 옵션: 150ppi, 아트 최적화, 배경 투명
  4. 저장된 PNG를 이미지 뷰어에서 열어 확인한다.
실제 내보내기 형식: PNG와 대지 사용 체크
AI 저장과 PNG 내보내기는 별도 동작이다.
이번 확인용 이름: 09_practice_이름.png
실제 PNG 옵션: 150ppi·아트 최적화·투명 배경
실제 PNG 옵션: 150ppi·아트 최적화·투명 배경
완료 확인 아트보드 전체가 나오고 PNG를 내보낸 뒤에도 AI 원본이 남는다.
25
문서와 파일

아트보드 여러 개 만들기

  1. 대지 도구 Shift+O를 켠다.
  2. 기존 판 바깥의 회색 공간에서 드래그해 새 판을 만든다.
  3. 이름을 02_비교연습으로 바꾼다.
  4. 보기 > 창에 모두 맞추기로 두 판을 본다.
창 > 아트보드 패널에서도 목록 확인
모두 맞춤: Windows Ctrl+Alt+0 / Mac ⌘+Option+0
실제 한 문서 안의 두 아트보드
실제 한 문서 안의 두 아트보드
완료 확인 두 아트보드가 한 문서 안에 있고 V로 돌아왔다.
26
01

휴식 10분

AI 원본을 저장한다.

10분 뒤 패스와 선택 도구 연습을 시작한다.

27
패스 기초

패스(Path)와 고정점

  1. 패스는 고정점을 잇는 경로다.
  2. 고정점(앵커, Anchor)이 선의 위치와 연결을 정한다.
  3. 방향선의 핸들(Handle)이 곡선 방향과 휨을 조절한다.
  4. 열린 패스는 끝점이 남고, 닫힌 패스는 처음과 끝이 이어진다.
실제 고정점과 좌우 방향 핸들
실제 고정점과 좌우 방향 핸들
완료 확인 고정점, 경로, 핸들을 화면에서 구분한다.
28
패스 기초

직선 패스 그리기

  1. 왼쪽 펜촉 펜 도구(P)를 고른다.
  2. 왼쪽 아래, 가운데 위, 오른쪽 아래를 한 번씩 클릭한다.
  3. Esc로 이번 선을 끝낸다.
  4. 칠은 없음, 획은 검정 2pt로 맞춘다.
왼쪽 고급 도구 모음 세 번째 줄 왼쪽 펜촉
직선 한 개만 그릴 때: 선분 도구(\), Shift로 수평·수직 제한
실제 세 고정점의 꺾인 열린 경로
실제 세 고정점의 꺾인 열린 경로
완료 확인 지붕처럼 꺾인 열린 선이 있고 빈 곳을 클릭해도 계속 이어지지 않는다.
29
패스 기초

곡선 패스와 핸들

  1. 펜(P)으로 새 위치의 시작점을 클릭한다.
  2. 다음 점에서 누른 채 가로로 드래그해 핸들을 만든다.
  3. 다음 위치를 클릭하고 Esc로 마친다.
  4. 직접 선택(A)으로 점을 눌러 핸들 길이를 바꿔 본다.
펜: 클릭은 모서리점 / 드래그는 방향 핸들이 있는 점
손잡이를 놓기 전 Shift를 누르면 방향을 제한할 수 있다.
실제 곡선 경로의 고정점과 방향 핸들 선택 상태
실제 곡선 경로의 고정점과 방향 핸들 선택 상태
완료 확인 고정점 위치는 그대로 두고 핸들로 휨을 바꿔 봤다.
30
패스 기초

닫힌 패스와 칠

  1. 펜으로 서로 다른 위치 세 곳을 클릭한다.
  2. 처음 점으로 돌아가 작은 원 표시가 보일 때 클릭한다.
  3. 선택(V) 후 속성의 칠에 색을 지정한다.
  4. 획 굵기를 바꾸고 선택을 풀어 결과를 본다.
속성 > 모양 > 칠 / 획
도구 모음 아래 겹친 사각형: 앞쪽 칸이 현재 조절할 칠 또는 획
실제 시작점으로 돌아와 세 변을 닫은 패스
실제 시작점으로 돌아와 세 변을 닫은 패스
완료 확인 세 변이 이어진 닫힌 삼각형에 색을 넣었다.
31
패스 기초

오브젝트 선택하고 옮기기

  1. 검정 화살표 선택(V)을 켠다.
  2. 면 또는 선 위를 클릭해 전체를 고른다.
  3. 가운데를 드래그해 옮긴다.
  4. 빈 곳을 클릭하면 선택이 풀린다.
왼쪽 고급 도구 모음 맨 위 왼쪽
미세 이동: 방향키 / 실행 취소: Windows Ctrl+Z, Mac ⌘+Z
실제 검정 화살표로 선택한 오브젝트 전체
실제 검정 화살표로 선택한 오브젝트 전체
완료 확인 물체를 이동했지만 모양은 찌그러지지 않았다.
32
패스 기초

직접 선택과 패스 모양 수정

  1. 흰 화살표 직접 선택(A)을 켠다.
  2. 빈 곳을 클릭한 뒤 꼭짓점 하나를 클릭한다.
  3. 그 점만 아래로 조금 드래그한다.
  4. 실행 취소하고 V로 전체 선택과 비교한다.
왼쪽 고급 도구 모음 맨 위 오른쪽
선택한 점은 채워진 작은 사각형으로 보인다.
어도비 공식 실습: 지붕 꼭짓점 하나를 내려 높이 조절
어도비 공식 실습: 지붕 꼭짓점 하나를 내려 높이 조절
완료 확인 전체 이동과 점 하나의 이동을 구분해 실행했다.
33
패스 기초

직선을 곡선으로 바꾸기

  1. 꺾인 열린 선의 가운데 점을 A로 선택한다.
  2. 속성의 변환 또는 상황별 표시줄에서 매끄럽게를 누른다.
  3. 나타난 핸들을 움직여 곡률을 비교한다.
  4. 모서리점으로 변환하면 다시 꺾인 점이 된다.
직접 선택(A) > 고정점 선택 > 매끄러운 고정점으로 변환
고정점 도구(Shift+C)로 점에서 드래그해도 방향선을 만든다.
실제 매끄러운 점 전환 결과와 상황별 매끄럽게 버튼
실제 매끄러운 점 전환 결과와 상황별 매끄럽게 버튼
완료 확인 같은 경로에서 모서리점과 매끄러운 점을 바꿔 봤다.
34
패스 기초

스트로크(Stroke), 획 패널

  1. 경로를 선택한 뒤 창 > 획을 연다.
  2. 두께를 1pt, 4pt, 8pt로 비교한다.
  3. 열린 선에서 접한 단면과 둥근 단면을 비교한다.
  4. 꺾인 선에서 각진 연결과 둥근 연결을 비교한다.
창 > 획 / 또는 속성 > 모양의 밑줄 친 획 클릭
단면은 선 끝, 모퉁이는 선이 꺾이는 부분을 바꾼다.
실제 획 옵션: 두께·단면·모퉁이·화살표
실제 획 옵션: 두께·단면·모퉁이·화살표
완료 확인 굵기, 선 끝, 꺾이는 모양을 각각 바꿔 봤다.
35
패스 기초

파선과 점선

  1. 획 두께를 4pt로 맞춘다.
  2. 파선 사용을 체크한다.
  3. 첫 점선 칸 8pt, 첫 간격 칸 4pt를 입력한다.
  4. 둥근 단면과 짧은 점선 길이도 비교한다.
획 패널 > 파선 사용
나머지 칸은 비워 두면 첫 길이와 간격을 반복한다.
실제 입력값: 획 4pt, 점선 8pt, 간격 4pt
실제 입력값: 획 4pt, 점선 8pt, 간격 4pt
완료 확인 8pt 선과 4pt 틈이 반복되는 파선을 만들었다.
36
패스 기초

패스 선택 확인

  1. V로 물체 전체를 고르면 테두리 상자가 보인다.
  2. A로 점을 고르면 고정점과 핸들이 보인다.
  3. 보기 > 윤곽선을 켜 경로 구조를 확인한다.
  4. 다시 미리 보기로 돌아와 칠·획을 확인한다.
윤곽선/미리 보기 전환: Windows Ctrl+Y / Mac ⌘+Y
보기 > 테두리 상자 표시가 꺼져 있으면 다시 켠다.
실제 선택 경로의 점 표시. 윤곽선 보기에서는 칠 대신 경로 구조를 확인한다.
실제 선택 경로의 점 표시. 윤곽선 보기에서는 칠 대신 경로 구조를 확인한다.
완료 확인 색이 사라진 윤곽선 보기에서 정상 화면으로 돌아왔다.
37
복제와 변형

복사와 붙여넣기

  1. 물체 하나를 V로 선택한다.
  2. 편집 > 복사, 편집 > 붙이기를 실행한다.
  3. 복사본을 옆으로 옮겨 두 개를 확인한다.
  4. 같은 위치 복제는 앞에 붙이기를 쓴다.
복사 Ctrl+C / 붙이기 Ctrl+V / 앞에 붙이기 Ctrl+F
Mac은 Ctrl 대신 ⌘ / Alt·Option 드래그도 복제
어도비 공식 실습: 같은 크기 창문을 반복할 때 복제 활용
어도비 공식 실습: 같은 크기 창문을 반복할 때 복제 활용
완료 확인 원본과 복사본을 각각 움직일 수 있다.
38
복제와 변형

여러 오브젝트 선택

  1. V로 첫 번째 물체를 클릭한다.
  2. Shift를 누르고 다른 물체를 클릭한다.
  3. 선택한 물체를 함께 옮긴다.
  4. Shift 클릭으로 한 물체만 선택에서 뺀다.
빈 곳에서 선택 영역을 드래그해도 여러 개를 고를 수 있다.
전체 선택 Ctrl+A / Mac ⌘+A는 다른 아트보드의 물체도 포함할 수 있다.
실제 서로 다른 두 경로의 전체 다중 선택
실제 서로 다른 두 경로의 전체 다중 선택
완료 확인 두 개를 함께 옮겼다가 한 개를 선택에서 뺐다.
39
복제와 변형

회전과 회전값

  1. 물체를 선택하고 속성의 변형을 찾는다.
  2. 회전값에 15°를 입력해 비교한다.
  3. 오브젝트 > 변형 > 회전도 열어 본다.
  4. 회전 도구(R)에서 Shift로 각도를 제한한다.
속성 > 변형 > 회전값 / 오브젝트 > 변형 > 회전
왼쪽 고급 도구 모음의 둥근 화살표: 회전(R)
실제 선택 경로를 15° 회전한 상태
실제 선택 경로를 15° 회전한 상태
완료 확인 화면 전체가 아니라 선택한 물체가 회전했다.
40
복제와 변형

바운딩 박스(Bounding Box) 재설정

  1. 회전한 물체의 선택 테두리 방향을 본다.
  2. 오브젝트 > 변형 > 테두리 상자 재설정을 누른다.
  3. 그림 방향은 유지되고 선택 상자가 수평·수직이 된다.
  4. 상자의 모퉁이로 크기를 바꿔 본다.
한국어 UI: 테두리 상자 재설정
숨은 상자는 보기 > 테두리 상자 표시로 켠다.
실제 재설정 뒤 수평·수직 상자. 경로의 기울기는 유지된다.
실제 재설정 뒤 수평·수직 상자. 경로의 기울기는 유지된다.
완료 확인 그림 회전을 취소하는 기능과 선택 상자 재설정을 구분한다.
41
복제와 변형

정렬과 기준

  1. 두 물체를 V와 Shift로 선택한다.
  2. 속성의 정렬에서 기준을 선택 항목으로 정한다.
  3. 세로 아래 정렬로 밑선을 맞춘다.
  4. 기준을 아트보드로 바꿔 차이를 확인하고 실행 취소한다.
창 > 정렬 / 또는 속성 > 정렬
정렬 아이콘 왼쪽의 기준 메뉴부터 확인한다.
실제 속성 패널 정렬 아이콘. 맨 왼쪽이 정렬 기준 메뉴.
실제 속성 패널 정렬 아이콘. 맨 왼쪽이 정렬 기준 메뉴.
완료 확인 선택 물체끼리 맞추는 것과 아트보드에 맞추는 것을 구분한다.
42
복제와 변형

그룹과 앞뒤 순서

  1. 함께 움직일 물체를 선택하고 오브젝트 > 그룹
  2. 그룹 전체를 옮기고 필요하면 그룹을 푼다.
  3. 오브젝트 > 정돈에서 앞·뒤 순서를 바꾼다.
  4. 그룹은 묶음, 도형 합치기는 경로 자체의 결합이다.
그룹 Ctrl+G / 그룹 풀기 Ctrl+Shift+G
Mac은 ⌘ / 정돈 > 맨 뒤로 보내기
완료 확인 그룹을 만들었고 겹친 두 물체의 앞뒤를 바꿨다.
43
02

휴식 10분

연습 파일을 AI로 저장한다.

다음 40분은 건물·나무 풍경을 함께 만든다.

44
종합 실습 01

종합 실습: 건물·나무 풍경

  1. 새 문서: A4 가로, 297×210mm, CMYK, 1개
  2. 이름 09_town_이름.ai로 먼저 저장한다.
  3. 참고 01_town_reference.jpg를 옆에 연다.
  4. 사각형 건물, 지붕, 창문, 나무를 순서대로 만든다.
어도비 공식 튜토리얼: 도형·선·색으로 그리기
Draw with shapes, lines, and color
어도비 공식 튜토리얼 단계 예제. 원문 대표 일러스트 크레디트: 징 웨이(Jing Wei).
어도비 공식 튜토리얼 단계 예제. 원문 대표 일러스트 크레디트: 징 웨이(Jing Wei).
완료 확인 연습 파일과 구분한 새 풍경 문서를 만들었다.
45
종합 실습 02

바닥과 건물 벽

  1. 사각형(M)으로 아래쪽에 긴 바닥을 그린다.
  2. 위에 높이가 다른 벽 네 개를 그린다.
  3. 칠 흰색, 획 검정 1pt로 구조를 본다.
  4. V로 위치를 옮겨 밑선을 바닥에 맞춘다.
고급 도구 모음 다섯 번째 줄 왼쪽 사각형(M)
정확한 크기는 사각형 도구로 빈 곳을 클릭해 폭·높이 입력
공식 단계 2: 긴 바닥과 네 개의 벽
공식 단계 2: 긴 바닥과 네 개의 벽
완료 확인 긴 바닥 위에 큰 벽 2개와 작은 벽 2개가 있다.
46
종합 실습 03

문과 사각 창문

  1. 사각형(M)으로 문 한 개와 창문 한 개를 만든다.
  2. Shift를 누르고 드래그해 정사각 창문을 만든다.
  3. V로 선택해 Alt / Option 드래그로 복제한다.
  4. 높은 건물에 창문 두 개를 나란히 배치한다.
복제: Alt(Windows) / Option(Mac) + 드래그
드래그를 끝낸 뒤 보조 키를 뗀다.
공식 단계 2: 작은 사각 창문과 문
공식 단계 2: 작은 사각 창문과 문
완료 확인 같은 크기 창문 두 개가 높은 건물에 있다.
47
종합 실습 04

작은 건물의 원형 창문

  1. 사각형 도구를 길게 눌러 타원 도구(L)를 고른다.
  2. Shift를 누르고 드래그해 원을 만든다.
  3. 오른쪽 작은 건물 두 곳에 배치한다.
  4. 정렬 기준을 선택 항목으로 확인하고 위치를 다듬는다.
사각형(M) 도구 그룹 안의 타원(L)
모양이 바뀌지 않으면 먼저 V로 물체를 선택한다.
공식 단계 2: 타원 도구와 원형 창문
공식 단계 2: 타원 도구와 원형 창문
완료 확인 작은 건물마다 원형 창문이 있다.
48
종합 실습 05

다각형으로 삼각 지붕

  1. 도형 도구 그룹에서 다각형을 고른다.
  2. 빈 곳을 한 번 클릭하고 변 수 3을 입력한다.
  3. V로 크기를 맞춰 큰 건물 두 개 위에 놓는다.
  4. 지붕을 복제해 각 건물 폭에 맞춘다.
사각형 도구 길게 누르기 > 다각형 도구
삼각형을 눕히려면 속성의 회전값으로 방향 조절
공식 단계 3: 변 수 3의 다각형과 복제한 지붕
공식 단계 3: 변 수 3의 다각형과 복제한 지붕
완료 확인 큰 건물 두 개에 닫힌 삼각 지붕을 배치했다.
49
종합 실습 06

지붕 높이 수정

  1. 직접 선택(A)으로 지붕 꼭대기 점만 고른다.
  2. Shift를 누르고 아래로 움직여 높이를 낮춘다.
  3. V로 돌아와 건물 전체의 비례를 본다.
흰 화살표(A) / 빈 곳 클릭 후 꼭짓점 하나 선택
공식 단계 4: 고정점 하나로 지붕 비례 수정
공식 단계 4: 고정점 하나로 지붕 비례 수정
완료 확인 벽의 폭은 유지하면서 지붕 높이만 바뀌었다.
50
종합 실습 07

작은 지붕의 둥근 모퉁이

  1. 작은 건물 위에도 삼각 지붕을 놓는다.
  2. A로 꼭대기를 선택해 라이브 모퉁이 위젯을 찾는다.
  3. 점 안쪽의 작은 원을 끌어 둥글게 만든다.
고정점 안쪽의 동그란 모퉁이 위젯
안 보이면 보기 > 모퉁이 위젯 표시 확인
공식 단계 4: 꼭짓점 안쪽 작은 원으로 모퉁이 둥글리기
공식 단계 4: 꼭짓점 안쪽 작은 원으로 모퉁이 둥글리기
완료 확인 작은 건물 지붕의 뾰족한 끝이 둥글어졌다.
51
종합 실습 08

선분으로 창틀

  1. 선분 도구(\)로 창 안에 세로선 한 개를 그린다.
  2. Shift로 수직 방향을 유지한다.
  3. 가로선도 그려 창틀을 나눈다.
  4. 칠 없음, 획 1pt를 확인한다.
고급 도구 모음 네 번째 줄 오른쪽 사선 아이콘
오브젝트 > 그룹으로 창과 창틀을 묶어 복제할 수 있다.
공식 단계 4: 선분 도구로 세로·가로 창틀
공식 단계 4: 선분 도구로 세로·가로 창틀
완료 확인 창문 안의 십자 선이 있고 창 밖으로 길게 나오지 않는다.
52
종합 실습 09

칠과 획으로 색 정리

  1. V로 벽을 하나씩 골라 칠을 바꾼다.
  2. 지붕과 문은 어두운 색, 벽은 밝은 색을 준다.
  3. 면의 검정 획은 필요에 따라 없음으로 바꾼다.
  4. 창틀은 칠 없음, 획이 보이는 색으로 남긴다.
속성 > 모양 > 칠 / 획
스포이드(I)로 이미 정한 물체의 색·모양 속성을 가져올 수 있다.
공식 단계 5: 벽은 칠, 창틀은 획으로 색을 정한다.
공식 단계 5: 벽은 칠, 창틀은 획으로 색을 정한다.
완료 확인 벽·지붕·창틀을 각각 선택해 속성을 바꿀 수 있다.
53
종합 실습 10

원 세 개와 줄기로 나무

  1. 타원(L)으로 원 세 개를 겹쳐 수관을 만든다.
  2. 선분 도구로 줄기와 가지를 그린다.
  3. 원의 칠과 줄기 획 색을 정한다.
  4. 정돈 메뉴로 줄기의 앞뒤 순서를 조절한다.
원은 Shift 드래그 / 줄기는 선분(\)
수관의 원만 선택하고 줄기는 별도로 둔다.
공식 단계 6: 세 원과 선으로 만든 나무
공식 단계 6: 세 원과 선으로 만든 나무
완료 확인 겹친 원 세 개와 줄기가 각각 선택된다.
54
종합 실습 11

도형 구성으로 원 합치기

  1. V와 Shift로 나무의 원 세 개만 선택한다.
  2. 도형 구성(Shift+M)을 켠다.
  3. 겹친 영역을 가로질러 드래그해 하나로 합친다.
  4. V로 눌러 수관이 한 물체인지 확인한다.
고급 도구 모음의 겹친 도형 아이콘 / Shift+M
그룹과 달리 합친 영역 사이의 내부 경계가 사라진다.
공식 단계 6: 도형 구성 도구로 세 원의 내부 영역 연결
공식 단계 6: 도형 구성 도구로 세 원의 내부 영역 연결
완료 확인 나무 수관이 한 경로가 되었고 줄기는 따로 남는다.
55
종합 실습 12

복제·정렬로 한 번 더 적용

  1. 나무 전체를 선택해 그룹으로 묶는다.
  2. 복제한 나무를 작게 만들고 다른 위치에 둔다.
  3. 창문 여러 개의 높이를 정렬한다.
  4. 남는 시간에는 낮은 울타리나 작은 관목을 추가한다.
그룹 Ctrl+G / 복사 Ctrl+C / 붙이기 Ctrl+V
속성 > 정렬에서 기준 확인 / Mac은 ⌘
어도비 공식 대표 일러스트: 징 웨이(Jing Wei). 반복·크기 변화 참고.
어도비 공식 대표 일러스트: 징 웨이(Jing Wei). 반복·크기 변화 참고.
완료 확인 복제본 크기 조절과 정렬을 풍경 안에서 사용했다.
56
종합 실습 13

AI 원본과 PNG 결과 확인

09_town_이름.ai
09_town_이름.png
  1. 09_town_이름.ai를 저장한다.
  2. PNG로 내보내며 대지 사용을 켠다.
  3. 09_town_이름.png를 열어 잘림과 누락을 본다.
  4. AI를 다시 열어 창문 하나를 움직이고 실행 취소한다.
파일 > 저장 / 파일 > 내보내기 > 내보내기 형식 > PNG
150ppi · 아트 최적화 · 투명 / 여러 판이면 출력할 범위 확인
57
부록

공식 튜토리얼과 출처

도형·선·색으로 그리기: 건물과 나무어도비 공식 단계 예제와 이미지 / 대표 일러스트: 징 웨이(Jing Wei)

펜 도구 시작하기클릭·드래그·열린 경로·닫힌 경로

기본 도형 살펴보기(Explore Shapes in Adobe Illustrator)어도비 크리에이티브 클라우드 공식 유튜브 · 2분 9초

아트보드 도움말 / 저장·내보내기 도움말

58
부록

막힐 때 확인할 곳

  1. 도구가 안 보임: 창 > 도구 모음 > 고급
  2. 패널이 없음: 창에서 패널 선택, 필수 재설정
  3. 선택이 안 됨: V·A, 레이어 잠금·숨김 확인
  4. 색이 없어짐: 윤곽선 보기 Ctrl/⌘+Y 확인
  5. 선이 계속 이어짐: Esc / 이상한 결과: 실행 취소
완료 확인 문제 상황에 맞는 메뉴를 찾는다.
59
부록

메뉴와 단축키 찾아보기

작업메뉴·아이콘Windows / Mac
열기·저장파일 > 열기 / 저장Ctrl+O·S / ⌘+O·S
선택·직접 선택검정·흰 화살표V / A
펜·사각형·타원펜촉 / 네모 / 도형 그룹P / M / L
대지·화면 맞춤대지 아이콘 / 보기 메뉴Shift+O / Ctrl·⌘+0
복제·그룹편집 / 오브젝트 > 그룹Ctrl·⌘+C·V / Ctrl·⌘+G
실행 취소·패스 종료편집 > 실행 취소 / EscCtrl·⌘+Z / Esc
60
편집