Gull-effekt på skrift

Innledning:

Hei, kjære PSD-samfunn. Hyggelig at dere er tilbake med en av mine opplæringer. I dag vil dere lære hvordan man lager en vakker gull-effekt slik som i Figur 01. Videre vil jeg vise dere hvordan dere kan opprette egne fargebiblioteker, slik at dere for eksempel alltid kan ha gullfargene vi senere vil opprette tilgjengelig. Til slutt skal vi ta en titt på hvordan man kan lage en 3D-versjon av en 2D-tekst som en liten bonus.

Nå har vi snakket nok. La oss begynne direkte...

Adobe Illustrator - Gull effekt på tekst

Delen 1:

Trinn 1: Opprette gullfarger

Før dere kan begynne med å lage en gull-effekt, trenger dere selvfølgelig forskjellige gullfarger. I denne opplæringen trenger vi fire forskjellige CMYK-fargeverdier. Men hvor kan man egentlig få disse verdiene best? Mitt råd i dette tilfellet er ganske enkelt. Siden vi trenger gullfarger, skriver dere inn ordene "Gull, gullbarer, gullfarger" eller lignende i valgfri søkemotor (i mitt tilfelle "Google"). Gå deretter til "Bilder"-søket og se på ulike bilder der gullfarger forekommer. Som dere kan se i Figur 02, har jeg valgt et bilde med to gullbarer her. Lagre dette bildet eller valgfritt bilde på datamaskinen og bytt deretter til Illustrator.

Adobe Illustrator - Gulleffekt på tekst

Når dere kommer til Illustrator, opprett først en ny arbeidsflate i A3-format. Dette gjør dere via Fil>Ny.

Adobe Illustrator - Gull-effekt på tekst

Deretter gå til Fil>Plasser og velg deretter bildet dere tidligere lagret. Bekreft dette vinduet med OK.

Adobe Illustrator - Gulleffekt på tekst

Dette bildet vil vi nå bruke som referanse for gullfargene. Ta Rektangel-verktøyet, lag fire små kvadrater og plasser dem et sted på kanten av arbeidsflaten. Størrelsen spiller ingen rolle. I mitt tilfelle er kvadratene alle 28 x 28 mm store.

Adobe Illustrator - Gull-effekt på skrift

Nå har vi kommet til det punktet der dere må lese av fargeverdiene fra bildet. Velg først et kvadrat og ta deretter Pipetten fra Verktøy-paletten. Velg deretter forskjellige gulltoner fra bildet. Gjør dette for hvert kvadrat en gang. I Figur 06 kan dere se hvilke områder jeg har lest av fargeverdiene med Pipetten.

Adobe Illustrator - Gull effekt på tekst

For de som ikke er helt fornøyd med egne fargeverdier, har jeg her igjen CMYK-verdiene for mine fire farger (se også Figur 07).

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

Adobe Illustrator - Gull-effekt på tekst

Trinn 2: Opprette gradient

Etter at dere har opprettet de fire forskjellige fargeverdiene, er det på tide å opprette en gradient med disse fargene. Ta derfor igjen Rektangel-verktøyet og opprett igjen et kvadrat. Størrelsen spiller heller ikke en stor rolle denne gangen.

Før dere kan begynne å lage en gradient med gullfargene, må dere føre disse fargene inn i fargefeltet via Fargefelt-paletten. Denne paletten kan dere også åpne via Vindu>Fargefelter, hvis dere ennå ikke har den vist.

Adobe Illustrator - Gull effekt på tekst

Når dere klikker på et kvadrat med en gullfarge, vil denne fargen vises nederst i Verktøy-paletten på venstre side. Ved å holde venstre museknapp nede, kan dere nå dra og slippe denne fargen inn i Fargefelt-paletten. Gjør dette med alle fire fargene.

Adobe Illustrator - Gull-effekt på tekst

Neste steg er å få Gradient-paletten. Hvis dere ikke allerede har åpnet den, gå til Vindu>Gradient (eller på Mac - Command+F9), for å vise den.

Adobe Illustrator - Gull effekt på tekst

I neste steg velger du kvadratet du opprettet helt i begynnelsen av Trinn 2. Klikk en gang i gradientfeltet i Graderingspaletten for å opprette en forhåndsinnstilt svart-hvitt-gradient. Denne graderingen må nå tilpasses for vårt formål.

Adobe Illustrator - Gull-effekt på tekst.

Ved hjelp av Fargepaletten kan du nå dra de nylig opprettede gullfargene inn i gradientfeltet. Det svarte og hvite fargefeltet i denne graderingen kan enkelt fjernes ved å holde venstre museknapp nede og dra det ut av Graderingspaletten.

Dra nå så mange fargefelt inn i graderingen som vist i figur 12.

Adobe Illustrator - Gull-effekt på tekst

Fra venstre mot høyre har du da følgende rekkefølge med fargefelt (se figur 13).

Adobe Illustrator - Gull-effekt på tekst

Trinn 3: Opprett tekst og forbered for gullgradering

Etter at du har opprettet gullgraderingen, kan du med tekstillverktøyet skrive et ord eller en setning. I mitt tilfelle skriver jeg ordet "Gull". For at goldeffekten senere skal komme ordentlig frem, anbefaler jeg absolutt å velge en skrift som er relativt tykk. Med fine, filigrane skrifter vil ikke gull-effekten være like synlig og heller virke malplassert. I mitt tilfelle har jeg valgt skriften Myriad Pro i fet skrift. Skriftstørrelsen er satt til 300pt.

Adobe Illustrator - Gull effekt på tekst

Når du er fornøyd med skriftvalget ditt, går du til den øverste menylinjen og velger Skrift>Konverter til stier.

Adobe Illustrator – Gull-effekt på skrift

Nå kan du med pipetten klikke på kvadratet med gradienten du opprettet tidligere. I motsetning til for eksempel i Photoshop, vil pipetten i Illustrator skille mellom en enkeltfarge og en gradering. Dette fører til at hele graderingen blir brukt på teksten din. Deretter bør det se omtrent slik ut hos deg som vist i Figur 16.

Adobe Illustrator - Gull-effekt på tekst

Siden graderingen nå går fra venstre mot høyre og ikke som ønsket fra topp til bunn, kan du enten enkelt justere vinkelen til 90° i Graderingspaletten ...

Adobe Illustrator - Gulleffekt på tekst

... eller du kan ta Graderingsverktøyet fra Verktøyspaletten. Med dette verktøyet har du muligheten til å tilpasse graderingen fritt ved å klikke og dra. Dermed kan du fritt bestemme vinkelen, posisjonen og lengden på graderingen.

Adobe Illustrator - Gull-effekt på tekst

Etter dine graderings-tilpasninger bør det se omtrent slik ut (se figur 19).

Adobe Illustrator - Gull-effekt på tekst.

Trinn 4: La gullet skinne

I neste steg må du sørge for at gullet ditt også skinner vakkert.

For å oppnå dette oppretter du nå en svart Kontur med en tykkelse på 5pt.

Adobe Illustrator – Gull-effekt på tekst

Siden eldre versjoner av Illustrator ikke tillater graderingerKonturer, må du konvertere denne Konturen til et eget objekt. Dette gjøres via Objekt>Konverter. I det påfølgende vinduet fjerner du avkrysningen ved Fyll og setter en ved Kontur. Bekreft alt med OK.

Adobe Illustrator - Gull effekt på tekst

Ved å bruke hurtigtasten Command+Shift+G (på PC - Ctrl+Shift+G) kan du gruppere dette (trykk hurtigtasten to ganger). Dette gjør at du nå kan velge Konturen separat. (Figur 22)

Adobe Illustrator - Gull-effekt på skrift

Nå klikker dere kvadratet med forløpet og oppretter en kopi rett ved siden av mens dere holder Alt-tasten nede. Gå nå tilbake til forløp-paletten og fargelegg den markerte gullverdien i hvitt som vist i Figur 23. Denne hvite verdien vil senere være ansvarlig for høydepunktene på kantene.

Adobe Illustrator - Gull-effekt på tekst

Velg konturen på skriften din og fyll den med det nettopp endrede forløpet. Dette kan dere enkelt gjøre igjen med pipetten ved å klikke på kvadratet med det passende forløpet (Figur 24).

Adobe Illustrator - Gull-effekt på tekst

For å justere dette forløpet litt til, griper dere tak i forløp-verktøyet fra verktøypaletten og drar forløpet fra øverst til venstre til nederst til høyre. (Dette må gjøres for hver bokstav individuelt). Etter dette bør det se omtrent ut som vist i Figur 25.

Adobe Illustrator - Gull-effekt på tekst

Hvis dere nå plasserer denne skriften foran en mørk bakgrunn, vil glansens kant på kanten komme bedre frem. Og dermed er gull-effekten ferdig.

Adobe Illustrator - Gull-effekt på tekst

Del 2:

Opprett fargebiblioteker

Spesielt med slike effekter som gullskriften ville det vært veldig praktisk å kunne lagre disse fargene og forløpene separat på en eller annen måte. Selvfølgelig kan man skrive ned passende fargeverdier i en notatbok og slå dem opp når man trenger dem. Imidlertid tilbyr Illustrator en mye bedre, raskere og enklere løsning.

Her har man muligheten til å opprette egne fargebiblioteker som blir lagret direkte i Adobe Illustrator.

Gå nå tilbake til fargepaletten. Der du tidligere trakk inn alle gullfargene ved å dra dem inn via dra og slipp, gjør det samme nå med de to forløpene du opprettet.

Adobe Illustrator - Gull effekt på tekst

Klikk nå på den lille mappe-symbolet nederst til høyre i fargepaletten. I det påfølgende vinduet kan du gi en nytt navn til denne nye fargegruppen. Bare kall denne gruppen "Gullfarger" og bekreft vinduet med OK. Dette vil opprette en ny gruppe.

Adobe Illustrator - Gull-effekt på tekst

Dra nå gullfargene dine inn i denne gruppen via dra og slipp. Dessverre kan dere ikke legge forløpene inn i denne mappen, da Illustrator ikke tillater det.

Ettersom du kun ønsker å lagre gullfargene i gullfargebiblioteket ditt, må du slette standardfargene. Dette gjør du best ved å velge fargene du ønsker å slette mens du holder Shift-tasten nede og deretter klikke på søppelkassen nederst til høyre.

Jeg sletter vanligvis ikke fargene svart og hvit, da disse ofte kan være nyttige. Når du har gjort alt dette, bør det se omtrent slik ut (Figur 29).

Adobe Illustrator - Gulleffekt på skrift

Klikk nå på den lille pilen i øvre høyre hjørne for å åpne en nedtrekks-meny. Gå nesten helt ned og klikk på lagre fargebibliotek som ASE. Gi deretter et navn i det påfølgende vinduet (i dette tilfellet igjen "Gullfarger").

Adobe Illustrator - Gull-effekt på tekst

Din første egendefinerte fargebibliotek er nå ferdig.

Lag nå et nytt dokument via Fil> Ny.

Når du har opprettet dokumentet, vil du legge merke til at gullfargene er borte og standardfargene er synlige igjen.

For å få tilbake gullfargene, klikk igjen på den lille pilen øverst til venstre i fargepaletten, for å åpne nedtrekks-menyen. Denne gangen velger du åpne fargebibliotek og deretter tilpasset. Der vil de brukerlagrede fargebibliotekene vises. Hvis du nå klikker på Gullfarger, vil en ny fargepalett åpnes med gullfargene og forløpene du har lagret tidligere.

Adobe Illustrator - Gulleffekt på skrift

Ekstra-innhold

Gullskrift som 3D-implementering

Som allerede annonsert i begynnelsen av opplæringen, har jeg forberedt et lite ekstra-innhold for dere her. Og jeg vil raskt vise hvordan du kan gjøre om din 2D-skrift til en 3D-skrift. La oss begynne med det...

Velg din gylne skrift og klikk deretter på Effekter>3D>Utstrekning og avflatede kanter i den øverste menylinjen.

Adobe Illustrator - Gull-effekt på tekst

Dette vil åpne et litt større dialogvindu hvor du kan justere alle innstillingene for en 3D-tekst. Hvis du klikker på Forhåndsvisning nederst til venstre, vil du alltid se umiddelbart hva som endrer seg når du justerer en verdi.

To innstillinger er nå svært viktige for vår 3D-skrift her.

• I den øverste delen kan du rotere 3D-teksten fritt og posisjonere den slik du ønsker (1).
• Med Utstrekningdybde kan du justere hvor langt bakover skriften din skal strekkes (2).

På dette stadiet ser det hele ikke spesielt fantastisk ut (Figur 33), siden den utstrekede delen av skriften er grå og ikke gull ennå.

Adobe Illustrator - Gulleffekt på skrift.

Dette problemet kan enkelt løses ved å klikke på Flere alternativer og deretter velge Brugerdefinert under Skyggefarge. Her kan du angi #D2B023 som fargiverdi. Alle innstillingene jeg har valgt vises i Figur 34.

Adobe Illustrator - Gull-effekt på tekst

Din gylne 3D-skrift er nå klar.

Adobe Illustrator - Gull-effekt på tekst

Abschlusserklärungen

Jeg håper dere har hatt det gøy med denne opplæringen og nå vet hvordan man kan lage en slik gullskrift med relativt enkle midler. Hvis det er noen spørsmål, så skriv dem enkelt og greit i kommentarene under denne opplæringen. Jeg vil prøve å svare på dem så raskt som mulig.

Din

Julian