Share
Skygger og lys kan gjøre eller ødelegge en sammensetning. Bulletin boards (eller corkboards) er populære typer grafikk å bruke i web og print design, men ofte ser de ut til å være urealistiske på grunn av måten de er tent og skygget på. I denne todelte opplæringsserien demonstrerer vi hvordan du lager en trestruktur og deretter hvordan du oppretter autentiske skygger og lys ved hjelp av de fremdeles livsobjekter som vi vil inkludere på bordet vårt. La oss begynne med å lage vår oppslagstavle og plassere vårt første element.
Opprett et nytt dokument (Størrelse: 600px ved 400px). Størrelsen er opp til deg, men disse er dimensjonene vi skal bruke i denne opplæringen.
Gi nytt navn til det første laget "corkboard".
Tips: Pass på at baner er valgt for rektangelverktøyet og avrundet rektangulærverktøy gjennom hele denne opplæringen.
Bruk rektangulærverktøyet, opprett et rektangel (Størrelse: 480px ved 280px).
Tips: Hvis du vil gi en form en fast størrelse, åpner du panelet i Alternativer-feltet.
Høyreklikk på rektangelet og velg Lag valg.
Tips: CTRL eller CMD + ENTER som en erstatning for høyreklikk på en bane og velg Lag valg.
Lag din Forgrunnsfarge # a37d54 og bakgrunnsfarge # 4e2f0d. Disse to farger er nyanser av brun, men vær så snill å velge lignende farger.
For å produsere corkboard tekstur. Gå til Filter> Render> Clouds, og fjern deretter merkingen og avmarker deretter et valg etterpå.
Tips: CTRL eller CMD + D som en erstatning for å avvelge et valg.
Fortsetter videre; gå til Filter> Sketch> Note Paper (Image Balance: 32, Graininess: 11 og Relief: 12).
Gå til Filter> Penselstrenger> Spatter (Spray Radius: 15 and Smoothness: 10).
Til slutt, la oss gi det en mørkere farge, gå til Bilde> Justeringer> Skygger / Høydepunkter (Skygger - Beløp: 50%, Tonal Bredde: 83%, Radius: 208px. Høydepunkter - Beløp: 0%, Tonal Bredde: 50%, Radius : 30px. Justeringer - Fargekorrigering: +20, Midtone Contrast: -17.)
Bildet nedenfor er resultatet.
I dette trinnet vil vi produsere trekantene til korkplaten.
Lag et nytt lag under laget "corkboard" og omdø det som "grenser".
Bruk det runde rektangelverktøyet, opprett et avrundet rektangel (Størrelse: 502px ved 302px og Radius: 10px.). Høyreklikk på rektangelet og velg "Lag valg".
Tips: ALT + BACKSPACE for å fylle ut et utvalg med gjeldende Forgrunnsfarge. CTRL eller CMD + BACKSPACE for å fylle den inn med gjeldende bakgrunnsfarge.
Fyll ut dette rektangelet med fargen # 4e2f0d, og fjern deretter merket.
Tips: For å velge to eller flere lag, SKIFT + KLIKK på dem.
Tips: For å sentrere to eller flere lag med hverandre, velg lagene som skal justeres, velg Flyttverktøy, i Alternativfeltet, klikk på Juster horisontale sentre og Juster vertikale sentre-knappene:
Nå senter begge lagene "corkboard" og "grenser".
Bildet nedenfor er resultatet.
For å få hver side av grensene til å se autentiske, må vi lage hull i mellom hjørnene sine.
Retningslinjene vi skal gjøre i dette trinnet, blir brukt til å riktig velge hver side av grensene og sette dem på forskjellige lag.
Du må bruke prosedyrene i dette trinnet på alle hjørner av korkplaten.
Lag et nytt lag over "grenser" og under "corkboard", så navngi det "diagonale grenselinjer" eller noe lignende. Vi vil bruke disse linjene som retningslinjer for å lage de diagonale hullene nevnt ovenfor.
Zoom inn i bildet ditt og bruk pennverktøyet, hold SHIFT og opprett en 45 graders vinklet diagonalbane øverst til høyre som vist nedenfor.
Tips: Pass på at borstediameterstørrelsen for blyantverktøyet er 1px.
Med pennverktøyet og lag "diagonale grense linjer" valgt, høyreklikk, velg Stroke Path, velg Blyant fra rullegardinmenyen, klikk OK og høyreklikk igjen og velg Slett bane.
Gjenta trinn 2 på alle andre sider av korkplaten.
Ved hjelp av de diagonale linjene vi nettopp har laget, la oss bruke dem som retningslinjer for å velge den høyre kanten av korkplaten med pennverktøyet.
Når du har den riktige grensen valgt med pennverktøyet, høyreklikker du og velger Lag valg.
For å sette den rette grensen på et nytt separat lag, med laget "grenser" valgt, dupliserer laget. Gi nytt navn til det nyopprettede laget til "grense til høyre".
Gjenta trinn 3 på alle andre sider av korkplaten.
Etter å ha gjort dette, bør du ha hver kant på korkplaten på separate lag. Så, nå, kan vi slette lagene "diagonale grenser" og "grenser".
Det er på tide å bruke noen gradienter på våre grenser. La oss starte med den rette grensen.
Tips: For å få tilgang til blandingsalternativene i et lag, høyreklikk på det laget og velg Blandingsalternativer.
Tips: For å legge til en ny glidebryter, plasser du markøren rett under forløpss forhåndsvisningen.
I blandingsalternativene for laget "grense til høyre", bruk et gradvis overlegg (vinkel: 0 grader, første grader glidebryter: # e77d15, skyvekontroll for andre graderinger: # f69834, tredje graderingsskyveknapp: # 804504).
Nå legger laget "grenseovergang" til et annet graderingsoverlegg (første graderingsskyvning: # e77d15, andre graderingsskyvekontroll: # f4942d, tredje graderingsskyveknapp: # d16f04).
Deretter legger laget "grensen til venstre" et annet graderingsoverlegg (første graderende skyvekontroll: # 0d550e, andre graderingsskyvekontroll: # f4942d, tredje graderingsskyveknapp: # d16f04).
Endelig skal laget "grensebunn" bruke et annet graderingsoverlegg (første graderingsskyvekontroll: # 6e3c0b, glidebryter for andre graderinger: # f4942d, tredje graderingsskyveknapp: # d16f04).
Bildet nedenfor er resultatet.
Husk at du må gjenta dette trinnet på alle andre sider av korkplaten.
Dupliser laget "grense høyre", høyreklikk på det nye dupliserte laget som skal bli kalt "grense høyre kopi" og velg Clear Lag Style.
Tips: CTRL eller CMD + J for å duplisere et lag.
Tips: CTRL eller CMD + CLICK på miniatyrbildet av et lag for å velge innholdet.
Velg innholdet i laget "grense høyre kopi" (CTRL eller CMD + KLIKK på lag miniatyrbildet). Fyll ut valget med fargen # d48631.
Gå til Filter> Støy> Legg til støy (Beløp: 33.03%, Gaussisk og Monokromatisk).
Gå til Filter> Uklarhet> Bevegelsesskarphet (Vinkel: 90 grader og Avstand: 24 piksler).
Her er den morsomme delen; Vi vil lage knuter på våre tregrenser.
Gå til Filter> Liquify (børstestørrelse: 8, børstetthet: 50 og børstetrykk: 100). Bruk krysshår i Liquify-vinduet, dra, strekk og virvle innholdet i laget "grense høyre kopi" for å lage treknuter.
Tips: Du kan endre opasiteten til et lag i Lagpanelet:
Senk opaciteten til laget "grense høyre kopi" til 50%.
Gi nytt navn til dette laget "grense høyre trestruktur", grupper det med laget "grense høyre" og omdøpe gruppen som "grense høyre".
Bildet nedenfor er resultatet.
Gjenta trinn 5 på alle andre sider av korkplaten.
La oss legge til en liten skygge på toppen av innsiden av korkplaten.
I blandingsalternativene i laget "corkboard", bruk en Inner Shadow (Blandingsmodus: Normal, Farge: # 000000, Opacity: 100%, Vinkel: 90 grader, Avstand: 1px, Choke: 0%, Størrelse: 3px).
Bildet nedenfor er resultatet.
Lag et nytt lag og endre det på nytt som "papir". Velg det rektangulære markeringsverktøyet og velg et valg som nedenfor:
Velg lag "papir" og fyll ut valget med hvitt.
I blandingsalternativene i papirlaget skal du bruke et gradientoverlegg (Førstegangsklipper: # d1d1d1, Second Gradient Slider: #ededed).
Deretter bruker du en Drop Shadow (Opacity: 100%, Vinkel: 90 grader, Avstand: 1px, Spread: 0%, Size: 5px).
Høyreklikk på laget "papir" og velg Lag lag. Klikk på OK når du ser denne dialogboksen:
Nøkkelverktøyet som brukes her er Warp Tool.
Tips: CTRL eller CMD + T for å få frem Free Transform Tool, høyreklikk på valget og velg Warp for å få tilgang til Warp Tool.
Velg lag "papir" og få tilgang til Krypverktøyet.
Grip nederst til høyre på papiret og trekk det opp slik at det ser ut til at vinden blåser den.
Trekk alle de andre hjørnene.
Bildet nedenfor er resultatet.
Nå skal vi lage noen høydepunkter på disse hjørnene.
Tips: Kommando + ALT + SKIFT + N for å lage et nytt klippelag på det valgte laget.
Tips: Dra et lag i Lagpanelet for å flytte det under eller over et annet lag.
Lag et nytt klippelag rett over "Paper's Gradient Fill", omdøpe det som "høyde ned til høyre", klikk på rullegardinmenyen Blandingsmodus og velg skjermbildet.
Tips: Gradient Panel ser slik ut:
Velg Gradient-verktøyet, klikk på Gradient-panelet og bruk en gradient (Første Gradient Slider: # 000000, Second Gradient Slider: #ffffff, Tredje Gradient Slider: # 000000).
Dra ut en gradient i nederste høyre hjørne av papiret som vist nedenfor:
Bruk Free Transform verktøyet til å endre størrelse, endre og rotere høydepunktet. Du kan også senke oppaktheten til høydepunktet slik at det ser mer troverdig ut.
Lag flere høydepunkter på de andre hjørnene av papiret.
Bildet nedenfor er resultatet.
Nå, for å gjøre skyggen av papiret mer realistisk. Velg laget "Paper Drop Shadow", flytt skyggen ned noen få piksler og senk Opacity til 60%. På samme måte som på papiret, skjærer du skyggen som vist nedenfor:
Bildet nedenfor er resultatet.
La oss skrive noe på papiret.
Lag et nytt lag, velg tekstverktøyet, velg en skrifttype for skrifttype, vi valgte "Journal" (Størrelse: 26px), endre fargen på skrifttypen til # 414040 og begynn å skrive litt tekst på papiret.
Bildet nedenfor er resultatet.
I den siste Del II av denne serien legger vi flere elementer på vårt brett og fullfører denne utformingen.
Accentsconagua