Sa tutorial na ito, ipapakita ko sa iyo kung paano punan ang iyong teksto ng gradient gamit ang Inkscape, ang libreng vector graphics editor! Ito ay isang napaka-simpleng pamamaraan na nangangailangan lamang ng ilang hakbang, kaya't sumisid tayo!

Talaan ng nilalaman

Hakbang 1: Idagdag ang Iyong Teksto

Para sa mga panimula, kunin ang Text tool mula sa Inkscape toolbox sa pamamagitan ng pag-click sa icon nito (pulang arrow sa larawan sa itaas) o pagpindot sa "T" na shortcut key sa iyong keyboard.

Susunod, baguhin ang iyong font sa nais na font sa pamamagitan ng pag-click sa dropdown (pulang arrow sa larawan sa itaas) at pagpili sa pangalan ng font (berdeng arrow sa larawan sa itaas - maaari mo ring simulan ang pag-type ng iyong pangalan ng font sa field ng teksto kung alam mo ang iyong font name na).

Papalitan ko rin ang laki ng font ko (pulang arrow sa larawan sa itaas) sa 144 pts (berdeng arrow) upang ito ay maganda at malaki noong una nating idagdag ang ating teksto.

Kapag handa ka na, mag-click sa iyong canvas gamit ang text tool para gumawa ng linya ng text. Pagkatapos, i-type ang iyong teksto (Pumunta ako sa "INKSCAPE" para sa aking teksto - pulang arrow sa larawan sa itaas).

Hakbang 2: Kulayan ang Teksto gamit ang Gradient

Susunod, mag-click sa Gradient tool sa toolbox (pulang arrow sa larawan sa itaas). Upang gumuhit ng gradient sa loob ng iyong teksto, i-click at i-drag ang iyong mouse mula sa itaas ng teksto hanggang sa ibaba (berdeng arrow – tandaan: kung hawak mo ang ctrl key, iguguhit nito ang iyong gradient sa straight-line mode). Ang mga punto ng pagsisimula at pagtatapos ay maaaring lumabas sa labas ng iyong teksto - ang gradient ay mabubunot lamang sa loob ng iyong teksto. Kaya huwag mag-atubiling makipaglaro sa lokasyon ng mga puntong ito upang makakuha ng ibang resulta.

Kung katulad mo ako, maaaring wala kang mga kulay na gusto mong itakda para sa iyong gradient sa kasalukuyan (o maaaring wala kang anumang mga kulay at nawala ang iyong teksto). Huwag mag-alala – may ilang paraan para baguhin ang mga kulay ng iyong gradient.

Hakbang 3: Baguhin ang Iyong Mga Kulay ng Gradient

Ang madaling paraan ay ang pag-click sa alinman sa gradient handle, na kilala bilang ang "start" para sa unang handle o "end" para sa huling handle na iyong iginuhit, pagkatapos ay mag-left-click sa isang kulay sa color palette ng Inkscape. Halimbawa, magki-click ako sa gradient na “start” gamit ang aking gradient tool (pulang arrow sa larawan sa itaas), pagkatapos ay mag-left-click sa kulay pula sa color palette (asul na arrow).

Kaya, iyon ang isang paraan para sa pagbabago ng mga kulay ng gradient. Gayunpaman, paano kung gusto mong magdagdag ng mga custom na kulay sa mga gradient handle na hindi matatagpuan sa color bar?

Ang kailangan mo lang gawin ay mag-click sa gradient handle na gusto mong i-edit (pulang arrow sa larawan sa itaas), pagkatapos ay i-double click ang "Fill" na kahon sa ibabang kaliwang sulok ng canvas window (sa ibaba ng color palette - asul arrow).

Ilalabas nito ang diyalogong "Fill and Stroke" (nakabalangkas sa berde sa larawan sa itaas).

Kung hindi ka awtomatikong dinala sa Gradient Editor noong binuksan ang Fill and Stroke dialogue, i-click ang tab na “Fill” (pulang arrow sa larawan sa itaas), pagkatapos ay i-click ang icon na “Linear gradient” (berdeng arrow).

I-click ang arrow sa tabi ng “Stops” para palawakin ang gradient stops feature (pulang arrow sa larawan sa itaas). Papayagan ka nitong tingnan at i-edit ang bawat "Stop," o handle, ng gradient.

Mag-click sa stop na gusto mong i-edit (berdeng arrow sa larawan sa itaas), pagkatapos ay baguhin ang kulay ng stop gamit ang mga color slider. Kung mayroon kang HEX code para sa kulay na gusto mong gamitin, maaari mong kopyahin at i-paste ang code na iyon sa field sa tabi ng “RGBA” (nakabalangkas sa asul sa larawan).

Sa aking kaso, alam kong ang HEX code para sa aking unang kulay ay "F75C03," kaya ilalagay ko ang code na ito sa RGBA field.

Ulitin ang prosesong ito sa pamamagitan ng pag-click sa pangalawang gradient stop (pulang arrow), pagkatapos ay piliin ang iyong bagong kulay sa pamamagitan ng mga slider o sa pamamagitan ng pag-paste ng iyong HEX code (nakabalangkas sa asul sa larawan sa itaas – ang aking pangalawang HEX code na halaga ay "F1C40F").

Hakbang 4: Magdagdag at Mag-customize ng Gradient Stop

Maaari ka ring magpasok ng bagong stop sa iyong gradient sa pamamagitan ng pag-click sa icon na “+” patungo sa ibaba ng dialogue (pulang arrow sa larawan sa itaas). Bilang default, ito ang magiging average na kulay ng orihinal na una at pangalawang gradient stop. Gayunpaman, maaari kang mag-click sa stop na ito (berdeng arrow) at baguhin ang kulay sa anumang gusto mo gamit ang mga naunang tinalakay na pamamaraan (binago ko ang aking kulay sa larawan sa itaas, kaya kung bakit ito ay isang pinkish na kulay).

Maaari mong muling iposisyon ang mga hinto ng iyong gradient sa pamamagitan ng pag-click at pag-drag sa mga arrow sa kahabaan ng gradient slider sa tuktok ng dialogue (berdeng arrow sa larawan). Maaari mo ring manual na itakda ang posisyon ng mga stop gamit ang slider na ito sa pamamagitan ng pag-click sa arrow na tumutugma sa stop na iyon, pagkatapos ay mag-type ng numerical value sa field na “Stop offset” (na binalangkas ng may tuldok na asul na linya sa larawan).

Hakbang 5: Baguhin ang Iyong Gradient na Hugis

Sa wakas, maaari mong baguhin ang uri ng gradient sa alinman sa isang bilang ng mga opsyon sa Inkscape sa pamamagitan ng pag-click sa mga icon sa tuktok ng dialogue (nakabalangkas sa berde sa larawan). Halimbawa, kung iki-click ko ang icon na "Radial gradient" (asul na arrow), mag-a-update ang aking linear gradient sa isang radial, o circular, gradient.

Mababago ko ang mga dimensyon ng radial gradient sa pamamagitan ng pag-drag sa mga handle sa canvas (mga pulang arrow sa larawan sa itaas), at muling iposisyon ang mga stop ng gradient nang direkta sa canvas o gamit ang gradient slider sa Fill and Stroke dialogue.

Kapag tapos ka nang i-customize ang iyong gradient, maaari kang mag-click sa isa pang tool tulad ng Select tool (pulang arrow) upang makita ang tapos na produkto nang walang mga handle. Tandaan na maaari mo pa ring i-edit ang gradient gamit ang Fill and Stroke dialogue nang walang gradient tool hangga't napili ang text.

Hakbang 6: Baguhin ang Iyong Teksto

Ang isang huling bagay na babanggitin ko ay maaari mong baguhin ang iyong teksto pagkatapos mong idagdag ang gradient, at ang bagong teksto ay magpapakita ng parehong gradient. Kaya, kung kukunin ko muli ang aking text tool, mag-click sa “INKSCAPE” na text, at mag-type ng bago, tulad ng “GRADIENT,” makikita mo na ang bagong text ay magkakaroon pa rin ng parehong gradient gaya ng lumang text.

Ito ay para sa tutorial na ito! Kung nagustuhan mo, maaari mong suriin ang aking iba pa Mga Tutorial sa Inkscape at Mga Artikulo sa Tulong sa Inkscape.

Davies Media Design Libreng Creative Apps Email Newsletter

Mag-subscribe sa DMD Newsletter

Mag-sign up para makatanggap ng mga bagong tutorial, update sa kurso, at pinakabagong balita sa iyong mga paboritong libreng creative app!

Matagumpay mo na Naka-subscribe!

Pin ito ng on Pinterest