Blijf gouden met dit glanzende metallic text art-effect in Adobe Illustrator

Wat je gaat creëren

In deze zelfstudie tekent u uw eigen scriptlettertype (of werkt u er een bestaande uit) en maakt u het in een voltooid glanzend, gouden ontwerp. Maak een dimensie in het ontwerp door te dubbelklikken op de lijntekeningen van de tekst, dunne paden aan één zijde in te stellen en gouden overgangen te gebruiken om vergulde letters te maken om te bedrukken.

In de volgende tutorial ga je ervan uit dat je bekend bent met de Pen gereedschap (P)Pencil Tool (N), en Gradient Tool (G), en benadrukt techniek en stijl ten opzichte van exacte replicatie. Laten we Adobe Illustrator opstarten en ermee doorgaan!

1. De letters tekenen

Stap 1

We beginnen met het meest beschrijvende woord in het definitieve ontwerp: golden.

  1. De ... gebruiken Pencil Tool (N) met de streek ingesteld op 1 pt Gewicht in de Beroerte paneel, ik trok een grote, loopy letter "G". Als u zich er comfortabeler door voelt, kunt u uw scriptletters baseren op een reeds bestaand lettertype en eenvoudig de lettervormen volgen.
  2. Voor het 'OL' van 'Golden' wil ik ervoor zorgen dat de letters in elkaar overlopen alsof ze zijn gemaakt met een enkele gouden draad. Teken tweederde van een ellips, beginnend onderaan.
  3. In het laatste derde deel van de "O" loop je naar links en terug naar rechts.
  4. Voltooi vervolgens de "L" door nog een halve lusvorm te maken.

Stap 2

Niet al mijn brieven zijn samengevoegd. De "D" overlapt eenvoudigweg de andere letters, terwijl de "E" en "N" verbinden.

Stap 3

We gaan ons concentreren op het woord 'Goud' voor het grootste deel van de rendering sectie van deze tutorial. Groep (Control-G) samen uw enkele regel tekst. Kopiëren (Control-C) en Plakken (Control-V) de tekst zodat de gekopieerde groep verschoven is ten opzichte van de eerste. 

Groep combineer beide sets tekst en vergrendel de groep in de Lagen paneel. Ik vond het het gemakkelijkst om het te gebruiken Pen gereedschap (P) om de lintachtige vormen te traceren gevormd door het verdubbelen van de lijntekeningen die ik tekende voor mijn tekst. U kunt ook een lusachtig script-lettertype kiezen dat u leuk vindt en deze hele sectie overslaan. 

Waar je ook voor kiest, stel de vulkleur in op # ddbb4f omdat het een prachtige zachte gouden kleur is die het podium vormt voor ons uiteindelijke ontwerp perfect.

Verdubbeling van de lijntekening van letters geeft het ontwerp dimensie en gewicht.

2. Weergave van de G

Stap 1

Als u ervoor hebt gekozen om de vorige sectie over te slaan en een kant-en-klaar lettertype te gebruiken, moet u dat zeker doen Uitbreiden jouw tekst onder Voorwerp alvorens verder te gaan.

Laten we beginnen met de bovenste lus. De ... gebruiken Pen gereedschap, teken een vorm die de onderkant van de lus overlapt en accentueert de lintachtige kwaliteit van de tekst (zie hieronder). kiezen je brief en de nieuw getekende vorm. Gebruik de Shape Builder Tool (Shift-M) om het niet-kruisende deel van het nieuw getekende object te selecteren. Hef de selectie en Verwijder deze externe component.

Gebruik de Gradient Tool (G) toepassen van een Lineair verloop naar deze vorm bestaande uit de volgende kleuren, van links naar rechts:

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

In de helling paneel, stel de hoek in op 83 °, of zo. Als alternatief kunt u de hoek van het verloop aanpassen met de Gereedschap Verloop zelf.

Stap 2

De volgende vorm begint bovenaan de "G" en eindigt voordat de tweede lus in de letter begint. Gebruik de Shape Builder Tool, zoals in de vorige stap, om een ​​nieuw object perfect aan te passen aan de contouren van de letter. De Lineair verloop toegepast heeft negen kleuren; hier zijn ze van links naar rechts:

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

Zet het verloop zo dat het evenwijdig loopt aan het midden van de vorm (een beetje afwijk van parallel zijn met het tekenbord zelf).

Gebruik voor kleine markeervormen het Shape Builder Tool nogmaals om de contour van de letter te volgen en een Lineair verloop ga van #fffbbb op 100% naar 0% ondoorzichtigheid. Plaats hoogtepunten zoals deze recht boven donkere kleuren in het gouden verloop.

Stap 3

Ga door met het gebruik van de verlopen van de vorige twee stappen om schaduw- en markeringsvormen op de letter G te maken.

  • Merk op hoe lichtere kleuren niet verschijnen in delen van de letters die door anderen worden overlapt. 
  • De verloopvorm die hier wordt getekend, accentueert de glans van de tekst. Zorg ervoor dat u de handvatten van de ankerpunten voldoende manipuleert voor de ronding van de bovenkant van de markeervorm.
  • Nogmaals (en iets wat u vaak zult doen in deze tutorial), gebruikt u de Shape Builder Tool om vreemde delen van vormen uit de hoofdtekstgroep te verwijderen.
  • Het verloop van deze markeringsvorm is afkomstig van # f1a46b op 100% naar 0% dekking. Gebruik hetzelfde verloop van de vorige stap op alle drie de vormen die nu de onderste lus van de "G" vormen.

Stap 4

Gebruik de Pen gereedschap om de buitenrand van de brief te volgen. Zet de vulkleur op nul en de lijn op a Lineair verloop met de volgende kleuren:

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

Verhogen Gewicht van de slag naar 2-3 punten (of welke dikte ook werkt voor uw belettering) en Uitbreiden de slagen onder Voorwerp. Dit is het proces voor de voorsprong op elke letter.

Stap 5

Om de "G" te voltooien, heb ik een aantal van de volgende kleine wijzigingen aangebracht:

  1. Zorg ervoor dat de lijnen langs de randen van uw belettering niet verder reiken dan de rest van de lettervorm. Gebruik de Shape Builder Tool om ze in te korten.
  2. Ik tekende een kleine rechthoek op de onderkant van de staart van de "G" (het werd ook aan het einde van de bovenste lus gedaan) om de letter meer dimensie te geven en het eruit te laten zien alsof het is gemaakt van een platte gouden draad.
  3. Nogmaals, de rand is hier ingekort zodat het gewicht van het pad niet verder reikt dan de vorm van de letter zelf.

Groep samen uw "G" componenten wanneer u tevreden bent met uw ontwerp.

3. Het goud in goud zetten

Stap 1

We gaan verder met de volgende letter, laten we de subtielere gradiënt bekijken die wordt gebruikt voor elke sectie van de lus "O". Zoals eerder gebruikte ik de Shape Builder Tool om een ​​vorm te tekenen die de contouren van de letter volgt en de steeds veranderende vlakken accentueert.

De Lineair verloop gebruikt op de bovenkant van de "O" bevat de volgende kleuren:

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

De drie vormen die voor de onderkant van de lussen van de "O" worden getekend, bevatten het verloop dat in de onderstaande afbeelding wordt weergegeven:

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

Stap 2

Ga door naar de "L". Merk op hoe de eerste en grootste vorm volledig aansluiten op de tweede lus van de "O". Gebruik hetzelfde verloop van de vorige stap, waarbij de kleuren zich herhalen, zodat er twee hoogtepunten zijn.

Vier vormen vervolledigen de letter "L" op dit punt in het ontwerp. Er is meer te doen op zowel de "O" als de "L", maar ik vond het gemakkelijker om alles op te splitsen in secties in plaats van elke letter afzonderlijk en tot voltooiing te geven.

Stap 3

Vervolgens hebben we de letter "D".

  1. Ik begon met een enkelvoudige vorm voor de hele letter, met hetzelfde verloop als op de "G". 
  2. Na het aanpassen van het verloop in de helling paneel (spreidt de kleuren uit en past de hoek aan), ik tekende twee vormen om de wendingen en curven binnen de letter te definiëren. Hiervoor gebruikte ik dezelfde gradiënt als we gebruikten voor de onderkanten van de lussen van de "O".
  3. Eindelijk, herhaalde ik het proces dat we gebruikten op de "G"om de randen op de letters "OLD" te maken. Er zijn in totaal vier uitgebreide paden.

4. Letters toevoegen

Stap 1

Aangezien je de meeste technieken hebt die ik hier heb gebruikt, zullen de volgende secties zich bezighouden met het tonen van alternatieve methoden, het stroomlijnen van het proces of het maken van verschillende briefvormen.

Om te beginnen had ik in eerste instantie alleen het woord 'goud' gemaakt in plaats van de hele zin die in het laatste stuk te zien was. Als zodanig was toevoegen aan het ontwerp van cruciaal belang om ruimte te vullen. Gebruik bij het toevoegen van letters evenwijdige lijnen langs de boven- en onderkant van elke letter om ervoor te zorgen dat ze in dezelfde hoek staan ​​als de vorige.

Dit helpt je ook te visualiseren wat de lintachtige uiteinden, rondingen en hoeken van de letters zijn voordat je deze spaties hebt ingevuld.

Stap 2

Laten we ons concentreren op het proces van de "E", zoals het driemaal voorkomt in het definitieve ontwerp.

  1. Met dezelfde hellingen als ik gebruikte op de "D" voor gemarkeerde gebieden en schaduwen, heb ik drie vormen aan de linkerkant van de "E" gemaakt. Zorg ervoor dat de hoeken van de hellingen loodrecht op de randen van hun objecten staan.
  2. Repliceer de techniek die in sectie 3 wordt gebruikt (tekening verloopvormen om te markeren, in te lichten en paden te tekenen om randen te maken). Merk op hoe het randpad in het midden van de "E" in twee stukken moest worden gesneden zodat de curve precies goed was. Wees niet bang om randen in stappen te tekenen als het een bijzonder moeilijke curve is.
  3. Concentreer donkere kleuren binnen je verloop in de onderkant van gebogen vormen en vooral als een andere letter of vorm deze overlapt (let op de donkere kleur achter de stengel van de "N").

Stap 3

Dit is de voltooide versie van mijn woord "Golden". Bijna alle hoogtepunten ontvingen aanvullende gradiëntvormen zoals die we gebruikten om schaduw- en markeervormen te maken op de letter "G". Het gebruik van extra tinten bruin, oranje en romig geel houdt de toon van dit goud tegen te koud.

5. Letters weergeven zonder een basisvorm

Stap 1

Een alternatieve methode bij het renderen van gouden tekst is om elke verloopvorm te tekenen met de Pen gereedschap, zonder gebruik van de Shape Builder Tool methode beschreven in deze tutorial.

  1. Begin met je standaard belettering. In dit geval is het de rest van het definitieve ontwerp, "We Are".
  2. KopiërenPasta, en plaats de gekopieerde tekst rechts van de originele tekst. Gebruik de Pen gereedschap om horizontale lijnen te tekenen tussen open randen aan de boven- en onderkant van het ontwerp. Groep samen uw componenten voor elk woord en Slot hen in de Lagen paneel.
  3. Beginnend met de "W", traceer het einde van de eerste curve. Gebruik dezelfde gradiënt als we aanvankelijk voor de "G" gebruikten.
  4. Teken in het volgende deel van de eerste curve in de "W". Gebruik hetzelfde verloop als dat we gebruikten voor de "D". Zorg ervoor dat de hoek van het verloop parallel loopt met de horizontale uiteinden en randen van de letters (let op het einde van de krul).

Stap 2

Ik ga door met de letter "W" en heb de volgende curve en de bijbehorende randvorm al toegevoegd.

  • De tweede diagonaal van de letter is een grote, gebogen vorm.
  • De vorm onder de tweede diagonaal (het einde van de eerste diagonaal) gebruikt dezelfde gradiënt als voor de onderzijden van de lussen van de "O". Zet het verloop zo dat het donkere gedeelte linksboven in de vorm staat (dit was -51,7 ° voor mijn stuk).
  • Volg de rand van beide vormen. Ik vond het het gemakkelijkst als de rand een enkel pad was.

Stap 3

Laten we eens goed kijken naar het ontmoetingspunt van de eerste en tweede diagonaal van de "W". Ik gebruikte de Direct selectie gereedschap (A) om de ankerpunten van de overlappende vorm aan te passen, zodat deze niet voorbij het pad van de gele rand kwam.

Dan, met behulp van de Pen gereedschap, Ik tekende een eenvoudige rechthoek die diende als een eindpunt voor de twee diagonalen. Hierdoor kan de vorm van de letters er uitzien alsof ze zijn gebogen door een tang om die ernstige buiging te krijgen.

Pas de ankerpunten van uw vormen aan zodat ze aan het einde van uw brief worden verbonden met de rechthoek.

Stap 4

De derde diagonaal overlapt de tweede bovenaan en de vierde diagonaal overlapt de derde aan de onderkant. De brief loopt voortdurend door zichzelf heen. Opnieuw heeft de onderkant van de vierde diagonaal een andere rechthoek waardoor de scherpe curve in het ontwerp meer aannemelijk lijkt.

6. Andere briefvormen gebruiken

Stap 1

Nog twee exemplaren van de letter "E" verschijnen in mijn ontwerp. Ik vond het het gemakkelijkst om het gewoon te doen KopiërenPasta, en Schaal de letter zoals nodig in de rest van het ontwerp. Als uw "E" verbinding maakt met uw "N", moet u zorgvuldig ankerpunten en externe componenten verwijderen.

Stap 2

De "A" heeft veel overlappende vormen.

  1. Zoals met de vorige letters, begin met de gebogen staart aan de linkerkant.
  2. Pas de hoeken van de Lineaire verlopen gebruikt in de stengel en zijn gebogen staart. 
  3. Zorg ervoor dat het verloop op de staart helderder is dan het dichtstbijzijnde in de stam van de "A", omdat dat deel van het ontwerp naar buiten buigt.
  4. De tweede stengel overlapt de eerste bovenaan, maar wordt overlapt door de curlingbalk van de "A".
  5. Merk op hoe de curlingbalk in twee vormen is verdeeld, zodat deze een dimensie heeft in het ontwerp. In totaal vormen vijf vormen de "A".

Stap 3

De rand van de balk van de 'A' is in één vorm getekend, maar nadat ik het pad heb uitgevouwen, tekende ik twee kleine verloopvormen aan weerszijden van de overlappende balk die van # 5e322a op 100% naar 0% dekking om de secties te scheiden en een schaduw toe te voegen. Ik tekende ook een kleine vorm vol # 874e2e om het einde van de staaf te breken met de vorm eronder.

De illusie van een overlappende vorm creëren.

Stap 4

Ten slotte is de letter "R" opgesplitst in drie vormen (zie hieronder). Let op de lichtgele randen die aan beide kanten van de letter verschijnen, omdat ze naar het midden van de brief draaien.

Stap 5

Maak tot slot enkele eenvoudige sparkles door kleine witte cirkels te tekenen met de Ellipse Tool (L) en toepassen van een rimpelen effect (Effect> Vervormen en transformeren> Pucker & Bloat). Ik heb de schuifregelaar verschoven naar -93%, maar het aantal hangt af van de grootte van je cirkel en de vorm die je wilt maken. Uitbreiden de nieuwe vorm onder Voorwerp, en Draaien of sparkles overlappen zoals nodig. Plaats ze rond je glanzende gouden tekst.

Geweldig werk, je bent klaar!

Geef jezelf een gouden ster! Je hebt de tutorial voltooid en bent klaar om de wereld op te nemen met glanzende, gouden tekst. Ik hoop dat de hierboven geschetste technieken je inspireren om banners, posters en meer te maken met glorieuze gouden briefvormen die van de pagina glinsteren.