4

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

–Папа

А где фАйлы примеров?Отдельные проекты сопровождаются файлами с  иллю-страциями.Открывэтифайлы,высможетепросмотретьвсеэскизы,опорныеточки,фигуры,слои,цветовыепали-тры, градиентыи детали,применявшиесядлясозданияокончательныхиллюстраций.

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

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

Преждевсегоя хотелбыпоблагодаритьмоюженуРебекку.Ее пониманиеи под-держкамоейработывсеэтигоды –этообразец заботы,терпенияи мудрости.У меняушломноговременинанапи-саниекнигии разработкуиллюстрацийк ней.Бессчетноечислоразя  засижи-валсядопоздна,компилируяматериал,а онатерпеливоподдерживаламенянакаждомэтапе.Люблютебя,Бекки!

Рецензент издательства PeachpitНиккиЭчлерМакДональдумеетмягкоубеждать, нопри этомне дает спуску.Она подбадривала и  поддерживаламенявовремянаписаниякниги.Крометого, она выслушиваламои сомнения,предлагаларешенияи помогалавзгля-нуть на проблему под другим углом.Я  очень доволен конечным результа-том. Спасибо, что была терпелива сомной,Никки.

Яхорошоумеюсоздаватьи переда-ватьграфическиеи текстовыеистории,но при этом мои знания грамматикиоставляют желать лучшего. На  урокахмистераПарсонав старшейшколея неслушал, а  рисовал. Поэтому я  оченьблагодарен, что у меня есть такой ре-дактор, как Маргарет Андерсон, кото-раяпревращаетмойбестолковыйтекств стройноеповествованиеи исправля-етслучаинеправильногоупотребленияпрофессиональных терминов. Спаси-бо,чтозаставляешьмоисловазвучатьгораздоумнее,чемв реальнойжизни,Маргарет.

Технический редактор книги Мо-ника Гауз знает программу Illustratorлучше, чеммне когда-либо удастся ееосвоить.Еслиу менявозникаютвопро-сы,я  знаю,чтоонасможетнанихот-

ветить. И  поэтому я  хотел, чтобы онабыла техническим редактором книги.Крометого,онаумная,веселаяи гово-ритс милымнемецкимакцентом.

Я благодарен всемчленам командыиздательстваPeachpit, в томчислере-дакторупопроизводствуТрейсиКруми дизайнеруКимуСкотту:вашрабочийпроцесс настолько хорошо продуман,чтосовместнаяработастановитсяпро-стойи четкой.Какчеловекс обсессив-но-компульсивным синдромом, я  этооценил.Спасибо.

Издательство Peachpit публику-ет множество книг, включая данную,в  США, поэтому я  могу с  полной уве-ренностьюсказать,чтомоякнигаСДЕ-ЛАНАВ США.

Спасибо моим коллегам-дизайне-рам, с  которыми я  делился мыслями,работая над книгой (вы сами знаете,о  ком я). Спасибо за активную обрат-ную связь и  предложения в  крити-ческие моменты. Это помогало мнесправляться с  трудностями и  продол-жатьработунадпроектом.

Благодарю всех, кто следит за моейработойв Twitter,Facebookилинамоемсайте.Всеэтигодывычиталимоимно-гочисленныежалобынапроблемыпринаписаниикнигии гневныетирады.

Спасибозапонимание,зато,чтосо-глашались со мной, делились своимипроблемами,смеялисьвместесомнойи  надо мной, отписывались, делилисьмоимитвитами,отправлялимоиссыл-кидрузьямилиразмещалиедкиеком-ментарии, советуя мне остыть. Моякнига для вас. Так что прекращайтечитатьэтуерундуи погружайтесьв на-стоящийтекст.Кыш!

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

Об авторе

Вон Гличка (Von Glitschka)  – глава компании GlitschkaStudios, проработал в  сфере искусства коммуникацииболее 28 лет. Его работа – это сочетание дизайна и  ил-люстрации.В еготворческомарсеналеимеютсянавыки,необходимыедляобеихпрофессий,и этовдохновилоегопридуматьтермини должность«дизайнер-иллюстратор».

Glitschka Studios  – узкоспециализированная дизай-нерская компания, находящаяся на Тихоокеанском Се-веро-Западе.Их многочисленныеразнообразныеиллю-страциииспользовалисьнекоторымиоченьуважаемымимеждународнымикомпаниями.ВонГличкасотрудничалс  рекламными агентствами, компаниями, занимающи-мисядизайном,отделамихудожественногооформлениякрупныхкорпорацийи маленькимифирмами,создаваязахватывающиеиллюстрации.

Его роскошныеиллюстрацииполучилимножествона-градв областидизайнаи иллюстрацийи появлялисьв та-кихжурналах,как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

ГЛАВА 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

10 Оглавление

Удалителишниеточки..........................................................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

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

Упорядоченныйхаос.............................................................229Внешнееи внутреннеесвечение,а такжеэффектразмытияпоГауссу....................................................................232

Оглавление 1110 Оглавление

Применениевнутреннегосвечения....................................232Применениевнешнегосвечения.........................................232ПрименениеразмытияпоГауссу.........................................233Неограниченныевозможностидля творчества..................234

ДИЗАЙНЕРСКАЯПРАКТИКА:применениеэффектовдлядобавлениядеталейк иллюстрации..................................235

ГЛАВА 10. Полезные творческие привычки .......................................................... 241Папкидлязарисовок.................................................................243Слои –вашидрузья....................................................................246

Какне оказатьсяв подвале...................................................253Сочетаниеметодовпостроенияс наложениемслоев.......254

Цветаи названияфайлов..........................................................258Типичнаяпапкапроекта......................................................260

Последнее,ноне менееважное................................................262ДИЗАЙНЕРСКАЯПРАКТИКА:перваядесятка................263

Предметный указатель .................................. 273

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

Отзывы и пожеланияМывсегдарадыотзывамнашихчитателей.Расскажитенам,чтовыду-маетеобэтойкниге –чтопонравилосьили,можетбыть,не понрави-лось.Отзывыважныдлянас,чтобывыпускатькниги,которыебудутдлявасмаксимальнополезны.

Выможете написать отзыв прямо на нашем сайтеwww.dmkpress.com,зайдянастраницукниги,и оставитькомментарийв разделе«От-зывыи  рецензии». Такжеможнопослатьписьмо главному редакторупоадресуdmkpress@gmail.com,приэтомнапишитеназваниекнигив темеписьма.

Еслиестьтема,в которойвыквалифицированы,и вызаинтересованыв написанииновойкниги,заполнитеформунанашемсайтепоадресуhttp://dmkpress.com/authors/publish_book/илинапишитев издатель-ствопоадресуdmkpress@gmail.com.

Список опечатокХотямыприняливсевозможныемерыдлятого,чтобыудостоверитьсяв качественашихтекстов,ошибкивсеравнослучаются.Есливынайдетеошибкув однойизнашихкниг –возможно,ошибкув текстеилив коде, –мыбудемоченьблагодарны,есливысообщитенамо ней.Сделавэто,выизбавитедругихчитателейотрасстройстви поможетенамулучшитьпоследующиеверсииэтойкниги.

Есливынайдетекакие-либоошибкив коде,пожалуйста,сообщитео нихглавномуредакторупоадресуdmkpress@gmail.com,и мыис-правимэтов следующихтиражах.

Нарушение авторских правПиратствов интернетепо-прежнемуостаетсянасущнойпроблемой.Из-дательство«ДМКПресс»оченьсерьезноотноситсяк вопросамзащитыавторскихправи лицензирования.Есливыстолкнетесьв интернетес не-законновыполненнойкопиейлюбойнашейкниги,пожалуйста,сообщи-тенамадрескопиииливеб-сайта,чтобымымоглиприменитьсанкции.

Пожалуйста, свяжитесь с  нами по адресу электронной почтыdmkpress@gmail.comсоссылкойнаподозрительныематериалы.

Мывысокоценимлюбуюпомощьпозащитенашихавторов,помо-гающуюнампредоставлятьвамкачественныематериалы.

Введение

обучение основАм векторной грАфикиДизайнерычастоспрашивают,какмнеудаетсясоздаватьтакуюкрасивуювекторнуюграфику.Задаваяэтотвопрос,людиимеютв видуне конкретныйарт-проектилииллю-страцию.Онихотятзнать,какя создаютакиеаккуратныеизображенияв векторномформате.

Правдав том,чтомногимдизайнерам –неважно,сту-денты они или умудренные опытом профессионалы  –тяжело создавать аккуратные векторныефигуры.Я  самс этиммучился.Иногдамнетребуетсянайтистарыефай-лырисунковв личномархиве,и когдая ихоткрываю,томорщусь и  думаю: «Почему я  так его нарисовал?» или«Этожеможнобылонарисоватьгораздолучше».

Сутьв том,чтонамвсеместьк чемустремиться.В «Обучении основам векторной графики» подробно

представленмой процесс творчества и  подход к  созда-ниювекторнойграфики.Описанныев этойкнигемето-ды(заисключениемплагинов,о которыхрассказываетсяв главе 2)я быназвалне признающимиприложений.Вамне нужныопределенноепрограммноеоборудованиеилиеговерсии,потомучтоэтиосновныеспособысозданияграфики можно применить в  любом приложении длявекторной графики: Adobe Illustrator, Affinity Designer,CorelDRAWилидажеInkscape.

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

В демонстрациях я  буду пользоваться программойAdobeIllustrator –именнов нейя предпочитаюработатьс векторнойграфикой.

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

14

женияхи хотитеусовершенствоватьсвоинавыкисозда-нияболееаккуратныхвекторныхизображений.

У моего творческого процесса есть своя система.Вы можетене согласитьсясовсем,чтоя скажу,носовре-менем,применивмоиметодыв собственномтворчестве,выостанетесьдовольнырезультатом.

почему дизАйнерАм стоит рисовАть эскизыДа,этокнигао способахсозданиявекторнойграфики,ноеетворческуюосновусоставляютбазовыенавыкирисо-вания.Я постоянноэтоподчеркиваю,потомучтоубеж-денв ихзначимостидлятворческогопроцесса.

Вдетствемывсесвободнои судовольствиемрисова-ли картинки. На  наших первых кое-как нарисованныхавтопортретахрукии ногиторчалиизголовыподсума-сшедшимиуглами.Становясьстарше,многиеизваспро-должалирисовать,и этастрастьк творчеству –вероятно,однаизглавныхпричин,почемувытеперьзанимаетесьграфическимискусством.

Однако некоторые забросили рисование и  преврати-лисьв дизайнеров,которыене умеютрисоватьилипро-сто этого не  делают. Это неприемлемо. Если вы будетерисовать ежедневно, через пять лет вы определенноне подумаете:«Лучшебыя никогдане возвращалсяк ри-сованию.Теперьмоидизайнерскиеработысталихуже».Вашитворческиеспособноститолькоулучшатся,есливывключитев процессрисование.Практическаяпользари-сованиябудеточевидна,к томужеэтооченьвесело.

Нужнозаметить,что,когдая говорю«рисование»,я неимеюв виду,чтовседолжныстановитьсяполноценнымииллюстраторами. Умение рисовать позволит вам визу-альновоплотитьвозникающиев воображенииидеи.Чембольшевыбудетерисовать,темлучшесможетевыявлятьи эффективноприменятьидеи,а такжерасширятьсвойтворческийпотенциал.Объединитеулучшенныенавыкирисования со способами создания векторной графики,описаннымив книге,и выопределенносможетесозда-ватьболеекачественныеи аккуратныеизображения.

Сделавэто,выстанететеми,когоя называю«рисую-щийдизайнер».И этооченьхорошо,потомучторисова-ние –лучшийдругдизайнера.

Цифровые и аналоговыеНесмотря на то что в  нашей сфере деятельности в  ос-новномиспользуютсяцифровыеизображения,идеивсе

Процесс мастера ставит 1514

равнолучшеразрабатыватьв аналоговойформе.Всегдаследуетпрорабатыватьидеи,визуализируясвоиизыска-ния на бумаге, и  только потом садиться за компьютер.Неспособностьсделатьэто –основнаяпричина,почемумногим дизайнерам трудно создавать векторные изо-бражения.Есливыне можететочнонарисоватьжелаемоенабумаге,вами накомпьютереэтоне удастся.Строитьвекторные изображения до того, как вы определились,чтоименнонужносоздать, –бесполезноезанятие.В этойкниге я  покажу, как применять в  творческом процессеспособыработыне толькос цифровыми,нои саналого-вымиизображениями.Вы узнаете,какработатьв обеихплоскостяхи создаватьэффективныеи аккуратныевек-торныеизображения.

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

Проверенныенапрактикеспособыи процессысозда-нияграфики,описанныев книге,помогутвамчеткопо-нять,какправильнорасставитьнужноеколичествоопор-ныхточекналюбомрисунке.Конечныйрезультат?Почтивсегдааккуратнаявекторнаяграфика.

процесс мАстерА стАвитВы слышали поговорку: «Опыт мастера ставит». Одна-коя возражу,чтоприсозданиивекторныхизображенийпроцессдолженбытьчеткимс самогоначала.Некоррект-ныйилинебрежныйтворческийпроцессмешаетреали-зоватьвашпотенциалдизайнера.Хужетого,современемвыутратитеспособностьсоздаватьвысококачественныевекторныеизображения.

Я считаю, что в  нашем случае будет точнее сказать:«Процессмастераставит».Этакнигапоможетваморга-низоватьуспешныйтворческийпроцесс,которыйможнобудетприменятьв работенадлюбымипроектами,и  современемвашитворческиеспособностиразовьютсяна-столько, что вы будете постоянно создавать добротныеизображения.

Файлы, сопровождающие эту книгуКогданастраницеприсутствуетзначокс указаниемфор-матафайлаAI или PSD, это значит, чтодляматериала,обсуждаемогонаданнойстранице,естьвекторныйфайл

16 Процесс мастера ставит

ресурсов (или файл Adobe Photoshop со слоями), и  егоможноскачать.И сновавыможетеизучатьихкакхотите.

Чтобыполучитьдоступк файлам,посетитесайтизда-тельствапоадресуhttps://dmkpress.com.

Не будьте дизайнозавромНичто так не  замедляет мою работу, как непредвиден-ныеошибкив программномобеспеченииилипроблемас компьютером.Я частозадаюсьвопросом,чтоделалибыпредставителидругихпрофессий,еслибысталкивалисьс  теми проблемами, которые нам приходится решатьпостоянно.Представьте, что строитель, сдаваяназаднагрузовике,переезжаетсвойпоясс инструментами,и егомолотокиз-заэтогоразламываетсяне двечасти.Он идетв местныймагазинхозтоваровзановыммолотком.А за-темвозвращается,чтобызакончитьработу,но,когдаонпытаетсязабитьгвоздьновыммолотком,тоткоситвпра-во,и онпопадаетне погвоздю,а подоске.Ой-ой,кажется,новыймолотокнесовместимс гвоздямистаройверсии.

Знаю,звучитглупо,нос подобнойситуациейнам,ди-зайнерам,приходитсясталкиватьсякаждыйдень.

Нашасферадеятельностиболеедругихподверженаиз-менениям,потомучтотехнологии,с которымимырабо-таем,постоянноразвиваются.Иногдапростоневозмож-ноуспетьзавсеминововведениями,ноэтонеобходимо,чтобыоставатьсятворческивостребованнымсредидру-гихдизайнеров.

Творческийпроцессдолженбытьдостаточногибким,чтобы вбирать в  себя новые технологии, методы и  ин-струменты,способныеповыситьпроизводительность,ноприэтомне понизитьэффективность.

Хороший пример  – рисование стилусом на iPad илипланшетном компьютере вместо карандаша и  бумаги.Вы  применяете те же творческие навыки, но при этомможетевоспользоватьсяпреимуществамиработыс циф-ровымиизображениями.

В этой книге нет описаний всех возможных инстру-ментов для создания векторных изображений в  AdobeIllustrator,ноонапознакомитвасс простыми понятнымтворческим процессом, который можно применять длясозданиявысококачественныхдизайнерскихработнеза-висимооттого,какимвекторнымграфическимредакто-ромвыпользуетесь.

Попутноя расскажуо дополнительныхинструментахи техниках,облегчающихпостроениеотдельныхвектор-ныхизображений.Мояметодологияможетзаставитьвасвыйтииззонытворческогокомфорта,но,не желаяадап-

Процесс мастера ставит 1716 Процесс мастера ставит

тироватьсяк новымспособами не стремясьпостоянноулучшать свои навыки дизайнера, вы рискуете превра-титьсяв дизайнозавра,а вашикогда-топередовыеработыбудутнапоминатьстарыерисунки.

Поэтому не  переставайте развивать свой творческийпотенциал.Потратьтевремяначтениеэтойкниги,и выузнаете, как организовать творческий процесс, чтобызначительноулучшитьсвоивекторныетворения.

ПОЛЕВЫЕ ЗАМЕТКИ

Систематизация творческого процесса

Чтобы создать работу, которая удовлетворит кли-ентов и будет для них эффективной, приступая к любому дизайнерскому про-екту, важно сначала составить план творческой работы. Поэтому я делю про-цесс творчества на конкретные этапы:1. Провести

исследование.2. Выбрать стиль.3. Нарисовать мини-

атюрные эскизы.4. Скорректировать

наброски.5. Нарисовать

изображение.6. Добавить финаль-

ные штрихи.«Обучение основам векторной графики» послужит путеводи-телем к творческому совершенству. В книге раскрыты все эти этапы и еще много всего, так что вы будете лучше подго-товлены к тому, чтобы начать стро-ить собственные изображения, совер-шенствовать навыки и развиваться.

19

Глава 1

Кривые Безье: краткая история

Когдая пошелв первыйклассначальнойшко-лы имени Лидии Хок, нашей учительнице,миссис Джеркинс, оставалось доработать допенсии всего один год. Оглядываясь назад,я  понимаю, что она была злобной брюзгой,которую следовало отправить на заслужен-ныйотдыхнамногораньше.Крометого,онабыла очень похожа на церковную даму изюмористического шоу «Субботним вечеромв прямомэфире».В товремяя,конечно,такне думал.Я считал,чтошколаи должнабытьтакой,ведьмнене с чембылосравнивать.

20 Глава 1

стрАх мАтемАтикиЯпомнютотдень,какбудтоонбылвчера.МиссисДжер-кинсвызваламеняк доскерешатьзадачупоматематике.Какобычно,покая шел,онастояланахмурившисьсбокуотдоски.В  однойрукеонадержаладеревяннуюуказку

с  резиновым наконечником, а  другойсхватиласьзацепочку,свисавшуюс ин-теркома, яростно дернув за которую,онамоглатутжепозвонитьдиректору.

Кажется,целуювечностья стоялв не-скольких дюймах от доски, глядя назадачу и  не имея ни малейшего пред-ставления, как ее решать. Занервни-чав, я  повернулся к  миссис Джеркинси спросил:«Какмнеэтосделать?»

Она сдвинула брови и  сердито стук-нуладеревяннойуказкойподоске:«Ре-шайзадачу,илия звонюдиректору!»

Я знал, что не  смогу ответить пра-вильно.От досадыя заплакал.С техпоря терпетьне могматематику(рис. 1.1).Онаменяпугала.

Математика классная!Напротяжениивсегообученияв школематематикавы-зывалау менястрахи отвращение.Когдая началзаду-мываться о  поступлении в  колледж, то выбрал школуискусств,потомучтомненравилосьискусствои вооду-шевлялаперспективазарабатыватьнажизньрисовани-еми созданиемизображений.Но,честноговоря,я такжедумал:«Вшколеискусствне будетуроковматематики!»

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

Ихотя я  самне  очень хорошоразбираюсь в матема-тике, а  домашние задания дочери за четвертый классставятменяв тупик,математикабольшене пугаетменядосмерти.На самомделея считаюеекласснойнаукой.И неважно,понимаемлимыдоконцадействиематема-

РИС.  1.1. Полагаю, Пи-фагор отругал бы миссис Джеркинс за то, что она создала у меня такое лож-ное впечатление о  мате-матике

Замолчите, миссис

Джеркинс!

Кривые Безье: краткая история 2120 Глава 1

тическихзаконов,я  считаю,мыдолжныв полноймереосознавать, чтоматематикалежитв  основевсехнашихцифровыхиллюстраций.

кто придумАл кривые безье? Яне считаюсебяэкспертомпоисторииматематики,ноя потратилнемалоусилий,чтобыотследитьисториюпо-явления современнойкривойБезье, которая составляетосновулюбойсовременнойпрограммыдлясозданиявек-торной графики.Пониманиеисториине  улучшит вашинавыки рисования или создания векторных изображе-ний,нопозволитоценитьподостоинствуцифровыеин-струменты,которыемывоспринимаемкакданность.

Семейное древо векторовМатематика –этообластьзнания,постоянноразвиваю-щаясяблагодаряизобретательнымумам.Работаодногоученого в  этой области исторически давала толчок дляразвития следующего поколения. Семейное древо век-торов,котороепривелок возникновениюкривыхБезье,стало результатом такого же прогрессивного развитияв работахчетырехключевыхученых.Это:

� Карл Вейерштрасс (1815–1897). Этот немецкийматематик сформулировал теорему Вейерштрас-са,котораяутверждала(в самомобщемплане),чтолюбую функцию или набор точек данных можносмоделировать с  помощью многочлена. Много-член –этоалгебраическоеуравнение,названиеко-торогозвучитжутко,нонасамомделеэтолучшийдруг векторного художника. Достаточно сказать,чтопростыемногочленылегкоизобразитьграфи-чески,таккаконисоздаютгладкиеи непрерывныекривыеилилинии.Звучитзнакомо?

� СергейНатановичБернштейн (1880–1968).Со-ветский математик еврейского происхождения,доказавший теорему Вейерштрасса с  помощьюсобственногомногочленаБернштейна,названногов егочесть.

� Поль де Кастельжо (1930–1999). Французскийфизики математик,работавшийнаавтокомпанию«Ситроен». Кастельжо использовал многочленыБернштейна для создания алгоритма Кастельжо(пошагового решения проблемы)для вычислениякривыхБезье,чтопозволилокомпании«Ситроен»создаватьболеепривлекательныеобтекаемыеси-луэтыавтомобилей(рис. 1.2).

22 Глава 1

� Пьер Безье (1919–1999). Француз, современникПоля де Кастельжо, работавший инженером в  ав-томобильной компании «Рено». Именно он запа-тентовал и  популяризировал применение кривыхБезье в  цифровом контексте благодаря развитиюпрограммногообеспечениясистемCAD/CAM.И по-этомукривыеБезьеназваныв егочесть(рис. 1.3).

До появления кривых Безье в  первых системах CAD/CAM было невозможно создавать плавные кривые.По мересовершенствованиятехнологийв 1970хи 1980хгодахонипоявилисьв графическомредактореIllustrator,а затемв FreeHand.

Лично мне кажется, что о  Кастельжо несправедли-возабываютприупоминаниикривых.В концеконцов,именно он по праву является их изобретателем. Хотяопятьже,«криваядеКастельжо»звучитне такхорошо,как«криваяБезье».

ИпустькривыеБезьерассчитываютсяматематически,но именно дизайнеры вдохнули жизнь в  те уравненияи использовалиихдлясозданиякрасивыхвещей.

И хотя я  считаю, что аналоговые методы, такие какрисование,жизненнонеобходимыдлятворческогопро-цесса, я  не могу представить, как работать без цифро-выхинструментов.Я помешаннакомпьютерах:я люблюмойMacи то,каконпомогаетмнев творческойработе.СледуетпоблагодаритьПьераБезьезато,чтоонперевелкривыеБезьеизаналоговыхв цифровые,сделавихтаки-мижепопулярнымив областидизайнакакчернаяодеж-даилидизайнерскиерамки.

РИС.  1.2. Поль де Ка-стельжо с  помощью кри-вых Безье создал окру-глый дизайн автомобилей для компании «Ситроен»

Кривые Безье: краткая история 2322 Глава 1

РИС. 1.3. Моя иллюстрация Пьера Безье, ака «Французская кривая»

24 Глава 1

что тАкое кривАя безье?ТаккакжевыглядитматематическоеуравнениекривойБезье? Я  попросил БиллаКасселмана (Bill Casselman),профессора математики университета БританскойКолумбии, познакомить нас с  простой кривой Безьеи  скрытыми за ней математическими вычислениями(рис. 1.4).

Наверное, проще научиться говорить на клингон-ском, чем осмыслить, какие математические расчетынеобходимо выполнить для создания кривой Безье.К  счастью, благодаряПьеру Безье намне  нужно этогоделать.Достаточнознать,чтовекторныеизображениясостоятизопорныхточеки контуров,а криваяБезье –этолюбойсегментконтурамеждудвумяопорнымиточ-ками,которыйдолжениметьизогнутуюформу.В одномизображениимогутбытьтысячикривыхБезье,какпо-казанонарис. 1.5.

Говоряещепроще,криваяБезье –этоконтур,которыйможносогнутьс любогокрая,потянувзамаркерыопор-ныхточекналюбомизегоконцов.

РИС. 1.4. Простая кривая Безье и  ее математиче-ское уравнение, создан-ные доктором Биллом Касселманом

Кривые Безье: краткая история 2524 Глава 1

РИС. 1.5. Иронично, что мой портрет Пьера Безье состоит из тысяч кривых Безье

Когда применяют кривые БезьеЕслив вашемвекторномрисункеестьизогнутыелинии,ве-роятнеевсего,дляегосозданиявыпользовалиськривымиБезье.У кривойБезьеизопорныхточекторчатмаркеры.Онинужны,чтобыуправлятьи манипулироватькривымидляприданияимнужнойформы.Чемболееорганичными естественнымдолжновыглядетьизображение,темвышевероятность,чтовампотребуетсяманипулироватькривы-миБезьедляпостроениявекторныхфигур.Безнихневоз-можносоздатьизящныеформы(рис. 1.6).

Сказанное не  означает, что кривые Безье нужно ис-пользоватьв каждомпроекте.Например,есливамнеоб-ходимосоздатьгрубоватоеграфическоеизображениебезплавныхизогнутыхлиний,можнообойтисьтолькоопор-нымиточкамии контурами.Присозданиирис. 1.7я дажене  пользовался маркерами (несмотря на это, обратитевниманиенаполевыезаметкинаследующейстранице).

26 Глава 1

Решение,когдаследуетпользоватьсякривымиБезье,а когда –нет,вомногомзависитоттого,чтовырису-ете. В  главе  6 более подробно описаны сами способы,а такжето,каконимогутпомочьилипомешатьвашемутворчеству.

Прекрасная иронияИспользованиекривыхБезьедляработыс векторнойгра-фикой в  графических редакторах изменило индустриюцифровыхизображений.Теперьс помощьюцифровыхин-струментовможноточно воспроизвестиидеи, нарисован-ныекарандашомнабумаге.А посколькувекторныеизобра-женияне зависятотразрешения,можноменятьихмасштабкакугодно,и этоне отразитсянакачестве.Значит,повторноиспользоватьэтиизображениябудетпроще,чемкогда-либо.

РИС.  1.6. Для создания этой изысканной бук-вы «С» я  работал только с  кривыми Безье и  мар-керами

РИС.  1.7. Для создания этой массивной буквы «С» кривые Безье не  исполь-зовались, так что и марке-ры не понадобились

Кривые Безье: краткая история 2726 Глава 1

Кривые Безье появились благодаря математике, ноименно художники (многие из которых наверняка по-баивалисьматематики)взялиэтикривыенавооружениеи теперьиспользуютдлясозданияфантастическихвизу-альныхисторий.

Это прекрасная ирония, и  потому я  говорю: «Живи,Безье!»

дизАйнерскАя прАктикА:зА векторной зАвесойРаботаяв графическомредактореAdobeIllustrator,можнопереключатьсямеждурежимамиPreview(Иллюстрация)и Outline (Контуры) (сочетаниеклавиш+Yили+Y),чтобыпосмотретьсыройвекторныйнабросок,лежащийв  основе иллюстрации. Переключение в  режимOutline(Контуры) –быстрыйи простойспособувидеть,каккри-выеБезьеделаютвозможнойвекторнуюграфику.

На самом деле в  первой версии программы AdobeIllustratorвсеизображенияможнобылосоздаватьтоль-ков режимеOutline (Контуры).Оценить свойпрогрессможно было, лишь мельком взглянув на изображениев режимеPreview (Иллюстрация).Однакозатемприхо-дилосьвозвращатьсяв режимOutline (Контуры)и про-должатьрисоватьилиредактироватьвекторы.

В режиме Outline (Контуры) изображения не  былисглаженными. Это были просто черно-белые растриро-ванныерисункиконтуров.Такчтоеслиприблизитьизо-бражениеконтура,томожнобылоувидетьнаэкранеот-дельныеточкипикселей,изкоторыхсостоитегоизгиб.

Всеизменилосьс выпускомновойпрограммыдляра-ботыс векторнойграфикойAldusFreeHand.Онапозволя-ласоздаватьизображенияв режимеPreview(Иллюстра-ция),и  это значительнооблегчиловесьпроцесс, сделавегоинтуитивноболеепонятным.В итогеподобныйме-тодработысталприменятьсяи вредактореIllustrator.

Давайтезаглянемзавекторнуюзавесуи изучимкри-выеБезьедвух изображенийизмоего архива проектов(рис. 1.8–1.11).Я выбралих,потомучтоонипредставля-ютсобойдвапроекта, сильноразличающихсяпостилюи  типу. Стили и  типы проектовменяются, но основнаяструктуракривыхБезье,лежащаяв основевсехэтихра-бот, –одинаковая.Длясозданияпроекта,показанногонарис. 1.9,требуетсягораздобольшекривыхБезье,чемдляизображенияв простомстиле,какнарис. 1.11.Чемболь-шефигурнаизображении,тембольшекривыхБезьевампонадобится.

ПОЛЕВЫЕ ЗАМЕТКИ

Фокус с детализацией векторов

Создавая массив-ные изображения, такие как буква «С» на рис. 1.7, можно не использовать кривые Безье, но даже в таких изо-бражениях я бы рекомендовал добавить неболь-шие кривые Безье. Немного изогните линию между опор-ными точками, чтобы она не была абсолютно прямой.Я пользуюсь этим методом для улучшения эсте-тического вида своих дизайнерских работ. Создавая изображения исклю-чительно с помощью компьютера, вы рискуете получить идеальную, слиш-ком симметричную или лишенную сво-еобразия работу. Благодаря тому, что к изображению добавлены мало-заметные кривые Безье, оконча-тельный вариант кажется более есте-ственным и менее компьютеризиро-ванным – более аутентичным, если хотите.

28 Глава 1

РИС. 1.8. Необработанные кривые Безье для иллюстрации под на-званием «Тело и душа». Сложные иллюстрации, подобные этой, со-держат множество векторных фигур и  могут казаться хаотичными в режиме отображения кривых Безье. Однако в реальности все опор-ные точки и контуры находятся на своих местах

Кривые Безье: краткая история 2928 Глава 1

РИС.  1.9. Завершенная иллюстрация «Тело и  душа», созданная в мозаичном стиле, использовалась для очерка в женском журнале о здоровье

30 Глава 1

РИС. 1.10. Чего нет в этом изображении? Ответ: прямых линий. Все необработанные векторные контуры на этой иллюстрации в этни-ческом стиле созданы исключительно с  помощью кривых Безье, создающих элегантные фигуры, благодаря чему узор смотрится гармонично

Кривые Безье: краткая история 3130 Глава 1

РИС. 1.11. Этот узор в этническом стиле использовался в качестве художественного принта, а также на товарах, таких как подушка