Guldeffekt på text

Inledning:

Hej kära PSD-community. Kul att ni är med igen på en av mina handledningar. Idag ska ni lära er hur man skapar en vacker guldeffekt som i Figur 01. Dessutom visar jag er hur ni kan skapa egna färgbibliotek så att ni t.ex. när som helst kan använda de guldskimrande färgerna som vi senare ska skapa. Slutligen tar vi oss också en titt på hur man kan göra en 3D-version av en 2D-text som en liten extra bonus.

Så, nu har vi pratat tillräckligt. Låt oss börja direkt...

Adobe Illustrator – Guld effekt på text

Del 1:

Steg 1: Skapa guldiga färger

Innan ni börjar med att skapa en guldeffekt behöver ni såklart olika guldiga färger. I den här handledningen behöver vi fyra olika CMYK-färgvärden. Men varifrån kan man egentligen få de här värdena på bästa sätt? Mitt tips i det här fallet är ganska enkelt. Eftersom vi behöver guldiga färger, skriv in orden "Guld, Guldtackor, Guldiga färger" eller liknande i valfri sökmotor (i mitt fall "Google"). Gå sedan till "Bildsökningen" och titta på olika bilder där guldiga färger förekommer. Som ni kan se i Figur 02, har jag här valt en bild med två guldtackor. Spara den här eller valfri bild på er dator och öppna sedan Illustrator.

Adobe Illustrator - Guldffekt på text

När ni väl är i Illustrator, skapar ni först en ny arbetsyta med storleken A3. Det gör ni genom att gå till Arkiv>Ny.

Adobe Illustrator – Guld effekt på text

Nu går ni till Arkiv>Placera och väljer sedan i dialogrutan den bild ni sparade tidigare. Bekräfta denna ruta med OK.

Adobe Illustrator - Gulleffekt på text

Den här bilden kommer vi nu att använda som referens för de guldiga färgerna. Ta Rektangel-verktyget, skapa fyra små kvadrater och placera dem någonstans på kanten av er arbetsyta. Storleken spelar ingen roll. I mitt fall är kvadraterna alla 28 x 28mm stora.

Adobe Illustrator - Guld effekt på text

Nu har vi kommit till det steget där ni behöver läsa av färgvärdena från er bild. För detta väljer ni först en kvadrat och tar sedan Pipetten från Verktygsfältet. Välj nu olika guldtönen från bilden. Gör detta för varje kvadrat en gång. I Figur 06 kan ni se från vilka områden jag har läst av färgvärden med Pipetten.

Adobe Illustrator - Guld effekt på text

För alla som inte är helt nöjda med sina egna färgvärden, har jag här igen CMYK-värdena för mina fyra färger (se även Figur 07).

• CMYK – 9/43/96/37
• CMYK – 6/24/80/9
• CMYK – 2/13/67/0
• CMYK – 3/6/65/0

Adobe Illustrator - Guld effekt på text

Steg 2: Skapa gradient

Efter att ni har skapat de fyra olika färgvärdena är det dags att skapa en gradient med dessa färger. För detta tar ni igen Rektangel-verktyget och skapar en kvadrat igen. Storleken spelar inte heller här någon större roll.

Innan ni nu direkt börjar med att skapa en gradient med de guldiga färgerna måste ni föra in dessa färger i er Färgfält-palett. Ni kan också öppna denna palett igen genom att gå till Fönster>Färgfält om ni inte redan har den synlig.

Adobe Illustrator – Guld effekt på text

När ni nu klickar på en kvadrat med en guldig färg, kommer den här färgen också att visas i den nedre delen av Verktygsfältet på vänster sida. Med den nedtryckta vänster musknappen kan ni nu dra och släppa den här färgen till Färgfält-paletten. Gör detta med alla fyra färger.

Adobe Illustrator - Guld effekt på text

Näst behöver ni Gradient-paletten. Om ni inte har öppnat den än, gå till Fönster>Gradient (eller på Mac - Kommando+F9), för att visa den.

Adobe Illustrator - Guldeffekt på text

I nästa steg väljer ni det kvadrat som ni skapade i början av Steg 2. Klicka en gång i färgfältet i Färgförlopps-paletten för att skapa en förinställd svart-vit förlopp. Detta förlopp behöver ni nu modifiera för våra syften.

Adobe Illustrator - Guld effekt på text

Med hjälp av Färgfältpaletten kan ni nu dra de nyss skapade guldiga färgerna till färgfältet med Drag & Drop. Det svarta och även det vita färgfältet i detta förlopp kan ni enkelt ta bort genom att hålla ner musknappen till vänster och dra bort det från Färgförlopps-paletten.

Dra nu så många färgfält till förloppet som ni ser i bild 12.

Adobe Illustrator - Guldeffekt på text

För färgbilderna från vänster till höger har ni då följande ordning (se bild 13).

Adobe Illustrator - Guld effekt på text

Steg 3: Skapa text och förbered för guldgradering

När ni har skapat guldgraderingen kan ni med Text-verktyget skriva ett ord eller en fras. I mitt fall skriver jag ordet "Guld". För att goldeffekten senare ska komma fram ordentligt rekommenderar jag er att definitivt välja en ganska fet stil för texten. Goldeffekten kommer inte synas så tydligt på tunna, filigrana tecken och kommer snarare att kännas malplacerad. I mitt fall har jag valt teckensnittet Myriad Pro i fet stil. Jag har ställt in teckenstorleken till 300pt.

Adobe Illustrator - Guld effekt på text.

När ni är nöjda med ert val av typsnitt och ord går ni till den övre menyraden och väljer Typografi>Omvandla till banor.

Adobe Illustrator - Guld effekt på text

Nu kan ni med Pipetten klicka på kvadraten med er tidigare skapade förlopp. Till skillnad från exempelvis Photoshop känner Pipetten i Illustrator skillnaden mellan en enskild färg och en förlopp. På så sätt appliceras hela förloppet på er text. Efter det bör det se ut ungefär som i Bild 16 för er.

Adobe Illustrator – Guld effekt på text

Eftersom förloppet nu går från vänster till höger och inte som önskat från ovan till ned, kan ni antingen enkelt ställa in en vinkel på 90° i Förlopps-paletten...

Adobe Illustrator – Guld effekt på text

... eller så tar ni Förloppsverktyget från Verktygspaletten. Med detta verktyg kan ni genom att klicka och dra fritt anpassa förloppet. På så sätt kan ni fritt bestämma vinkeln, positionen och längden av förloppet.

Adobe Illustrator – Guld effekt på text

Efter er anpassning av förloppet bör det se ungefär ut som i Bild 19.

Adobe Illustrator - Guldeffekt på text

Steg 4: Låt guldet glänsa

I nästa steg måste ni se till att ert guld också skiner vackert.

För att uppnå detta skapar ni nu en svart Kontur med en tjocklek på 5pt.

Adobe Illustrator - Guldeffekt på text

Eftersom äldre versioner av Illustrator inte tillåter förloppKonturer måste ni konvertera denna kontur till ett eget objekt. Detta görs genom att välja Objekt>Omvandla. I det efterföljande fönstret tar ni bort bocken vid Yta och sätter en vid Kontur. Bekräfta hela processen med OK.

Adobe Illustrator - Guld effekt på text

Med genvägen Command+Skift+G (på PC - Ctrl+Skift+G) kan ni gruppera bort allt detta (tryck denna genväg 2 gånger). Det resulterar i att ni nu kan välja konturen separat. (Bild 22)

Adobe Illustrator – Guld effekt på text

Nu klickar ni på rutan med förloppet och skapar en kopia direkt bredvid med den hållna Alt-tangenten nedtryckt. Gå sedan tillbaka till förloppspaletten och färgar in det markerade guldvärdet i vitt, som i illustration 23. Denna vita färg kommer senare att vara ansvarig för höjdpunkterna längs kanterna.

Adobe Illustrator - Guld effekt på text

Välj sedan konturen på er text och fyll den med det ändrade förloppet. Det enklaste sättet att göra detta är att använda pipetten och klicka på rutan med det matchande förloppet (illustration 24).

Adobe Illustrator - Guld effekt på text.

För att justera detta förlopp ytterligare, ta verktyget för förlopp från verktygspaletten igen och dra förloppet från övre vänster till nedre höger (du måste göra detta för varje bokstav individuellt). Efter detta borde det se ut ungefär som i illustration 25.

Adobe Illustrator - Guld effekt på text

Om ni nu placerar denna text på en mörk bakgrund, kommer glanskanterna längs kanterna att framträda ännu bättre. Och vips, guldskriften är klar.

Adobe Illustrator – Guld effekt på text

Del 2:

Skapa färgbibliotek

Särskilt med effekter som guldsriften vore det väldigt praktiskt att kunna spara dessa färger och förlopp på något separat sätt. Visst kan man skriva ner de passande färgvärdena i en anteckningsbok och kolla upp dem när som helst de behövs. Men Illustrator erbjuder en betydligt bättre, snabbare och framför allt enklare möjlighet.

Här har man möjlighet att skapa egna färgbibliotek som sedan lagras direkt i Adobe Illustrator.

Gå tillbaka till färgfälten-paletten. Där har ni dragit in alla guldtönen med dra och släpp tidigare. Nu kan ni göra samma sak med de två förloppen ni skapat.

Adobe Illustrator – Guld effekt på text

Klicka nu på den lilla mapp-ikonen längst ner till höger i färgfälten-paletten. I det efterföljande fönstret kan ni ge den nya färggruppen ett namn. Döp den helt enkelt till "Guldfärger" och bekräfta fönstret med OK. Därmed skapas en ny grupp.

Adobe Illustrator – Guld effekt på text

Dra nu dina guldfärger till denna grupp med dra och släpp. De förlopp kan tyvärr inte placeras i denna mapp eftersom Illustrator inte tillåter det.

Eftersom ni endast vill spara guldarna i er guldbibliotek, måste ni ta bort standardfärgerna. Detta gör ni enklast genom att välja färgerna ni vill ta bort med den hållna Shift-tangenten och klicka sedan på papperskorgen längst ner till höger.

Jag brukar inte radera färgerna svart och vitt eftersom dessa ofta kan vara användbara. När ni har gjort allt detta bör det se ut ungefär så här (illustration 29).

Adobe Illustrator - Guld effekt på text

Klicka nu på den lilla pilen i övre högra hörnet för att öppna ett expanderbart meny. Gå nästan längst ner och klicka på Spara färgbibliotek som ASE. Ge sedan det efterföljande fönstret ett namn (i detta fall igen "Guldfärger").

Adobe Illustrator – Guld effekt på text

Där har ni er första egna färgbibliotek.

Skapa nu ett nytt dokument genom Arkiv>Nytt.

När ni har skapat dokumentet kommer ni märka att guldfärgerna har försvunnit och standardfärgerna är synliga igen.

För att nu återigen få fram guldarna klickar ni på den lilla pilen högst upp till vänster i färgfälten-paletten, för att öppna det expanderbara menyn. Gå sedan till Öppna färgbibliotek och sedan till Anpassad. Där visas nu de färgbibliotek ni själva har sparat. När ni klickar på Guldfärger öppnas en ny färgfälten-palett med guldarna och förloppen ni tidigare har sparat.

Adobe Illustrator - Guldeffekt på text

Extra-Innehåll

Guldtext som 3D-utförande

Som vi redan annonserade i början av handledningen har jag förberett lite extra innehåll för er här. Jag vill snabbt visa hur ni kan göra er 2D-text till en 3D-text. Så låt oss börja direkt ...

Välj er guldtext och klicka sedan på Effekter>3D>Extrudering och plan kant i den övre menyraden.

Adobe Illustrator – Guldeffekt på text

Därefter visas ett något större dialogfönster där ni nu kan ställa in alla inställningar för er 3D-text. Om ni klickar på Förhandsgranska längst ner till vänster ser ni genast vad som förändras när ni ändrar en inställning.

Två inställningar är nu mycket viktiga för vår 3D-text här.

• I det övre området kan ni rotera 3D-texten fritt och positionera den som ni vill (1).
• I Extruderingsdjupet kan ni ställa in hur långt er text ska förlängas bakåt (2).

För tillfället ser det inte så bra ut, (se Figur 33), eftersom den bakåt extruderade delen av texten är grå och inte guld än.

Adobe Illustrator – Guld effekt på text

Denna fråga kan ni dock enkelt lösa genom att klicka på Fler alternativ och gå till Skuggfärgen och välja Anpassad. Ni kan här ange färgvärdet #D2B023. Ni ser alla inställningar jag gjort i Figur 34.

Adobe Illustrator - Guld effekt på text

Nu är er guldiga 3D-text klar.

Adobe Illustrator - Guldeffekt på text

Avslutande ord

Jag hoppas att ni haft kul med den här handledningen och nu vet hur man med relativt enkla medel kan skapa en sådan guldig text. Om ni har några frågor, skriv dem enkelt i kommentarerna under denna handledning. Jag ska försöka svara på dem så snart som möjligt.

Ert

Julian