Lad os indse det, Photoshops indbyggede drop skyggeeffekt har sine begrænsninger. Det er fint til grundlæggende skyggeeffekter, som at få tekst til at synes at være hævet lidt fra baggrunden på en webside, men hvis du er interesseret i noget mere fotorealistisk, klipper dråbsskyggen alene ikke det. Men med lidt hjælp kan vi forvandle disse almindelige, uinteressante drop-skygger til noget meget mere realistisk udseende ved at "kortlægge" vores skygger på billedet ved hjælp af det, der kaldes et forskydningskort . Fortrængningskort er, hvad profferne bruger til at tilføje realisme til billeder, men lad ikke det skræmme dig væk. Du behøver ikke være en professionel for at bruge dem. Faktisk er de virkelig ganske enkle.
Som vi ser i denne Photoshop-tutorial, er et forskydningskort virkelig ikke andet end en separat, sort / hvid version af dit billede, som Photoshop bruger til at finde ud af, hvordan du omformer dine skygger, så de ser ud til at følge de naturlige strukturer og dybder i baggrunden bag dem, ligesom hvad en rigtig skygge ville gøre. Tænk på et forskydningskort som Photoshop flytter pixels fra "dis sted til sted". Hvis den slags giver mening for dig, fantastisk! Hvis ikke, rolig, det vil være, når vi er færdige med denne tutorial.
Her er mit originale billede, et simpelt foto af vand:
Jeg vil tilføje en eller anden type over det og derefter tilføje en dråbe skygge til typen. Normalt ville jeg få noget der ser sådan ud:
Overhovedet ikke meget realistisk. Dropskyggen ser ud til at følge formen på bølgerne under den noget, men det er kun fordi opaciteten af dropskyggen er indstillet til dens standard på 75%, så nogle af bølgerne vises igennem den. Den sænkede opacitet hjælper lidt, men det er bestemt ikke det bedste, vi kunne gøre. For det meste ser skyggerne flade ud.
Takket være kraften i Photoshop og forskydningskort kan jeg dog let forvandle den forenklede dråbe skygge til noget mere som dette:
Det ser meget bedre ud, og det at skabe den "kortlagte" skyggeeffekt er, hvad vi skal gøre i denne tutorial.
Denne tutorial er fra vores Photo Effects-serie. Lad os komme igang!
Trin 1: Tilføj nogle typer over dit billede
Mit vandfoto er åbent i Photoshop, og i min lagpalette kan jeg se, at jeg i øjeblikket har et lag, baggrundslaget, der indeholder mit billede:
Photoshop's lagpalette, der viser det originale billede, der er åbent i baggrundslaget.
Den første ting jeg skal gøre er at tilføje den type, jeg vil bruge. Tryk på T på dit tastatur for hurtigt at få adgang til Type-værktøjet og tilføje din tekst. Jeg vil skrive "DEEP BLUE":
Tryk på "T" på dit tastatur for hurtigt at få adgang til Type-værktøjet og tilføje din tekst til billedet.
Her er min lagpalette, der nu viser to lag - mit originale baggrundslag og mit nyligt tilføjede typelag over det:
Lagpaletten viser nu det typelag, der er tilføjet over baggrundslaget.
Du behøver ikke at gøre dette næste trin, hvis du ikke vil, men jeg vil strække min tekst og gøre den højere ved at trykke på Ctrl + T (Win) / Command + T (Mac) for at få vist Photoshop's Gratis Transform- boks og håndtag omkring min type, og derefter mens jeg holder Alt (Win) / Option (Mac) nede, skal jeg trække boksen Free Transform opad fra det øverste midterste håndtag (cirklet i rødt i skærmbilledet nedenfor). Ved at holde Alt / Option nede, fortæller dette Photoshop at strække typen fra midten og strække sig både øverst og nederst på samme tid.
Stræk typen og gør den højere ved hjælp af Photoshop's kommando Free Transform. Ved at holde Alt (Win) / Option (Mac) -tasten nede, mens jeg trækker fra det øverste håndtag, øges tekstens højde fra både øverste og nederste på samme tid som jeg trækker.
Når teksten er på plads, tilføjer vi vores drop skygge næste.
Trin 2: Føj en drop Shadow til teksten
Når det valgte lag er valgt, skal du klikke på ikonet Tilføj lagstil nederst i paletten Lag:
Klik på ikonet Tilføj lagstil nederst på paletten Lag.
Vælg Drop Shadow fra listen over lagformater, der vises:
Vælg Drop Shadow-lagstilen fra listen.
Dette åbner dialogboksen Lagstil som viser os indstillingerne for Drop Shadow:
Dialogboksen Layer Style viser indstillingerne for Drop Shadow.
Jeg vil overlade Opacity til dens standard på 75% og Vinklen indstillet til 120 grader. Den eneste mulighed, jeg vil ændre, er Afstand, som jeg indstiller til 20 pixels, som vist ovenfor. Når du er færdig, skal du klikke på OK for at afslutte indstillingsfeltet.
Her er mit billede med anvendt drop skygge:
Billedet med dropskygge anvendt på teksten.
Bestemt ikke, hvad du vil kalde realistisk. Selvfølgelig kan jeg ikke huske sidste gang, jeg så tekst svæve over vand i det virkelige liv, men hvis jeg så det, er jeg sikker på, at skyggen ikke ville se denne falske ud. Heldigvis er det at løse dette problem, hvad denne tutorial handler om. Vi vil oprette vores fortrængningskort næste.
Trin 3: Kopier baggrundslaget og indsæt som en ny kanal
I lagpaletten skal du klikke på baggrundslaget igen for at vælge det:
Klik på baggrundslaget i lagpaletten for at vælge det.
Når det valgte baggrundslag er valgt, skal du trykke på Ctrl + A (Win) / Command + A (Mac) for at vælge indholdet af laget, som i dette tilfælde er det originale vandfoto. Du vil se et markeringsfelt vises rundt om billedet i vinduet Dokument. Tryk derefter på Ctrl + C (Win) / Command + C (Mac) for at kopiere lagindholdet.
Skift nu til din kanalpalette, som er grupperet i højre ved siden af lagpaletten, og klik på ikonet Opret ny kanal i bunden af kanalpaletten, som cirklet i rødt nedenfor:
Klik på ikonet Opret ny kanal i bunden af kanalen.
En ny kanal fyldt med sort, som Photoshop navngiver "Alpha 1", vises under de eksisterende røde, grønne og blå kanaler:
Photoshop tilføjer en ny kanal under den blå kanal og navngiver den "Alpha 1".
Når "Alpha 1" -kanalen er valgt, skal du trykke på Ctrl + V (Win) / Command + V (Mac) for at indsætte indholdet af baggrundslaget i denne nye kanal. Du kan se billedet vises i sort / hvid inden for miniaturebilledeområdet på "Alpha 1" -kanalen:
Indholdet af baggrundslaget vises i sort og hvidt inde i preview-miniature af den nye kanal.
Og du vil se den samme sort / hvide version vises i dit dokumentvindue:
En sort / hvid version af baggrundslaget vises nu i dokumentvinduet.
Tryk på Ctrl + D (Win) / Command + D (Mac) for at fravælge billedet på dette tidspunkt. Vi anvender et Gaussian Blur-filter på den nye kanal næste.
Trin 4: Anvend det gaussiske slørfilter på den nye kanal
Vi vil bruge denne nye kanal som vores forskydningskort til vores dråbe skygge, og en af de ting, vi ønsker at undgå, er at have nogen barske eller ru kanter i forskydningskortet, så vores skygge flyder jævnt og naturligt med krusninger og bølger i vandet. For at sikre, at alt er pænt og glat, vil jeg tilføje et Gaussian Blur-filter til denne kanal.
Når "Alpha 1" -kanalen er valgt, gå op til menuen Filter øverst på skærmen, vælg Slør og vælg derefter Gaussian Blur, der åbner dialogboksen Gaussian Blur:
Vælg Filter> Sløring> Gaussisk sløring for at få vist dialogboksen Gaussian Blur.
Du vil blot tilføje en lille smule uskarphed her. Jeg bruger et lavopløsningsbillede til denne tutorial, og for mig gør en Radius-værdi på cirka 2 pixels susen. Hvis du bruger et billede lige ud af dit digitale kamera, er chancerne for, at det er meget højere opløsning, og i dette tilfælde finder du sandsynligvis, at en indstilling på omkring 5-6 pixels fungerer godt. Igen, vi vil kun have en lille grad af sløring, lige nok til at udjævne alting.
Trin 5: Øg kontrasten mellem kanalen med niveauer
Den næste ting, vi ønsker at gøre, er at øge kontrasten på denne kanal, da jo højere kontrasten er, desto mere er det en påvirkning af vores forskydningskort. Igen med den nye kanal, der stadig er valgt, skal du bruge tastaturgenvejen Ctrl + L (Win) / Kommando + L (Mac) til at få vist dialogboksen Niveauer :
Brug niveauer til at øge kontrasten for den nye kanal, hvilket øger effekten af vores forskydningskort på dråbsskyggen.
Når dialogboksen Niveauer er åben, skal du trække det sorte punkt og det hvide punkt Input Levels-skyderne (begge cirkuleret med rødt ovenfor) ind mod midten for at øge kanalens kontrast. Må ikke bekymre dig om at miste nogen detaljer i højdepunkterne og skyggerne, som du ville gøre, hvis vi brugte niveauer til en tonekorrektion på et billede. Her er alt, hvad vi er bekymret for, at styrke kontrasten.
Sådan ser min kanal ud nu efter at have øget kontrasten til niveauer:
"Alpha 1" -kanalen efter at have styrket kontrasten med niveauer.
Vi er færdige med at arbejde på kanalen, og den er klar til at blive brugt som et forskydningskort, men for at bruge den er vi nødt til at oprette et nyt dokument ud af det, og vi gør det næste.
Trin 6: Dupliser kanalen som et nyt dokument
Vi har anvendt vores Gaussian Blur-filter på kanalen for at glatte alt ud, og vi har øget kontrasten med niveauer. Vores kanal er klar til at blive brugt som et forskydningskort, men for at bruge et forskydningskort skal det være en separat fil, og i øjeblikket er det bare en kanal i vores originale fil. Vi vil gemme den som en ny fil, dog ved at duplikere kanalen. Klik på den lille højre-pegende pil i øverste højre hjørne af kanalen- paletten for at få adgang til valgmulighederne for kanaler, og vælg Duplicate Channel fra den rulleliste, der vises:
Klik på den lille højre-pegende pil øverst til højre på kanalen, og vælg "Duplicate Channel" fra indstillingslisten.
Dette åbner dialogboksen Duplicate Channel:
Dialogboksen "Duplicate Channel".
For destination skal du klikke på pilen nedad og vælge Ny for at kopiere kanalen som et helt separat dokument og give dit nye dokument et navn. Jeg har kaldt min "vandfortrængning". Klik på OK, når du er færdig, og din kanal vises som et nyt Photoshop-dokument på din skærm.
Trin 7: Gem det nye dokument
Gem dette nye dokument på dit skrivebord eller hvor du end vil gemme det på din computer, og husk, hvor du gemmer det, fordi vi får adgang til det på et øjeblik. Når du har gemt dokumentet, skal du gå foran og lukke det ud og kun lade dit originale dokument være åbent.
Trin 8: Opret et nyt lag fra drop Shadow Layer Style
Normalt er lagstilarter som faldskygger ganske enkelt effekter, der anvendes på andre lag, men vi kan konvertere lagstilarter til deres egne lag, hvilket er nøjagtigt, hvad vi har brug for med vores drop skyggeeffekt for at kunne bruge det med vores forskydning kort. Når det valgte lag er valgt, gå op til menuen Lag øverst på skærmen, vælg Lagstil, og vælg derefter Lav nederst på listen, vælg Opret lag :
Gå til Lag> Lagstil> Opret lag for at konvertere dropskyggeeffekten til sit eget separate lag under typelaget.
Når du vælger "Opret lag" fra indstillingerne for lagstil, tager Photoshop dropskyggen, rasteriserer det (konverterer det til pixels) og placerer det derefter på sit eget separate lag direkte under typelaget:
Dropskyggen vises nu på sit eget lag under typelaget.
Vi har vores forskydningskort, og vi har vores dråbe skygge på sit eget lag. Vi er klar til at kombinere de to og skabe en meget mere realistisk skyggeeffekt, og vi gør det næste.
Trin 9: Anvend forskydningskortet på drop Shadow Layer ved hjælp af displace-filteret
Vi er klar til at anvende vores forskydningskort. Klik på dropskyggelaget i paletten Lag for at vælge det. Gå derefter op til menuen Filter øverst på skærmen, vælg Forvræng, og vælg derefter Fortryd for at få vist forskydningsfilterets dialogboks:
Gå til Filter> Forvræng> Fortryd for at få vist "Fortræng" -filterets dialogboks.
Der er to dele til at bruge Photoshop's Displace-filter. Først indstiller du indstillingerne for, hvordan Photoshop skal anvende forskydningskortet, og derefter vælger du det forskydningskort, du vil bruge. Denne første dialogboks, der vises, er hvor du indstiller indstillingerne. Som jeg har cirkuleret ovenfor, skal du indstille både horisontale skalaer og lodrette skalaer til 10, hvis de ikke allerede er indstillet til 10. Vælg Stræk at passe, og for ubestemte områder skal du vælge Ombryd rundt . Klik på OK, når du er færdig.
En anden dialogboks åbnes, hvor du bliver bedt om at vælge, hvilken fil du vil bruge som dit forskydningskort. Naviger til det sted, hvor du gemte dit forskydningskort fra et par trin tilbage, og vælg det. Klik på Åbn for at bruge forskydningskortet, og din dråbsskygge er øjeblikkeligt kortlagt til baggrunden bag det!
For at få en bedre idé om, hvad der sker, skal jeg klikke på øjeeple-ikonet længst til venstre i mit typelag for midlertidigt at skjule min type fra visningen, så jeg bare kan se dråbe-skyggen og vandet bag den. Her er hvordan min dråbe skygge så ud, før jeg anvendte forskydningskortet:
Dråbe-skyggen, før forskydningskortet anvendes, med typelaget midlertidigt skjult for visningen.
Og her er min nøjagtige samme dråbe skygge efter anvendelse af mit forskydningskort:
Dropskyggen efter forskydningskortet anvendes.
Takket være forskydningskortet sidder dråbsskyggen ikke længere fladt mod billedet bag det. Det krummer sig nu og bøjer sig med vandet, hvilket skaber en meget mere realistisk udseende effekt.
Jeg kommer til at klikke på øjeæbleikonet for mit typelag igen for at bringe min tekst tilbage til visning over toppen af dropskyggen, og her er mit endelige resultat:
Det endelige resultat.
Og der har vi det! Sådan kan du oprette realistiske dropskygger i Photoshop ved at kortlægge dem til dit billede med forskydningskort. Se vores afsnit om fotoeffekter for flere vejledninger til Photoshop-effekter!