Както Безие криви работят в скица 3

Как Безие криви

Въпреки че има различни видове криви на Безие (те са различни начини за контрол на кривата и сложността на строителството), "кубичен Безие крива" (трети ред Безие крива) се използва най-често в областта на графичния дизайн - и това е единственият метод на разположение в скицата. А как се кубична крива на Безие?

Graphics, създадени с помощта на скица, SVG анимация и дори няколко умни инструменти. Можете да прочетете опростена кода на CodePen.

Ако се интересувате от това как компютрите изготвят Безие криви, просто отидете на следващия раздел, в който се описва практически съвети за всички нива.

Аз силно препоръчваме да използвате най-новата актуализация скица 3, версия 3.1.

Използването на лостове за управление на Безие в практиката

«Огледален» (режим Mirror) е избрана по подразбиране, това е най-лесният начин да се контролира кривата на Безие. Този подход използва два лоста, които са на еднакво разстояние от точката на вектор и са под същия ъгъл. Лостове като образуват права линия ", допирателна" до кривата. Огледален вариант се основава на следния принцип: ако двата лоста на същия ъгъл, кривата ще имат напълно гладка форма; с други думи, това няма да се образува видими ъгли / обекти, както в случая с опция за липса на връзка.

«Асиметрична» (асиметричен) метод, подобен на Огледален, тъй като издатъците контрол са също под същия ъгъл, но краищата на дръжката отдалечени от точките на вектор на различни разстояния. Тази опция е особено полезна, когато трябва да се даде по-заострена форма на кривата от едната страна.

«Disconnected» (Open) метод позволява да се контролира всеки независимо от другия дръжката. Тази опция е необходимо в два случая:

1. Бихте ли искали да се промени хода на кривата в една точка вектор, промяна на ъгъла на своята посока.
2. Трябва да се отървете от един от лоста; да има контрол върху кривата само едната страна на точката, а кривата не продължава от другата страна. Ако изберете тази опция, кликнете върху лоста, който искате да изтриете, и кликнете «изтрива».

Точка на прав ъгъл и заоблени ъгли:

Когато Прави избрания вариант (директен) у векторни точки обикновено имат контролни бутони, и то не минава през кривата. Ако е избрана две съседни векторни места тази възможност, те ще се присъедини към една проста права линия. Скица ви дава възможност да завършвам всеки ъгъл Прав точка (за граничен тип радиус). Въпреки Sketch е възможно да се развие всеки ъгъл в нито един момент с помощта на точката и стойността на радиус, програмата изпълнява това изчисление Безие криви. Ако желаете да видите криви на Безие, просто съчетават слоевете във формуляра.

Поемете контрола на ръцете си!

В изграждането на много криви на Безие, че не е ясно как да поставите векторни точки за постигане на желаната форма. Дизайнер и печатар Deyv Koulmen на AGSC наскоро писа отлична статия. Аз ще се подчертаят основните му точки:

Ако се доближава до поставянето на векторни точки на стратегически крива, можете значително да намали броя на точките, за да се постигне желаната форма. По-простият вградената форма, толкова по-лесно те ще бъдат да се промени, и по-малкия размер на файла. Дейв препоръчва да намери "най-далечната" точка на кривата и да го направи вектор.

Когато всички точки са разположени на мястото си, че е време да си играе с лостове. Привеждане на Безие ръцете вертикално или хоризонтално в повечето случаи ще омекоти преходи по крива, което го прави по-съвършен. Тъй като трябва да се движат лостовете заедно само по една ос, целият процес на изграждане криви е значително опростена.

Вие със сигурност ще се радваме да знаят, че има бърз начин да се създаде лостове Безие под ъгъл от 90 °. Просто задръжте натиснат «промяна», докато се движи базовата точка на лоста. Ако тази функция не работи правилно, както е показано в таблицата по-долу. проверете дали режимът на "закръгляването" е забранено. Ако използвате закръгляване до пълен пиксел ( «Кръгла да пълни пиксел ръбове») или на половин пиксел ( «половина пиксел ръбове»), и точката на вектор не е в точната пиксел или половин пиксел положение, ръцете не са точно завъртат под ъгъл от 90 °.

Едно от решенията е да изключите закръгляване, най-малко по време на лостове за регулиране. Можете също така да зададете ръчно координатите за всяка ръка, както е показано в следващия раздел.

Спасяване скрита опция

Работата по създаването на логото, открих важно, но някак си скрит функция в скица: тяхната позиция е не само векторните точки, всеки лост за контрол на кривата на Безие също ги има. И това е съвсем логично: координатите на компютъра е много необходимо да се направи кривата. Но това, което в Sketch е възможно да ги инсталирате ръчно, просто намери трудно.

Тази функция е лесно да пропуснете, защото вида на ливъридж не се променя, когато щракнете върху тях - варира само Х и Y позицията на инспектор. С възможността да регулирате позицията на лоста, аз успешно решен всички пъзели и да лостове Безие точно там, където той иска. Освен това, тя става по-лесно да се направи фина настройка (измерени пиксел акции). Опитайте тази опция самите; промяна на кривата на Безие чрез преместване на лоста, и след това да ги инсталирате ръчно позиция в инспектора.

Малко повече съвети и клавишни комбинации

Кликнете два пъти върху точката на вектор ще превключвате между Прав и огледално. Може би вече сте запознати с тази опция в други приложения.

При редактиране форма, можете да изберете следващата вектор точка на кривата, като кликнете върху «раздел» на клавиатурата. «Shift» + «раздел» ще избере предходната точка. Ще "следващата точка" в посока на часовниковата стрелка или обратно на часовниковата стрелка, зависи от формата.

Ако задържите «Command» (⌘), движейки се точката на вектор, Скица ще игнорира «интелигентни водачи», които ще ви помогнат да се приведе в съответствие с точка вертикално или хоризонтално с останалите.

Ако задържите «Command» (⌘), преместване на лоста Безие, можете да промените позицията на лоста свободно и независимо от останалите, тъй като, ако температурата на вектор е в Disconnected режим. Не забравяйте, че ако въпросът е в Огледална или Асиметрични режими лост движение без Command задържане възстановите ключовите резултати в Disconnected режим. Опитайте и ще видите как всичко това работи!

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

Както при всяко умение, създаването на идеална извити векторни форми изисква много практика.

Чудесен начин да практикуват - оказване на шрифта. Направете снимка или рисунка красиви букви (нещо извити, като «G», «Q», «R», или друг характер почерк на шрифта), трансфер на изображение на скица, както и използване инструмент вектор рисунка за контура на буквите. Опитайте се да поставите векторни точки за най-забележителните места на обекта, използвайте вертикални или хоризонтални лостове и ги коригира ръчно, с помощта на координатите.

И не забравяйте да споделите вашите шедьоври! Използвайте #sketchbezier на Twitter и Instagram. Аз също публикува някои от техните постижения. Светът зле, нуждаещи се от красиви извивки!