En realistisk istekst- og ispendeleffekt kan gi designene dine det lille ekstra – perfekt for vinterlige gratulasjonskort, iskalde reklamebannere eller sesongbaserte prosjekter. Med Photoshop kan egenskapene til ekte is, som gjennomsiktighet, tekstur og lysrefleksjon, gjenskapes på en forbløffende realistisk måte. I denne opplæringen vil du lære trinn for trinn hvordan du kan lage en imponerende isteksteffekt som ser så realistisk ut som om den ble skapt i et iskaldt vinterlandskap. Finn frem dine kreative verktøy, og la oss dykke ned i den iskalde verdenen av design!

Trinn 1:

Jeg oppretter et dokument med størrelsen 800x600 piksler, hvor størrelsen egentlig er uinteressant.

Is-tekst realistisk og Is-tekst & Is-istapper i tegneseriestil

Trinn 2:

Nå oppretter jeg en tekst med en så rund skrifttype som mulig og vrir den.

Is-tekst realistisk og Is-tekst & Is-istapper i tegneseriestil

Trinn 3:

Nå går jeg inn under Meny>Filter>Stiliseringsfiltre og velger Vindeffekt. Jeg bruker denne filteren med metoden Vind og retningen Venstre to eller til og med tre ganger for lengre ispendler (du kan hurtigstarte den siste brukte filteren med Ctrl+F).

Is tekst realistisch og is tekst & Isspydd i tegneseriestil

Trinn 4:

Nå vrir jeg teksten tilbake og trykker på PSD-laget i lagpanelet mens jeg holder inne Ctrl-tasten, slik at det opprettes et utvalg. Jeg kan nå endre fargen på utvalget til for eksempel blå ved å trykke Alt+Backspace, dersom forgrunnsfargen er blå.

Is tekst realistisk og Is tekst & Isbjelke i tegneseriestil

Trinn 5:

Neste steg er å gå til Fyllalternativer og legge til en Skygge utover med disse innstillingene:

Is-tekst realistisk og is-tekst & is-istapp i tegneseriestil

Trinn 6:

Deretter aktiverer jeg Skygge innover:

Is-tekst realistisk og Is-tekst & Is-istapper i tegneseriestil

Trinn 7:

Til slutt aktiverer jeg Avrundede kanter og relieff med disse innstillingene:

Is-tekst realistisk og is-tekst og is-drypp i tegneseriestil

Trinn 8:

Etter at jeg har satt inn et passende bilde i bakgrunnen, ser resultatet allerede ganske bra ut. Imidlertid skal bakgrunnen oppføre seg annerledes nøyaktig ved bokstavene, akkurat som det er i virkeligheten når man ser gjennom isen. Derfor dupliserer jeg bildet med Ctrl+J.

Isen er realistisk, og isen og isskruer i tegneseriestil

Trinn 9:

Nå legger jeg til Vibrasjonsfilteret, som ligger under Meny>Filter>Forvrengningsfilter. Innstillingene bør prøves ut individuelt. Jeg bruker disse:

Is-tekst realistisk og is-tekst og is-istapper i tegneseriestil

Trinn 10:

Etter at jeg har klikket på PSD-laget mitt mens jeg holder inne Ctrl-tasten for å danne et utvalg, aktiverer jeg igjen bildet mitt, som har fått Vibrasjonsfilteret, og klikker på Maskesymbolet. Dermed påvirker iseffekten bare der hvor bokstavene mine befinner seg. Resultatet er fremdeles ikke 100% overbevisende. Derfor prøver jeg nå ut andre filtere.

Trinn 14:

I den andre delen av verkstedet vil jeg vise hvordan du lager en tegneserie-lignende snø-istapp-effekt. Først oppretter jeg en ny fil og tegner en form med Formlag med en radius på 20 piksler med Avrundet rektangelverktøy.

Is tekst realistisk og is tekst & isfjær i tegneseriestil

Trinn 15:

Nå går jeg til Fyllalternativer og setter disse verdiene under Skinn innover:

Teksten er realistisk og teksten & ispike i tegneseriestil

Trinn 16:

I Gradient Overlay oppretter jeg en gradient fra blå til lyseblå.

Isen tekst realistisk og Isen tekst og isdannelse i tegneseriestil

Trinn 17:

Og i Stroke legger jeg inn disse verdiene:

Isstekst realistisk og isstekst & isklumper i tegneseriestil

Trinn 18:

Neste steg er å opprette en annen form med blåfarge ved hjelp av Ellipseverktøy. Deretter trykker jeg på Ctrl på det første laget for å opprette et utvalg.

Teksten er realistisk og tekst & iskanter i tegneseriestil

Trinn 19:

Nå trykker jeg på Maskesymbolet for at effekten kun vises innenfor det avrundede rektangelet.

Isbilde realistisk og isbilde & isklump i tegneseriestil

Trinn 20:

Nå er det på tide å legge til litt snø på objektet mitt. Jeg tar Pennverktøyet og lar snøflaten dannes klikk for klikk. Tips: Hold nede musknappen mens du tegner for å lage en jevn kurve og unngå mye etterarbeid.

Tekstur realistisk og istekst & isopuler i tegneseriestil

Trinn 21:

Så begynner det å ta form:

Tekst realistisk og tekst & iskrystaller i tegneseriestil

Trinn 22:

Når snølaget mitt er ferdig, dupliserer jeg det, farger det om til blågrått, lager en maske og inverterer den med Ctrl+I. Nå kan jeg bruke en hvit Pensel i masken for å fremheve skyggen.

Is-tekst realistisk og is-tekst & is-istapper i tegneseriestil

Trinn 23:

Nå legger jeg til en Drop Shadow på mitt hvite snølag.

Teksten er realistisk og tekst og isdannelse i tegneseriestil

Trinn 24:

Det fantastiske med vektorer er: Jeg kan skalere dem når som helst uten tap av kvalitet. Jeg merker begge snølagene for å gjøre dem litt større, fordi de virket litt for små.

Is-tekst realistisk og is-tekst & is-istapper i tegneseriestil

Trinn 25:

Nå er det på tide å legge til isdapper. Disse legger jeg i et nytt lag med Pennverktøy som formlag.

Is teksten realistisk og is teksten & isdusk i tegneseriestil

Trinn 26:

Når laget er ferdig, gjør jeg det samme som med skyggen over: dupliser laget, endrer fargen, legger til maske og maler skyggen inn med Pensel.

Teksten er realistisk, og is-teksten og is-piggene i tegneseriestil

Trinn 27:

Også denne gangen har jeg forstørret isdappe-lagene, fordi de var for små. Med vektorer er det som sagt ikke noe problem.

Tekst realistisk og tekst & isbrudd i tegneseriestil

Trinn 28:

I boksen legger jeg til en tekst kalt "Is tid". Denne får følgende verdier for Drop Shadow:

Teksten er realistisk og isen & isdottene i tegneseriestil

Trinn 29:

Skyggen innover får disse verdiene:

Is-tekst realistisk og is-tekst & is-isklumper i tegneseriestil

Trinn 30:

Den Skjermen innover får disse verdiene:

Is tekst realistisk og Is tekst & Is fra en tegneseriestil

Trinn 31:

Og til slutt konturen:

Teksten er realistisk, og isen og isflakene er i tegneseriestil

Trinn 32:

Slik ser det ferdige ut:

Is-tekst realistisk og is-tekst & issvupinnene i tegneseriestil

Trinn 33:

Med store bokstaver og annen bakgrunn ville resultatet sett slik ut:

Is-tekst realistisk og is-tekst & is-istapper i tegneseriestil

Trinn 34:

For å gi dette bildet en ekstra vinterlig touch, tar jeg tak i snøfnuggpenselen.

Iskrem realistisk og iskrem & is-istapper i tegneseriestil

Trinn 35:

Med F5 åpner jeg penselpanelet mitt og justerer følgende under penselform:

Teksten er realistisk og teksten & isoppen i tegneseriestil

Trinn 36:

Under spredning flytter jeg skyveknappene som følger:

Teksten er realistisk og teksten & ispynten i tegneseriestil

Trinn 37:

Under overføring aktiverer jeg dekkbildet- og flyt-jitter, slik at noen snøfnugg har mindre gjennomslagskraft.

Tekst realistisk og tekst & isdrypp i tegneseriestil

Trinn 38:

Og under formegenskaper setter jeg størrelsesjitter til 100%, slik at noen snøfnugg har ulik størrelse.

Is teksten realistisk og is tekst og iskrystaller i tegneseriestil

Trinn 39:

Deretter kan jeg enkelt begynne å male med penselen og har alle snøfnugg malt etter ca. 10 sekunder. Og her er resultatet:

Teksten er realistisk og iskremtekst & isdrypp i tegneseriestil

Som arbeidsfil har jeg lagt til isstilene.