How å skape en realistisk IES Lighting Effect i Photoshop

I denne opplæringen, vil jeg vise deg hvordan du oppretter en realistisk IES (fotometrisk) lyseffekt. Vi skal bruke Photoshop CS4 samt noen gratis plugins og programvare. La oss komme i gang

Tutorial Forberedelse

For å fullføre denne opplæringen trenger du følgende programvare:

Photoshop CS4

Karbaras sin IES Generator 3 (Last ned)

Richard Rosenman sin Grid Generator 1.7 Plug-in

Cybia AlphaWorks Plug-in (Last ned)

1589835-fint. IES Profile (Last ned)

Før du starter opplæringen, sørg for at du har installert Grid Generator og AlphaWorks Photoshop plug-ins, og at du har lastet ned Karbaras sin IES Generator (en frittstående applikasjon) og 1589835-nice.IES profil

Trinn 1:. Sette opp Texture PSD

Dette PSD vil fungere som et sted å skape visse teksturer som brukes i den endelige utformingen. Jeg synes det er nyttig å lage teksturer i et eget dokument. Det er som en sandkasse for eksperimentering.

Lag et nytt dokument i Photoshop som er 1024px bred med 1024px høyt på 72dpi.

Sett forgrunnsfargen til # 34240f ved å klikke på øverste fargekartet i Tools paletten og inn dette nummeret nederst på fargevelgeren dialogboksen. Sett bakgrunnsfarge etter samme metode til # 825826. Fyll "Bakgrunn" lag med denne fargen ved å trykke Command + Backspace

Trinn 2:. Making corkboard Texture

Nå kan du gå til Filter > Forvrenge > Glass. I Glass dialog filter boksen, satt Distortion til 15, glatthet til 1, Texture til Frosted og Skalering til 100%. . Klikk på OK

Gå til Filter > Gjengi > Fibre. I Fibers filter dialogboksen satt varians til 8,0 og styrke til 47,0. Du vil sannsynligvis må klikke på Tilfeldig knappen flere ganger for å få en tekstur som har en jevn fordeling av trinn 1 er forgrunn og bakgrunnsfarger. Den beste måten å få et inntrykk av den samlede effekten er å redusere forstørrelsen av forhåndsvisningen ved å klikke på minustegnet under den inntil minimum er nådd, i dette tilfellet 16%.

Når du er ferdig, klikk OK . Resultatet vil bli omtrent slik:

Nå kan du gå til Filter > Forvrenge > Glass. I Glass dialog filter boksen, satt Distortion til 15, glatthet til 1, Texture til Frosted og Skalering til 100%. Klikk på OK.

Navn dette laget "korktavle." Resultatet vil bli omtrent slik:

corkboard tekstur er fullført. Lagre PSD som "textures.psd", men ikke lukke den

Trinn 3:. Sette opp hoved Layout

Opprett et nytt dokument som er 500px bred og 300px høy på 72dpi. Disse dimensjonene er vilkårlig og ment for opplæringen bare. Lagre dette dokumentet som "main_layout.psd."

Gi nytt navn "Bakgrunn" lag "floor_color" og fyll den med # 1a211c. Dette kan gjøres ved å sette forgrunnsfargen i verktøypaletten til # 1a211c og trykke Alt + Backspace

Trinn 4:. Bringing i corkboard Texture

Gå tilbake til "textures.psd " dokument. Høyreklikk på "korktavle" lag og velg "Duplicate Layer ..." fra kontekstmenyen.

I dialog, navngi den kopierte lag "korktavle" og velg "main_layout.psd" som destinasjon dokument.

Gå tilbake til "main_layout.psd" dokument. Den nye "korktavle" tekstur laget skal vises over "floor_color" lag

Trinn 5:. Endring av størrelsen og flytter corkboard Texture

Med "korktavle" lag valgt i lagpaletten, trykker Command + T, tastatursnarveien for Rediger > Transform > Scale kommandoen. I Transform Tool Options paletten klikker Maintain Aspect Ratio ikonet (merket med en rød pil på bildet nedenfor) mellom bredde og høyde feltene, og skriv 75,00% for bredden. Trykk Enter to ganger og forvandle vil bli fullført.

Ved å klikke på "Behold størrelsesforhold" -ikonet sikrer at laget vil bli skalert likt i begge retninger. Alternativt kan 75,00% angis på begge felt uten å klikke på ikonet; resultatet vil være det samme.

skalering drift vil føre til tekstur lag å skifte ut av posisjon, slik at den ligger klønete i nedre høyre av oppsettet. Med "korktavle" lag valgt, bruker du flytteverktøyet (V) og dra teksturen rundt før det er i en posisjon som ser tiltalende, uten store variasjoner i tone over layout:

Trinn 6: Revealing the Floor lag og justere corkboard Color

Med "korktavle" laget valgt bruk Rectangular Marquee verktøyet (M) for å velge en region som er 500px bredt med ca 230px høy, og starter øverst til venstre av oppsettet.

Klikk på Legg til lagmaske knappen nederst i lagpaletten. Dette vil legge til en maske til teksturen lag, gjemmer lagets piksler utenfor utvalget.

Med gulvfarge avslørt, ser litt overeksponert corkboard tekstur. Dette kan rettes opp ved hjelp av justeringslag.

Velg "korktavle" lag. På bunnen av lagpaletten, klikk på "Create new fill eller justeringslag" -ikonet, og velg Hue /Saturation.

I Justeringer paletten satt Hue til -6, Saturation til -7 og Lightness til -8.

Også, slik at Adjustment lag påvirker bare "korktavle" tekstur lag, klikker du Clip til laget ikonet nederst på Justeringer paletten (det ser ut som to kryssende sirkler stablet oppå den andre). Dette fører til at Adjustment lag å påvirke bare laget rett under den i lagpaletten, som er indikert i lagpaletten av en peker nedover pilen på "Hue Saturation" lag; navnet på laget under det vil bli understreket

Trinn 7:. Legge til en Shadow Under corkboard

Lag et nytt lag over "floor_color" lag ved å klikke på Create New Layer ikonet nederst på lagpaletten (angitt med en rød pil på bildet nedenfor). Når det nye laget er opprettet, flytter du den rett over "floor_color" lag og endre navnet til "cork_shadow." Lagene er omorganisert i lagpaletten ved å klikke og dra dem på plass over eller under andre lag.

Med "cork_shadow" lag valgt, bruker du Rectangular Marquee verktøyet (M) for å foreta et valg region 500px bred med 10px høy starter på bunnen av kork tekstur.

Endre forgrunnsfargen til svart ved å trykke D på tastaturet (dette tilbakestiller fargeprøver i verktøypaletten til standard svart forgrunnen og hvit bakgrunn). Deretter velger Gradient verktøyet (G). I Gradient Tool Options paletten, velg gradient forhåndsinnstilt Forgrunn til gjennomsiktig og type Linear Gradient.

For å være nøyaktig, zoome inn på utvalget. Starter på toppen av valget, klikker og Skift-dra (hold Skift-tasten mens du drar) til bunnen. I dette tilfellet, Skift-dra vil begrense Gradient Tool til X-aksen, slik at gradienten er på en perfekt 90 graders vinkel. Når du er ferdig, trykker du Kommando + D for å fjerne markeringen regionen.

Endre opacity for dette laget til 60%. Gjør dette enten ved å trykke 6 på tastaturet eller angi verdien direkte i Master Opacity boksen for lag i lagpaletten

Trinn 8:. Legge til en Lip på korktavlen

Med "cork_shadow" laget valgt, trykker du Kommando + J for å kopiere det. I lagpaletten, drar den kopierte laget (oppkalt automatisk "cork_shadow kopi") til toppen av alle andre lag. Gi denne layer "leppe".

Sørg for at "leppe" lag er valgt og invertere fargen på laget piksler ved å trykke Command + I. Nå blir det en hvit-til-gjennomsiktig gradient

Vend laget vertikalt ved å gå til Rediger >.; Transform > Vend loddrett.

Nudge laget opp 9px ved å trykke pil Command + Opptil ni ganger. Nå forandrer laget blending mode til Overlay og endre lag opacity til 50%

Trinn 9:. Legge til en Shadow til Floor

Lag et nytt lag over "floor_color" lag og navn det "floor_shadow." Sørg for at forgrunnsfargen i verktøypaletten er svart.

Ved hjelp av Gradient verktøyet (G) med "floor_shadow" lag valgt, klikker du på bunnen av oppsettet og Skift-dra til om lag tre fjerdedeler av helt opp til undersiden av corkboard. Til slutt, endre lag opacity til 50%

Trinn 10:. Legge Floorboards

Deretter vil vi legge til noen linjer til å foreslå gulvplanker. Gjør et nytt lag over "floor_color" lag, fyll den med svarte og den navnet "gulvbordene."

Dette trinnet bruker gratis Grid Generator plug-in av Richard Rosenman. Med "gulvplanker" laget valgt, går du til Filter > Richard Rosenman > Grid Generator. Juster innstillingene i Grid Generator dialogboksen for å matche de som er vist nedenfor:

Dette er resultatet:

Trinn 11: Legge Perspektiv og høydepunkter til gulvplankene

Gå til Rediger > Transform > Perspektiv. Juster perspektivet av "gulvplanker" lag ved å dra håndtakene i de øvre og nedre hjørner av transformasjon boksen til venstre og høyre (merket med røde piler) til den ser omtrent slik ut på bildet nedenfor. Legg merke til at håndtakene vil trenge å bli trukket ut over kantene av dokumentet. Når du er ferdig, trykk Enter for å søke transformasjon.

Endre "gulvplanker" lagets overgangsmodus til Multipliser og dens opacity til 30%.

Dupliser "gulvplanker" lag og endre navn på det nye laget til "floorboards_highlight." Flytt dette laget rett under "gulvplanker" lag.

Invert det ved å trykke Command + I, endre blending mode til Overlay og dens opacity til 10%.

Til slutt dytte det 1px til høyre ved å trykke på høyre piltast én gang. Dette vil gi en subtil høydepunkt til gulvplankene

Trinn 12:. Legge til en Samlet Uthev til Floor

Lag et nytt lag og gi den navnet "floor_highlight." Flytt dette nye laget til toppen av lagpaletten, over alle andre lag.

Endre forgrunnsfargen til hvit ved å trykke D, deretter X, på tastaturet (dette tilbakestiller verktøypaletten fargeprøver til standard og så reverserer dem). Velg Gradient verktøyet (G), og endre forhåndsinnstilt til Forgrunn til gjennomsiktig og sin type til Radial Gradient.

Starter på midten av layout, klikk og Skift-dra til nesten den øverste kanten av oppsettet .

Trykk Kommando + T for å forvandle laget. Bruk høyt midt håndtaket på forvandle regionen for å justere lag høyde. Juster bredden utover fra midten av Shift-Alt-dra venstre eller høyre håndtak sentrum. Trykk Enter for å søke transformasjon.

Flytt "floor_highlight" lag til stedet rett over "floor_shadow" lag i lagpaletten. Endre blending mode til Overlay og dens opacity til 50%

Trinn 12:. Opprette Lyset Housing

Lag et nytt lag, og flytte den til topplasseringen i lagpaletten. Navn dette laget "light_housing."

På toppen av dette laget, kan du bruke Rectangular Marquee verktøyet (M) for å gjøre et utvalg som er 500px bredt ved 10px høy. Endre forgrunnsfargen i verktøypaletten til # 17150e og fylle markeringen med denne fargen ved å trykke Alt + Backspace.

Dupliser "leppe" laget ved å velge den i lagpaletten og trykke Command + J. Flytt dette nye laget over "light_housing" lag i lagpaletten og endre navnet "housing_highlight."

Bruk flytteverktøyet (V) for å flytte laget opp slik at bunnen er i samme posisjon som bunnen av "light_housing."

Trykk Kommando + T for å forvandle laget. Juster den fra toppen slik at det er omtrent halvparten av sin nåværende høyde

Trinn 13:. Legge til en Shadow Beneath the Light Housing

Velg "housing_highlight" lag i lagpaletten og trykker Kommando + J for å kopiere det. Endre navn på lag "housing_shadow" og invertere den ved å trykke Command + jeg

Vend laget vertikalt ved å gå til Rediger >.; Transform > Flip Vertical. Deretter dytte den ned 1px ved å trykke pil ned når

Til slutt, endre opacity til 80%

Trinn 14:.. Opprette et Lys

Launch IES Generator. Nederst til venstre i programvinduet, klikker du på Load knappen og finn "1589835-nice.IES" profil som du lastet ned i Tutorial forberedelser.

Ved hjelp av glidebryterne nederst til venstre i vinduet, justere lysstyrken til 1,11 and Away From Vegg til 3,00 slik at bildet på høyre side av vinduet ser omtrent slik ut:

Trinn 15: Bringing the Light i Photoshop

IES Generator ikke har en eksport eller lagre funksjon, slik at et skjermbilde er nødvendig for å lime det inn i Photoshop layout. Du kan bruke et skjermbilde verktøyet hvis du har en. Ellers trykker Alt + Print Screen (dette er en Windows-tast-kombinasjon som fanger det aktive vinduet til utklippstavlen). Etter at fangst, tilbake til Photoshop.

Åpne "textures.psd" dokument som er opprettet i trinn 1, hvis det ikke allerede er åpen. Trykk Kommando + V for å lime inn skjermbilde inn i dokumentet. Den vil vises i et nytt lag over "korktavle" lag. Hvis en eller annen grunn ender opp under "korktavle" lag, bare flytte den opp i lagpaletten.

Med det nye laget valgt, bruker du Rectangular Marquee verktøyet (M) for å foreta et valg rundt IES bilde som vist:

Gå til Velg > Inverse å invertere utvalget. Fylle denne regionen med svart

Trinn 15:. Trekke Det hvite piksler fra Lyset Layer og posisjonering Det

Nå skal vi bruke de frie AlphaWorks plug-in ved Cybia å fjerne all den svarte fra dette laget, slik at vi ender opp med bare de hvite piksler som utgjør lyset mønsteret

Gå til Filter >.; Cybia > AlphaWorks. Fra rullegardinmenyen øverst til høyre på filterets dialogboksen, velg "LINEAR BlackOut - fjern fra BW lineart." . Klikk på OK

Dette vil være et resultat:

Med dette laget fortsatt er valgt, trykker du Kommando + A (Velg > Alle), kopiere den, og deretter bytte til "main_layout.psd" .

Velg "Hue /Saturation en" lag i lagpaletten og trykk Kommando + V for å lime inn. Det nye laget vil vises mellom "leppe" lag og "Hue /Saturation en" lag. Endre navnet til "ies_light."

Nudge den "ies_light" lag opp 6PX ved å trykke pil opp seks ganger. Nå endre dette laget er blending mode til Overlay

Trinn 16:. Intensiverer Lyset

Dupliser "ies_light" lag to ganger ved å velge den i lagpaletten og trykke Command + J to ganger. Endre tettheten av den øverste kopi ("ies_light kopiere 2") til 50%.

De tre lagene, "ies_light", "ies_light kopi" og "ies_light kopiere 2" utgjør en enkelt effekt. Samle dem i ett lag gruppe ved å klikke på "ies_light" lag, holde nede Skift-tasten og velge "ies_light kopiere 2." Klikk på ikonet øverst til høyre i Layer-paletten og velg Ny gruppe fra Layers. I dialogboksen som dukker opp, navngi gruppen "light". Klikk OK

Nå de tre lagene vil være i en enkelt gruppe

Trinn 17:.. Kontrollere Omfanget av Lys

Velg alle lagene innenfor "light" gruppe, og gruppere dem på nytt etter samme metode beskrevet i trinn 16. Det er ikke nødvendig å endre navnet på dette nye laget gruppen.

Velg "Gruppe 1" i lagpaletten og opprette en lagmaske for denne gruppen ved å klikke på "Legg til lagmaske" ikonet nederst i paletten. Masken vil vises i forkant av gruppenavnet -. Det ser ut som en hvit boks

I lagpaletten, klikk lagmaskeminiatyren (den hvite boksen) for å velge det. Velg Gradient verktøyet (G).

Som beskrevet i trinn 6, sørg gradienten forhåndsinnstilt er forgrunn til Transparent og type er Linear Gradient. Starter på midten av gulvet, klikk og Skift-dra til et sted omtrent som vist på bildet nedenfor. En forhåndsvisning av masken nettopp opprettet vises i lagmaskeminiatyren

Trinn 18:. Legge til en Uthev flekk på gulvet

Lukk "gruppe 1" innenfor "light" laggruppe av klikke på den grå pilen til venstre for navnet.

Velg "floor_highlight" lag i lagpaletten og kopiere den ved å trykke Command + J. Det nye laget skal hete "floor_highlight kopi."

Flytt dette nye laget inn i "lyset" gruppe ved å dra og slippe den direkte på den "lette" gruppens navn.

Trykk Command + T for å omforme "floor_highlight kopier" lag inntil det er omtrent 50% av sin nåværende bredde. Trykk Enter for å søke transformasjon. Endre navnet på laget til "spot" og endre opacity til 70%

Trinn 19:. Duplisere Lyset

To flere eksemplarer av "light" gruppe er nødvendig. Velg og skjule den "lette" lag gruppe i lagpaletten. Dra og slipp den på "Opprett et nytt lag" ikonet nederst i paletten. En kopi av gruppen, som heter "light kopi" vises over originalen i lagpaletten

. Kopier denne nye gruppen etter samme metode. Det vil nå være tre grupper i lagpaletten som heter "light", "light kopi" og "light kopi 2."

Trinn 20: Flytte lysene på plass

Med "light kopiere to "lag gruppe valgt i lagpaletten, dytte den forlot 140px ved å trykke Shift + Pil venstre 14 ganger (nede Shift-tasten nede mens du bruker piltastene nudges 10px om gangen). Deretter velger du "light kopi" gruppe og dytte den rett 140px etter samme metode.

Gi nytt navn "light kopi 2" til "light_left", "light kopi" til "light_right" og "lys" til " light_center, "for å koordinere med sine posisjoner i oppsettet

Trinn 21:. Spilling lysene på Housing

Velg laget grupper" ". light_left" light_center "," light_right "og Dra og slipp dem ut på "Opprett et nytt lag" ikonet nederst i lagpaletten. Tre nye kopier av disse gruppene vil vises over originalene i lagpaletten.

Trykk Kommando + E for å slå sammen grupper i ett lag.

Endre navn på lag "spill". Anmeldelser

Flytt den til toppen av lagpaletten over "housing_shadow" lag og endre lagets overgangsmodus til Overlegg

Vend den vertikalt ved å gå til Rediger >.; Transform > Vend loddrett.

Nudge på "spill" lag opp 230px ved å trykke Shift + pil opp 23 ganger.

Bruke Rectangular Marquee verktøyet (M), foreta et valg som er 500px bredt ved 10px høy starter øverst til venstre i oppsettet.

Klikk på "Add layer mask" -ikonet nederst i lagpaletten å legge en maske til "spill" lag. Dette vil begrense effekten til lyset boligområde

Trinn 22:. Legge til en Shadow Behind the Lights (valgfritt)

Deretter vil vi mørkere området rundt toppen av lysene mot corkboard å gi dem litt mer vekt. Dette trinnet er valgfritt.

I lagpaletten, velg "leppe" laget og klikk på "Opprett et nytt lag" ikonet nederst i lagpaletten. Det nye laget vil vises over "leppe" lag. Endre navnet til "top_shadow."

Ved hjelp av Gradient verktøyet (G), med den forhåndsinnstilte Forgrunn til gjennomsiktig, skriv Lineær Gradient og en forgrunnsfarge svart, Skift-dra i "top_shadow" lag som vist:

"top_shadow" lag må maskert slik at det utelukker lysene.

Velg laget grupper "light_center", "light_right" og "light_left." .. Duplisere og sette dem sammen til et enkelt lag

Kommando-klikk laget miniatyr i lagpaletten å laste lagets åpenhet som et utvalg

Gå til Velg > Inverse å invertere utvalget. Nå velger "top_shadow" lag i lagpaletten og klikk på "Legg til lagmaske" ikonet nederst i paletten.

Endre "top_shadow" lagets opacity til 60%, og det er blending mode til Overlay .

Til slutt slette "light_left kopi" lag

Trinn 23:. Legge til tekst, The Final Step

Som det siste trinnet, innlagt tekst vil bli lagt til korktavle. En font (e) kan brukes, men dette eksemplet bruker Arista 2.0 Lys og DIN Mittelschrift. (Hvordan bruke Photoshop Text Tool vil ikke bli dekket i denne delen av opplæringen.)

De tekstlag bør plasseres over alle andre lag i lagpaletten.

I lagpaletten Dobbeltklikk i området til høyre for teksten laget navn. Dette vil åpne opp dialogen Layer Stil-boksen

I Lagstil vinduet, justere innstillingene som vist

Drop Shadow:..

Indre skygge:
< p> Color Overlay:

Endelig resultat

Dette er det endelige resultatet:

ytterligere forslag

Jeg anbefaler at denne effekten brukes med måte. For eksempel bruke det bare for å markere en logo i overskriften på en nettside, eller for å fremheve noen elementer på en side

vinkle lyset (e) kan ytterligere forsterke effekten.; bla effekten gir vertikalt inntrykk av rampelyset.

Du kan også fargelegge belysning ved bruk av en Color Overlay eller Gradient Overlay lag stil.

For denne opplæringen, jeg valgte en IES profil som har vært veldig populært i 3D kunst, som det har en så distinkt utseende. Av denne grunn har det blitt for mye og clich é d. Men det er hundrevis av andre IES /fotometriske profiler fritt tilgjengelig:

ERCO Light Scout

GE Metrisk filer

Karbaras sin IES Generator lar deg også å lage dine egne profiler.

Jeg håper du likte denne opplæringen!

Abonner på PSDTUTS + RSS-feed for beste Photoshop tuts og artikler på nettet.