토도성문 일러스트레이터 아트워크 - 감각적인 디자인부터 AI 협업까지 살아남는 디자이너의 워크플로

일러스트레이터, 도구는 배웠는데 아트워크 완성까지 못 가봤다면?!

기초 도구부터 AI 협업까지, 10가지 아트워크 실습으로 완성하는 실전 워크플로

일러스트레이터를 다루는 유튜브 강의와 책은 많지만, 도구 사용법을 익히고 나면 정작 내가 만들고 싶은 결과물을 어떻게 만들지 막막해지는 경우가 많습니다. 인스타그램에서 발견한 아트워크를 따라 만들고 싶어도, 무슨 도구를 어떤 순서로 써야 똑같은 결과가 나오는지 알기도 어렵습니다. 특히 릴스, 숏츠 영상은 완성 과정을 1분 안에 압축해 보여주기 때문에, 막상 따라 만들기가 쉽지 않았습니다.

 

《토도성문 일러스트레이터 아트워크》는 그런 여러분을 위해 디자인 크리에이터 토도성문이 숏폼에 다 담지 못한 제작 과정을 한 권에 풀어낸 실습서입니다. 일러스트레이터의 필수 도구를 익히는 기초 단계부터, 10가지 예제로 필수 도구를 조합하는 응용 단계, 인스타그램에서 화제가 된 10가지 아트워크를 직접 완성하는 본격적인 프로젝트 실습 단계까지, 도구 하나 클릭 하나를 건너뛰지 않고 단계별로 안내합니다. 마지막 부록에서는 AI를 디자인 작업에 활용하는 저자의 워크플로와 일러스트레이터의 최신 AI 기능을 담아, AI 시대에도 흔들리지 않는 디자이너의 작업 방식을 제안합니다.

 

어떤 독자를 위한 책인가?

일러스트레이터로 SNS에 올릴 그래픽 아트워크를 직접 만들고 싶은 분

도구 사용법은 어느 정도 알지만 완성된 작품까지 만들어본 적은 없는 분

비전공자이거나 일러스트레이터를 처음 배우는 분

인스타그램에서 본 포스터와 타이포그래피를 내 손으로 재현하고 싶은 분

기초 도구가 실제 작품에서 어떻게 응용되는지 전문가의 노하우를 익히고 싶은 분

AI를 디자인 작업에 어떻게 활용할지, AI 시대의 워크플로가 궁금한 분

포트폴리오에 넣을 완성도 높은 그래픽 작업이 필요한 디자인 전공생과 취업 준비생

토도성문의 숏폼 영상을 보며 더 자세한 설명을 원했던 분

[목 차]

CHAPTER 01 일러스트레이터, 준비 운동과 필수 도구 알아보기

_LESSON 01 일러스트레이터, 포토샵과 무엇이 다른가

__벡터 vs 비트맵

__토도성문이 일러스트레이터를 고집하는 이유

__그렇다면 포토샵은 언제 쓰나요?

__RGB vs CMYK : 아트워크의 목적에 따른 모드 선택

__이 책의 실습 환경

_LESSON 02 실무 효율을 높이는 환경 설정

__1 도구 모음을 [고급]으로

__2 토도성문의 작업 영역 [레이아웃]

__3 나만의 시크릿 단축키 [트리밍 보기]

_LESSON 03 드로잉, 점과 선을 다루는 주요 도구

__1 펜 도구, Pen Tool

__2 연필 도구, Pencil Tool

__3 도형 도구, Shape Tool

__4 폭 도구, Width Tool

_LESSON 04 변형과 복사로 형태 다잡기

__1 직접 선택 도구, Direct Selection Tool

__2 반복 변형, Transform Again

__3 제자리 붙여넣기, Paste in Place

__4 변형 패널 - 선과 효과 크기 조절, Scale Strokes & Effects

_LESSON 05 패스파인더, 오브젝트를 합치기와 나누기

__1 패스파인더, Pathfinder ([창]-[패스파인더] 메뉴)

__2 도형 구성 도구, Shape Builder Tool

__3 클리핑 마스크, Clipping Mask

__4 컴파운드 패스, Compound Path

__5 패스 연결, Join

__6 연결 도구, Join Tool

_LESSON 06 색상을 자유롭게 컨트롤하기

__1 그레이디언트 도구, Gradient Tool

__2 투명도 패널, Transparency Panel

__3 스포이드 도구, Eyedropper Tool

_LESSON 07 퇴근 시간을 앞당기는 효율적인 습관

__1 배경 레이어 잠금, Lock

__2 동일하게 선택 기능, Select Same

__3 그룹과 격리 모드, Group & Isolation

_LESSON 08 타이포그래피, 글자의 표정을 바꾸는 주요 도구

__1 문자 도구, Type Tool

__2 패스 상의 문자 도구, Type on a Path Tool

__3 윤곽선 만들기, Create Outlines

__4 문자 손질 도구, Touch Type Tool

_LESSON 09 레이아웃과 대지 세팅하기

__1 아트보드 도구, Artboard Tool

__2 눈금자와 안내선, Rulers & Guides

__3 정렬, Align

_LESSON 10 마무리와 저장, 실무자가 꼭 챙겨야 하는 주요 루틴

__1 확장, Expand/Expand Appearance

__2 윤곽선 보기 모드, Outline Mode

__3 자산 내보내기, Asset Export

 

CHAPTER 02 10가지 예제로 일러스트레이터 기능 본격 응용하기

_LESSON 01 컬러풀한 그래픽 요소 만들기

__STEP 01 블렌드용 원형 오브젝트 생성

__STEP 02 블렌드 도구로 연결하기

__STEP 03 이동 경로(Spine) 그리기

__STEP 04 스파인 바꾸기로 합체하기

_LESSON 02 삐뚤빼뚤 귀여운 손그림 낙서 만들기

__STEP 01 계란 형태 그리고 다듬기

__STEP 02 두꺼운 잉크 펜 테두리 입히기

__STEP 03 거칠게 하기 효과 적용

__STEP 04 텍스트에도 거칠게 하기 효과 적용

_LESSON 03 터질 듯 탱글탱글한 3D 풍선 글자 만들기

__STEP 01 텍스트 준비하기

__STEP 02 3D 효과로 부풀리는 효과 적용하기

__STEP 03 고화질 렌더링하기

_LESSON 04 사진과 글자로 감각적인 그래픽 만들기

__STEP 01 사진 불러오기 및 배경 세팅

__STEP 02 사진 겹치기에 도형 겹치기

__STEP 03 텍스트에 컴파운드 패스 적용하기

__STEP 04 클리핑 마스크로 글자 안에 사진 넣기

__STEP 05 내부 광선으로 디테일 더하기

_LESSON 05 몽글몽글 귀여운 격자 패턴 만들기

__STEP 01 격자 나누기 및 기본 세팅

__STEP 02 도형 합치기 및 블록 만들기

__STEP 03 모서리 둥글게 굴리기

__STEP 04 대각선 연결로 유동적인 느낌 내기

__STEP 05 컬러링 및 획 추가하기

_LESSON 06 타이포 변형과 스티커 칼선 만들기

__STEP 01 도형으로 틀 만들기

__STEP 02 텍스트 준비 및 순서 정렬

__STEP 03 도형 모양대로 텍스트 변형하기

__STEP 04 칼선 테두리 만들기

__STEP 05 색상 변경 및 원본 합체

_LESSON 07 기둥을 타고 오르는 뱀 모양 만들기

__STEP 01 둥근 기둥 만들기

__STEP 02 뱀 몸통, 지그재그 선 만들기

__STEP 03 서로 엮기로 깊이감 만들기

__STEP 04 디테일 마무리

_LESSON 08 점점 커지는 만다라 꽃 그래픽

__STEP 01 기본 꽃잎 만들기

__STEP 02 그레이디언트 색상 입히기

__STEP 03 변형 효과로 반복과 확장하기

_LESSON 09 밋밋한 도형에 질감으로 명암 넣기

__STEP 01 점 패턴 질감 소스 만들기

__STEP 02 개별 변형으로 자연스럽게 흩뿌리기

__STEP 03 산포 브러쉬 등록하기

__STEP 04 내부 그리기로 명암 넣기

_LESSON 10 끝없이 뻗어나가는 롱 섀도 스타일 만들기

__STEP 01 텍스트 입력 및 기울기 주기

__STEP 02 모양 패널 설정으로 그림자 층 만들기

__STEP 03 핵심! 변형 효과로 그림자 늘리기

 

CHAPTER 03 10가지 아트워크 예제로 일러스트레이터 작품 만들기

_LESSON 01 텍스트 분리하고 클리핑 마스크 적용한 아트워크 만들기

__STEP 01 글자 쪼개기

__STEP 02 마스크 배경에 넣을 빗금 효과 만들기

__STEP 03 클리핑 마스크 적용하고 완성하기

_LESSON 02 연필 도구와 도형 빌더로 만드는 협곡 타이포그래피

__STEP 01 연필 도구로 자연스러운 곡선 그리기

__STEP 02 폭 도구로 입체감 있는 면 만들기

__STEP 03 도형 구성 도구로 불필요한 부분 제거하기

__STEP 04 전체적인 협곡 구성 후 타이포그래피 배치하기

__STEP 05 색상 및 질감 적용하기

_LESSON 03 색상 닷지와 그레이디언트로 만드는 일식 포스터

__STEP 01 색상 닷지 효과의 원리 이해하기

__STEP 02 배경색 설정하고 빛나는 원 만들기

__STEP 03 일식 효과 만들기

__STEP 04 별빛 효과 추가하고 마무리하기

_LESSON 04 망 도구로 만드는 색의 흐름과 착시 효과

__STEP 01 배경 사각형 만들고 망 도구로 격자 생성하기

__STEP 02 색상 적용 및 조정하기

__STEP 03 하이라이트 효과 추가하기

__STEP 04 그레인 효과 추가하기

_LESSON 05 거칠게 하기 효과로 만드는 타이포그래피

__STEP 01 아트워크에 사용할 글자 삽입하기

__STEP 02 글자에 거칠게 하기 효과 넣기

__STEP 03 다양한 거칠게 하기 효과 적용

__STEP 04 글자 배치 및 마무리

_LESSON 06 블렌드와 3D 회전으로 만드는 해체주의 타이포그래피

__STEP 01 블렌드로 동심원 만들기

__STEP 02 오브젝트 준비 및 분할하기

__STEP 03 오브젝트 회전해 분리하기

__STEP 04 색상 조정 및 마무리

_LESSON 07 래스터화와 이미지 추적으로 만드는 레트로 아트

__STEP 01 비트맵 스타일 오브젝트 만들기

__STEP 02 아트워크에 삽입할 텍스트 이미지 만들기

__STEP 03 이미지와 텍스트 오브젝트 배치하기

_LESSON 08 노이즈, 클리핑 마스크로 만드는 페이드 타이포그래피

__STEP 01 텍스트 준비하기

__STEP 02 노이즈 질감 만들기

__STEP 03 클리핑 마스크로 텍스트에 질감 입히기

__STEP 04 글자 반복·배치·마무리

_LESSON 09 지그재그와 블렌드로 만드는 3D 착시 포스터

__STEP 01 지그재그 모양의 원 만들기

__STEP 02 오브젝트 만들기 및 블렌드

__STEP 03 경로 그리기 및 스파인 적용

__STEP 04 블렌드 옵션 조정

__STEP 05 획 추가로 가독성 높이기

__STEP 06 마무리 및 레이아웃

_LESSON 10 프리폼 그레이디언트로 만드는 오로라 야경

__STEP 01 아트워크 작업 순서 톺아보기

__STEP 02 자유형 그레이디언트 배경 만들기

__STEP 03 블렌드 도구를 이용한 오로라 만들기

__STEP 04 은은한 별빛 만들기

__STEP 05 텍스트 삽입 및 이미지 후보정

 

부록. AI와 디자이너, 일러스트레이터 그리고 FAQ

_LESSON 01 AI 시대의 디자인 워크플로

__AI는 디자이너의 대체품이 아닌, 잘 쓰면 강력한 도구

__AI는 스케치 도구다

__저작권, 꼭 알아야 할 이야기

__그럼에도 왜 일러스트레이터인가

__나의 워크플로

_LESSON 02 일러스트레이터로 들어온 AI 기능

__AI 일러스트레이터 기능

__스케치 이미지를 벡터로 변환하기

__캐릭터를 자유자재로 회전하는 턴테이블

__AI와 디자인 워크플로

__AI 기능을 무서워하지 말자

_LESSON 03 초보자가 자주 묻는 질문(FAQ)

__1 저장 및 파일 관리 : 내 파일 다 날아갔어요!

__2 인터페이스 문제 : 화면이 이상하게 변했어요!

__3 선택 및 정렬 : 왜 내 맘대로 안 움직이지?

__4 색상 및 스타일 : 오브젝트 색깔이 왜 이러죠?

__5 도형 및 패스 변형 : 오브젝트 모양이 찌그러져요!