В този туториал ще разгледаме една от възможностите на Live Trace на Illustrator, а именно бързото и качествено превръщане на снимка или растерна графика във векторна.
Можете да прочетете и темата за използването на Live Trace като начин за трасиране и оцветяване на скици в комбинация с Live Paint.

Тази функция на програмата съществува във CS2 и CS3 версиите на Илюстратор. По старите версии на програмата нямат Live Trace, но имат инструмент с подобни функции Auto-Trace, който обаче е напълно различен и не е обект на настоящият урок.





1. Начало:
Започваме с отварянето на програмата. Създаваме нов документ.
При CS3 се появява екран, от който можем да избираме какво да правим с Илюстратора.



Изберете print document, размерът не е от значение.
За CS2- от първоначалния екран изберете New Document



Задайте параметри на документа по желание:



Винаги можете да ги промените от менюто:



CS3 версията има предимството на преките пътища към саздаване на подходяща работна среда, но аз съм все още с CS2, така че ще направя упражнението според двойката.

2. Инструментите:
инструментите, които ще използваме по време на Live Trace са следните:



[1] Selection Tool: Това е най-познатия селектиращ инструмент. С него можете да промените големината на пътечките като изтеглите някое от ъгълчетата на квадрата, с който инструмента обгражда селектирания вектор.
[2] Direct Selection Tool: С този инструмент винаги можете да промените траекторията на пътечките, като мърдате някои от точките и.
[3] Pen Tool: това е инструмента, който чертае векторните пътечки.

3. Снимката:
Отворете си снимката, с която ще работите: File> Place и намирате локацията на снимката в компютъра си. Дайте Place
Важно е да отбележим, че най-подходящи са снимки с висок контраст като тази:



Ако обаче искате да трейснете конкретна снимка и тя не е контрастна, винаги можете предварително да я обработите с фотошоп.





4. Live Trace
И така вкарали сме желаната снимка в Илюстратора. Селектирайте я с Selection Tool
От менюто изберете Object > Live Trace > Make или още по лесно: натиснете бутончето Live Trace, което се намира горе в работното ви пространство, върху контролната лента:



Ако ви се появи следното съобщение:



Означава, че работите със снимка с висока резолюция. Можете да намалите размера, за да протече процеса по бързо. Можете и да продължите работа разбира се. Всичко зависи от RAM-a на компютъра ви и от мощността на процесора.

Програмата трасира снимката с параметри по подразбиране:







5. Конфегурация на Live Trace
За да редактирате параметрите на трейсването натиснете малкото бутонче за опциите на Live Trace (горе в ляво на екрана върху контролната лента)
Ще ви се отвори диалоговия прозорец с настройките по подразбиране:



Сега ще разгледаме всеки един от параметрите, за да знаем кое за какво е и да можем да си настроим трасето според нашите изисквания:



[1] Preset това е генерална опция на трасирането, от която можете да започнете да нагласяте настройките според нуждите си.
Тази опция има падащо меню, от което можете да изберете измежду няколкото заложени в програмата готови вида с настройки, според които снимката ви ще изглежда по определен начин.



Например, ако изберете Photo Low Fidelity, снимката ви ще изглежда ето така:



Ако изберете Photo High Fidelity крайният резултат на трасето повече ще прилича на снимка, отколкото на векторна рисунка.



Можете да избирате между скица рисувана на ръка, комикс арт и т.н. според това, което искате да постигнете със снимката си чрез Live Trace

[2] Mode От тази опция можете да определите дали крайният ви резултат ще е черно-бяла, цветна или сива (Grayscale) векторна графика.

[3] Threshold Опцията определя съотношението на черно белите области на снимката при трейсването. Използва се за черно бели снимки
Колкото по висока стойност давате за Threshold толкова по големи ще са черните ви области и обратно
Ако работите със скица увеличаването на този параметър прави черните линии по дебели.

[4] Palette от тук можете да изберете едната от двете възможности- Automatic color или да изберете свои специфични цветове.

[5] Max Colors от тази опция можете да промените максималния брой цветове, които ще използвате при трасирането.

[6] Output to Swatches -изчислява цветовете използвани в палитрата ви.

[7] Blur колкото повече Gaussian blur използвате преди трейсването, толкова повече ръбове ще намира компютъра по време на процеса и съответно крайният ви резултат ще е с повече форми

[8] Resample от тук можете да промените първоначалната резолюция на снимката. Може да увеличите например, ако ще печатате на 300.

[9] Fills/ Strokes Този параметър се използва при обработка на скица или чертеж. Може да избирате измежду едната от двете опции.
При трейсването на снимка не се използва.

[10] Max Stroke Weight колкото по голяма е тази стойност, толкова по вече е запълването т.е. повече детайли се запазват при трасирането.
Този параметър също не се отнася за снимки и е активен, когато сме маркирали Strokes

[10] Min Stroke Length -обратно на горното. Колкото по малка е стойността на този параметър, толкова по вече дребни линии се пропускат при трейсването. Тази опция също не се отнася за снимки и е активна, ако сме избрали Strokes

[11] Path Fitting По ниска стойност за тази опция подържа пътечка с по малко точки. По висока стойност на параметъра подържа по ”богата пътечка”

[12] Minimum Area от тук можете да корегирате малките детайли които ще се трасират

[13] Corner Angle контролира ъглите на фигурите

[14] Ignore White Игнорира бялото в общата калкулация на цветовете при трасирането. По тази причина ”живото бяло” се трансформира в прозрачно. Тази опция има само CS3

[15] Preview От тук можете да видите крайният резултат още преди да сте трейснали снимката и да нанесете още корекции, ако е необходимо.
Ако чекнете тази опция ще можете да виждате какво се случва със снимката ви още докато променяте всяка от настройките и да нанасяте корекции, ако не сте доволни от резултата.

Както сами ще се убедите по време на работа, с всяка промяна на настройките файлът ви се ъпдейтва, тъй като Live Trace е ”жив процес”
Експериментирайте с параметрите му. Дори да натиснете бутона Trace и снимката ви да се трейсне, ако не ви харесва нещо от крайния резултат винаги можете да редактирате като цъкнете на бутончето от контролната лента. Върху самата лента има и няколко бутона за част от параметрите на трасирането. От тях също можете да редактирате файла си.



6. Резултатът:
Когато сте готови с настройките и сте доволни от резултата, ако желаете можете да си запазите тези настройки, за да ги ползвате и за в бъдеще.
Това става от бутончето Save Preset. Давате име на параметрите в отворилият се диалогов прозорец и ще видите, че те са добавени в менюто на Preset Спокойно можете да ги ползвате при други проекти в първоначалния им вид или като база за създаване на нови параметри.

Ето някои примерни настройки:







Ключът за добър и интересен резултат на края на Live Trace е в повече опити с настройките.

7. Expand на Live Trace
Това е финала на работата ни. След като вече сте трейснали снимката и смятате резултатът за окончателен натиснете бутончето Expand, което се намира горе в работното ви пространство върху контролната лента. Разбира се снимката ви трябва да е селектирана:



Растерното ви изображение вече се е превърнало във векторно благодарение на Live Trace
Сега, след разширяването (след Expand) можете да коригирате някои вектори. За целта вземете Direct Selection tool (А) и селектирайте онези фигури, чиито цвят искате да промените. След това променете цвета от Fill (горе в работното ви пространство)
Ако имате дублиращи се фигури, каквито са при мен ръцете спокойно можете да ползвате пипетката:



Когато сте готови запазете файла си. От растерното изображение (снимката) имате вече векторна графика
Ето някои примери направени от снимки с Live Trace:









Опитайте! Много е лесно и интересно. Не забравяйте обаче, че компютърът не е артист. Той не знае кое изглежда добре. Това е ваша работа. Неговата е да чете и изпълнява настройките ви. Разбира се най- добрият метод за векторизирене на снимки си остава ръчният, но той изисква много повече време. Live Тrace на Илюстратора може да улесни живота ни, особено в случаите, когато имаме нужда от бързо превръщане на растера във вектор.
За онези от вас, които нямат Илюстратор или ако просто спешно ви трабва нещо векторно много набързо ето един много полезен линк:


http://vectormagic.com/

Това е онлайн Live Trace с доста добри резултати и с възможност за запазване на файла. Повече за него можете да научте от темата Онлайн векторизиране

В този урок ще видим как с помощта на филтъра Distort може бързо и лесно, само от няколко окръжности, направени на ръка да се нарисува прекрасен букет, като този на художничката Laurie Grace.





1. Рисуваме окръжности, копираме, изменяме размера и завъртаме копието.

Отворете Илюстратора и създайте нов документ с произволен размер.
Щракнете два пъти върху картинката на Pencil Tool в кутията с инструменти, за да се отвори диалоговия прозорец за настройките. Поставете следните параметри:



Не забравяйте да размаркирате ”Keep Selected" и "Edit Selected Path".
Задайте за Fill - без, Stroke - черно.

Нарисувайте окръжност. Не е необходимо тя да е идеална. Когато сте към края на окръжността, натиснете клавиша Alt, за да я затворите автоматично.
Нарисувайте втора окръжност над първата. Не е беда, ако се пресичат.



Селектирайте двете окръжности заедно с помощта на инструментите Selection или Lasso.
Сега, за да нарисуваме нова двойка окръжности вътре в първата, ще кликнем два пъти на инструмента Scale Tool и ще зададем следните параметри:



Забележете, че зададените по-рано параметри се запазват. Когато сте готови, натиснете бутончето Copy.
Не отменяйте селекцията на последната двойка окръжности.
Вземете инструмента Rotate. Кликнете в селектираната област и завъртете октръжностите в желаната посока:



Копирайте двойката окръжности. Намалете размера с Scale Tool. Завъртете с Rotate Tool копието.
Повторете този процес няколко пъти, докато не запълните голямата окръжност с малки такива.
За средата на цветето нарисувайте с Pencil Tool няколко малки окръжности.



Когато сте готови с контура на розата, селектирайте всички окръжности заедно с помощта на Lasso Tool или Selection Tool (и с двата инструмента това става, като вземете някой от тях и очертаете кръг или квадрат около окръжностите). Групирайте кръговете: Object > Group (Crtl+G).
Отменете селекцията: Select > Deselect.

2. Оцветяваме с помощта на градиентна заливка:
За да придадем реален образ на цветето можем да си направим предварително образец на градиента.
За целта отворете панела Swatches (Window > Swatches).
Кликнете на иконката "Show Gradient Swatches" и кликнете на образеца "Black, White Radial".



За да изменим черно-белия цвят на градиента ще направим следното:
В работното ви пространство трябва да са отворени едновременно панелите Color и Gradient (Window > Cоlor и Window > Gradient).
В панела Gradient кликнете в левия край на слайдера върху белия цвят в началото на градиента.
След това изменете цвета от панела Color: кликнете на триъгълничето в десния горен ъгъл на панела. Отваря се падащо меню. От него изберете гамата, с която ще работите:



От плъзгачите нагласете желания цвят. За своята рисунка Грейс е използвала 100% Magenta за средата на цветето:



Сега ще изберем и цвета за края на градиента. В палитрата на градиента кликнете на черното. След това кликнете на триъгълничето на панела с цветовете. Изберете CMYK от падащото меню и настройте плъзгачите на желания цвят. Грейс е използвала 34% Magenta и допълнително е свела черното до 0:



За да увеличим площта на по-ярката заливка (100% Magenta) ще придвижим левия край на плъзгача от панела на градиента надясно. За своята творба Грейс е избрала 45,51%.



Създадохме градиента. Сега ще го запазим като образец. За целта се върнете в панела Swatches и кликнете на иконката "New Swatch". Именувайте си градиента "Pink Flower Gradient" и дайте ОК.
Селектирайте цветето. За Fill задайте току-що създадения градиент, без Stroke.



3. Поставяме филтъра Roughen.
За да придадем на розата повече реализъм ще приложим филтър.
Вземете инструмента за селекция и селектирайте цветето. След това изберете от менюто Filter > Distort > Roughen.
От отворилия се диалогов прозорец отменете опцията Preview, за да виждате какъв е бил резултата без филтъра и маркирайте тази опция, за да видите какъв ще е след поставянето на настройките. Когато поставяте филтъра опцията трябва да е отменена. Самите настройки направете по ваш избор. Грейс е избрала за своята творба следните параметри:



Розата е готова. Можем да я използваме, обаче, като основа за създаването на друго цвете, като отново приложим филтър от групата на Distort.
За целта ще дубликираме розата (това става, като я селектираме, натиснем клавиша Alt, задържаме и придвижваме в страни от оригинала).
Докато копието е селектирано от менюто, изберете Filter > Distort > Pucker&Bloat. Не забравяйте да отменяте опцията Preview. Задайте за Bloat 34% и дайте ОК.



Още едно копие на цветето, Pucker&Bloat - 41% Pucker



Сега копие с филтъра Zig Zag.
Filter > Distort > Zig Zag, Size 25; Absolute; Ridges 5; Points - Corner.



За четвъртото копие ще приложим още веднъж филтъра Roughen с параметри: Size 21 ; Absolute; Detail 23; Points - Smooth.



Разбира се, можете да експериментирате с филтрите от групата Distort. Можете да задавате различни параметри и да експериментирате с комбинацията от копия на цветята и приложените върху тях филтри.
Лесно можете да промените цвета на градиентната заливка за всяко отделно цвете, като използвате комбинацията от трите палитри Color, Swatches и Gradient Промяната на градиента за новите цветя няма да окаже влияние върху създадения образец - "Pink Flower Gradient". Ако искате да запазите като образец някой друг от градиентите, с които ще запълвате новите цветя, просто кликнете на иконката New Swatch в панела Swatches, задръжте Alt клавиша, не снемайте селекцията от обекта, който сте залели с новия градиент, дайте название на заливката и натиснете ОК.
Така ще може да си създадете колекция от образци на градиенти, които да използвате винаги, когато поискате.

Опитайте да порисувате с филтъра Distort на Илюстратор. Бързо, лесно и интересно е:



Ето това се получи при мен: