레이아웃과 포스터 구조

지난주 · 12주차

타이포그래피

전시 제목과 정보 글자를 만들었다

이번 주 · 13주차

레이아웃 → 1차 시안 완성

모든 재료를 포스터 한 장으로 조립한다

다음 주 · 14주차

연계와 출력

시안을 인쇄 기준으로 다듬는다

1

여백 · 시선의 흐름 · 3영역 구조라는 말로 내 시안을 설명할 수 있다

2

눈금자와 안내선으로 아트보드에 여백선과 그리드를 직접 설정할 수 있다

3

정렬 패널의 정렬 대상 세 가지를 구분해서 쓸 수 있다

4

서로 다른 구성의 1차 시안 2개를 아트보드 2개에 완성한다 — 오늘의 결과물

정의 — 여백(화이트 스페이스)은 글자·이미지 같은 요소가 놓이지 않은 영역이다. 요소를 나누고 묶으며, 시선이 머물 자리를 만드는 레이아웃의 재료다.
쉽게: 지우고 남은 자리가 아니라, 요소가 잘 보이도록 일부러 남겨 둔 자리다.

한국화 전공에게는 익숙한 감각이다. 산수화에서 비워 둔 하늘과 물이 그림의 일부인 것과 같다.

정의 — 시선의 흐름은 보는 사람의 눈이 화면 위에서 이동하는 경로다. 요소의 크기·위치·명암으로 그 경로를 설계할 수 있다.
쉽게: 포스터를 처음 본 사람이 1초 안에 무엇을 먼저 보고, 다음에 무엇을 볼지 정해 주는 일이다.

조소 전공이라면: 작품 사진 → 전시 제목 → 기간·장소 순서로 읽히는지 확인해 보자.

이미지 → 제목 → 정보 순서의 예

세 영역의 크기와 위치를 정하는 일이 포스터 레이아웃의 첫 결정이다. 비율은 예시일 뿐, 구성에 따라 달라진다.

A · 이미지 중심형

작품이 화면 대부분을 차지한다.
콜라주가 강할 때 — 서양화·조소의 작품 사진에 잘 맞는다.

B · 타이포 중심형

제목 글자가 주인공이 된다.
12주 타이포가 강할 때 — 이미지는 작게, 포인트로만.

C · 분할형

화면을 나눠 이미지와 글을 나란히.
둘 다 살리고 싶을 때 — 한국화 두루마리·족자 비례와도 어울린다.

1

보기 > 눈금자 > 눈금자 표시로 눈금자를 켠다

2

왼쪽 눈금자에서 드래그 = 세로 안내선

3

위 눈금자에서 드래그 = 가로 안내선

안내선 만들기 (Make Guides)

선택한 벡터 오브젝트를 안내선으로 바꾸는 명령이다. 사각형을 그려 두고 안내선으로 바꾸면 기둥(칼럼) 그리드를 정확하게 만들 수 있다.

되돌리기: 안내선 잠금을 해제하고 선택한 뒤 보기 > 안내선 > 안내선 풀기. 실수로 도형이 안내선이 됐을 때도 이걸로 복구한다.

고급 안내선 (Smart Guides)

오브젝트를 만들거나 움직일 때 자동으로 나타나는 임시 스냅 안내선이다. 다른 오브젝트의 가장자리·중심에 가까워지면 선이 떠서 착 붙여 준다. 기본으로 켜져 있다.

버전에 따라 보기 메뉴에 '특수 문자 안내선'이라고 표기되기도 한다. 같은 기능이다.

눈금자(Ctrl/Cmd+R)에서 안내선을 끌어와 위·아래 여백을 잡는다.

요소 여러 개를 골라 가운데 정렬·균등 분포로 정리한다.

아트보드를 안내선으로 3분할해 이미지·제목·정보 영역을 나눈다.

화면을 확 줄여, 멀리서도 제목이 먼저 읽히는지 확인한다.

2~8주 · PHOTOSHOP

콜라주 이미지

전반부의 결과물.
이미지 영역의 주인공이 된다.

9~10주 · ILLUSTRATOR

벡터 심볼

펜 도구로 만든 형태.
포인트 요소로 곳곳에 쓴다.

11주 · ILLUSTRATOR

배색 팔레트

내 작품에서 뽑은 색.
바탕과 글자색을 정한다.

12주 · ILLUSTRATOR

타이포

전시 제목과 정보 글자.
제목·정보 영역에 들어간다.

중요 — 안내선을 아트보드별로 두려면 아트보드 도구(Shift+O)를 선택한 상태에서 드래그한다. 다 그었으면 안내선 잠그기(Alt+Ctrl+;)로 고정하자.

파란 점선 = 안내선 (여백선 + 중앙선) · 인쇄되지 않는다

블로킹 — 실제 재료를 넣기 전에, 회색 상자로 세 영역의 자리와 크기부터 정하는 작업이다. 무대에서 배우의 동선을 먼저 잡는 일을 그렇게 부른다.

왜 이렇게 하나 — 재료부터 넣으면 재료 크기에 화면이 끌려간다. 상자로 먼저 결정하면 구조가 화면을 끌고 간다. 상자 3개면 시안 하나의 뼈대가 끝난다.

블로킹 상자 — 아직 아무 재료도 없다

1

이미지 먼저 — 가장 큰 요소부터 넣는다. 콜라주를 이미지 자리에 앉히고 크기를 정한다.

2

제목 — 12주 타이포를 제목 자리에. 아트보드 가운데에 둘 거면 정렬 패널에서 아트보드에 정렬을 쓴다.

3

정보 — 기간·장소·이름을 넣고, 글줄들을 선택해 왼끝 정렬 + 간격 분포로 줄을 맞춘다.

4

여백 점검 — 여백선 밖으로 나간 요소, 가장자리에 딱 붙은 요소를 정리한다. 안 비운 곳이 있으면 비운다.

포스터는 지나가는 사람의 눈에 걸려야 하는 매체다. 모니터 30cm 앞에서 좋아 보이는 것과 복도 3미터 밖에서 보이는 것은 다르다. 시안은 멀리서 판정한다.

멀리서 물어볼 세 가지
① 제목이 읽히는가 — 안 읽히면 더 크게, 더 진하게
② 시선이 어디로 먼저 가는가 — 의도한 곳인가
③ 기간과 장소를 찾을 수 있는가 — 5초 안에

옆 사람과 시안을 바꿔서 서로 물어봐 주자. 만든 사람 눈에는 다 보인다. 처음 보는 눈이 정확하다.

1

인쇄 마감 준비

재단 여백(도련)이 왜 필요한지, 인쇄소에 넘길 파일은 뭐가 다른지 배운다.

2

색과 글꼴 점검

화면의 색과 종이의 색은 다르다. 인쇄를 기준으로 색상과 글꼴을 점검한다.

3

콜라주 × 포스터 연계

전반부 콜라주와 후반부 포스터가 한 사람의 작업으로 보이게 마무리한다.

제출 형식

파일명 — 13주차_이름_1차시안.ai
내용 — 아트보드 2개 (시안 A · 시안 B)
내보내기 — 아트보드별 PNG 2장 함께 제출
제출처 — 수업 제출 폴더에 오늘 업로드

미완성이어도 제출한다. 다음 주 피드백은 제출된 시안에서 시작한다.

체크리스트

☐  시안 2개의 구성이 서로 다르다
☐  이미지 · 제목 · 정보 세 영역이 모두 있다
☐  사방 여백선을 지켜 배치했다
☐  정렬 패널로 정보 영역 줄을 맞췄다
☐  3미터 테스트에서 제목이 읽혔다

제출

· AI 원본 파일(아트보드 2개)
· 파일명: 학번_이름_13주
· 다음 수업 전까지

평가: 시선의 순서가 설계됐나