Правенето на вектори е един от най-многото класове, които трябва да научите, преди да станете графичен дизайнер. Лесен начин да започнете е като трасирате растерни изображения и ги преобразувате във вектори. Поне така се научих преди 12 години.

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

В тази статия ще научите повече за векторните изображения и няколко начина за създаване на векторно изображение в Adobe Illustrator.

Вероятно вече знаете, че Adobe Illustrator е известен с това, че прави векторни графики. Но какво е вектор? Как да разберете дали дадено изображение е векторно?

Какво е векторно изображение?

Техническото обяснение е следното: това е изображение, създадено чрез математически формули като точки, линии и криви. Това означава, че можете да променяте размера на изображението, без да губите разделителна способност. Някои често срещани видове векторни файлове са .ai , .eps , .pdf , .svg .

Звучи объркващо? Нека да ви улесня. По принцип всички изображения, които могат да се редактират, са векторни изображения. Когато създавате дизайн от нулата в Adobe Illustrator, той е векторен, освен ако не го растерзирате. Например, това може да бъде форма, трасирано изображение, очертан текст и професионално лого.

Съществуват много начини за създаване на векторно изображение в Adobe Illustrator, но аз ще ги разделя на две основни категории: векторизиране на растерно изображение и създаване на векторно изображение от нулата.

Векторизиране на изображение

Можете да превърнете растерно изображение във векторно изображение с помощта на инструмента за писане или функцията за проследяване на изображения. Най-бързият и лесен вариант определено е проследяването на изображения и можете да го направите от Имоти > Бързи действия панел.

Например, нека направим вектор от това изображение на ананас. Ще ви покажа как да векторизирате изображението по два начина, като резултатите могат да изглеждат напълно различно.

Забележка: екранните снимки от този урок са взети от версията за Mac на Adobe Illustrator CC 2022. Windows или други версии могат да изглеждат различно.

Проследяване на изображението

Стъпка 1: Отрежете изображението до областта, която искате да векторизирате.

Стъпка 2: Изберете изображението и изберете Проследяване на изображението от Имоти > Бързи действия панел.

Изберете резултат от проследяването.

Например, ако изберете Черно-бяло лого , тя ще изглежда така.

Ако не сте доволни от вида на изображението, можете да отворите панела Image Trace, за да коригирате повече настройки. Праг .

Изглеждате по-добре?

Стъпка 4: Изберете изображението и щракнете върху Разширете от Бързи действия . Сега изображението може да се редактира и можете да видите точките и линиите.

Променете цвета, за да видите как ще изглежда 🙂

Не се колебайте да опитате няколко варианта. Нека видим друг резултат от проследяването. Ето как ще изглежда, ако изберете 16 цвята на стъпка 2.

Ако го разширите, ще видите пътищата за редактиране.

Разгрупирайте обекта и можете да изтриете областите, които не искате, или да добавите друг цвят на фона му. Не забравяйте да ги групирате обратно, след като извършите редакциите. В противен случай може да пропуснете някои части от произведението на изкуството при преместване.

Твърде сложно? Какво ще кажете за създаване на по-прост дизайн с инструмента за писане.

Инструмент за писане

Инструментът за писалка ви дава голяма свобода за творчество. Въпреки че използваме инструмента за писалка, за да проследим контура, но кой казва, че трябва да следвате линиите? Можем да направим прост вектор с линии.

Стъпка 1: Върнете се към оригиналното изображение и намалете непрозрачността до около 70 %, за да можете да видите по-ясно пътя на инструмента за писане. Заключете изображението, в случай че го преместите случайно.

Стъпка 2: Изберете Инструмент за писане (P) от лентата с инструменти, изберете цвят на щриха и променете Fill на None.

Стъпка 3: Проследете контура на формата на изображението. Ако искате да добавите цвят по-късно, трябва да затворите пътя на инструмента за писане и ви предлагам да създадете форми въз основа на цветната област. Заключете пътя, който завършвате, за да избегнете редактиране на грешен път.

Например, ще проследя главата отделно от долната част.

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

Стъпка 4: Време е да проявите творчество! Можете да проследите повече детайли от оригиналното изображение или да добавите свой собствен щрих. Например, аз добавих някои детайли към главата с моите акварелни четки и създадох някои геометрични форми за тялото.

Стъпка 5: Изтрийте оригиналното изображение и ще получите своето векторно изображение. Можете да запазите изображението като png за бъдеща употреба.

Създаване на вектор от нулата

Има толкова много начини за създаване на вектор от нулата. Можете да правите линейни изкуства, да създавате форми, да използвате четка за рисуване и т.н. Някои популярни инструменти за създаване на форми са инструментът за писане, инструментите за форми (елипса, правоъгълник, многоъгълник и др.) и инструментът Shape Builder.

Позволете ми да ви покажа как да си направите векторен ананас от нулата за по-малко от пет минути.

Стъпка 1: Използвайте инструмента за писане, за да нарисувате частта на главата, като това може да е съвсем просто.

Стъпка 2: Използвайте Инструмент за елипса (L) за да нарисувате тялото на ананаса и го плъзнете, за да свържете главата. Трябва да има две припокриващи се точки.

Стъпка 3: Изберете двете форми и изберете Инструмент за конструиране на форми ( Смяна + M ).

Щракнете и плъзнете през главата и припокриващата се част на елипсовидната форма, за да комбинирате формите.

Тази стъпка е за разделяне на главата и тялото за попълване на цвета.

Стъпка 4: Добавете цвят към двете форми и ще получите обикновен ананас.

Стъпка 5: Използвайте Инструмент за линейни сегменти (\) да нарисувате няколко прави линии, за да добавите някои детайли.

Това е само един от многото начини за създаване на вектор от нулата. Можете също така да създадете ананас в стил свободна рисунка, като използвате четки и очертаете щрихите от горното меню. Обект > Път > Очертаване на удара .

Приключване

Можете да използвате всеки от горепосочените методи, за да създадете векторно изображение в Adobe Illustrator. Ако искате файлът да остане редактируем, запазете го във векторни файлови формати. Ако запазите създадения вектор като jpeg, той няма да може да се редактира.

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