Lag en oppslagstavle med realistiske skygger, del 1

Create en Bulletin Board Med realistiske skygger, del 1

skygger og lys kan gjøre eller ødelegge en komposisjon. Oppslagstavler (eller corkboards) er populære typer grafikk til bruk i web og print design, men ofte de ser urealistisk på grunn av måten de er tent og skygget. I denne todelte opplæringen serien vil vi vise hvordan du kan lage en tre tekstur og deretter hvordan å skape autentiske utseende skygger og lys ved hjelp av stilleben objekter som vi vil ta med på vårt styre. La oss komme i gang med å lage vår oppslagstavle og plassere vår første elementet



Trinn 1 - corkboard Texture

Opprett et nytt dokument (Størrelse: 600px 400 piksler).. Størrelsen er opp til deg, men disse er de dimensjonene vi skal bruke i denne opplæringen

Gi nytt navn det første laget " corkboard "

Tips:.. Kontroller at Paths er valgt for rektangelverktøyet og Avrundet rektangel Tool hele denne opplæringen

Bruke rektangelverktøyet, opprette et rektangel (Størrelse: 480px av 280 piksler)..

Tips: for å gi en form en fast størrelse, tilgang til panelet på alternativlinjen

Høyreklikk på rektangelet og velg Lag Selection

Tips:.. CTRL eller CMD + ENTER som en erstatning for å høyreklikke på en bane og velge Lag Selection.

Gjør din forgrunnsfarge # a37d54 og bakgrunnsfarge # 4e2f0d. Disse to fargene er nyanser av brunt, men føler seg fri til å velge lignende farger.

For å produsere corkboard tekstur. Gå til Filter > Gjengi > Skyer og deretter fjerner du merket for valg og alltid velge bort en utvalg etterpå

Tips:.. CTRL eller CMD + D som en erstatning for å fjerne merkingen et utvalg

Fortsetter på; gå til Filter > Sketch > . Note Paper (Bilde Balanse: 32, Kornethet: 11 og Relief: 12)

Gå til Filter > Brush Strokes > Spatter (Spray Radius: 15 og glatthet: 10)

Til slutt, la oss gi det en mørkere farge, gå til Bilde >. Justeringer > Shadows /Highlights (Shadows - Beløp: 50%, Tonal Width: 83%, Radius: 208px Høydepunkter - Beløp:. 0%, Tonal Width: 50%, Radius: 30px Justeringer - Fargekorrigering:. +20, Mellomtone Kontrast: - 17.)

bildet nedenfor er et resultat

trinn 2 -.. corkboard tre Borders

i dette trinnet, vil vi produsere tre grenser corkboard

Gjør et nytt lag under lag " corkboard " og endre navnet som " grenser ".

Bruke Avrundet rektangel Tool, skape et avrundet rektangel (Størrelse: 502px ved 302px og Radius: 10px.). Høyreklikk på rektangelet og velg " Gjør Selection ".

Tips: ALT + TILBAKE å fylle ut et utvalg med gjeldende forgrunnsfarge. . CTRL eller CMD + TILBAKE for å fylle det inn med gjeldende bakgrunnsfarge

Fyll ut dette rektangelet med fargen # 4e2f0d deretter fjerner du merket for valg

. Tips: For å velge to eller mer lag, SHIFT + klikk på dem

. Tips: for å sentrere to eller flere lag med hverandre, velger lagene skal justeres, velger Move Tool, på alternativlinjen, klikk på Juster horisontale sentrene og Juster vertikale sentre knapper:

nå senter både lagene " corkboard " og " grenser ".

Bildet nedenfor er et resultat

Trinn 2 - corkboard tre Borders - Corner Gaps Retningslinjer

For å gjøre hver side av. grenser ser autentisk, må vi skape hull i mellom hjørnene.

retningslinjene vi vil gjøre i dette trinnet vil bli brukt til å skikkelig velge hver side av grensen og sette dem på forskjellige lag.

Du må bruke prosedyrene i dette trinnet på alle hjørner av korktavle

Lag et nytt lag over ". grenser " og under " corkboard " deretter navnet " diagonale kantlinjer " eller noe lignende. Vi vil bruke disse linjene som retningslinjer for å lage de diagonale hull som er nevnt ovenfor.

Zoom inn bildet og bruke Pen Tool, hold SHIFT og lage en 45 grader vinklet diagonal banen på øverst i høyre hjørne som vist nedenfor.

Tips: Kontroller at Brush Diameter størrelse for blyantverktøyet er 1px

Med Pen Tool og lag " diagonale kantlinjer ". valgt, høyreklikk, velg Stroke Path, velg Pencil fra rullegardinmenyen, klikk deretter på OK høyreklikk igjen og velg Slett Path.

Gjenta trinn 2 på alle de andre sidene av korktavle.

Trinn 3 - corkboard Wooden Borders -. Deler The Borders

ved hjelp av de diagonale linjene vi nettopp har gjort, la oss bruke dem som retningslinjer for å velge den høyre kanten av korktavle med Pen Tool

Etter å ha rett kant valgt med Pen Tool, høyreklikk og velg Make Selection

for å sette høyre kant på en ny eget lag, med laget ". grenser " valgt, duplisere lag. Gi nytt navn til den nylig produsert lag til " grensen helt ".

Gjenta trinn 3 på alle de andre sidene av korktavle

Når du har gjort dette, bør du ha hver kant av korktavle på separat. lag. Så nå kan vi slette lagene " diagonale kantlinjer " og " grenser ".

Trinn 4 - corkboard Wooden Borders - bruke de Graderinger

Det er på tide å bruke noen stigninger på våre grenser. La oss starte med høyre kant

Tips:.. For å få tilgang til Blending Options av et lag, høyreklikk på det laget og velge Blending Options

Tips: Hvis du vil legge til en ny gradient slider, plasserer du markøren rett under graderingen forhåndsvisning

i blending Options for laget " grensen helt ", gjelder en gradient Overlay (Angle. 0 grader First Gradient Slider: # e77d15, Second Gradient Slider: # f69834, Third Gradient Slider: # 804504)

nå kan laget " grensen topp ", bruke en annen Gradient Overlay (First Gradient Slider. # e77d15 , Second Gradient Slider: # f4942d, Third Gradient Slider:. # d16f04)

Deretter laget " grensen igjen ", bruke en annen Gradient Overlay (First Gradient Slider: # 0d550e, Second Gradient Slider: # f4942d , Tredje Gradient Slider: # d16f04)

til slutt, lag " border nederst ", bruke en annen Gradient Overlay (First Gradient Slider. # 6e3c0b, Second Gradient Slider: # f4942d, Third Gradient Slider: # d16f04 )

bildet nedenfor er et resultat

trinn 5 -.. corkboard Wooden Borders - Bruk struktur

Husk at du må gjenta dette trinnet på hele andre sider av korktavle

Dupliser laget ". grensen helt ", høyreklikk på den nye dupliserte laget som skal ha navnet " grensen helt kopiere " og velg Clear Layer stil

. Tips: CTRL eller CMD + J for å duplisere et lag

Tips:.. CTRL eller CMD + klikk på miniatyrbildet av et lag for å velge innholdet

Velg innholdet i lag " grensen rett kopi " (CTRL eller CMD + KLIKK på laget miniatyrbilde). . Fyll valget med farge # d48631

Gå til Filter > Støy > . Legg Noise (Beløp: 33,03%, Gaussian og monokromatisk)

Gå til Filter > Blur > . Motion Blur (Vinkel: 90 grader og Avstand: 24 piksler)

Her er den morsomme delen; vi vil gjøre knop på våre tre grenser

Gå til Filter >.; Gjør flytende (Brush Size: 8, Brush Tetthet: 50 og børstetrykk: 100). Ved hjelp av trådkorset i Gjør flytende vindu, trekk, strekke og virvle innholdet i lag " grensen rett kopi " for å gjøre tre knop

Tips: Du kan endre tettheten av et lag i lagpanelet.

Senk opacity av laget " grensen helt kopiere " 50%

Gi denne laget ". grensen riktig tre tekstur ", gruppe det med laget " grensen helt " og endre navn på gruppen som " grensen helt ".

Bildet nedenfor er et resultat

Gjenta trinn 5 på alle de andre sidene av korktavle

Trinn 6.. - corkboard Indre skygge

La oss legge en liten skygge på toppen av innsiden av korktavle

i blending Options i laget " corkboard ", gjelder en Indre skygge (Blend. Mode: Normal, Farge: # 000000, Opacity: 100%, Vinkel: 90 grader, Avstand: 1px, Choke: 0%, Mål:.. 3px)

bildet nedenfor er resultatet
< h2> Trinn 7 - The Paper

Gjør et nytt lag og endre navnet som " papir ". Velg Rectangular Marquee Tool og gjøre et valg som følger:

Velg laget " papir " og fyll i utvalget med hvite

I Blending Options på papiret lag, bruke en Gradient Overlay (First Gradient Slider: # d1d1d1, Second Gradient Slider: #ededed)..

Da , gjelder en Drop Shadow (Opacity: 100%, Vinkel: 90 grader, Avstand: 1px, Spread: 0%, Mål: 5px).

Høyreklikk på laget " papir " og velg Opprett lag. Klikk på OK når du ser denne dialogboksen:

Trinn 8 - Papir - bringe det inn i livet

Det sentrale verktøy som brukes her er Warp Tool

. Tips: CTRL eller CMD + T for å hente ut Free Transform Tool, høyreklikke på utvalget, og velg Warp å få tilgang til Warp Tool

Velg laget ". papir " og tilgang til Warp Tool.

Grab nederst til høyre på papiret, og dra den opp slik at det virker som vinden blåser det.

Trekk alle de andre hjørnene.

bildet nedenfor er et resultat

Trinn 9 - Papir - Høydepunkter

nå vil vi lage noen høydepunkter på disse hjørnene

Tips..: Command + ALT + SHIFT + N for å lage en ny klipping lag på den gjeldende valgte lag

Tips:.. Dra et lag i lag-panelet for å flytte den under eller over et annet lag < .no>

Lag ny klipping lag rett over " avisens Gradient Fill ", endre navn på den som ". markere høyre ", klikk på Blending Mode nedtrekksmenyen og velg Skjerm

Tips: gradient Panel ser slik ut:

Velg gradient Tool, klikker du på gradient panel og bruke en gradient (First gradient Slider: # 000000, Second gradient Slider: # ffffff, Third gradient Slider # 000000)

Dra ut en gradient i nederste høyre hjørne av papiret som vist nedenfor.

Bruk Free Transform verktøyet for å endre størrelse, endre og roter høydepunkt. Du kan også lavere ned tettheten av høydepunktet slik at den ser mer troverdig.

Gjør flere høydepunkter på de andre hjørnene på papiret.

Bildet nedenfor er resultatet.

Trinn 10 - The Paper - Shadows

nå, for å gjøre skyggen av papiret mer realistisk. Velg laget " avisens Drop Shadow ", flytte skyggen ned noen piksler og lavere ned Opacity til 60%. Akkurat som vi gjorde på papir, fordreie skyggen som vist nedenfor:

Bildet nedenfor er et resultat

Trinn 11 - The Paper - skrible Tekst

La oss. . skrive noe på papiret

Gjør et nytt lag, velger du tekstverktøyet, velge en håndskrift type font, vi valgte " Journal " (Størrelse: 26px).., Endre fargen på skriften til # 414040 og begynner å skrive litt tekst på papiret

Bildet nedenfor er et resultat

Stay tuned for del II

i siste del II av denne serien vil vi plassere flere elementer på vårt styre og sluttføre denne designen.