Photoshop / Illustrator 기초 · 9주차

Illustrator 입문

벡터 개념 · 아트보드 · 도형과 색 · 콜라주 가져오기

오늘부터 후반부다. 기말 목표물은 내 작품으로 만드는 전시 포스터 1점.

커리큘럼 위치

15주 중 9주차, 후반부의 첫날

Photoshop · 1~8주 → 디지털 콜라주 완성

Illustrator · 9~15주 → 전시 포스터

↑ 지난주 중간고사에서 콜라주를 완성했다

↑ 오늘

15주차 최종 합평 ↑

전반부에 콜라주라는 작품을 만들었다면, 후반부에는 그 작품을 세상에 알리는 전시 포스터를 만든다. 6주 뒤인 15주차에 완성한 포스터를 발표한다.

오늘의 목표

수업이 끝나면 이 네 가지를 할 수 있다

벡터를 설명한다

벡터와 픽셀의 차이를 한 문장으로 말할 수 있다.

A2 문서를 만든다

인쇄용 A2 포스터 문서를 도련 3mm까지 포함해 직접 설정한다.

도형으로 구획을 잡는다

도형 도구와 칠·획으로 포스터의 큰 구획을 시안 2개로 잡는다.

콜라주를 가져온다

Photoshop에서 완성한 콜라주를 가져와 아트보드에 앉힌다.

오늘 3시간 흐름

개념은 짧게, 손은 길게

교시	무엇을	내용
1교시	개념	벡터란 무엇인가 · A2 인쇄 문서와 아트보드 만들기
2교시	기능	도형 도구 · 칠과 획 · 색상과 견본 · 두 개의 화살표 · 정렬 · 가져오기
3교시	직접 만들기	A2 아트보드 2개에 도형으로 포스터 구획 잡기 + 콜라주 배치
마지막 10분	정리	저장·제출 · 다음 주(펜 도구) 예고

포스터 프로젝트 킥오프도 오늘 한다. 포스터에 꼭 들어가는 정보 다섯 가지와, 내 작품 중 무엇을 메인으로 쓸지 정하는 기준을 2교시와 3교시 사이에 다룬다.

개념 · 벡터(Vector)

벡터는 색 점이 아니라 수학적 패스로 저장된 그림이다

정의 — 벡터 그래픽은 이미지를 픽셀 격자가 아니라, 좌표를 가진 점(고정점)과 그 사이를 잇는 선·곡선의 계산식, 곧 패스(Path)로 저장하는 방식이다. 화면에 보일 때마다 계산식을 다시 그리기 때문에 아무리 확대해도 형태가 깨지지 않는다.

쉽게: 점 두 개를 찍고 "이 사이를 이런 곡선으로 이어라"라는 식을 기억해 두는 그림이다.

픽셀(Photoshop) — 확대하면 계단

2주차에 배운 그대로다. 픽셀 수가 정해져 있어 해상도(ppi)에 묶인다. 키우면 점이 드러난다.

벡터(Illustrator) — 확대해도 매끈

크기라는 개념 자체가 없다. 명함 크기로 줄여도, 건물 현수막으로 키워도 선은 그대로 선명하다.

포스터의 글자·도형·로고는 벡터로 만들어야 A2로 뽑든 더 키우든 흐려지지 않는다. 패스를 이루는 고정점과 핸들을 직접 다루는 법은 다음 주에 배운다.

SECTION 01

기능 — 문서에서 도형까지

기능 1 · 새 문서 만들기

인쇄용 A2 포스터 문서, 이 값 그대로 만든다

파일 > 새로 만들기(New, Ctrl+N / Cmd+N)를 열고 위쪽 카테고리에서 [인쇄]를 고른 뒤 값을 직접 입력한다.

항목	값	왜
폭 × 높이	420 × 594 mm	A2 세로. 전시 포스터에서 흔히 쓰는 크기다
아트보드	2	시안 A안·B안. 나중에 더 추가할 수 있다
도련(Bleed)	상하좌우 3 mm	재단 여유. 배경은 이 빨간 선까지 끌어낸다
색상 모드	CMYK	인쇄 잉크 기준 색. [인쇄]를 고르면 자동으로 잡힌다

420 × 594 mm

도련 3mm

최신 Illustrator(한국어판) 기준 · 출처: Adobe 도움말 「새로운 문서 만들기 개요」 (helpx.adobe.com)

기능 2 · 아트보드 도구(Artboard Tool) · Shift+O

시안 여러 개를 나란히 놓고 비교한다

정의 — 아트보드는 인쇄하거나 내보낼 아트워크가 담기는 영역이다. Photoshop은 문서 하나가 캔버스 한 장이지만, Illustrator는 끝없는 작업 공간 위에 아트보드를 여러 장 둘 수 있다. 아트보드 도구는 그 아트보드를 선택하고, 새로 만들고, 크기와 위치를 조정한다.

하고 싶은 일	방법
새 아트보드 만들기	빈 캔버스에서 드래그, 또는 아트보드 패널(창 > 아트보드)의 + 버튼
시안 복제	아트보드를 Alt(Option)+드래그 — 내용까지 통째로 복사된다
크기·이름 바꾸기	모서리 핸들 드래그, 정확한 수치와 이름은 속성 패널·아트보드 패널에서
도구에서 빠져나오기	Esc — 편집을 마치면 꼭 빠져나온다
모든 아트보드 한눈에	Ctrl+Alt+0 (Cmd+Option+0) — 화면에 전부 들어오게 축소

실기실에서 에스키스 여러 장을 벽에 붙여 놓고 고르듯, 시안 A안·B안을 나란히 두고 비교한다. 합평 때도 이 화면 그대로 보여 준다.

출처: Adobe Illustrator 도움말 「아트보드 소개」「도구 갤러리」「기본 키보드 단축키」 (helpx.adobe.com)

기능 3 · 도형 도구(Shape Tools)

포스터의 뼈대는 이 네 가지 도형으로 잡는다

정의 — 도형 도구는 사각형·타원·다각형·별모양 같은 기본 도형을 완성된 패스로 그려 주는 도구 묶음이다. 도구 막대의 사각형 아이콘을 길게 누르면 숨은 도형 도구들이 나온다.

사각형 도구 M

구획 블록·배경의 기본

타원 도구 L

원형 도구라고도 부른다

다각형 도구

드래그 중 ↑↓로 면 수 조절

별모양 도구

드래그 중 ↑↓로 꼭짓점 수

Shift+드래그
정사각형·정원, 다각형·별은 방향 고정

Alt(Option)+드래그
클릭한 점을 중심으로 그리기 (사각형·타원)

스페이스바+드래그
그리는 도중 도형 위치 옮기기

출처: Adobe Illustrator 도움말 「도구 갤러리」「기본 키보드 단축키 — 그리기」 (helpx.adobe.com)

기능 4 · 칠(Fill)과 획(Stroke)

모든 도형은 안쪽 색과 테두리 선을 따로 가진다

정의 — 칠은 패스 안쪽을 채우는 색·그레이디언트·패턴이고, 획은 패스 선 자체에 적용되는 색과 두께(pt)다. 도구 막대 아래쪽의 겹친 두 사각형이 현재 상태를 보여 준다. 앞이 칠, 뒤가 획이다.

■ 칠 (앞)
□ 획 (뒤)
빗금 표시 = 없음

키	무엇이 되나
X	칠과 획 사이 선택 전환 (지금 어느 쪽을 칠하는지)
Shift+X	칠 색과 획 색을 서로 맞바꾸기
D	초기값으로(흰 칠 + 검정 획) — 길을 잃으면 D
/ (슬래시)	선택한 쪽을 '없음'으로 (테두리 없는 색면 등)

포스터 구획 블록은 획 없이 칠만, 액자 같은 테두리는 칠 없이 획만 쓰는 식으로 역할을 나눈다. 획 두께는 속성 패널에서 pt 단위로 조절한다.

출처: Adobe Illustrator 도움말 「칠 및 획을 사용하여 페인팅」「기본 키보드 단축키」 (helpx.adobe.com)

기능 5 · 색상 패널(Color)과 견본(Swatches)

색은 만들고, 만든 색은 저장한다

색상 패널 — 색을 만드는 곳

C·M·Y·K 슬라이더를 움직여 원하는 색을 직접 섞는다. 물감 조색과 같은 일을 수치로 한다. 창 > 색상으로 연다.

견본 패널 — 색을 저장하는 곳

만든 색을 칩으로 저장해 두는 팔레트다. 저장해 두면 모든 도형에 같은 색을 정확히 다시 쓸 수 있다. 창 > 견본으로 연다.

포스터 전체에서 쓸 색을 3~4개만 골라 견본으로 저장하고 그 안에서만 쓴다. 스포이드 도구(I)로 내 콜라주에서 색을 찍어 견본에 추가하면, 작품과 포스터의 색이 자연스럽게 이어진다.

출처: Adobe Illustrator 도움말 「색상 패널을 사용하여 색상 선택」「견본 사용 및 만들기」 (helpx.adobe.com)

기능 6 · 선택 도구 vs 직접 선택 도구

검정 화살표는 통째로, 흰 화살표는 관절을 잡는다

선택 도구 V

Selection Tool · 검정 화살표

오브젝트나 그룹 전체를 선택한다. 옮기고, 돌리고, 크기를 바꾸는 도구다. 도형을 하나의 물건으로 다룰 때 쓴다.

직접 선택 도구 A

Direct Selection Tool · 흰 화살표

고정점과 패스 선분을 선택한다. 도형의 모양 자체를 바꾸는 도구다. 귀퉁이 하나만 끌어당길 수 있다.

비교	V 선택 도구	A 직접 선택 도구
잡는 것	오브젝트·그룹 전체	고정점·선분 하나하나
바뀌는 것	위치·크기·각도	형태 그 자체
오늘 쓰임	구획 블록 배치, 콜라주 이동	오늘은 구경만, 다음 주 주인공

출처: Adobe Illustrator 도움말 「도구 갤러리 — 선택 도구」 (helpx.adobe.com)

기능 7 · 정렬(Align)

정돈된 포스터는 눈대중이 아니라 정렬에서 나온다

정의 — 정렬 패널(창 > 정렬)은 선택한 오브젝트들을 기준에 맞춰 줄 세우고(정렬), 사이 간격을 고르게 나누는(분포) 패널이다. 핵심은 무엇을 기준으로 정렬하는가다.

정렬 대상	언제 쓰나
선택 영역에 정렬	선택한 것들끼리 서로 기준. 블록 여러 개의 왼끝을 맞출 때
주요 오브젝트에 정렬	기준 삼을 것을 한 번 더 클릭(파란 윤곽선). 그것은 고정, 나머지가 온다
아트보드에 정렬	종이가 기준. 메인 이미지를 포스터 정중앙에 놓을 때

왼쪽 끝 정렬 →

버튼을 눌렀는데 엉뚱한 곳으로 모인다면 십중팔구 정렬 대상이 잘못 잡혀 있다. 패널 오른쪽 아래의 정렬 대상부터 확인한다.

출처: Adobe Illustrator 도움말 「선택한 오브젝트 정렬 또는 분포」 (helpx.adobe.com)

기능 8 · Photoshop 이미지 가져오기(Place)

내 콜라주가 오늘 포스터 안으로 들어온다

파일 > 가져오기(Place, Shift+Ctrl+P / Shift+Cmd+P)로 콜라주 파일(PSD·JPG)을 고르고, 아트보드 위에서 클릭하거나 드래그해 놓는다. 열기(Open)가 아니라 가져오기다. 열기는 파일을 따로 여는 것이고, 가져오기는 지금 문서 안에 앉히는 것이다.

1 · 파일 > 가져오기

콜라주 PSD/JPG 선택

→

2 · 연결(Link) 확인

오늘은 기본값 그대로 둔다

→

3 · 드래그로 배치

이미지 영역 블록에 맞춰

연결(Link)이란? 파일을 문서 안에 복사하지 않고 원본을 참조하는 방식이다. 연결과 포함(Embed)의 차이, 연결 패널 관리는 14주차에 자세히 다룬다. 오늘은 개념만 알아 둔다.

주의. 가져온 콜라주는 여전히 픽셀 이미지다. 벡터가 되는 게 아니다. 원본보다 지나치게 키우면 흐려지니 원본 크기 언저리에서 쓴다.

출처: Adobe Illustrator 도움말 「기본 키보드 단축키」「연결 및 포함된 파일 관리」 (helpx.adobe.com)

손 풀기 · 10분

벡터의 기본기를 하나씩

1아트보드

A4 새 문서를 만들고 아트보드 도구로 두 번째 아트보드를 추가한다.

2도형과 칠·획

사각형·원·다각형·별을 하나씩 그리고 칠(Fill)과 획(Stroke) 색을 따로 바꾼다.

3선택 vs 직접 선택

선택 도구(V)로 도형 전체를, 직접 선택 도구(A)로 꼭짓점 하나만 옮겨 본다.

4가져오기

파일 > 가져오기로 내 콜라주 이미지를 아트보드에 앉힌다.

핵심: 벡터는 칠과 획이 따로 있고, 검정 화살표는 전체·흰 화살표는 점 하나를 다룬다.

도구명·동작 기준: Adobe Illustrator 시작하기 안내서(helpx.adobe.com).

SECTION 02

포스터 킥오프와 직접 만들기

킥오프 1 · 전시 포스터의 필수 정보

포스터는 그림이면서 동시에 안내문이다

아래 다섯 가지 중 하나라도 빠지면 관객은 전시장에 오지 못한다. 아무리 아름다워도 정보가 빠진 포스터는 제 역할을 못 한다.

1 · 전시 제목

전시의 얼굴. 가장 크게, 가장 먼저 읽히게

2 · 작가명

누구의 전시인가. 개인전이면 이름이 곧 두 번째 제목

3 · 전시 기간

언제부터 언제까지. 연도까지 정확히

4 · 장소

전시장 이름과 층·호실. 찾아올 수 있을 만큼 구체적으로

5 · 오프닝

오프닝(초대) 일시. 관람 시간·주최는 있으면 함께

메인 이미지 (내 작품)

① 전시 제목

② 작가명

③ 기간 · ④ 장소
⑤ 오프닝

오늘 실습이 끝나기 전에, 내 포스터에 들어갈 다섯 가지를 글로 먼저 적어 둔다. 가상의 전시라도 좋다. 글자를 앉히는 법은 12주차 타이포그래피에서 배운다.

킥오프 2 · 메인 이미지 고르기

내 작품 중 무엇이 포스터의 얼굴이 될까

중간고사 콜라주, 또는 이번 학기 실기 작품 사진 중에서 고른다. 좋은 작품과 좋은 포스터 이미지는 기준이 다르다. 세 가지로 걸러 보자.

멀리서도 읽히는가

포스터는 3m 밖에서 스치듯 본다. 화면에서 이미지를 엄지손톱만큼 줄여 보고, 그래도 형태가 살아 있는 것을 고른다.

글자 자리가 있는가

제목과 정보가 앉을 조용한 영역(여백, 단순한 색면)이 있는가. 화면 전체가 빽빽한 이미지는 글자와 싸운다.

지금의 나를 대표하는가

학기 주제 '나를 표현하다'와 이어지는가. 6주 동안 계속 들여다볼 이미지이니, 스스로 질리지 않을 것을 고른다.

한국화는 먹 번짐이 살아 있는 스캔, 서양화는 색면이 강한 회화 촬영본, 조소는 배경을 정리한 작품 사진이 좋은 후보다. 오늘 하나로 못 정해도 된다. 후보 2개까지 좁혀서 시안 A안·B안에 하나씩 앉혀 보고 비교한다.

실습 타임라인 · 총 70분

오늘 손으로 만드는 것: A2 시안 2개의 뼈대

시간	할 일	쓰는 기능
0–10분	A2 문서 + 아트보드 2개	새 문서(인쇄·도련 3mm) · 아트보드 도구
10–30분	시안 A안 구획 잡기	사각형 도구 · 칠과 획 · 견본 색
30–45분	시안 B안, 다르게 구획	도형 도구 · 정렬 패널
45–60분	콜라주 가져와 앉히기	가져오기(Place) · 선택 도구 · 정렬
60–70분	저장 · 제출 · 정리	저장(Ctrl+S) · 필수 정보 5가지 메모

빨리 끝났다면: 시안을 C안까지 만들어 보자. 아트보드를 Alt+드래그로 복제한 뒤 구획만 다르게 바꾸면 된다.

개인 작업 1 / 3

종이부터 마련하자 — A2 아트보드 2개

Ctrl+N → [인쇄] → 폭 420mm × 높이 594mm, 세로 방향, 아트보드 2, 도련 3mm를 입력하고 만들기를 누른다.

바로 저장부터 한다. 파일 > 저장(Ctrl+S), 이름은 학번_이름_포스터시안.ai. 저장 습관은 Photoshop 때와 같다.

창 > 아트보드 패널을 열고 두 아트보드의 이름을 더블클릭해 A안, B안으로 바꾼다.

Ctrl+Alt+0으로 두 장이 화면에 다 들어오게 한 뒤, 아트보드 테두리와 바깥의 빨간 도련 선을 눈으로 확인한다.

실습 지시 — 여기까지 5분 안에 끝내 보자. 막히면 손 들지 말고 먼저 옆 사람 화면과 비교해 본다. 그래도 다르면 Ctrl+Alt+P(문서 설정)에서 도련 값을 다시 확인한다.

개인 작업 2 / 3

도형으로 포스터의 큰 구획을 잡는다

포스터를 3~4개 블록으로 나눈다: 메인 이미지 영역(가장 크게), 제목 영역, 정보 영역. 사각형 도구(M)로 블록을 깐다.

견본에 저장한 색 3~4개로 블록을 칠만 채워 구분한다(획 없음 = /). 메인 이미지 영역이 화면의 60% 이상이 되게.

배경 블록은 아트보드 끝이 아니라 도련(빨간 선)까지 끌어낸다. 재단할 때 흰 테두리가 남지 않게 하는 습관이다.

B안은 A안과 다른 구조로. 이미지를 위에 뒀다면 이번엔 가득 채우거나 대각선으로. 정렬 패널로 블록 끝을 맞춘다.

이미지

제목

정보

A안

이미지 가득

제목 + 정보

B안

지금은 예쁘게가 아니라 비율과 자리만 정한다. 색·글자·세부는 앞으로 6주 동안 이 뼈대 위에서 발전시킨다.

개인 작업 3 / 3

콜라주를 가져와 이미지 영역에 앉힌다

파일 > 가져오기(Shift+Ctrl+P)로 중간고사 콜라주 PSD 또는 JPG를 고른다. 연결(Link)은 기본값 그대로 둔다.

이미지 영역 블록 크기에 맞춰 드래그해서 놓는다. 크기를 다시 잡을 땐 선택 도구(V)로 모서리를 Shift+드래그해 비율을 지킨다.

가운데 두고 싶으면 정렬 패널에서 아트보드에 정렬 → 가로 가운데. 블록 뒤로 숨었으면 Ctrl+](앞으로) / Ctrl+[(뒤로)로 순서를 바꾼다.

A안·B안 각각에 후보 이미지를 하나씩 앉혀 보고, 어느 쪽이 포스터의 얼굴로 힘이 센지 옆 사람과 서로 봐 준다.

실습 지시 — 다 앉혔으면 Ctrl+S 저장. 그리고 포스터 필수 정보 5가지(제목·작가명·기간·장소·오프닝)를 파일 옆 메모나 수첩에 적어 둔다. 다음 주에 그대로 가져온다.

자주 생기는 문제

막히면 여기부터 본다

증상	원인	해결
도형이 통째로 안 움직이고 귀퉁이만 늘어난다	직접 선택 도구(A, 흰 화살표)로 잡았다	V를 눌러 선택 도구로 바꾸고 다시 클릭
확대하니 콜라주가 흐릿하다	가져온 이미지는 픽셀이라 원본 이상 키우면 깨진다	원본 크기 언저리로 줄여 쓴다. 벡터 도형은 무관
도형에 테두리만 있고 안이 안 채워진다	칠이 '없음'(빗금)이거나 칠·획이 뒤바뀌었다	X로 칠을 앞으로, Shift+X로 맞바꾸기, 급하면 D
별·다각형 꼭짓점 수가 마음대로다	지난번 그릴 때 쓴 개수가 남아 있다	드래그를 유지한 채 ↑↓ 화살표로 조절
정렬을 눌렀는데 엉뚱한 곳으로 모인다	정렬 대상이 '선택 영역에 정렬'로 돼 있다	정렬 패널에서 '아트보드에 정렬'로 바꾼다
아트보드 크기가 자꾸 바뀐다	아트보드 도구(Shift+O)에서 안 빠져나왔다	Esc로 나온 뒤 V로 작업을 계속한다

단축키 모음 · 오늘 쓴 것만

이번 주는 이 열두 개면 충분하다

도구	Win	Mac
선택 도구	V	V
직접 선택 도구	A	A
사각형 도구	M	M
타원 도구	L	L
아트보드 도구	Shift+O	Shift+O
스포이드 도구	I	I

명령	Win	Mac
새 문서	Ctrl+N	Cmd+N
가져오기(Place)	Shift+Ctrl+P	Shift+Cmd+P
칠/획 선택 전환 · 색 교체	X · Shift+X	X · Shift+X
칠·획 초기값	D	D
모든 아트보드 보기	Ctrl+Alt+0	Cmd+Opt+0
실행 취소 · 저장	Ctrl+Z · Ctrl+S	Cmd+Z · Cmd+S

출처: Adobe Illustrator 도움말 「기본 키보드 단축키」 (helpx.adobe.com)

다음 주 예고 · 10주차

펜 도구와 패스 — 내 마음대로 그리는 형태

오늘은 프로그램이 만들어 준 도형을 썼다. 다음 주에는 고정점(앵커)과 핸들로 곡선을 직접 다뤄서, 내가 원하는 형태를 그린다. 도형끼리 합치고 빼는 패스파인더도 함께 배운다.

앵커와 핸들

점을 찍고 핸들을 당겨 곡선의 방향과 힘을 조절한다.

펜 도구 곡선

붓 대신 점으로 그리는 드로잉. 처음엔 어색하지만 금방 는다.

패스파인더

도형을 합치고 빼서 복잡한 형태를 만든다.

9 입문
오늘

10 펜·패스
다음 주

11 색·패턴

12 타이포

13 레이아웃

14 연계·출력

15 최종 합평

준비물: 오늘 만든 포스터시안.ai 파일과 필수 정보 5가지 메모. 다음 주부터는 매주 이 파일을 열고 시작한다.

제출 형식 · 오늘의 체크리스트

나가기 전에 확인한다

제출 형식

파일 이름
학번_이름_포스터시안.ai

아트보드 2개(A안·B안)가 든 ai 파일 하나를 수업 게시판에 올린다. 오늘 수업 끝나기 전까지.

A2(420×594mm) · 도련 3mm · CMYK로 만든 문서다

아트보드 2개에 이름 A안·B안을 붙였다

각 시안에 도형 블록 3개 이상으로 구획을 잡았다

콜라주를 가져와 이미지 영역에 앉혔다

포스터 필수 정보 5가지를 메모해 뒀다

이번 주 실습과제

포스터 뼈대 잡기

A2 포스터 아트보드를 새 문서로 만든다.

도형으로 이미지 영역·제목 영역·정보 영역 큰 구획을 잡는다.

내 메인 작품 이미지를 가져와 이미지 영역에 앉힌다.

제출

· AI 원본 파일
· 파일명: 학번_이름_9주
· 다음 수업 전까지

평가: 영역 구획이 분명한가

오늘의 핵심

픽셀은 칠해서 만들고,
벡터는 계산해서 그린다.

오늘 A2라는 종이를 펴고, 도형으로 포스터의 뼈대를 세우고, 내 콜라주를 그 위에 앉혔다.
남은 6주 동안 이 뼈대 위에 선과 색과 글자를 채워, 내 작품의 포스터를 완성한다.