U ovom vodiču pokazat ću vam kako ispuniti tekst gradijentom pomoću Inkscapea, besplatnog uređivača vektorske grafike! Ovo je vrlo jednostavna tehnika koja zahtijeva samo nekoliko koraka, pa krenimo u nju!

Pregled sadržaja

Video: How to Add a Gradient Fill to Text in Inkscape

Korak 1: Dodajte tekst

Select the Text tool from the Inkscape toolbox

Za početak, zgrabite alat Text iz okvira s alatima Inkscape klikom na njegovu ikonu (crvena strelica na gornjoj slici) ili pritiskom na tipku prečaca "T" na tipkovnici.

Select a font from the Fonts dropdown in the tool controls

Zatim promijenite svoj font u željeni font klikom na padajući izbornik (crvena strelica na gornjoj slici) i odabirom naziva fonta (zelena strelica na gornjoj slici – također možete jednostavno početi upisivati ​​naziv fonta u tekstualno polje ako znate već ime vašeg fonta).

Use the font size dropdown in the tool controls bar in Inkscape

Također ću promijeniti veličinu fonta (crvena strelica na gornjoj slici) na 144 pts (zelena strelica) tako da bude lijep i velik kada prvi put dodamo tekst.

Click on the canvas with the text tool and type your text in Inkscape

Kada budete spremni, kliknite na svoje platno pomoću alata za tekst da biste stvorili redak teksta. Zatim upišite svoj tekst (izašao sam s "INKSCAPE" za svoj tekst - crvena strelica na gornjoj slici).

Korak 2: Obojite tekst gradijentom

Click the Gradient tool from the Inkscape toolbox and click and drag to draw a gradient

Zatim kliknite na alat Gradient u okviru s alatima (crvena strelica na gornjoj slici). Da biste nacrtali gradijent unutar teksta, kliknite i povucite miš od vrha teksta prema dnu (zelena strelica – napomena: ako držite tipku ctrl, nacrtat će gradijent u pravocrtnom načinu). Početne i završne točke mogu izaći izvan vašeg teksta - gradijent će se i dalje crtati samo unutar vašeg teksta. Stoga se slobodno igrajte s položajem ovih točaka kako biste dobili drugačiji rezultat.

Ako ste poput mene, možda trenutačno nemate boje koje želite postaviti za svoj gradijent (ili možda nemate nijednu boju i vaš je tekst nestao). Ne brinite - postoji nekoliko načina za promjenu boja vašeg gradijenta.

Korak 3: Promijenite svoje boje gradijenta

Use the Inkscape Swatches panel to change the colors of your gradient

Jednostavan način je kliknuti bilo koju ručku s gradijentom, poznatu kao "početak" za prvu ručku ili "kraj" za posljednju ručku koju ste nacrtali, a zatim lijevom tipkom miša kliknuti na boju u Inkscape paleti boja. Na primjer, kliknut ću na "start" gradijenta sa svojim alatom za gradijent (crvena strelica na gornjoj slici), zatim kliknuti lijevom tipkom miša na crvenu boju u paleti boja (plava strelica).

Dakle, to je jedna metoda za promjenu boja gradijenta. Međutim, što ako želite dodati prilagođene boje ručicama gradijenta koje se ne nalaze na traci boja?

Double click the Fill swatch to bring up the Fill and Stroke dialogue in Inkscape

Sve što trebate učiniti je kliknuti na ručku gradijenta koju želite urediti (crvena strelica na gornjoj slici), a zatim dvaput kliknuti na okvir "Ispuni" u donjem lijevom kutu prozora platna (ispod palete boja - plava strijela).

Ovo će dovesti do dijaloga "Ispuni i precrtaj" (označen zelenom bojom na gornjoj slici).

Click the Fill tab and select the gradient icon to edit your gradient in Inkscape

Ako niste automatski prebačeni u uređivač gradijenata kada se otvori dijaloški okvir Ispuna i potez, kliknite karticu "Ispuna" (crvena strelica na gornjoj slici), zatim kliknite ikonu "Linearni gradijent" (zelena strelica).

Under "Stops," click the swatch to change the colors of gradient stops

Kliknite strelicu pokraj "Zaustavljanja" da proširite značajku zaustavljanja gradijenta (crvena strelica na gornjoj slici). To će vam omogućiti da vidite i uredite svaki "Stop" ili ručku gradijenta.

Kliknite na stanicu koju želite urediti (zelena strelica na gornjoj slici), zatim promijenite boju stanice pomoću klizača u boji. Ako imate HEX kod za boju koju želite upotrijebiti, možete kopirati i zalijepiti taj kod u polje pokraj "RGBA" (na slici označeno plavom bojom).

U mom slučaju, znam da je HEX kod za moju prvu boju "F75C03", pa ću zalijepiti ovaj kod u polje RGBA.

Click the bottom gradient stop and change its color in Inkscape

Ponovite ovaj postupak klikom na drugu granicu gradijenta (crvena strelica), a zatim odabirom nove boje putem klizača ili lijepljenjem HEX koda (naveden plavom bojom na gornjoj slici – moja druga vrijednost HEX koda je "F1C40F").

Korak 4: Dodajte i prilagodite gradijent stop

Click the + icon below the Stops area to add an additional gradient stop in Inkscape

Također možete umetnuti novi graničnik u svoj gradijent klikom na ikonu "+" pri dnu dijaloga (crvena strelica na gornjoj slici). Prema zadanim postavkama, to će biti prosječna boja izvornog prvog i drugog stupnja gradijenta. Međutim, možete kliknuti na ovaj graničnik (zelena strelica) i promijeniti boju u bilo koju boju koristeći prethodno opisane metode (promijenio sam svoju boju na gornjoj fotografiji, stoga je ružičasta boja).

Drag the gradient stops in the gradient slider to offset the gradient stop

Možete premjestiti granice gradijenta klikom i povlačenjem strelica duž klizača gradijenta na vrhu dijaloga (zelena strelica na slici). Također možete ručno postaviti položaj graničnika pomoću ovog klizača tako da kliknete strelicu koja odgovara tom graničniku, a zatim upišete numeričku vrijednost u polje "Pomak graničnika" (na slici označeno isprekidanom plavom linijom).

Korak 5: Promijenite oblik gradijenta

Click on any gradient shape icon to change the shape of the gradient in Inkscape

Konačno, možete promijeniti vrstu gradijenta u bilo koju od brojnih opcija u Inkscapeu klikom na ikone na vrhu dijaloga (na fotografiji označene zelenom bojom). Na primjer, ako kliknem ikonu "Radijalni gradijent" (plava strelica), moj linearni gradijent će se ažurirati u radijalni ili kružni gradijent.

Drag the gradient handles to change a gradient's dimensions

Mogu promijeniti dimenzije radijalnog gradijenta povlačenjem ručica na platnu (crvene strelice na gornjoj slici), plus premjestiti graničnike gradijenta izravno na platno ili pomoću klizača za gradijent u dijalogu Ispuna i potez.

Click on the select tool to see your finished gradient text in Inkscape

Kada završite s prilagodbom gradijenta, možete kliknuti neki drugi alat poput alata za odabir (crvena strelica) da biste vidjeli gotov proizvod bez ručki. Imajte na umu da i dalje možete uređivati ​​gradijent pomoću dijaloškog okvira Ispuna i potez bez alata za gradijent sve dok je tekst odabran.

Korak 6: Promijenite svoj tekst

Inkscape allows you to change your text while still maintaining the gradient effect

Posljednja stvar koju ću spomenuti je da možete promijeniti svoj tekst nakon što ste dodali gradijent, a novi tekst će prikazati isti gradijent. Dakle, ako još jednom zgrabim svoj alat za tekst, kliknem na tekst "INKSCAPE" i upišem nešto novo, poput "GRADIENT", vidjet ćete da će novi tekst i dalje imati isti gradijent kao i stari tekst.

To je to za ovaj udžbenik! Ako vam se svidjelo, možete provjeriti moju drugu Inkscape Tutoriali i Članci pomoći za Inkscape.