Добавянето на мостри от реалния живот към вашата дизайнерска работа добавя елементи на реализъм в това, което може да бъде пренаситен дигитален пазар. За съжаление, сканирането или фотографирането на мостри на текстури обикновено води до немащабируеми растерни изображения, които се пикселизират, когато се прередактират.
За щастие можете да създавате мащабируеми вектори от реални текстури като акварел, боя или маркер с помощта на Photoshop и Illustrator. Ето как.
Как да превърнете реални текстури във вектори
От вас зависи да създадете текстурата сами или да намерите мостра онлайн, която да превърнете във вектор. Можете да използвате всякакъв художествен носител с текстура, като флумастер, индийско мастило или петна боя.
Стъпка 1: Отворете Texture Swatch във Photoshop
Ако сами сте създали текстурата, трябва да я сканирате в компютър при 300 DPI. Това гарантира най-високо качество, което води до най-добри резултати.
Изтеглихме снимка на мостра с акварел от Unplash да се превърне във вектор. Изтеглете същата снимка, за да я следвате директно, или можете да използвате инструкциите като ръководство върху собствен образец.
Отворете изображението си във Photoshop и го изрежете близо до образеца, който използвате. Ако изображението все още не е 300 DPI, трябва да бъде. Отидете на Изображение > Размер на изображението и тип 300 в Резолюция кутия. Изберете Добре.
Сега имате висококачествено изображение, което по-късно ще се рендира в подробен вектор. Можете също промяна на DPI в други програми ако не използвате Photoshop.
Стъпка 2: Почистете фона
Самата мостра трябва да бъде изолирана от фона. Ако сте сканирали своя мостра или сте използвали снимка с обикновен бял или едноцветен фон, това ще бъде много по-лесно за вас.
Създайте нов слой в палитрата със слоеве, след което го плъзнете под слоя с вашето изображение. Изберете слоя с изображението.
Отидете на Изберете > Цветова гама. Изберете дкапкомер от диалоговия прозорец и го използвайте, за да изберете която и да е част от фона на вашия артборд. Използвай Размиване плъзгач, за да сте сигурни, че селекцията е плътна спрямо вашия мостра. След това натиснете Добре.
След като се върнете към артборда, областта на цветовата гама ще има бягащи мравки, за да покаже селекцията. Хит Изтрий за премахване на фона. След това отменете селекцията, като натиснете Cmd + д (Mac) или Ctrl + д (Windows). Ако вашият фон е обикновен, без сянка или текстура, това е всичко, което трябва да направите.
Ако вашият фон е многоцветен, има сенки или други текстури, може да се наложи да повторите този процес няколко пъти. В Цветова гама диалогов прозорец, изберете различни части от фона с дкапкомер и играйте с Размиване плъзгач, за да изберете колкото можете повече от фона. Изберете Добре и удари Изтрий.
Премахнете избора чрез натискане Cmd + д (Mac) или Ctrl + д (Windows). Ако все още е останал повече от фона, извършете отново процеса на цветова гама, използвайте Гумичка инструмент (д), за да премахнете упоритите пиксели, или използвайте ласо инструмент (Л), за да изберете плътно около вашия образец и след това Изтрий селекцията.
Поставете правоъгълник с контрастен цвят, като използвате Правоъгълник инструмент (U) под вашия слой мостра, за да изложите всички допълнителни пиксели, които трябва да бъдат премахнати. Премахнете ги с Гумичка. Не забравяйте да изтриете правоъгълника, преди да запазите изображението си.
След като сте готови, ще имате изолиран образец на боя с прозрачен фон около него. Запазете своя мостра като PNG.
Ако нямате Photoshop, има алтернатива начини да направите фона на изображението прозрачен. След това можете да пренесете това изображение направо в Illustrator и да продължите от тук.
Стъпка 3: Отворете изображението в Illustrator
Отворете новия си мостра PNG в Illustrator. Можете да изберете и плъзнете изображението си извън работната повърхност, за да проверите дали фонът все още е прозрачен. Въпреки това няма да остане така в следващата стъпка. В този момент вашият образец все още е растер, така че ще се пикселизира, ако бъде мащабиран.
Комбинирането на Photoshop и Illustrator за един проект е чудесен начин да използвате Adobe Creative Cloud. Има много други функции в целия Creative Cloud че можете да опитате.
Стъпка 4: Векторизирайте изображението
Отворете панела със свойства, като отидете на прозорец > Имоти. Можете да увеличите или минимизирате панела, като го изберете от дясната вертикална лента с инструменти.
Изберете вашето изображение, след което превъртете до края на Имоти панел и изберете Проследяване на изображение > Снимка с висока точност. Ако изберете Image Trace от менюто Object, по подразбиране ще бъде черно-бяла следа, която няма да запази текстурата на вашия мостра. Можете да използвате функцията Image Trace по много начини векторизиране на изображения в Illustrator.
Стъпка 5: Почистете и премахнете фона
Отворете панела Image Trace, като изберете иконата до падащото меню Image Trace в панела Properties. Под Цвят, преместете плъзгача надясно, някъде между 85% и 98%. Това увеличава детайлите на цветовете във вашия текстуриран мостра, като му придава по-реалистичен резултат.
Отвори Разширено настройки и преместете пътеки плъзнете надясно. Отново настройката между 85% и 98% е идеална. Колкото повече пътища има, толкова повече детайли се изчертават във вашия вектор. Ако има по-малко пътища, изображението ще изглежда накъсано и подобно на карикатура.
Минимизирайте панелите Image Trace и Properties и вашият образец ще бъде покрит със сини линии. Ако искате да преместите своя мостра вектор, ще трябва да използвате Избор инструмент (V), за да се гарантира, че се движи като цяло. Но можете да местите отделни пътища, ако е необходимо, като използвате Директен подбор инструмент.
Изберете Директен подбор инструмент (А) и щракнете върху таблото, за да премахнете отметката от изображението. След това изберете белия фон около вашия мостра. Хит Изтрий на клавиатурата си, за да върнете прозрачния фон. Можете да добавите цветен правоъгълник под своя мостра, за да проверите прозрачността.
Стъпка 6: Използвайте своя Swatch Vector
Сега имате завършен образец на текстура. Независимо дали сте решили да направите акварелно произведение като нашия урок, или може би сте направили мостра с цветен молив, сега имате напълно мащабируем мостра на реална текстура.
За съжаление, поради всички сложни пътища, би било трудно, но не и невъзможно, да преоцветите своя мостра. За да използвате вектора, трябва да запазите цвета същия. Ако искате да го оцветите отново, ще трябва първо да го оцветите във Photoshop, преди да пренесете своя мостра в Illustrator.
Можете да използвате вашия вектор точно както всеки друг вектор. Мащабирайте го нагоре или надолу, използвайте го като слоест елемент в дизайни и дори можете да приложите филтри към него като изкривяване и изкривяване.
Запазете вашия вектор като PNG, за да сте сигурни, че ще остане прозрачен. Вижте нашето ръководство за създаване на прозрачен фон в Illustrator за още.
Създавайте вектори от реални текстури с Photoshop и Illustrator
Използването на вектори във вашата дизайнерска работа подобрява производителността и качеството на крайните ви проекти. Не само, че този един вектор има множество приложения, но използването на векторна графика вместо растерна означава, че никога повече няма да се притеснявате за пикселизацията.
Векторизирането на реални текстури означава, че можете да добавите мостри от боя към всеки елемент от дизайна, което го прави да изглежда като истинско нещо. Обърнете се към това ръководство, за да превърнете реални текстури в цифрови вектори.