Hold deg gyllen med denne skinnende metalliske tekstekniske effekten i Adobe Illustrator

Hva du skal skape

I denne opplæringen vil du tegne din egen skriptfont (eller jobbe av en eksisterende) og gjøre den til en ferdig skinnende gylden design. Lag dimensjonen i designet ved å doble opp på tekstens kunst, sett opp tynt strekkede baner på den ene siden, og bruk gyldige gradienter for å lage forgylt bokstaver som passer til å skrive ut.

Følgende opplæring antar at du er kjent med Pennverktøyet (P)Blyantverktøy (N), og Gradient Tool (G), og understreker teknikk og stil over nøyaktig replikering. La oss fyre opp Adobe Illustrator og fortsette med det!

1. Tegne bokstavene

Trinn 1

Vi starter med det mest beskrivende ordet i det endelige designet: gylden.

  1. Bruker Blyantverktøy (N) med slaget satt til 1 pkt VektStroke panel, tegnet jeg et stort, loopy brev "G". Hvis det får deg til å føle deg mer komfortabel, kan du basere skriptbrevene dine på en tidligere eksisterende skrift og bare spore brevformene.
  2. For "OL" av "Golden", vil jeg sørge for at brevene sløyfes i hverandre som om de er laget med en enkelt gylden ledning. Tegn to tredjedeler av en ellipse, startende nederst.
  3. I den siste tredjedel av "O" slår du ned til venstre og tilbake opp til høyre.
  4. Deretter fullfører du "L" ved å skape en annen halv sløyfeform.

Steg 2

Ikke alle mine brev er sammenføyde. "D" overlapper bare de andre bokstavene, mens "E" og "N" kobles til.

Trinn 3

Vi skal fokusere på ordet "Gold" for det meste av gjengivelsesdelen av denne opplæringen. Gruppe (Control-G) sammen din eneste tekstlinje. Kopier (Control-C) og Lim inn (Control-V) teksten slik at den kopierte gruppen er offset fra den første. 

Gruppe sammen begge sett med tekst og låse gruppen i lag panel. Jeg fant det enklest å bruke Pennverktøyet (P) å spore bånd-lignende figurer dannet ved å doble opp linjekunsten jeg trakk for teksten min. Alternativt kan du velge en loopy skriptfont som du vil, og hopp over hele denne delen. 

Uansett hva du velger å gjøre, må du fylle farge til # ddbb4f fordi det er en fantastisk myk gullfarge som setter scenen for vårt endelige design perfekt.

Dobling opp linjeskriften med bokstaver gir designdimensjonen og vekten.

2. Gjengivelse av G

Trinn 1

Hvis du valgte å hoppe over forrige del og bruke en ferdig skrifttype, må du sørge for at Utvide teksten din under Gjenstand før du fortsetter.

La oss starte med toppløkken. Bruker Pennverktøy, tegne en form som overlapper undersiden av sløyfen og fremhever den båndlignende kvaliteten på teksten (se nedenfor). Å velge ditt brev og den nylig tegnet form. Bruke Form Builder Tool (Shift-M) for å velge den ikke-skjærende delen av det nylig trukket objektet. Opphev valget og Slett denne utenlandske komponenten.

Bruke Gradient Tool (G) å søke en Lineær gradient til denne formen som består av følgende farger, fra venstre til høyre:

  • # e3b76c
  • # 412927
  • # c3ae3b
  • # f0eb87
  • # d29255

gradient panel, sett vinkelen til 83 °, eller noe. Alternativt kan du justere gradientens vinkel med Gradient Tool seg selv.

Steg 2

Neste form begynner på toppen av "G" og slutter før den andre sløyfen i brevet begynner. Bruke Form Builder Tool, som i forrige trinn, for å passe et nytt objekt perfekt til kontur av brevet. De Lineær gradient påført har ni farger; her er de fra venstre til høyre:

  • # 653d3b
  • # eeb570
  • # f9e99c
  • # f5e283
  • # ce9440
  • # f1e67c
  • # fffcb3
  • # e0bd61
  • # cd8f52

Angi graden slik at den er parallell med midten av formen (litt av å være parallell med selve tavlen).

For små høydepunktsformer, bruk Form Builder Tool enda en gang for å følge brevets kontur og bruke a Lineær gradient går fra #fffbbb100% til 0% opacity. Legg høydepunkter som disse rett over mørkere farger i den gyldne gradienten.

Trinn 3

Fortsett å bruke gradienter fra de to foregående trinnene for å lage skygge og markere figurer på bokstaven G.

  • Legg merke til hvordan lettere farger ikke vises i deler av bokstavene som overlappes av andre. 
  • Gradientformen som blir tegnet her vil fremheve skinnet av teksten. Pass på at du manipulerer håndtakene på ankerpunktene nok til kurven på toppen av høydepunktet.
  • Nok en gang (og noe du ofte gjør i denne opplæringen), bruk Form Builder Tool for å slette fremmede deler av figurer fra hovedtekstgruppen.
  • Graden av denne høydepunktsformen går fra # f1a46b på 100% til 0% Opacity. Bruk samme gradient fra forrige trinn på alle tre former som nå utgjør den nedre sløyfen til "G".

Trinn 4

Bruke Pennverktøy å spore den ytre kanten av brevet. Sett fyllfarge til null og streken til a Lineær gradient med følgende farger:

  • # f2e182
  • # fcf4d4
  • # f7e79f
  • # f2e182

Øk Vekt av streken til 2-3 pts (eller hvilken tykkelse som helst for brevene dine) og Utvide strøkene under Gjenstand. Dette vil være prosessen for kanten på hvert brev.

Trinn 5

For å fullføre "G" gjorde jeg noen av de følgende små endringene:

  1. Pass på at strekkene som strekker seg i kantene på bokstaven, ikke strekker seg forbi resten av bokstavformen. Bruke Form Builder Tool å trimme dem ned.
  2. Jeg trakk et lite rektangel på bunnen av "G" halen (det ble gjort på slutten av toppsløyfen også) for å gi brevet større dimensjon og få det til å se ut som om det er blitt laget av en flat gylden ledning.
  3. Igjen ble kanten trimmet her, slik at vektens vei ikke strekte seg forbi formen på brevet selv.

Gruppe sammen dine "G" -komponenter når du er fornøyd med ditt design.

3. Sette gullet i gull

Trinn 1

Fortsett til neste bokstav, la oss sjekke ut den subtilere gradienten som brukes for hver del av loopingen "O". Som før brukte jeg Form Builder Tool å tegne en form som følger kontur av brevet og fremhever sine stadig skiftende fly.

De Lineær gradient brukt på toppen av "O" inneholder følgende farger:

  • # 672e25
  • # d2a142
  • # fcf4d4
  • # d2a142
  • # 884729

De tre figurene som er tegnet for undersiden av løypene av "O", inneholder graden som ses i bildet nedenfor:

  • # 672e25
  • # d2a142
  • # d2a142
  • # 884729

Steg 2

Fortsett videre til "L". Legg merke til hvordan den første og største formen kobles helt sammen med den andre sløyfen på "O". Bruk samme gradient fra det forrige trinnet, med fargene gjentatt slik at det er to områder med høydepunkter.

Fire figurer fullfører bokstaven "L" på dette punktet i designet. Det er mer å gjøre på både "O" og "L", men jeg fant det lettere å bryte alt ned i seksjoner i stedet for å gjengi hvert brev separat og til ferdigstillelse.

Trinn 3

Neste opp har vi bokstaven "D".

  1. Jeg startet med en enestående form for hele brevet, med samme gradient som på "G". 
  2. Etter justering av gradienten i gradient panel (spre fargene ut og justere vinkelen), tegnet jeg to former for å definere vendingene og kurvene i brevet. For dette brukte jeg samme gradient som vi brukte for undersiden av løkkene til "O".
  3. Til slutt gjentok jeg prosessen vi brukte på "G"å lage kantene på bokstavene "OLD". Det er totalt fire utvidede stier.

4. legge til bokstaver

Trinn 1

Som du har mesteparten av teknikken jeg har brukt her, vil de følgende avsnittene omhandle å vise alternative metoder, strømlinjeforme prosessen, eller opprette forskjellige brevformer.

For det første hadde jeg først opprettet ordet "gull" i stedet for hele uttrykket sett i det endelige stykket. Som sådan var det viktig å legge inn designen for å fylle opp plass. Når du legger til bokstaver, bruk parallelle linjer langs toppen og bunnen av hvert brev for å sikre at de er i samme vinkel som de som kom før.

Dette hjelper deg også å visualisere hva de båndlignende ender, kurver og vinkler på bokstavene er før du har fylt ut disse mellomrom.

Steg 2

La oss fokusere på prosessen med "E", som det ser ut tre ganger i sluttdesignet.

  1. Ved å bruke de samme gradienter som jeg brukte på "D" for fremhevede områder og skygger, har jeg opprettet tre former på venstre side av "E". Sørg for at vinklene i gradienter er vinkelrette på kantene på objektene sine.
  2. Replikk teknikken som brukes i avsnitt 3 (tegne gradientformer for å markere, skygge inn og tegne baner for å lage kanter). Legg merke til hvordan kanten i midten av "E" måtte kuttes i to stykker for at kurven skulle være helt riktig. Ikke vær redd for å tegne kanter i trinn hvis det er en spesielt vanskelig kurve.
  3. Konsentrer mørkere farger i gradienten din i bunnsiden av buede figurer og spesielt hvis et annet brev eller en form overlapper dem (merk den mørkere fargen bak stangen til "N").

Trinn 3

Dette er den ferdige versjonen av ordet min "Golden". Nesten alle høydepunktene mottok flere gradientformer som de vi brukte til å lage skygge og markere former på bokstaven "G". Ved å bruke flere nyanser av brun, oransje og kremaktig gul, holder tonen i dette gullet for å være for kaldt.

5. Gjenopprette brev uten grunnform

Trinn 1

En alternativ metode for gjengivelse av gulltekst er å tegne hver gradientform med Pennverktøy, uten å bruke Form Builder Tool metode skissert i denne opplæringen.

  1. Start med grunnleggende bokstaver. I dette tilfellet er det resten av det endelige designet "Vi er".
  2. KopiereLim inn, og legg den kopierte teksten til høyre for den opprinnelige teksten. Bruke Pennverktøy å tegne horisontale linjer mellom åpne kanter på toppen og bunnen av designet. Gruppe sammen komponentene dine for hvert ord og Låse dem i lag panel.
  3. Starter med "W", Spor slutten av den første kurven. Bruk samme gradient som vi først brukte for "G".
  4. Tegn i neste del av den første kurven i "W". Bruk samme gradient som vi brukte for "D". Pass på at vinkelen på graden er parallell med de horisontale endene og kantene på bokstavene (merk kurvenes slutt).

Steg 2

Fortsetter videre med bokstaven "W", jeg har allerede lagt til neste kurve og tilhørende kantform.

  • Den andre diagonalen av brevet er en stor, buet form.
  • Formen under den andre diagonalen (slutten av den første diagonalen) bruker samme gradient som for undersiden av løypene av "O". Vinkelovergangen slik at den mørkere delen er øverst til venstre i formen (dette var -51,7 ° for mitt stykke).
  • Spor kanten av begge disse figurene. Jeg fant det enklest om kanten var en enestående sti.

Trinn 3

La oss se nærmere på møtestedet for den første og andre diagonalen til "W". Jeg brukte Direkte utvalgsverktøy (A) å justere ankerpunktene i overlappende form slik at den ikke sparket forbi bane av den gule kanten.

Deretter bruker du Pennverktøy, Jeg tegnet et enkelt rektangel som fungerte som et sluttpunkt for de to diagonalene. Dette tillater formen på bokstavene å se ut som om de ble bøyd av tanger for å få den svære bøyningen.

Juster ankerpunktene til figurene dine slik at de kobles til rektangelet på slutten av brevet.

Trinn 4

Den tredje diagonalen overlapper den andre øverst, og den fjerde diagonalen overlapper den tredje i bunnen. Brevet er kontinuerlig løkker gjennom seg selv. Igjen har bunnen av den fjerde diagonalen et annet rektangel slik at den skarpe kurven i designet virker mer plausibel.

6. Håndtering av andre bokstavsformer

Trinn 1

To andre forekomster av bokstaven "E" vises i mitt design. Jeg fant det enklest å bare KopiereLim inn, og Scale brevet som trengs gjennom resten av designet. Hvis "E" kobles til "N", må du nøye slette ankerpunkter og fremmede komponenter.

Steg 2

"A" har mange overlappende former.

  1. Som med tidligere bokstaver, begynner du med den buede halen til venstre.
  2. Juster vinklene på Linjære gradienter brukt i stammen og den buede halen. 
  3. Pass på at den gradienten som brukes på halen, er lysere enn hva som er nærmest i stangen til "A", siden den delen av designet er buet utover.
  4. Den andre stammen overlapper den første på toppen, men den overlappes av krøllestangen til "A".
  5. Legg merke til hvordan krøllestangen ble separert i to former, slik at den har dimensjon i utformingen. Fem figurer totalt utgjør "A" på dette punktet.

Trinn 3

Kanten av stolpen av "A" ble trukket i en form, men etter at jeg utvidet banen, trakk jeg to små gradientformer på hver side av den overlappende linjen som går fra # 5e322a100% til 0% Opacity for å skille delene og legge til en skygge. Jeg trakk også en liten form fylt med # 874e2e å bryte opp enden av baren med formen under den.

Skaper illusjonen av en overlappende form.

Trinn 4

Endelig er bokstaven "R" brutt ned i tre former (se nedenfor). Legg merke til de lysgule kantene som vises på begge sider av brevet, siden de bøyer seg inn mot midten av brevet.

Trinn 5

Til slutt lage noen enkle gnister ved å tegne små hvite sirkler med Ellipseverktøyet (L) og bruke en Pucker effekt (Effekt> Distort & Transform> Pucker & Bloat). Jeg glir skyvekontrollen til -93%, men beløpet vil variere avhengig av størrelsen på sirkelen din og formen du vil opprette. Utvide den nye formen under Gjenstand, og Rotere eller overlappe sparkles etter behov. Plasser dem rundt din skinnende gulltekst.

Flott jobb, du er ferdig!

Gi deg selv en gullstjerne! Du har fullført opplæringen og er klar til å ta verden med skinnende, gylden tekst. Jeg håper at teknikkene som er skissert ovenfor, inspirerer deg til å lage bannere, plakater og mer med strålende gyldne brevformer som glir av siden.