Hold gylne Med Dette Shiny Metallic Text Kunsteffekt i Adobe Illustrator

Stay gylne Med Dette Shiny Metallic Text Kunsteffekt i Adobe Illustrator
Hva du skal lage

I denne opplæringen, vil du tegne din egen script font (eller arbeid av en eksisterende) og gjengi den i en ferdig skinnende, gyllen design. Lag dimensjon i design ved å doble opp på tekstens strektegninger, sette opp tynt strøk stier på den ene siden, og bruke gylne gradienter å skape forgylt skrift skikket til å skrive ut.

Følgende opplæringen forutsetter at du er kjent med Pen Tool (P), Pencil Tool (N), og Gradient Tool (G), og spenninger teknikk og stil over eksakt replikering. La oss fyre opp Adobe Illustrator og komme videre med det!

1. Tegning bokstavene

Trinn 1

Vi begynner med det mest beskrivende ordet i den endelige utformingen. Golden


    Bruke Pencil Tool (N) med slaget satt til 1 pt Vekt i Strek-panelet, trakk jeg en stor, loopy bokstaven "G". Hvis det gjør du føler deg mer komfortabel, kan du basere dine script bokstaver på en forhåndsdefinert skrift og enkelt spore brev former.
  1. For "OL" av "gylne", jeg vil være sikker på bokstavene sløyfe inn hverandre som om laget med en enkelt gulltråd. Tegn to tredjedeler av en ellipse, starter på bunnen.
  2. I den siste tredjedelen av "O", sløyfe ned til venstre og tilbake opp til høyre.
  3. Deretter fullføre "L" ved å opprette en halv sløyfe form.

    Trinn 2

    Ikke alle mine bokstaver er knyttet sammen. "D" overlapper bare andre bokstaver, mens "E" og "N" koble til.

    Trinn 3

    Vi kommer til å fokusere på ordet "gull" for de fleste av gjengivelsen delen av denne opplæringen. Group (Ctrl-G) sammen din eneste tekstlinje. Kopier (Ctrl-C) og lim (Ctrl + V) teksten slik at den kopierte gruppen er forskjøvet fra den første.

    gruppe sammen begge settene med tekst og låse gruppen i Lag-panelet. Jeg fant det enklest å bruke Pen Tool (P) å spore bånd-lignende figurer dannet ved å doble opp linjen art jeg trakk for min tekst. Alternativt kan du velge en sprø script font som du vil, og hoppe over hele dette avsnittet.

    Uansett hva du velger å gjøre, sette fyllfarge til # ddbb4f fordi det er en fantastisk myk gull farge som setter scenen for vår endelige utformingen perfekt.
    Dobling opp strektegninger av bokstaver gir design dimensjon og vekt.
    2. Gjengi G

    Trinn 1

    Hvis du valgte å hoppe over forrige avsnitt og brukt et ferdig font, sørg for å utvide din tekst under Object før du fortsetter.

    La oss starte med den øverste løkken. Bruke Pen Tool, tegne en form som overlapper undersiden av loopen og fremhever bånd-lignende kvalitet av teksten (se nedenfor). Velg brevet og den nylig trukket form. Bruk Shape Builder Tool (Shift-M) for å velge ikke-kryssende del av den nylig tegnet objekt. Oppheve valg og Slett overflødig komponent

    Bruk Gradient Tool (G) for å bruke en lineær gradient til denne formen består av følgende farger, fra venstre mot høyre.

  4. # e3b76c

    # 412927

    # c3ae3b

    # f0eb87

    # d29255

    I Gradient panelet satt vinkelen til 83 °, eller så. Alternativt kan du justere gradient vinkel med Gradient Tool selv.

    Trinn 2

    Den neste formen begynner på toppen av "G" og slutter før den andre sløyfen i brevet begynner . Bruk Shape Builder Tool, som i forrige trinn, for å passe et nytt objekt perfekt til konturene av brevet. The Linear Gradient søkt har ni farger; her de er fra venstre til right:


    #653d3b

    #eeb570

    #f9e99c

    #f5e283

    #ce9440

    #f1e67c

    #fffcb3

    #e0bd61

    #cd8f52

    Angle gradient slik at den er parallell til midten av formen (litt off fra å være parallell med artboard seg selv).

    For små høydepunkt figurer, bruke Shape Builder Tool gang å følge brevet kontur og anvende en lineær gradient som går fra #fffbbb på 100% til 0% Opacity. Plasser høydepunkter som disse rett ovenfor mørkere farger i den gylne gradient.

    Trinn 3

    Fortsett å bruke gradienter fra de to foregående trinnene for å opprette skygge- og høylys figurer på bokstaven G.


    Legg merke til hvordan lysere farger ikke vises i deler av bokstavene som er overlappet av andre.

    gradient Formen blir trukket her vil fremheve glansen av teksten. Sørg for at du manipulere håndtakene ankerpunktene nok for kurven på toppen av høydepunktet form.

  5. Når mer (og noe du gjør ofte i denne opplæringen), bruker Shape Builder Tool til å slette utenforliggende deler av figurer fra hovedteksten gruppen.

    gradient av denne høydepunkt formen går fra # f1a46b på 100% til 0% Opacity. Bruk samme gradient fra forrige trinn på alle tre figurene som nå utgjør den nederste løkken på "G".

    Trinn 4

    bruke Pen Tool å spore den ytre kant av brevet. Sett fyllfarge til null og slag til en lineær gradient med følgende farger:

    # f2e182

    # fcf4d4

    # f7e79f

    # f2e182

    øke vekten av hjerneslag til 2-3 pts (eller hva tykkelse fungerer for din skrift) og Utvid slag under Object. Dette vil være prosessen for kanten på hver letter
    Trinn 5

    For å fullføre "G" Jeg har gjort noen av de følgende små endringer.


      Sørg for slagene som linjen kantene på bokstavene ikke forlenge forbi resten av brevet form. Bruk Shape Builder Tool til å klippe dem ned.
    1. Jeg trakk en liten firkant på bunnen av "G" 's halen (det ble gjort på slutten av den øverste løkken også) å gi brevet mer dimensjon og at det ser ut som om det er blitt laget av en flat gulltråd.

      Igjen ble kanten trimmet her slik at vekten av banen ikke utvide forbi formen på brevet selv.

      gruppe sammen din "G" komponenter når fornøyd med designen.

      3. Putting Gold Golden

      Trinn 1

      Går videre til neste bokstav, la oss ta en titt på subtil gradient brukes for hver del av looping "O". Som før, jeg brukte Shape Builder Tool til å tegne en form som følger konturene av brevet og understreker den stadig skiftende flyene.

      Lineær Gradient brukes på toppen av "O" inneholder følgende farger :

      # 672e25

      # d2a142

      # fcf4d4

      # d2a142

      # 884729

      De tre formene trukket for undersiden av løkkene på "O" inneholde gradient ses i bildet nedenfor:

      # 672e25

      # d2a142
      < li> # d2a142

      # 884729

      Trinn 2

      Fortsett videre til "L". Legg merke til hvordan den første og største form kobler helt med den andre løkken på "O". Bruk samme gradient fra forrige trinn, med fargene gjenta slik at det er to områder av høydepunktene.

      Fire figurer full bokstaven "L" på dette punktet i design. 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 hver bokstav for seg og til ferdigstillelse.

      Trinn 3

      Neste opp vi har bokstaven "D".


        Jeg startet med en enestående form for hele brevet, med samme gradient som på "G".

        Når du har justert gradient i Gradient panel (spre fargene ut og justere vinkelen), trakk jeg to former for å definere vendinger og kurver i brevet. For dette har jeg brukt samme gradient som vi brukte for undersiden av løkkene på "O".
      1. Til slutt, gjentok jeg prosessen vi brukte på "G" for å lage kantene på bokstavene "OLD ". Det er fire utvidede baner totalt.

        4. Legge Letters

        Trinn 1

        Som du sikkert har fått det meste av teknikk som jeg har brukt her, vil følgende avsnitt befatte seg med å vise alternative metoder, strømlinjeforme prosessen, eller lage annerledes brev former.

        For det første, jeg hadde i utgangspunktet bare skapt ordet "gull" i stedet for hele setningen sett i det siste stykket. Som sådan, legger i design var avgjørende for å fylle opp plass. Når du legger til bokstaver, bruker parallelle linjer langs toppen og bunnen av hver bokstav for å sikre at de er i samme vinkel som de som kom før.

        Dette hjelper også deg visualisere hva båndet lignende ender, kurver og vinkler av bokstavene er før du har fylt i disse rommene.

        Trinn 2

        La oss fokusere på prosessen av "E", som det vises tre ganger i den endelige utformingen.


          Bruk de samme gradienter som jeg brukte på "D" for uthevede områder og skygger, har jeg laget tre figurer på venstre side av "E". Sørg for vinkler av gradienter er vinkelrett på kantene av sine objekter.
        1. Repliker teknikk som brukes i hele § 3 (tegning gradient former for å markere, skygge, og tegne baner for å lage kanter). Legg merke til hvordan kanten banen i midten av "E" måtte bli kuttet i to deler for kurven for å være helt rett. Ikke vær redd for å trekke kanter i trinnene hvis det er en spesielt vanskelig kurve.
        2. Konsentrer mørkere farger i din gradient i undersiden av buede former og spesielt hvis et nytt brev eller form lapper dem (merk mørkere farge bak stammen av "N").

          Trinn 3

          Dette er den ferdige versjonen av mitt ord "gylne". Nesten alle høydepunktene mottatt flere graderte former som de vi pleide å lage skygge og høylys figurer på bokstaven "G". Ved hjelp av flere nyanser av brunt, oransje og kremgul holder tonen i dette gullet blir for kaldt.

          5. Rende Letters Uten Base Shape

          Trinn 1

          En alternativ metode i gjengivelsen gull teksten er å trekke hver gradient form med Pen Tool, uten å bruke Shape Builder Tool metoden skissert i denne opplæringen.


            Start med grunnleggende bokstaver. I dette tilfellet er det resten av den endelige utformingen, "We Are".
          1. Kopier, Lim inn, og plassere den kopierte teksten til høyre for den opprinnelige teksten. Bruk Pen Tool til å tegne horisontale linjer mellom åpne kanter på toppen og bunnen av design. Gruppe sammen dine komponenter for hvert ord og låse dem i Lag-panelet.
          2. Fra og med "W", spore utgangen av første sving. Bruk samme gradient som vi opprinnelig brukt for "G".
          3. Tegn på den neste del av den første kurve i "W". Bruk samme gradient som vi brukte for "D". Sørg for at vinkelen på gradienten er parallell med de horisontale ender og kanter på bokstaver (merk slutten av curl).

            Trinn 2

            Fortsetter på med bokstaven " W ", har jeg allerede lagt neste sving, og den tilsvarende kant formen.

            Den andre diagonal av brevet er en stor, buet form.

            Formen under andre diagonal (slutten av den første diagonal) benytter samme gradient som for undersiden av løkkene på "O". Vinkel graderingen slik den mørkere delen er øverst til venstre i figuren (dette var -51,7 °
            for min del).

          4. Trace kanten av begge disse formene. Jeg fant det lettest hvis kanten var en enestående sti.

            Trinn 3

            La oss se nærmere på møtestedet til den første og andre diagonal av "W". Jeg brukte Direct Selection Tool (A) for å justere festepunktene i overlappende form slik at det ikke sparke ut forbi banen til den gule kanten.

            Deretter bruker Pen Tool, trakk jeg en enkel rektangel som fungerte som et sluttpunkt for de to diagonalene. Dette gjør at formen på bokstavene for å se ut som om de ble bøyd av tang for å få den alvorlige svingen.

            Juster ankerpunktene dine figurer, slik at de kobler til rektangelet på slutten av brevet .

            Trinn 4

            Den tredje diagonal lapper den andre på toppen, og den fjerde diagonal lapper tredje nederst. Brevet er stadig looper gjennom seg selv. Igjen, har bunnen av den fjerde diagonal en firkant slik at den skarpe kurve i utformingen synes mer sannsynlig.

            6. Håndtering Andre Letter Former

            Trinn 1

            To flere forekomster av bokstaven "E" vises i mitt design. Jeg fant det lettest å bare Kopier, Lim inn, og Scale brevet som trengte gjennom resten av designet. Hvis "E" forbinder med "N", må du nøye slette ankerpunkt og unødvendige komponenter.

            Trinn 2

            "A" har mange overlappende former.


              I likhet med tidligere brev, start med den buede halen til venstre.

              Juster vinkler av lineære gradienter som brukes i stammen og dens buede halen.

              Kontroller at gradient brukes på halen er lysere enn hva som er nærmest det i stammen av "A", siden den delen av design er kurvet utover.

              Den andre stammen lapper først på toppen, men det er overlappes av curling linjen på "A".

              Legg merke til hvordan curling bar ble delt opp i to former, slik det har dimensjon i sin utforming. Fem figurer totalt utgjør "A" på dette punktet.

              Trinn 3

              Kanten av linjen på "A" ble trukket i en form, men etter at jeg utvidet banen, trakk jeg to små gradient figurer på hver side av den overlappende linjen som går fra # 5e322a på 100% til 0% Opacity for å skille seksjonene og legge en skygge. Jeg tegnet også en liten form fylt med # 874e2e å bryte opp enden av baren med formen under.
              Opprette en illusjon av en overlappende form.
              Trinn 4

              Til slutt i brevet "R" er delt opp i tre former (se nedenfor). Legg merke til de lysegule kanter som vises på begge sider av brevet, siden de er buet inn mot midten av brevet.

              Trinn 5

              Til slutt, lage noen enkle sparkles ved å tegne små hvite sirklene med Ellipse Tool (L) og bruke en Pucker effekt (Effect > Distort & Transform > Pucker & bloat). Jeg gled glidebryteren til -93%, men mengden vil variere avhengig av størrelsen på sirkelen og den formen du ønsker å lage. Utvid den nye figuren under Object, og Roter eller lapper sparkles etter behov. Plasser dem rundt skinnende gull teksten.

              Great Job, er du ferdig!

              Gi deg selv en gullstjerne! Du har fullført opplæringen og er klar til å ta på verden med skinnende, gyllen tekst. Jeg håper de teknikkene som er skissert ovenfor inspirere deg til å lage bannere, plakater og mer med gylne brev skjemaer som glinser av siden.