Sådan vil splash-teksten se ud (Illustration 01):

Nu nok snak. God fornøjelse og god læring på de følgende sider…

Splash-tekst - Adobe Illustrator


Trin 1: Opret baggrund

Før vi kan begynde at oprette en passende baggrund til vores splash-tekst, skal I oprette en ny arbejdsflade. Gå til Fil>Ny og vælg et format på 330x210mm. Bekræft derefter med OK.

Splash-tekst - Adobe Illustrator

Når I har oprettet jeres arbejdsflade, kan vi endelig begynde det egentlige arbejde.

Tag fat i Rektangel-værktøjet og opret et rektangel, der dækker hele arbejdsfladen.

Derefter skal I fylde dette rektangel med en gradient. Til dette har I brug for gradient-paletten. Hvis I endnu ikke har vist denne, kan I nemt finde den under Vindue>Gradient (Illustration 03).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Klik på standard sort/hvid-gradianten i gradient-paletten og skift gradienttypen fra Lineær til Cirkulær. (Se Illustration 04).

Brødkrumme - Adobe Illustrator

I dette tilfælde er den cirkulære gradient allerede en temmelig god startposition, men den er stadig lidt for rund i øjeblikket. Men her tilbyder gradient-paletten også en meget flot funktion. Her kan I også styre rundheden af jeres gradient. En værdi på 60% bør være passende til vores formål. (Se Illustration 05).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Næste skridt er at farve passende på gradienten, da sort/hvid gradienten ser lidt kedelig ud. Til denne vejledning har jeg fundet to CMYK farveværdier.

• lys blå: CMYK - 90/30/4/10

• mørk blå: CMYK - 93/48/28/63

Med et dobbeltklik på en af de to gradientfarvefelter kan I tildele de to CMYK-værdier til gradienten. Derefter bør det se nogenlunde sådan ud for jer. (Illustration 06).

Splash-tekst - Adobe Illustrator

Da gradienten stadig ikke ser ud, som jeg forestiller mig det, skal I tage fat i gradient-værktøjet fra Værktøjs-paletten. Derefter vises en slags linje, som vi kan ændre i længden. (Illustration 07).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Tag fat i denne linje i højre punkt og træk den omtrent så langt ud af billedet som i Illustration 08.

Splash-tekst - Adobe Illustrator

For at intet mere kan ske ved baggrunden, anbefaler jeg jer at sikre disse lag med en lås… (Se Illustration 09). Jeres baggrund er færdig.

Splash-tekst - Adobe Illustrator

Trin 2: Indsæt typografi

For at kunne arbejde videre skal I oprette et nyt lag nu. Navngiv det bedst med "Tekst", fordi vi skal lægge vores tekst på dette lag.

Tag nu fat i Tekst-værktøjet og klik med det én gang på jeres arbejdsflade. I mit tilfælde skriver jeg “psd-tutorials.de”. Jeg har valgt skrifttypen Helvetica Neue i skrifttypevægten Thin. I denne størrelse kan I vælge en værdi på 140pt. Spacingen af bogstaverne indstiller I til -70.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Placer jeres tekst midt på arbejdsfladen. Derefter bør det se nogenlunde sådan ud for jer. (Se Illustration 11).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

I skal nu omdanne denne tekst til stier. Gå til Tekst>Omdan til stier. Alternativt kan I også blot bruge genvejen Command/Strg+Shift+O.

Derefter vil vi pifte vores tekst op med en gradient. Jeg har forberedt følgende to CMYK-farveværdier til denne vejledning.

• lysegrøn: CMYK - 50/0/100/0

• mørkegrøn: CMYK - 90/30/95/10

Når I opretter gradienten, gør det på samme måde som med baggrunden. Dog kan I denne gang beholde typen som Lineær. Indstil vinklen på gradienten til 90°. (Se Illustration 12).

Splash-Text - Adobe Illustrator
Splash-Text - Adobe Illustrator

For at fremhæve teksten lidt mere, skal vi oprette en skygge. Tag herfor fat i Ellipse-værktøjet og træk med det en sort ellipse under jeres tekst. (Se Illustration 13).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

I skal indstille skyggens udfyldningsmetode til Multiplikere. Det gør I via gennemsigtigheds-paletten. Hvis I endnu ikke har vist denne, kan I finde den under Vindue>Gennemsigtighed. Indstil gennemsigtigheden til omkring 40%.

Splash-tekst - Adobe Illustrator

Da skyggen stadig er ekstremt skarp ved kanterne, skal vi gøre den mere udvisket. Gå til Effekt>Blur Filter>Gaussisk blur … (se billede 15).

Splash-tekst - Adobe Illustrator

Angiv en værdi på ca. 25 pixel i den følgende dialogboks og bekræft med OK.

Splash-tekst - Adobe Illustrator

Efterfølgende bør det se nogenlunde sådan ud hos dig. (Se billede 17).

Splash-tekst - Adobe Illustrator

Trin 3: Opret lyspunkter

I denne del af tutorialen vil vi nu beskæftige os med de små lyspartikler, der skal være vildt spredt overalt.

Først opretter du igen et nyt lag og navngiver det "Lyspartikler". Derefter tager du Ellipsen værktøj og opretter en 10x10mm stor ellipse. (billede 18).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Derefter går du til Objekt>Sti>Flyt sti … (billede 19).

I det efterfølgende vindue indtaster du en værdi på 10 mm og bekræfter med OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Derefter bør det se sådan ud hos dig. (Se billede 20).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Du skal tildele en gul fyldfarve til den indre ellipse. Den ydre ellipse farves ind i cyan. (billede 21).

Splash-tekst - Adobe Illustrator

Da det hele stadig ser ret skarpt ud for en lysplet, skal du nu sætte gennemsigtigheden af den ydre ellipse til 0% i Gennemsigtighedspaletten. (se billede 22).

Splash-tekst - Adobe Illustrator

For at skabe en blød overgang fra den indre til den ydre ellipse, skal du gribe fat i Tilpasse værktøjet fra Værktøjskassen. (se billede 23).

Splash-Text - Adobe Illustrator

Splash-tekst - Adobe Illustrator

Klik én gang på kanten af den indre ellipse og derefter straks på kanten af den ydre ellipse. (billede 24).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Ved at have sat gennemsigtigheden af den ydre ellipse til 0%, vil Tilpas-værktøjet skabe en slags gradient mellem indersiden og ydersiden.

Grundformen for vores lysplet er nu færdig. Teoretisk set kunne du nu kopiere denne lysplet gentagne gange og indsætte i forskellige størrelser. Men det kan gøres lettere. Vi vil faktisk arbejde med penselstrøg i den følgende trin.

Åbn Pensler via Vindue>Pensler. Vælg nu din nyoprettede lysplet og klik derefter i Pensel-paletten på den lille pil i øverste højre hjørne. Dette vil åbne en lille drop-down-menu, hvor du kan klikke på Ny pensel. (se billede 25).

Splash-tekst - Adobe Illustrator

Derefter vises et nyt vindue, hvor du kan justere alle mulige parametre for din pensel. Jeg anbefaler dig at eksperimentere lidt for at få en fornemmelse af indstillingerne. De præcise parametre for denne tutorial findes på billede 26.

Splash-tekst - Adobe Illustrator

Du kan bekræfte med OK og slette den oprindelige lysplet fra din arbejdsflade.

Grib nu fat i Penslen fra Værktøjskassen og tegn en slags bølgestreg fra venstre mod højre på din arbejdsflade. (billede 27).

Splash-tekst - Adobe Illustrator

Som resultat bør du finde mange forskelligt store lyspletter spredt vildt over din arbejdsflade. Gør dette flere gange, indtil du føler, at du har sat nok lyspletter.

For at fusionere dette med baggrunden skal du vælge dine tegnede lyspletter og skifte fra Normal til Blødt lys i Gennemsigtighedspaletten. (se billede 28).

Dine lyspletter er nu færdige.

Splash-tekst - Adobe Illustrator

Trin 3: Opret drops/splashes

I det sidste trin af denne vejledning vil vi se på, hvordan man fordeler farvedråber rundt omkring skriften for at gøre det hele lidt vildere og mere tilfældigt.

Først skal vi, ligesom med lyspletterne, oprette grundformen for vores dråber. Opret dog først igen et nyt lag og kald det "Splashes".

Tag Ellipsen værktøj og lav en ellipse med målene 5x5mm.

Derefter skal du bruge Direkte valg-værktøj. Træk det øverste sti punkt af ellipse opad og omdan denne til et hjørnepunkt. (se billede 29).

Splash-tekst - Adobe Illustrator

Gå nu tilbage til penselpaletten og opret en ny pensel> med dråbeform. Vælg denne gang ikke specielle pensler, men billedepensler.

Igen vises et nyt vindue, hvor I har forskellige muligheder for at tilpasse jeres pensel. De passende parametre for vores dråbepensel findes i figur 30.

Derefter kan I bekræfte med OK. I kan også denne gang slette den oprindelige dråbeform.

Splash-Text - Adobe Illustrator

Splash-tekst - Adobe Illustrator

Tag nu blot penslen og tegn små dråber rundt om jeres skrift med den netop oprettede penselspids (figur 31).

Splash-tekst - Adobe Illustrator

Hvis en dråbe skulle blive lidt uregelmæssig, kan I fortryde det hele med Commande/Strg+Z og prøve igen.

Når I så er tilfredse, skal I blot markere alle dråber og konvertere dem til et objekt via Objekt>Udseende konvertering …. Derefter kan I fylde dråberne med den samme grøn forløb som skriften.

Placer splashes-laget til sidst bag tekstlaget. (figur 32).

Og så er jeres splash-tekst klar.

Splash-tekst - Adobe Illustrator

Afsluttende ord:

Nu er vi allerede nået til slutningen af denne tutorial. Jeg håber, at I har haft det sjovt og har kunnet få nogle tip med.

Hvis I stadig har spørgsmål om dette emne, er I velkomne til at skrive dem i kommentarfeltet under denne tutorial. Jeg vil bestræbe mig på at besvare dem så hurtigt som muligt.

I arbejdsdataene til denne tutorial finder I Illustrator-filen med alle lagene. Hvis I på et hvilket som helst tidspunkt af tutorialen støder på problemer, kan det være en hjælp at se på den originale fil.

I denne forbindelse …