I denne opplæringen skal jeg vise deg hvordan du fyller teksten din med en gradient ved å bruke Inkscape, den gratis vektorgrafikkredigereren! Dette er en veldig enkel teknikk som bare krever et par trinn, så la oss dykke inn!

Video: Hvordan legge til en gradientfyll til tekst i Inkscape

Trinn 1: Legg til teksten

Velg tekstverktøyet fra Inkscape-verktøykassen

For det første, ta tak i tekstverktøyet fra Inkscape-verktøykassen ved å klikke på ikonet (rød pil i bildet ovenfor) eller trykke på "T"-snarveistasten på tastaturet.

Velg en skrift fra rullegardinmenyen Fonter i verktøykontrollene

Deretter endrer du skrifttypen til ønsket skrift ved å klikke på rullegardinmenyen (rød pil i bildet ovenfor) og velge skriftnavnet (grønn pil i bildet ovenfor – du kan også ganske enkelt begynne å skrive skriftnavnet ditt i tekstfeltet hvis du vet skriftnavnet ditt allerede).

Bruk rullegardinmenyen for skriftstørrelse i verktøykontrolllinjen i Inkscape

Jeg vil også endre skriftstørrelsen min (rød pil i bildet ovenfor) til 144 pts (grønn pil) slik at den blir fin og stor når vi først legger til teksten vår.

Klikk på lerretet med tekstverktøyet og skriv inn teksten din i Inkscape

Når du er klar, klikker du på lerretet ditt med tekstverktøyet for å lage en tekstlinje. Deretter skriver du inn teksten din (jeg gikk med "INKSCAPE" for teksten min - rød pil i bildet ovenfor).

Trinn 2: Mal teksten med en gradient

Klikk Gradient-verktøyet fra Inkscape-verktøykassen og klikk og dra for å tegne en gradient

Klikk deretter på Gradient-verktøyet i verktøykassen (rød pil i bildet ovenfor). For å tegne en gradient inne i teksten, klikk og dra musen fra toppen av teksten til bunnen (grønn pil – merk: hvis du holder ctrl-tasten, vil den tegne gradienten i rettlinjet modus). Start- og sluttpunktene kan gå utenfor teksten din – gradienten vil fortsatt bare tegne inn i teksten din. Så lek gjerne med plasseringen av disse punktene for å få et annet resultat.

Hvis du er som meg, har du kanskje ikke fargene du vil ha satt for gradienten din for øyeblikket (eller du har kanskje ingen farger og teksten din forsvant). Ikke bekymre deg – det er et par måter å endre fargene på gradienten på.

Trinn 3: Endre gradientfarger

Bruk Inkscape Swatches-panelet for å endre fargene på gradienten

Den enkle måten er å klikke på et av gradienthåndtakene, kjent som "start" for det første håndtaket eller "slutt" for det siste håndtaket du tegnet, og deretter venstreklikke på en farge i Inkscape-fargepaletten. For eksempel klikker jeg på gradienten "start" med gradientverktøyet mitt (rød pil i bildet ovenfor), og venstreklikk deretter på fargen rød i fargepaletten (blå pil).

Så det er en metode for å endre fargene på gradienten. Men hva om du ville legge til egendefinerte farger til gradienthåndtakene som ikke er plassert på fargelinjen?

Dobbeltklikk på fyllprøven for å få opp dialogen Fyll og strek i Inkscape

Alt du trenger å gjøre er å klikke på gradienthåndtaket du vil redigere (rød pil i bildet over), og dobbeltklikk deretter på "Fyll"-boksen nederst i venstre hjørne av lerretsvinduet (under fargepaletten - blå pil).

Dette vil få opp dialogen "Fyll og strek" (skissert i grønt på bildet ovenfor).

Klikk på Fyll-fanen og velg gradientikonet for å redigere gradienten i Inkscape

Hvis du ikke ble tatt til Gradient Editor automatisk når dialogen Fyll og strek ble åpnet, klikker du på "Fyll"-fanen (rød pil i bildet ovenfor), og klikker deretter på "Lineær gradient"-ikonet (grønn pil).

Under «Stopp» klikker du på fargeprøven for å endre fargene på gradientstopp

Klikk på pilen ved siden av "Stopp" for å utvide funksjonen for gradientstopp (rød pil i bildet ovenfor). Dette lar deg se og redigere hver "Stopp" eller håndtak i gradienten.

Klikk på stoppet du vil redigere (grønn pil i bildet ovenfor), og endre deretter fargen på stoppet ved å bruke fargeskyveknappene. Hvis du har en HEX-kode for fargen du vil bruke, kan du kopiere og lime inn den koden i feltet ved siden av "RGBA" (angitt i blått på bildet).

I mitt tilfelle vet jeg at HEX-koden for min første farge er "F75C03", så jeg limer inn denne koden i RGBA-feltet.

Klikk på den nederste gradientstoppen og endre fargen i Inkscape

Gjenta denne prosessen ved å klikke på det andre gradientstoppet (rød pil), og velg deretter din nye farge via glidebryterne eller ved å lime inn HEX-koden (skissert i blått i bildet ovenfor - min andre HEX-kodeverdi er "F1C40F").

Trinn 4: Legg til og tilpass et gradientstopp

Klikk på +-ikonet under Stopp-området for å legge til et ekstra gradientstopp i Inkscape

Du kan også sette inn et nytt stopp til gradienten din ved å klikke på "+"-ikonet nederst i dialogen (rød pil i bildet ovenfor). Som standard vil det være gjennomsnittsfargen til det opprinnelige første og andre gradientstoppet. Du kan imidlertid klikke på dette stoppet (grønn pil) og endre fargen til hva du vil ved å bruke de tidligere diskuterte metodene (jeg endret fargen på bildet ovenfor, derav hvorfor det er en rosa farge).

Dra gradientstoppene i gradientglidebryteren for å forskyve gradientstoppen

Du kan flytte stoppene på gradienten ved å klikke og dra pilene langs gradientglidebryteren øverst i dialogen (grønn pil i bildet). Du kan også manuelt angi posisjonen til stoppene ved å bruke denne glidebryteren ved å klikke på pilen som tilsvarer det stoppet, og deretter skrive inn en numerisk verdi i feltet "Stoppforskyvning" (angitt av den stiplede blå linjen i bildet).

Trinn 5: Endre gradientformen din

Klikk på et ikon for gradientform for å endre formen på gradienten i Inkscape

Til slutt kan du endre gradienttypen til en av en rekke alternativer i Inkscape ved å klikke på ikonene øverst i dialogen (skissert i grønt på bildet). For eksempel, hvis jeg klikker på "Radial gradient"-ikonet (blå pil), vil min lineære gradient oppdateres til en radial eller sirkulær gradient.

Dra gradienthåndtakene for å endre en gradients dimensjoner

Jeg kan endre dimensjonene til den radielle gradienten ved å dra i håndtakene på lerretet (røde piler i bildet ovenfor), pluss omplassere stoppene på gradienten enten direkte på lerretet eller bruke gradient-glidebryteren over i Fyll og Strek-dialogen.

Klikk på valgverktøyet for å se den ferdige gradientteksten i Inkscape

Når du er ferdig med å tilpasse gradienten, kan du klikke på et annet verktøy som Select-verktøyet (rød pil) for å se det ferdige produktet uten håndtak. Merk at du fortsatt kan redigere gradienten ved å bruke Fyll og strek-dialogen uten gradientverktøyet så lenge teksten er valgt.

Trinn 6: Endre teksten din

Inkscape lar deg endre teksten din mens du fortsatt opprettholder gradienteffekten

En siste ting jeg vil nevne er at du kan endre teksten din etter at du har lagt til gradienten, og den nye teksten vil vise samme gradient. Så hvis jeg tar tak i tekstverktøyet igjen, klikker på "INKSCAPE"-teksten og skriver noe nytt, som "GRADIENT", vil du se at den nye teksten fortsatt vil ha samme gradient som den gamle teksten.

Det er det for denne opplæringen! Hvis du likte det, kan du sjekke ut min andre Inkscape veiledninger og Inkscape Hjelpeartikler.


Å lære Inkscape og dets mange verktøy/funksjoner kan være en stort utfordring, spesielt når du bare ønsker å fokusere på å lage iøynefallende design for prosjektene dine.

Det er bare så mye informasjon jeg kan dele i bloggartikler og videoopplæringer, og det er derfor jeg har satt sammen min Inkscape: Fra nybegynner til proff i Inkscape og grafisk design kurs. Dette kurset er en fordypning i Inkscape og hvordan du kan bruke den til å lage profesjonelle vektordesigner for din egen virksomhet, personlige prosjekter eller for kundene dine.

I en begrenset periode kan du få dette 7.5 timers kurset med over 80 videoforelesninger med høy rabatt! På kurset lærer du viktige begreper som:

  • Hvordan mestre Inkscape
  • Inkscape-oppsettet og dets viktigste funksjoner
  • Hvordan mestre penn- og nodeverktøyene for å lage vektorillustrasjoner
  • Hvordan kombinere former ved hjelp av det populære Shape Builder-verktøyet
  • Hvordan lage en profesjonell forretningslogodesign i Inkscape
  • Hvordan lage profesjonelle grafiske design for nett og sosiale medier

Jeg har lært over 20,000 XNUMX studenter akkurat som deg hvordan de endelig kan mestre gratis programvare med åpen kildekode og ta ferdighetene deres til neste nivå.

Selv om kurset er nytt, sier studentene allerede positive ting og har gitt kurset en totalvurdering på 4.7 stjerner. Så, hva venter du på? Det er på tide å endelig start reisen din med å mestre Inkscape, den gratis programvaren for grafisk design!

Inkscape Course av Davies Media Design Banner
Davies Media Design Gratis kreative apper Nyhetsbrev på e-post

Abonner på DMD-nyhetsbrevet

Registrer deg for å motta nye opplæringsprogrammer, kursoppdateringer og de siste nyhetene om dine favoritt gratis kreative apper!

Du har abonnert!