Så här kommer Splash-texten att se ut (se Bild 01):

Men nu har vi pratat tillräckligt. Ha så kul och lycka till med inlärningen på de kommande sidorna ...

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator


Steg 1: Skapa bakgrund

Innan vi kan börja med att skapa en lämplig bakgrund för vår Splash-text måste du skapa en ny arbetsyta. Gå till Arkiv>Ny och välj där ett format på 330x210 mm. Bekräfta sedan med OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

När du har skapat din arbetsyta kan vi äntligen börja med det faktiska arbetet.

Ta Rektangel-verktyget och skapa en Rektangel, som täcker hela arbetsytan.

Därefter måste du fylla denna Rektangel med en Gradient. För detta behöver du Gradient-paletten. Om du inte redan har den öppen kan du enkelt hitta den genom att gå till Fönster>Gradient (se Bild 03).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Klicka på den standard svart/vita gradienten i Gradient-paletten och ändra gradienttypen från Linjär till Cirkulär. (Se Bild 04).

Splash-Text - Adobe Illustrator

Splashtext - Adobe Illustrator

I det här fallet är den cirkulära Gradienten redan en ganska bra startposition, men den är fortfarande lite för rund för tillfället. Men även här erbjuder Gradient-paletten en mycket trevlig funktion. Du kan nämligen här justera rundheten på din Gradient. En inställning på 60% borde passa bra för våra ändamål. (Se Bild 05).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Nästa steg är att färgsätta gradienten passande, eftersom den svartvita gradienten ser lite tråkig ut. För den här guiden har jag valt två CMYK-färgvärden.

• ljusblått: CMYK - 90/30/4/10

• mörkblått: CMYK - 93/48/28/63

Genom att dubbelklicka på någon av de två gradientfärgerna kan du tilldela de båda CMYK-värdena till Gradienten. Sedan bör det se ut ungefär så här för dig. (Se Bild 06).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Eftersom Gradienten inte riktigt ser ut som jag tänker mig, ta verktyget Gradient från Verktyg-paletten. Då visas en linje av något slag som du kan ändra längden på. (Se Bild 07).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Greppa denna linje vid höger punkt och dra den ut ungefär så långt från bilden som visas i Bild 08.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

För att inget mer ska hända med bakgrunden rekommenderar jag att du låser dessa lager med en låsning... (Se Bild 09). Din bakgrund är klar.

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

Steg 2: Infoga typografi

För att kunna fortsätta arbeta måste du nu skapa ett nytt lager. Döp detta helst till "Text", för på detta lager kommer vi placera vår text.

Ta nu fram Text-verktyget och klicka en gång på din arbetsyta. I mitt fall skriver jag “psd-tutorials.de”. För typsnittet har jag valt Helvetica Neue med stilen Thin. Vid denna storlek kan du använda ett värde på 140pt. Bokstävernas avstånd ställer du in på -70.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Placera din text mitt på din arbetsyta. Sedan borde det se ungefär ut som visas i Bild 11.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Denna text måste du nu konvertera till Stigar. Gå till Typografi>Konvertera till stigar. Alternativt kan du helt enkelt använda snabbkommandot Command/Strg+Shift+O.

Nästa steg är att göra din text snyggare med en Gradient. Jag har förberett följande två CMYK-färgvärden för denna guide.

• ljusgrönt: CMYK - 50/0/100/0

• mörkgrönt: CMYK - 90/30/95/10

Gå tillväga precis som du gjorde med bakgrunden när du skapar Gradienten. Den här gången kan du dock behålla Typen som Linjär. Ställ in gradvinkeln till 90° för Gradienten (Se Bild 12).

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

För att markera texten ännu mer måste vi skapa en skugga. Använd Ellips-verktyget och skapa en svart Ellips under din text. (Se Bild 13).

Splash-Text - Adobe Illustrator

Starttext - Adobe Illustrator

Du måste ställa in skuggans fyllningsmetod till Multiplicera. Gör detta genom Transparens-paletten. Om du inte redan har den öppen hittar du den under Fönster>Transparens. Ställ Opaciteten till ca 40%.

Splash-text - Adobe Illustrator

Eftersom skuggan fortfarande är extremt skarp vid kanterna, måste vi sudda den lite. Gå till Effect>Blur filter>Gaussiskt suddgummi … (Se figur 15).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

I följande dialogruta ange en storlek på cirka 25 pixlar och bekräfta med OK.

Splash-Text - Adobe Illustrator

Startskärmstext - Adobe Illustrator

Efter detta bör det se ungefär så ut för er. (Se figur 17).

Splash-Text - Adobe Illustrator

Spruttext - Adobe Illustrator

Steg 3: Skapa ljuspunkter

I den här delen av handledningen ska vi nu fokusera på de små ljuspartiklarna som ska vara utspridda lite överallt.

Börja med att skapa en ny lager igen och döp den till "Ljuspartiklar". Därefter tar du dig till Ellipsverktyget och skapar en 10x10mm stor Ellips. (Figur 18).

Splash-Text - Adobe Illustrator

Startskärmstext - Adobe Illustrator

Därefter går du till Object>Path>Offset Path … (Figur 19).

I dialogrutan som följer anger du storleken 10mm och bekräftar med OK.

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

Efter detta bör det se ut ungefär så här för er. (Se figur 20).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

För den inre ellipsen, ge den en gul fyllningsfärg. Den yttre Ellipsen färgar du i cyan. (Figur 21).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Eftersom helheten fortfarande ser ganska skarpkantig ut för en ljuspunkt, sätt nu Ellipsens yttre genomskinlighet till 0% i Transparens-paletten. (Se figur 22).

Splash-Text - Adobe Illustrator

Splashtexten - Adobe Illustrator

För att skapa en mjuk övergång från den inre till den yttre Ellipsen, använd Anpassningsverktyget från Verktygspaletten. (Se figur 23).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Klicka med detta verktyg en gång på kanten av den inre Ellipsen och sedan direkt på kanten av den yttre Ellipsen. (Se figur 24).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Genom att du har satt genomskinligheten på den yttre Ellipsen till 0%, kommer Anpassningsverktyget att skapa en slags gradient mellan insidan och utsidan.

Grundformen för vår ljuspunkt är nu klar. Teoretiskt sett skulle du nu kunna kopiera denna ljuspunkt och infoga den i olika storlekar. Men det finns en enklare metod. Vi kommer att arbeta med penselspetsar i nästa steg.

Öppna Pensel-paletten genom Fönster>Pensel. Välj nu din nyss skapade ljuspunkt och klicka sedan på den lilla pilen i det övre högra hörnet på Pensel-paletten. Då öppnas en liten rullgardinsmeny där du kan klicka på Ny pensel. (Se figur 25).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Då öppnas ett nytt fönster där du kan ställa in alla möjliga parametrar för din penselspets. Här rekommenderar jag att du experimenterar lite för att få en känsla för inställningarna. De exakta parametrarna för denna handledning hittar du på figur 26.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Därefter kan du bekräfta med OK och ta bort den ursprungliga ljuspunkten från din arbetsyta.

Ta nu Penseln från Verktygspaletten och rita en slags våglinje från vänster till höger över din arbetsyta. (Se figur 27).

Splash-Text - Adobe Illustrator

Spruttext - Adobe Illustrator

Som resultat bör du ha många olika stora ljuspunkter utspridda över din arbetsyta. Gör detta gärna flera gånger tills du känner att du har tillräckligt med ljuspunkter.

För att få det att smälta ihop med bakgrunden måste du välja dina ritade ljuspunkter och byta från Normal till Mjukt ljus i Transparens-paletten. (Se figur 28).

Dina ljuspunkter är klara.

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

Steg 3: Skapa droppar/sprut

I den sista delen av denna handledning kommer vi att fokusera på hur man skapar färgdroppar runt texten för att få det hela att se lite vildare och mer slumpmässigt ut.

Först måste vi först, precis som med ljuspunkterna, skapa grundformen för våra droppar. Skapa dock först en ny lager och döp den till "Sprut".

Ta Ellipsverktyget och skapa en Ellips med dimensionerna 5x5mm.

Därefter behöver du direktvalverktyget. Dra den översta bana av Ellipsen lite uppåt och gör om den till en hörnpunkt. (Se figur 29).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Gå nu tillbaka till penselpaletten och skapa en ny pensel> med droppform. Välj denna gång inte specialpensel, utan bildpensel.

Igen visas ett nytt fönster där ni har möjlighet att anpassa er pensel på olika sätt. De lämpliga parametrarna för vår droppformade pensel finns i figur 30.

Därefter kan ni bekräfta med OK. Ni kan också denna gång radera den ursprungliga droppformen.

Splash-Text - Adobe Illustrator

Starttext - Adobe Illustrator

Nu behöver ni bara ta tag i penseln och rita små droppar runt er text med den nyss skapade penselspetsen. (Figur 31)

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Om någon droppe skulle bli lite missformad, kan ni ångra hela operationen med Command/Strg+Z och försöka igen.

När ni är nöjda behöver ni bara markera alla droppar och genom Objekt>Utseende omvandla ... omvandla dessa till ett objekt. Därefter kan ni fylla dropparna med samma gröna gradvis som för texten.

Placera splash-lagret bakom textlagret till slutet. (Figur 32)

Ert splash-text är klart.

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

Avslutande ord:

Nu har vi redan nått slutet på den här handledningen. Jag hoppas att ni har haft kul och kunde ta med er några användbara tips.

Om ni har några frågor kring detta ämne, är ni välkomna att skriva dem i kommentarerna under handledningen. Jag ska försöka svara på dem så snart som möjligt.

I arbetsmaterialet till denna handledning hittar ni Illustrator-filen med alla lager. Om ni fastnar någonstans under handledningen kan det vara till hjälp att titta i originalfilen.

Med det sagt ...

Fortsätt vara kreativa

Din Julian