Векторная графика для дизайнеров

Вон Гличка

Векторная графика  
для дизайнеров

SECOND EDITION

Москва, 2020

УДК77.02:004.92
ББК85.16с515
Г54

ВонГличка
Г54Векторнаяграфикадлядизайнеров /пер. с англ.М. А. Райтмана. –М.:ДМКПресс,2020. –272 с.:ил.ISBN978-5-97060-882-1

Дажееслидизайнервсовершенствевладееттехническимиприемамиработыскомпьютернойграфикой,нужныпродуманнаяконцепцияичувствостиля,чтобыграмотновоплотитьтворческийзамысел.Вон Гличка,признанныйспециалиствобластидизайна,делитсясекретамимастерства,рассказываяометодахподготовкикачественныхвекторныхизображений.Прочитавкнигу,вынаучитесьудобнонастраиватьрабочуюсреду,создаватьизящныекривыеиточныеопорныеточки,раскрашиватьизображенияидобавлятьдетали,использоватьразнообразныеэффекты.Советыавтораизложенывлегкойдоступнойманере;оннедаетжесткихправил,предоставляячитателюширокуюсвободувыбораспособовработы.
Изданиепредназначенодлятех,ктоужезнакомсбазовымифункциямииинструментамивекторныхграфическихредакторовихочетрасширитьдиапазонсвоихнавыков.
Книгапроиллюстрированамногочисленнымипримерами.Файлыизображенийдоступныдляскачивания.

УДК77.02:004.92
ББК85.16с515

AuthorizedtranslationfromtheEnglishlanguageedition,entitledVECTORBASICTRAINING:ASYSTEMATICCREATIVEPROCESSFORBUILDINGPRECISIONVECTORARTWORK,2ndEditionbyVONGLITSCHKA,publishedbyPearsonEducation,Inc,publishingasNewRiders,Copyright©2016

Всеправазащищены.Любаячастьэтойкнигине можетбытьвоспроизведенав какойбытонибылоформеи какимибытонибылосредствамибезписьменногоразрешениявладельцевавторскихправ.

ISBN(анг.)978-0-134-17673-4©2016byGlitschkaStudios
ISBN(рус.)978-5-97060-882-1©Оформление,издание,перевод,ДМКПресс,2020

Моим замечательным дочерям Саванне и Алиссе. Вы обе временами становитесь для меня уникальным и веселым источником 
вдохновения. Я люблю, когда вы меня смешите, а видеть, как 
вы пробуете свои силы в творчестве, – для меня удовольствие. 
Я так сильно люблю вас обеих. И наблюдая, как вы, вырастая, 
превращаетесь в заботливых и прекрасных женщин, я понимаю, 
что вы – лучшее творение, к созданию которого я причастен. 

–Папа

А где фАйлы примеров?

Отдельныепроектысопровождаютсяфайламис иллюстрациями.Открывэтифайлы,высможетепросмотретьвсеэскизы,опорныеточки,фигуры,слои,цветовыепалитры,градиентыи детали,применявшиесядлясозданияокончательныхиллюстраций.
Есливывидителюбойизэтихзначков,значит,к иллюстрациив книгеприлагаетсясоответствующийфайлс изображением,которыйможноскачать.Большинствоизних –файлыпрограммыAdobeIllustratorв формате.ai,ноестьи несколькофайловпрограммыAdobePhotoshopв формате.psd.

Скачивание файлов примеров
Сопутствующиекнигефайлыпримеровможноскачатьс сайтаиздательствапоссылкеhttps://dmkpress.com.

Преждевсегоя хотелбыпоблагодаритьмоюженуРебекку.Ее пониманиеи поддержкамоейработывсеэтигоды –этообразецзаботы,терпенияи мудрости.У меняушломноговременинанаписаниекнигии разработкуиллюстрацийк ней.Бессчетноечислоразя засиживалсядопоздна,компилируяматериал,а онатерпеливоподдерживаламенянакаждомэтапе.Люблютебя,Бекки!РецензентиздательстваPeachpitНиккиЭчлерМакДональдумеетмягкоубеждать,ноприэтомне даетспуску.Онаподбадривалаи поддерживаламенявовремянаписаниякниги.Крометого,онавыслушиваламоисомнения,предлагаларешенияи помогалавзглянутьнапроблемуподдругимуглом.Я оченьдоволенконечнымрезультатом.Спасибо,чтобылатерпеливасомной,Никки.
Яхорошоумеюсоздаватьи передаватьграфическиеи текстовыеистории,ноприэтоммоизнанияграмматикиоставляютжелатьлучшего.На урокахмистераПарсонав старшейшколея неслушал,а рисовал.Поэтомуя оченьблагодарен,чтоу меняестьтакойредактор,какМаргаретАндерсон,котораяпревращаетмойбестолковыйтекств стройноеповествованиеи исправляетслучаинеправильногоупотребленияпрофессиональныхтерминов.Спасибо,чтозаставляешьмоисловазвучатьгораздоумнее,чемв реальнойжизни,Маргарет.
ТехническийредакторкнигиМоникаГауззнаетпрограммуIllustratorлучше,чеммнекогда-либоудастсяееосвоить.Еслиу менявозникаютвопросы,я знаю,чтоонасможетнанихот
ветить.И поэтомуя хотел,чтобыонабылатехническимредакторомкниги.Крометого,онаумная,веселаяи говоритс милымнемецкимакцентом.
ЯблагодаренвсемчленамкомандыиздательстваPeachpit,в томчислередакторупопроизводствуТрейсиКруми дизайнеруКимуСкотту:вашрабочийпроцесснастолькохорошопродуман,чтосовместнаяработастановитсяпростойи четкой.Какчеловекс обсессивно-компульсивнымсиндромом,я этооценил.Спасибо.
ИздательствоPeachpitпубликуетмножествокниг,включаяданную,в США,поэтомуя могус полнойуверенностьюсказать,чтомоякнигаСДЕЛАНАВ США.
Спасибомоимколлегам-дизайнерам,с которымия делилсямыслями,работаянадкнигой(высамизнаете,о комя).Спасибозаактивнуюобратнуюсвязьи предложенияв критическиемоменты.Этопомогаломнесправлятьсяс трудностямии продолжатьработунадпроектом.
Благодарювсех,ктоследитзамоейработойв Twitter,Facebookилинамоемсайте.Всеэтигодывычиталимоимногочисленныежалобынапроблемыпринаписаниикнигии гневныетирады.
Спасибозапонимание,зато,чтосоглашалисьсомной,делилисьсвоимипроблемами,смеялисьвместесомнойи надомной,отписывались,делилисьмоимитвитами,отправлялимоиссылкидрузьямилиразмещалиедкиекомментарии,советуямнеостыть.Моякнигадлявас.Такчтопрекращайтечитатьэтуерундуи погружайтесьв настоящийтекст.Кыш!

Благодарности

Об авторе

ВонГличка(VonGlitschka) –главакомпанииGlitschkaStudios,проработалв сфереискусствакоммуникацииболее28лет.Егоработа –этосочетаниедизайнаи иллюстрации.В еготворческомарсеналеимеютсянавыки,необходимыедляобеихпрофессий,и этовдохновилоегопридуматьтермини должность«дизайнер-иллюстратор».
GlitschkaStudios –узкоспециализированнаядизайнерскаякомпания,находящаясянаТихоокеанскомСеверо-Западе.Их многочисленныеразнообразныеиллюстрациииспользовалисьнекоторымиоченьуважаемымимеждународнымикомпаниями.ВонГличкасотрудничалс рекламнымиагентствами,компаниями,занимающимисядизайном,отделамихудожественногооформлениякрупныхкорпорацийи маленькимифирмами,создаваязахватывающиеиллюстрации.
Егороскошныеиллюстрацииполучилимножествонаградв областидизайнаи иллюстрацийи появлялисьв такихжурналах,какCommunication Arts,Print,HOW,Society of 
Illustrators,книгахGraphis,American Illustration и LogoLounge.
Гличкавыступалс речьюнамероприятияхнациональногомасштабатаких,какHOWDesignLive,AdobeMAX,TheIllustrationConference(ICON),AIGA,в группахADFED,TEDx,SXSW,школахдизайна,отделаххудожественногооформлениякрупныхкорпорацийи вмаркетинговыхгруппах.
Егопритягательныепрезентациипредставляютсобойсмесьюмора,вдохновения,замечательныхиллюстрацийи качественнойтворческойметодологии.Обычноонпроводитогромноеколичествовременив Twitter,гдеобщается,вступаетв остроумныеперепалкии сыплетсаркастичнымикомментариями.Следитезанимв Twitterнаканале@vonsterилипосетитееговебсайтwww.glitschkastudios.com.

Фото ТимаАдамса

Оглавление

Предисловие от издательства .........................12

Предисловие .......................................................13

Введение .............................................................14

ГЛАВА 1. Кривые Безье: краткая история ....19

Страхматематики...................................................................... 20

Математикаклассная!........................................................... 20

КтопридумалкривыеБезье?.................................................... 21

Семейноедревовекторов...................................................... 21

ЧтотакоекриваяБезье?............................................................. 24

КогдаприменяюткривыеБезье............................................ 25
Прекраснаяирония................................................................ 26

ДИЗАЙНЕРСКАЯПРАКТИКА:завекторнойзавесой....... 27

ГЛАВА 2. Ваше творческое оружие ...............33

Непростыеотношения............................................................... 34
Ключевыеинструментыдля построениявекторов................. 35

Двенадцатьапостоловдизайна............................................. 35
ПлагинVectorScribe................................................................ 41

Настройкарабочейсреды.......................................................... 44

Установки,предпочитаемыемной....................................... 44
Комбинацииклавиши операции.......................................... 46

Перестаньтезановоизобретатьколесо..................................... 50

Создайтеновыйпрофильдокумента................................... 50
Задайтестилиграфикидляпостроенияизображений....... 52
Включите«быстрые»направляющиедляпостроения........ 53
Установитеструктуруслоевдля построенияизображений... 54

ДИЗАЙНЕРСКАЯПРАКТИКА:разборпроектов............... 56

СеньорЧереп.......................................................................... 56
Творческиймонстр................................................................ 59

ГЛАВА 3. Аналоговые методы  
в цифровую эпоху ..............................................63

Нецепляйтесьзаинструменты............................................. 64

Мнеплатятзарисование........................................................... 65
Концепциии идеи...................................................................... 66
Аналоговыеинструменты.......................................................... 67

Утерянноеискусствосозданияминиатюр................................ 67

Чембольше,темлучше.......................................................... 70
Исключениеизправила......................................................... 70

Дорабатывайтесвойрисунок.................................................... 71

Создайтеболеекачественнуюдорожнуюкарту.................. 73
Туда-сюда............................................................................... 76

Систематизированныйи творческий....................................... 80

ДИЗАЙНЕРСКАЯПРАКТИКА: важнаяерунда.................. 85

ГЛАВА 4. Дошли до точки ................................93

О наилучшемположенииточки........................................... 94

Хорошиеопорнаяточкаи контур.............................................. 94
Плохиеопорнаяточкаи контур................................................ 95
Ужасныеопорнаяточкаи контур.............................................. 96
Внимательныйвзгляд................................................................ 98

Векторныйчерныйсписок.................................................... 98

Хорошийпример.......................................................................100

СлаваБогу,чтоестькоманда+Z/+Z...............................103

ДИЗАЙНЕРСКАЯПРАКТИКА:  
скелетывекторныхизображений.............................................104

ГЛАВА 5. Анализ фигур ................................. 109

Методчасов................................................................................110

Тренируйтеум.......................................................................112
ПрименениеМЧ....................................................................115
Подробнеео вращениициферблатачасов..........................118
Построениесложныхфигур.................................................119
Наилучшееположениеточки...............................................122
Расставимточки!...................................................................122
СочетаниеМЧи НПТ.............................................................124
Иньи Яньопорныхточек.....................................................126

Разберемвекторногомонстра..................................................129
Постоянныеулучшения............................................................134

ДИЗАЙНЕРСКАЯПРАКТИКА:замечаемчасы................135

ГЛАВА 6. Способы построения векторов ... 139

Способ«Точказаточкой»..........................................................141

Пооднойточкезараз...........................................................141
Тщательноотмеряйтерасстояние.......................................146
Способ«Построениефигур».................................................148

Оглавление

Когдаи какойспособприменять.........................................151
Расходныефигуры................................................................154

ПлагинVectorScribe...................................................................156

Удалителишниеточки..........................................................156
«Умное»удаление..................................................................157

Измногихпостроенное............................................................159

Разделениеиллюстрацииначасти......................................159

Симметрия –вашдруг...............................................................162
Эффективныйтворческийпроцесс..........................................168

ДИЗАЙНЕРСКАЯПРАКТИКА: быстрои легко.................169

ГЛАВА 7. Подходящий стиль ........................ 173

Хамелеоныдизайна...................................................................174

Стиль«линейнаяиллюстрация»..........................................176
Сегментированныйстиль.....................................................180
Стильплеменныхтатуировок..............................................184
Стиль«графика»....................................................................187

ДИЗАЙНЕРСКАЯПРАКТИКА:используйте,а топропадут.......................................................193

ГЛАВА 8. Сам себе худрук ............................ 195

Эффектсвежеговзгляда............................................................196
Вашвнутреннийхудрук............................................................199
Избегайтевизуальногонапряжения........................................201

Признайтеприсутствиевизуальногонапряжения.............202

Творитьв полнуюсилу..............................................................206

ДИЗАЙНЕРСКАЯПРАКТИКА: поторопитесь..................207

ГЛАВА 9. Основы раскрашивания 
и прорисовки деталей .................................... 215

Каксветвлияетнацвет.............................................................216

Источникчистогобелогосвета............................................216
Источниктеплогоилихолодногосвета...............................216
Использованиесемействаоттенков....................................217

Иерархияцветаи деталей.........................................................217

Какупроститьпроцессраскрашивания..............................218

Построениеосвещенияи теней................................................220

Затенениечернымцветом...................................................220
Затенениес помощьюсемействоттенков..........................220
Освещениес помощьюбелогоцвета...................................221
Использованиесемействоттенковдляосвещения............221
Сравнениеиспользованиядругихцветов...........................222

Использованиеналоженияградиентаи режимовналожения...............................................................223

Какдобитьсязахватывающегорезультата..........................223

Глубокиетении блики...............................................................227

Глубокиетени........................................................................227
Блики......................................................................................227

Добавлениебликовс помощьюрадиальных