Håll gyllene med denna glänsande metallisk textkonstverk i Adobe Illustrator

Vad du ska skapa

I den här handledningen kommer du att rita ditt eget manuskriptfönster (eller arbeta bort en befintlig) och göra det till en färdig blank, gyllene design. Skapa dimension i designen genom att fördubbla textens linjekonst, sätt upp tunna streckade banor på ena sidan och använd gyllene graderingar för att skapa förgylld bokstäverpassning för att skriva ut.

Följande handledning förutsätter att du är bekant med Penverktyg (P)Penna verktyg (N), och Gradient Tool (G), och betonar teknik och stil över exakt replikering. Låt oss skjuta upp Adobe Illustrator och fortsätta med det!

1. Ritning av bokstäverna

Steg 1

Vi börjar med det mest beskrivande ordet i den slutliga designen: golden.

  1. Använda Penna verktyg (N) med stroke inställd på 1 pt ViktStroke panelen ritade jag ett stort, loopy brev "G". Om det får dig att känna sig mer bekväm kan du basera dina skrivbrev på ett existerande teckensnitt och helt enkelt spåra brevformulären.
  2. För "OL" av "Golden", vill jag se till att bokstäverna slingnar i varandra som om de är skapade med en enda gyllene tråd. Rita två tredjedelar av en ellipsa, starta längst ner.
  3. I den sista tredjedel av "O", slinga ner åt vänster och bakåt upp till höger.
  4. Slutför sedan "L" genom att skapa en annan halv loopform.

Steg 2

Inte alla mina bokstäver är sammanfogade. "D" överlappar helt enkelt de andra bokstäverna, medan "E" och "N" ansluts.

Steg 3

Vi kommer att fokusera på ordet "Gold" för det mesta av återgivningsavsnittet i denna handledning. Grupp (Control-G) tillsammans din enda textrad. Kopiera (Control-C) och Klistra in (Control-V) texten så att den kopierade gruppen är kompenserad från den första. 

Grupp sammanfatta båda uppsättningarna av text och låsa gruppen i Skikten panel. Jag tyckte det var lättast att använda Penverktyg (P) att spåra de bandformade formerna som bildas genom att fördubbla linjekonst som jag ritade för min text. Alternativt kan du välja ett loopy-teckensnitt som du gillar, och hoppa över hela detta avsnitt. 

Vad du än väljer väljer du fyllfärgen till # ddbb4f eftersom det är en underbar mjukt guldfärg som gör scenen för vår slutliga design perfekt.

Dubbla upp bokstäverna ger designens dimension och vikt.

2. Rendering av G

Steg 1

Om du valt att hoppa över föregående avsnitt och använda ett färdigt teckensnitt, se till att Bygga ut din text under Objekt innan du fortsätter.

Låt oss börja med toppslingan. Använda Penverktyg, rita en form som överlappar undersidan av slingan och accentuerar den bandliknande kvaliteten på texten (se nedan). Välj ditt brev och den nyligen ritade formen. Använd Formverktygsverktyg (Shift-M) för att välja den icke-skärande delen av det nyligen ritade objektet. Välja bort och Radera den här externa komponenten.

Använd Gradient Tool (G) att tillämpa a Linjär Gradient till denna form som består av följande färger, från vänster till höger:

  • # e3b76c
  • # 412.927
  • # c3ae3b
  • # f0eb87
  • # d29255

Lutning panel, sätt vinkeln på 83 °, eller så. Alternativt kan du justera gradientens vinkel med Övertoningsverktyg sig.

Steg 2

Nästa form börjar på toppen av "G" och slutar innan den andra slingan i brevet börjar. Använd Formverktygsverktyg, som i föregående steg, för att passa ett nytt objekt perfekt i brevets kontur. De Linjär Gradient appliceras har nio färger; här är de från vänster till höger:

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

Vinkla gradienten så att den är parallell med mitten av formen (lite av att vara parallell med själva tavlan).

För små markeringsformer, använd Formverktygsverktyg en gång till för att följa brevets kontur och tillämpa a Linjär Gradient går från #fffbbb100% till 0% Opacitet. Placera höjdpunkter som dessa precis ovanför mörkare färger i den gyllene gradienten.

Steg 3

Fortsätt att använda gradienterna från de föregående två stegen för att skapa skugg och markera former på bokstaven G.

  • Observera hur lättare färger inte visas i delar av bokstäverna som överlappas av andra. 
  • Den gradientform som dras här kommer att accentuera texten i glansen. Se till att du manipulerar handtagen på ankarpunkterna tillräckligt för kurvan på toppen av höjdpunkten.
  • Än en gång (och något du ofta gör i denna handledning) använder du Formverktygsverktyg för att radera utomordnade delar av former från huvudtextgruppen.
  • Graden av denna höjdpunktsform går från # f1a46b på 100% till 0% opacitet. Använd samma gradient från föregående steg på alla tre former som nu utgör den nedre slingan av "G".

Steg 4

Använd Penverktyg att spåra brevets ytterkant. Ställ fyllfärgen till null och stroke till a Linjär Gradient med följande färger:

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

Öka Vikt av stroke till 2-3 poäng (eller vilken tjocklek som helst för ditt bokstäver) och Bygga ut stroke under Objekt. Detta kommer att vara processen för kanten på varje brev.

Steg 5

För att slutföra "G" gjorde jag några av följande små förändringar:

  1. Se till att de streck som stämmer över kanterna på din bokstäver inte sträcker sig över resten av brevformen. Använd Formverktygsverktyg att trimma dem ner.
  2. Jag ritade en liten rektangel på undersidan av "G" -svansen (det var gjort i slutet av toppslussen) för att ge brevet större dimension och få det att se ut som om det är gjort av en platt guldgråtråd.
  3. Återigen klippdes kanten här så vägens vikt sträckte sig inte bortom formen på brevet självt.

Grupp tillsammans dina "G" -komponenter när du är nöjd med din design.

3. Att sätta guldet i guld

Steg 1

Fortsätt till nästa brev, låt oss kolla in den subtila gradienten som används för varje sektion av looping "O". Som tidigare använde jag Formverktygsverktyg att rita en form som följer brevets kontur och accentuerar dess ständigt föränderliga plan.

De Linjär Gradient som används överst på "O" innehåller följande färger:

  • # 672e25
  • # d2a142
  • # fcf4d4
  • # d2a142
  • # 884.729

De tre formerna som är ritade för undersidorna av "O" slingor innehåller gradienten som ses i bilden nedan:

  • # 672e25
  • # d2a142
  • # d2a142
  • # 884.729

Steg 2

Fortsätt vidare till "L". Observera hur den första och största formen ansluts helt med den andra slingan på "O". Använd samma gradient från föregående steg, med färgerna upprepa så att det finns två områden med höjdpunkter.

Fyra former kompletterar bokstaven "L" vid denna punkt i designen. Det finns mer att göra på både "O" och "L", men jag hittade det lättare att bryta allt ner i sektioner istället för att göra varje brev separat och till slutförandet.

Steg 3

Därefter har vi bokstaven "D".

  1. Jag började med en singelform för hela bokstaven, med samma gradient som på "G". 
  2. Efter justering av gradienten i Lutning panel (spridning av färgerna och justering av vinkeln), ritade jag två former för att definiera vridningar och kurvor i brevet. För detta använde jag samma gradient som vi använde för undersidan av "O" slingorna.
  3. Slutligen upprepade jag processen vi använde på "G"för att skapa kanterna på bokstäverna "OLD". Det finns totalt fyra expanderade vägar totalt.

4. Lägga till bokstäver

Steg 1

Eftersom du har det mesta av tekniken som jag har använt här, kommer följande avsnitt att handla om att visa alternativa metoder, effektivisera processen eller skapa olika brevformer.

Till att börja med hade jag ursprungligen bara skapat ordet "guld" i stället för hela frasen som ses i sista stycket. Som sådan var det viktigt att lägga till designen för att fylla i rymden. När du lägger till bokstäver, använd parallella linjer längst upp och längst ned i varje brev för att se till att de ligger i samma vinkel som de som kom före.

Detta hjälper dig också att visualisera vad de bandliknande ändarna, kurvorna och vinklarna på bokstäverna är innan du fyller i dessa mellanslag.

Steg 2

Låt oss fokusera på processen för "E", som det framträder tre gånger i den slutliga designen.

  1. Med samma gradienter som jag använde på "D" för markerade områden och skuggor, har jag skapat tre former på vänster sida av "E". Se till att gradienternas vinklar är vinkelräta mot kanterna på objekten.
  2. Replikera tekniken som används i avsnitt 3 (dra gradientformer för att markera, skugga in och ritningsvägar för att skapa kanter). Observera hur kantväggen i mitten av "E" måste skäras i två delar för att kurvan ska vara rätt. Var inte rädd för att rita kanter i steg om det är en särskilt svår kurva.
  3. Koncentrera mörkare färger i din lutning på bottensidan av böjda former och speciellt om ett annat brev eller form överlappar dem (notera den mörkare färgen bakom "N" -stammen).

Steg 3

Detta är den färdiga versionen av mitt ord "Golden". Nästan alla höjdpunkter fick ytterligare gradientformer som de som vi brukade skapa skugg och markera former på bokstaven "G". Med hjälp av ytterligare nyanser av brun, orange och krämig gul, behåller tonen i detta guld alltför kallt.

5. Rendering av brev utan en basform

Steg 1

En alternativ metod för att göra guldtext är att dra varje gradientform med Penverktyg, utan att använda Formverktygsverktyg metod som skisseras i denna handledning.

  1. Börja med din grundläggande bokstäver. I det här fallet är det resten av den slutliga designen, "We Are".
  2. KopiaKlistra, och placera den kopierade texten till höger om originaltexten. Använd Penverktyg Att rita horisontella linjer mellan öppna kanter på toppen och botten av konstruktionen. Grupp tillsammans dina komponenter för varje ord och Låsa dem i Skikten panel.
  3. Börjar med "W", spåra slutet av den första kurvan. Använd samma gradient som vi ursprungligen använde för "G".
  4. Rita i nästa del av den första kurvan i "W". Använd samma gradient som vi använde för "D". Se till att lutningen av lutningen är parallell med de horisontella ändarna och kanterna på bokstäverna (observera slutet på krullen).

Steg 2

Fortsätt med bokstaven "W", jag har redan lagt till nästa kurva och motsvarande kantform.

  • Brevets andra diagonala är en stor, krökt form.
  • Formen under den andra diagonalen (slutet av den första diagonalen) använder samma gradient som för undersidan av "O" slingor. Vinkla gradienten så att den mörkare delen ligger i den övre vänstra delen av formen (detta var -51,7 ° för min del).
  • Spåra kanten av båda dessa former. Jag fann det enklast om kanten var en singelväg.

Steg 3

Låt oss titta noga på mötesplatsen för den första och andra diagonalen i "W". Jag använde Direktmarkeringsverktyg (A) för att justera förankringspunkterna i den överlappande formen så att den inte sparkade ut förbi den gula kanten.

Sedan använder du Penverktyg, Jag ritade en enkel rektangel som fungerade som en slutpunkt för de två diagonalerna. Detta gör att bokstäverna ser ut som om de böjdes av tänger för att få den svåra böjningen.

Justera ankarpunkterna i dina former så att de ansluter till rektangeln i slutet av ditt brev.

Steg 4

Den tredje diagonalen överlappar den andra på toppen, och den fjärde diagonalen överlappar den tredje i botten. Brevet är ständigt slingor genom sig själv. Återigen har botten av den fjärde diagonalen en annan rektangel vilket gör att den vassa kurvan i designen verkar mer plausibel.

6. Hantering av andra bokstäver

Steg 1

Ytterligare två exempel på bokstaven "E" visas i min design. Jag tyckte det var lättast att bara KopiaKlistra, och Skala brevet som behövs under resten av designen. Om din "E" ansluter till din "N" måste du försiktigt ta bort ankarpunkter och externa komponenter.

Steg 2

"A" har många överlappande former.

  1. Som med tidigare bokstäver börjar med den svängda svansen till vänster.
  2. Justera vinklarna på Linjära gradienter används i stammen och dess böjda svans. 
  3. Se till att den gradient som används på svansen är ljusare än vad som är närmast den i "A" -stammen, eftersom den delen av konstruktionen böjs utåt.
  4. Den andra stämman överlappar den första på toppen, men den överlappas av "A".
  5. Observera hur curlingstången separerades i två former så att den har dimension i sin design. Fem olika former utgör "A" vid denna punkt.

Steg 3

Kanten på stången på "A" drogs i en form, men efter att jag utökat banan ritade jag två små gradientformer på vardera sidan av den överlappande stången som går från # 5e322a100% till 0% opacitet för att skilja avsnitten och lägga till en skugga. Jag ritade också en liten form fylld med # 874e2e att bryta upp barens ände med formen under den.

Skapar illusionen av en överlappande form.

Steg 4

Slutligen är bokstaven "R" uppdelad i tre former (se nedan). Notera de ljusgula kanterna som finns på båda sidor av brevet eftersom de böjer sig in i mitten av brevet.

Steg 5

Slutligen skapa några enkla gnistrar genom att dra små vita cirklar med Ellipsverktyg (L) och tillämpa en Rynka effekt (Effekt> Förvräng & Transformera> Pucker & Bloat). Jag gled skjutreglaget till -93%, men mängden varierar beroende på storleken på din cirkel och den form du vill skapa. Bygga ut den nya formen under Objekt, och Rotera eller överlappa gnistar efter behov. Placera dem runt din glänsande guldtext.

Bra jobb, du är klar!

Ge dig själv en guldstjärna! Du har slutfört handledningen och är redo att ta världen med blank, gyllene text. Jag hoppas att de tekniker som beskrivs ovan inspirerar dig att skapa banderoller, affischer och mer med härliga gyllene brevformer som glänsar bort från sidan.