진짜 쓰는 일러스트레이터

우디(서영열) 지음

제이펍 2023년 06월 15일 출간 종이책 : 2023년 02월 10일 출간

작품소개

책소개

디자이너에게 포토샵과 일러스트레이터는 실과 바늘처럼 필수로 사용해야 하는 프로그램이다. 얼핏 비슷해 보이는 두 프로그램의 차이는 무엇일까? 흔히 포토샵은 보정이나 합성 도구로 잘 알려져 있다. 즉, 포토샵은 유에서 또 다른 유를 창조하는 도구다. 반면, 일러스트레이터는 디자인 소스를 만드는 도구다. 그러므로 아무것도 없는 빈 아트보드에서 원하는 결과를 완성할 수 있어야 한다. 또한, 포토샵에 비해 많은 연습이 필요하다. 이 책은 이러한 일러스트레이터의 특성을 살려 약 40여 개의 프로젝트를 실습해 볼 수 있으며, 나아가 일러스트레이터의 정점이라고 할 수 있는 로고를 활용한 브랜드 디자인까지 경험해 볼 수 있다.

목차

[〉CHAPTER 01 일러스트레이터, 이것만은 알고 시작하자〈]
LESSON 01 기초 디자인 이론 알고 가기 24
__비트맵과 벡터 구분하기 24
__모니터는 RGB, 인쇄는 CMYK 25
__구성 요소에 따른 DPI, PPI 해상도 27
__용도에 따라 선택하는 파일 포맷 28
LESSON 02 일러스트레이터와의 첫 만남 30
__일러스트레이터의 역사와 활용 분야 30
__홈 화면 및 새로운 작업 시작하기 32
__일러스트레이터 작업 화면 살펴보기 34
LESSON 03 툴바와 패널 살펴보기 36
__모든 툴이 모여 있는 툴바 36
__일러스트레이터의 주요 패널 44
__나만의 작업 영역 만들기 52
__나만의 워크스페이스 저장 및 불러오기 57

[〉CHAPTER 02 알아 두면 유용한 일러스트레이터 기본 & 꿀팁〈]
LESSON 01 파일 관리의 기본, 저장하기 60
__일러스트레이터의 기본 저장 기능 파악하기 60
__이미지 파일로 저장하기 64
LESSON 02 아트보드 자유자재로 다루기 66
__일러스트레이터의 기본 도화지, 아트보드 66
__다양한 화면 확대/축소 방법 69
LESSON 03 화면을 자유자재로 조절하는 View 메뉴 72
LESSON 04 문자를 입력하는 두 가지 방법 79
__한 번 클릭해서 문자 입력하기 79
__드래그하여 문자 상자 만들기 80
LESSON 05 도형 오브젝트 자유롭게 다루기 82
__도형 오브젝트 그린 후 선택해서 활용하기 82
__라이브 코너로 오브젝트 모양 변경하기 84
__오브젝트 변형에 효과적인 Offset Path 86
LESSON 06 오브젝트 색상 변경하기 89
__면과 선 색을 변경하는 Fill & Stroke 89
__기본 설정으로 그레이디언트 사용하기 93
__세부 옵션으로 그레이디언트 설정 변경하기 95
LESSON 07 오브젝트 변형 전 알아야 할 확장과 크기 옵션 98
__오브젝트 확장을 위한 Expand와 Expand Appearance 98
__크기 변경에 따른 상대적인 속성 변화, Scale Strokes & Effects 101
LESSON 08 오브젝트를 빠르게 선택하는 레이어 103
__레이어 기본 개념 파악하기 103
__Layers 패널 구성 확인하기 103
LESSON 09 일러스트레이터에서 이미지 파일 사용하기 106
__Link와 Embed로 이미지 가져오기 106
__라이브 업데이트 기능으로 이미지 활용하기 109
LESSON 10 디자인이 빨라지는 라이브러리와 단축키 112
__라이브러리 저장하고 불러오기 112
__편의에 맞게 수정하는 사용자 정의 단축키 114
LESSON 11 패키지 저장과 인쇄용 파일로 작업 마무리하기 116
__디자인 결과를 온전하게 보관하는 패키지 저장 116
__디자인 출력을 위한 인쇄용 파일 만들기 119

[〉CHAPTER 03 실무를 위한 기본기 스무고개〈]
LESSON 01 도형과 그레이디언트로 인스타그램 로고 만들기 128
__로고의 기본 형태 그리기 130
__그레이디언트로 면 채우기 132
LESSON 02 도형을 변형하여 둥근 별과 궤적 표현하기 137
__기본 도구로 별 모양 그린 후 변형하기 139
__사각형을 변형하여 궤적 표현하기 142
LESSON 03 도형을 조합하여 간단한 캐릭터 만들기 145
__사각형을 변형하여 머리 만들기 146
__도형과 반사 도구로 몸통 만들기 148
__고정점을 삭제하여 팔 만들기 152
LESSON 04 일러스트레이터의 핵심, 펜 도구와 패스 다루기 155
__수학적으로 연결되는 패스 이해하기 156
__펜 도구로 직선 및 곡선 그리고 변형하기 158
__직선과 곡선이 연결된 패스 그리기 159
__모퉁이점으로 연결된 2개의 곡선 그리기 160
__패스에 고정점과 방향선 추가/삭제하기 161
__열린 패스에서 이어 그리기 162
LESSON 05 오브젝트를 합치거나 교차하는 패스파인더 166
__자르고 합쳐서 하트 아이콘 만들기 167
__교차 영역을 제외해서 별 아이콘 만들기 169
__여러 개의 오브젝트를 합쳐서 구름 아이콘 완성하기 171
LESSON 06 일정한 간격으로 복제해서 무지개 그리기 174
__정원을 이용하여 무지개 기본 형태 만들기 175
__각 오브젝트 색상 변경하여 무지개 완성하기 178
LESSON 07 변형을 반복 실행하여 시계 만들기 181
__회전 복제를 반복해서 시간 표시 막대 만들기 182
__시계 바늘 표현하여 완성하기 186
LESSON 08 자유로운 형태의 지시선 표현하기 188
__원하는 위치에 화살표 형태로 지시선 그리기 189
__문자 입력하고 모든 지시선 표시하기 194
LESSON 09 원하는 모양을 브러시로 등록해서 활용하기 196
__산포 브러시로 등록할 벚꽃 오브젝트 그리기 196
__산포 브러시로 등록하여 흩뿌리기 202
LESSON 10 같은 모양이 반복되는 패턴 브러시 활용하기 207
__패턴 브러시로 등록할 기본 모양 만들기 208
__패턴 브러시로 등록하고 패턴 그리기 210
LESSON 11 패스를 따라 오브젝트가 펼쳐지는 아트 브러시 215
__아트 브러시로 등록할 리본 모양 만들기 215
__아트 브러시로 등록하고 응용해 보기 217
LESSON 12 면이 채워지는 물방울 브러시로 그린 일러스트 222
__이미지에서 외곽선 따라 면으로 채워진 선 그리기 223
__오브젝트 색상 일괄 변경 후 이미지 파일로 저장하기 229
LESSON 13 이미지 추적 기능으로 사진을 벡터 로고로 만들기 231
__비트맵 이미지 불러온 후 이미지 추적 실행하기 231
__벡터 오브젝트로 로고 완성하기 236
LESSON 14 라이브 페인트 통 도구로 벡터 오브젝트 채색하기 241
__비트맵 이미지를 벡터로 변환하기 241
__지정한 색으로 클릭한 면 채우기 244
LESSON 15 Recolor Artwork로 다채롭게 색상 변경하기 248
__도형과 지그재그 효과로 엠블럼 디자인하기 250
__문자 입력하여 엠블럼 완성하기 253
__아트워크 색상 변경 기능으로 색 조합 다양하게 변경하기 256
LESSON 16 문자 윤곽선 만들기로 시작하는 캘리그래피 258
__문자 입력 후 리듬감이 느껴지도록 레이아웃 변경하기 258
__문자를 세부적으로 변형하여 캘리그래피처럼 표현하기 260
LESSON 17 아치, 부채꼴 등 선택한 형태로 오브젝트 왜곡하기 264
__Warp 기능으로 문자 구부리기 264
__도형 오브젝트 추가하여 레이아웃 완성하기 268
__오브젝트 확장 후 색상 변경하여 타이포그래피 완성하기 271
LESSON 18 원하는 형태로 자유롭게 오브젝트 왜곡하기 274
__기준으로 사용할 조각난 하트 오브젝트 만들기 275
__문자를 기준 오브젝트 모양으로 왜곡하기 278
LESSON 19 패턴 기능으로 규칙형 패턴 만들기 281
__패턴 사용을 위한 기본 기능 파악하기 282
__기하학 형태의 패턴 등록하기 287
LESSON 20 클리핑 마스크로 패턴이 채워진 도형 만들기 290
__오브젝트에 적용할 반복되는 패턴 만들기 290
__기준 오브젝트 안쪽에서만 표시되는 클리핑 마스크 적용하기 292

[〉CHAPTER 04 일러스트레이터 활용 백과〈]
LESSON 01 비규칙적인 배치로 자연스러운 패턴 만들기 298
__패턴 등록을 위한 견본 오브젝트 디자인하기 298
__패턴 등록 및 적용하기 300
LESSON 02 심볼 분무기 기능으로 별이 가득한 밤하늘 만들기 303
__자유형 그레이디언트로 밤하늘 표현하기 303
__사각형을 변형하여 별 모양을 만들고 심볼로 등록하기 306
__심볼로 등록한 오브젝트를 스프레이처럼 뿌려서 배치하기 309
__그래픽 스타일 등록 및 적용하기 312
LESSON 03 도형 구성 도구로 그리드 시스템 로고 만들기 314
__도형 구성 도구 기본 사용 방법 익히기 314
__그리드 시스템을 활용한 로고 만들기 318
LESSON 04 원하는 글꼴로 나만의 디지털 낙관 만들기 321
__도형과 글꼴을 변형하여 낙관 만들기 321
__아트보드 크기를 조절한 후 png 파일로 저장하기 326
LESSON 05 빈티지한 느낌의 관광지 스탬프 만들기 329
__사진을 배경으로 사용하여 일러스트 그리기 329
__일러스트를 활용하여 스탬프 형태로 배치하기 332
__얼룩덜룩 빈티지 효과 333
LESSON 06 블렌드 기능으로 우표 일러스트 완성하기 337
__블렌드 기능으로 중간 단계를 채워서 우표 틀 만들기 337
__색상 혼합 기능으로 우표 일러스트 꾸미기 343
LESSON 07 블렌드 기능으로 입체 느낌의 타이포그래피 완성하기 346
__블렌드 기능으로 입체감 표현하기 346
__색상을 변경하여 입체감 극대화하기 350
LESSON 08 변형 효과로 입체 그림자 표현하기 354
__긴 그림자 표현 후 그래픽 스타일로 등록하기 354
__긴 그림자 스타일 적용하여 입체적으로 표현하기 356
LESSON 09 흐림 효과를 적용하여 네온사인처럼 표현하기 361
__네온사인 표현을 위한 흐림 효과 적용하기 361
__네온사인 스타일로 완성하고 색상을 변경하여 꾸미기 365
LESSON 10 멀티 라인 레터링 표현하기 368
__원하는 모양으로 레터링 뼈대 만들기 368
__여러 획으로 구성된 멀티 라인 레터링으로 변형하기 372
LESSON 11 마스킹 테이프 모양으로 패턴 브러시 등록하기 376
__마스킹 테이프를 표현할 견본 디자인하기 376
__패턴 브러시로 등록 및 시작과 끝 타일 변경하기 378
LESSON 12 수채화 느낌의 아트 브러시 만들기 381
__비트맵 이미지를 활용하여 아트 브러시 등록하기 381
__벡터 이미지를 활용하여 아트 브러시 등록하기 385
LESSON 13 산포 브러시로 이미지에 질감 효과 추가하기 390
__도형 오브젝트로 알갱이 입자 표현하고 브러시로 등록하기 390
__이미지에 덧칠하여 질감 표현하기 394
LESSON 14 오브젝트를 3D 오브젝트로 변경하기 397
__새로운 3D 기능 적용하기 398
__문자를 활용하여 배경 꾸미기 405
LESSON 15 디자인을 실물에 적용해 보는 목업 만들기 409
__도형을 이용한 스마트폰 목업 만들기 409
__오브젝트 마스크 기능으로 반사 효과 표현하기 413
__목업을 배치할 페이지 디자인하기 417

[〉CHAPTER 05 실무에서 진짜 쓰는 일러스트레이터 디자인〈]
LESSON 01 브랜딩의 시작, 로고 디자인 424
__그리드 활용하여 심볼 스케치 따라 그리기 424
__도형 구성 도구를 활용하여 그리드에서 면 추출하기 428
__패스를 따라 흐르는 문자 입력하기 430
LESSON 02 로고를 활용한 깔끔한 명함 디자인 434
__꼭 필요한 정보만 담은 양면 명함 디자인하기 434
__명함 제작 의뢰를 위한 인쇄용 파일 만들기 440
LESSON 03 입간판으로 사용할 엑스 배너 디자인 445
__기본 레이아웃 디자인하기 446
__심볼과 도형을 활용하여 배너 꾸미기 449
LESSON 04 단순하지만 명료한 A4 크기 메뉴판 디자인 452
__메뉴 정보 변경을 고려한 메뉴판 템플릿 만들기 453
__실제 메뉴 내용으로 변경 후 디자인을 더해서 메뉴판 완성하기 458
LESSON 05 매장을 꾸며 줄 포스터 디자인 464
__디자인 통일성을 유지하면서 기본 오브젝트 배치하기 465
__메인 오브젝트를 강조하고, 디자인 요소를 추가하여 완성하기 468

출판사 서평

꼭 필요한 필수 기능 위주로 배운다
일러스트레이터를 포함한 어도비 프로그램은 매년 지속적으로 새로운 기능을 업데이트한다. 하지만, 그런 신기능들의 사용성은 그다지 높지 않다는 것이 현업 디자이너들의 이야기다. 그렇다면 무엇을 배워야 할까? 막상 실무에 투입되면 주로 사용하는 기능은 몇 가지로 정해져 있다. 이 책은 저자의 오랜 강의와 실무 경험을 바탕으로 실제 디자인에 꼭 필요한 필수 기능을 실습 형태로 배울 수 있다.

완성형 프로젝트로 실습한다
챕터 1, 2에서 디자인 기본 소양과 일러스트레이터 기본 인터페이스를 익힌 후에는 바로 실무 실습을 진행한다. 일러스트레이터의 주요 용도가 디자인 소스를 만드는 것인 만큼 대부분의 예제는 빈 아트보드부터 시작한다. 챕터 3, 4를 거치면서 점점 난도 높은 디자인을 완성하다 보면 일러스트레이터 실력 향상과 함께 성취감도 맛볼 수 있을 것이다.

로고 디자인 & 브랜드 디자인까지 체험해 본다
일러스트레이터를 활용한 디자인 작업의 정수는 브랜드 디자인이라고 할 수 있다. 다양한 완성형 프로젝트로 일러스트레이터 실력을 쌓았다면 마지막으로 가상의 로고를 직접 디자인해 보고, 로고를 이용해 명함부터 배너, 포스터까지 다양한 브랜드 디자인을 체험해 볼 수 있다.

라이브 강의로 다양한 디자인 노하우를 습득한다
다양한 디자인 관련 콘텐츠가 있는 저자의 유튜브 채널에 방문해 보자. 어도비 프로그램 튜토리얼과 해박한 디자인 지식을 얻을 수 있다. 또한, 저자의 라이브 영상으로 예비 디자이너들의 포트폴리오 피드백과 책을 바탕으로 한 동영상 강의까지 예비 또는 신입 디자이너를 위한 풍성한 콘텐츠가 준비되어 있다.

이 책의 대상 독자
포토샵은 조금 하지만 일러스트레이터는 아직 초보인 예비 디자이너
디자이너로 취업했으나 실무가 부족한 신입 디자이너
일러스트레이터 사용 방법은 알지만, 디자인 작업은 서툰 디자이너
간단한 배너나 포스터 등을 직접 디자인하고 싶은 소상공인
일러스트레이터로 나만의 캐릭터를 만들고 싶은 일반인

작가정보

저자(글) 우디(서영열)

수년간 디자인 에이전시, 인하우스, 직업 학교 등을 거치며 가르치는 즐거움에 흠뻑 빠졌다. 공평한 교육을 위한 교육자의 길을 목표로 어도비, 네이버 등 여러 교육 기관 및 기업에서 꾸준하게 강의를 진행하고 있으며, 세계 최대 크리에이티브 행사인 Adobe MAX Insider 한국 대표로도 선정되었다. 프리랜서 그래픽 디자이너이자 포토샵, 일러스트레이터, 프리미어 프로 등 디자인 튜토리얼을 소개하는 ‘롤스토리디자인연구소’ 유튜브 채널의 크리에이터로도 활동하고 있다.
[유튜브] https://www.youtube.com/@rollstory