Slik illustrerer du en treramme på en veggside

I denne opplæringen lærer du hvordan du tegner en treramme. Vi legger et bilde inne i rammen, legger til noe refleksjon og smuss i glasset, og legger rammen på en vegg. Du kan ta ditt favorittbilde og få det til å se ut som det er hengt i ditt hjem. La oss komme i gang!

Endelig bildeforhåndsvisning

Først, ta en titt på bildet vi skal skape. Som alltid er den lagrede Photoshop-filen tilgjengelig via vårt Psdtuts + Plus-medlemskap. Du kan se den endelige bildet forhåndsvisning nedenfor eller se en større versjon her.

Trinn 1

Først skal vi lage rammen. Selv om vårt endelige bilde vil være 1200 piksler bredt og 800 piksler høyt, begynner vi å tegne en ramme som er større enn vårt endelige bilde. Dermed får vi mer detalj på rammen, så skaler vi det ned for å passe inn i vår siste komposisjon. Opprett nå et nytt dokument ved hjelp av innstillingene som vises nedenfor.

Steg 2

Opprett et nytt lag og kaller det "Wood". Sett Forgrunnsfarge til # 994400 og Bakgrunnsfarge til # ffcc66. Fyll laget med Forgrunnsfarge. Gå til Filter> Render> Fibers. Sett variansen til 16 og styrke til 55, og bruk deretter.

Trinn 3

Hit Command + T for å gå inn i Free Transform modus, sett referansepunktstedet til midten til venstre, sett horisontalskala til 30%, og trykk Enter to ganger for å søke. Skalering av laget ned horisontalt gjør teksturet mer tett.

Trinn 4

Få Rectangular Marquee Tool, sett stilen til en fast størrelse og sett bredden og høyden til 125 piksler. Klikk hvor som helst på lerretet, og flytt deretter markeringen til det øverste venstre hjørnet av lerretet. Dra to horisontale og to vertikale guider fra linjalene (Hit Command + R for å gjøre dem synlige hvis de ikke er), og klem dem til kantene på valget. Flytt markeringen til nederste høyre hjørne av lerretet, og dra deretter guidene rundt valget som vist nedenfor.

Trinn 5

Lag et nytt lag og nev det "Dent 1." Få det rektangulære marquee-verktøyet, kontroller at stilen er satt til fast størrelse, sett deretter bredden til 38 piksler og høyde til 1200 piksler. Lag et valg som vist nedenfor. Utvalget jeg lagde er 20 piksler vekk fra venstre kant, slik at du kan plassere markeringen til venstre for lerretet og flytte det 20 piksler rett ved å trykke på piltast to ganger, gjør dette mens du holder Shift-tasten nede. Fyll utvalget med Forgrunnsfarge og Avvelg.

Trinn 6

Dette rektangelet kommer til å være en av dekkene i vår treramme. Vi bruker nå to lagers stiler til den. Først sett lagets Interiør Opacity (Fill) på 0%. Bruk nå en Stil og Emboss-lagsstil til laget ved å bruke disse innstillingene: Stil innstilt til Innre kommando, Dybde satt til 75%, Retning satt til Ned, Størrelse satt til 40 piksler og Fremhevsmodus Opacity satt til 100%. Deretter bruker du et graderingsoverlegg og bruker følgende innstillinger: Blendmodus for Multiply, Gradient satt til Svart til Hvitt, Opacity satt til 70%, Angle satt til 0 grader, og Skala satt til 150%.

Trinn 7

Vi skal lage to flere bukser. Lag et nytt lag kalt "Dent 2." Få det rektangulære markeringsverktøyet og sett bredden til 32 piksler og velg et valg. Fest den høyre kanten av valget til den andre vertikale guiden, og flytt valget 18 piksler igjen. Fyll utvalget med Forgrunnsfarge. Lag et nytt lag og kaller det "Dent 3."

Lag et annet rektangulært utvalg som er 12 piksler bredt og plasser det 2 piksler igjen fra den andre guiden, som du kan se i bildet under, og fyll deretter med Forgrunnsfarge igjen og Fravelg. Gå nå tilbake til "Dent 1" -laget i Lagpaletten, gå til Lag> Lagstil> Kopier lagstil. Velg både "Dent 2" og "Dent 3" -lagene i Lagpaletten, og gå til Lag> Lagstil> Lim inn lagstil.

Trinn 8

Nå er vi nesten ferdige med venstre del av vår treramme. Velg alle Dent-lag og "Wood" -laget i Lagpaletten og gå til Lag> Nytt> Gruppe fra lag. Navngi gruppen "Venstre". Dupliser "Lagre" laggruppen og merk den "Høyre". Lag "Right" laggruppen usynlig for nå.

Trinn 9

Gå tilbake til "Left" laggruppen, åpne den, og gå til "Wood" -laget. Sørg også for at guider er synlige. Ta tak i Rectangular Marquee Tool, sett stilen til Normal, og velg et valg som vist nedenfor, og klikk Slett for å fjerne det valgte området. Fravelg ved å trykke på Kommando + D. Velg "Venstre" -gruppen i paletten Lag og gå til Lag> Flettegruppe (Kommando + E).

Trinn 10

Gå til «Right» -lagruppen i Lagpaletten og åpne den. Velg "Wood" -laget og gå til Rediger> Transform> Vend horisontal. På denne måten vil vi ikke ha nøyaktig samme tekstur i for venstre og høyre stykker. Få det rektangulære markeringsverktøyet og velg et valg som vist, og fjern deretter ved å trykke på Slett. Fravelg ved å trykke Command + D.

Trinn 11

Velg "Right" Layer-gruppen og gå til Rediger> Transform> Vend horisontal. Flytt laggruppen til høyre for lerretet som vist. Åpne laggruppen og endre blandemodusen for hver Dent-lagens Gradient Overlay Layer-stil fra Multiply til Screen. Velg "Høyre" laggruppen i Lagpaletten og trykk på Kommando + E for å fusjonere.

Trinn 12

Dupliser "Rett" lag og betegn det "Bunn". Hit Command + T og roter den 90 grader, og legg den på bunnen av lerretet. Dupliser "Left" -laget og navnet "Top". Vri den 90 grader, legg den på toppen av lerretet. Gå til lagpaletten og dra "Topp" -laget over "Høyre" -laget.

Trinn 13

Ta tak i Polygonal Lasso Tool og velg et utvalg ved hjelp av støttelinjene, som vist nedenfor, og klikk deretter Slett for å rydde.

Trinn 14

Gå til "Bunn" -laget i lagpaletten, og gjør det samme for bunndelen: Lag et valg som vist med Polygonal Lasso Tool og trykk på. Gå til lagpaletten og velg alle lag unntatt "bakgrunn" -laget, og slå sammen dem ved å trykke på Kommando + E. Navn det sammenslåtte laget "Ramme".

Trinn 15

Hit Command + A for å velge alt, og trykk deretter Command + C for å kopiere. Gå til kanalpaletten og opprett en ny kanal. Hit kommando + V for å lime inn. Gå til Filter> Kunstnerisk> Paint Daubs. Sett penselstørrelsen til 1, Skarphet til 10, og sett Pensel Type på Enkel. Kommandoklikk på Alfa-kanalen for å laste de hvite områdene som et valg.

Trinn 16

Gå til Lagpaletten og velg "Ramme" -laget. Gå til Lag> Nytt> Lag via kopi og navnet på det nye laget "Bumps". Bruk en Drop Shadow til "Bump" laget med disse innstillingene: Blend Mode satt til Multiply, Opacity på 90%, Angle satt til 120 grader, Avstand og Størrelse satt til 3 px.

Bruk en innerskyggelagestil ved hjelp av disse innstillingene: Blendmodus satt til Fargebryt, Opacity ved 100%, Angle satt til 120 grader, og Avstand og Størrelse satt til 0 px. Deretter bruker du en Stil og Emboss-lagsstil, og bruker disse innstillingene: Stil satt til Innre kommando, Dybde ved 1000%, Retning satt til Ned og Størrelse satt til 0 px.

Trinn 17

Velg nå alle lagene annet enn "Bakgrunn" -laget, og slå sammen dem ved å trykke på Kommando + E. Navn det sammenslåtte laget "Ramme". Nå trenger vi et bilde å sette inn i rammen. Jeg brukte et bilde fra Stock.xchng, lastet opp av papaleguas. Du kan laste den ned her.

Åpne den i Photoshop og dra bildet inn i "Ramme" -dokumentet ditt, legg det under rammen "Ramme", deretter skala og posisjon som vist nedenfor. Navn dette laget "Photo."

Gå til "Ramme" -laget og bruk en Outer Glow Layer-stil ved å bruke disse innstillingene: Blendmodus for Multiply, Opacity satt til 40%, Farge satt til svart og Størrelse satt til 9 px. Bruk nå en Drop Shadow med disse innstillingene: Blend Mode satt til Multiply, Opacity på 35%, Angle satt til 120 grader, Avstand satt til 3 px, og Størrelse satt til 9 px.

Trinn 18

Det er nå på tide å lage glasset. Faktisk gjør vi refleksjonene. Du kan få bildet som reflekteres på glasset her. Det er et bilde fra Stock.xchng lastet opp av svensk.

Åpne den i Photoshop og dra den inn i rammen "Ramme", deretter skala og plasser som vist under bildet. Gå til Filter> Blur> Gaussian Blur og bruk med en radius på 3 piksler. Still lagsmixemodus til skjerm og oppakthet på 15%. Navn dette laget "Ref 1."

Vi trenger to refleksjoner på glasset, så dupliser "Ref1" -laget og nev det "Ref 2." Flytt "Ref2" -laget fem piksler igjen.

Trinn 19

Opprett et nytt lag over "Ref2" -laget, og merk det "Highlight." Ta tak i det rektangulære markeringsverktøyet og velg et valg som vist. Få Gradient Tool, sett Gradient til Forgrunnen som gjennomsiktig og sett den til en Radial Gradient. Velg hvitt som Forgrunnsfarge. Fyll utvalget som vist og Fjern fra.

Trinn 20

Hit kommando + T og skala høydepunktet horisontalt og oppover vertikalt, som vist nedenfor. Gå til Filter> Blur> Gaussian Blur og bruk med en radius på 3 piksler.

Trinn 21

Nå skal vi lage glassets skitne kanter. Gå til kanalpaletten, opprett en ny kanal, og navnet den "Dirt1." Gå til Filter> Render> Clouds. Gå til Filter> Kunstnerisk> Filmkorn, sett kornet til 9, sett høydepunktet og intensiteten til 0, og trykk OK. Gå til Filter> Brush Strokes> Accented Edges, sett deretter Edge Width til 1, Edge Brightness til 20, Slett til 1 og bruk.

Trinn 22

Opprett en ny kanal, og navnet "Dirt Area." Kontroller at støttelinjene er synlige. Ta tak i det avrundede rektangelverktøyet, sett det til Fyll piksler, sett Radius til 25 piksler, og velg hvitt som Forgrunnsfarge. Tegn et rektangel som vist nedenfor.

Trinn 23

Gå til Filter> Blur> Gaussian Blur og bruk med en radius på 15 piksler. Gå til Bilde> Justeringer> Nivåer (Command + L) og sett inn skyggeinngangsnivået til 200 og høyde inngangsnivå til 220. Bruk nå et annet Gaussian Blur-filter, denne gangen med en radius på 7 piksler.

Gå nå til Image> Adjustments> Invert (Command + I). Denne kanalen definerer området som smusset vil bli synlig i. Nå Kommandoklikk kanalen i kanalpaletten for å velge et utvalg av de hvite områdene. Alt + Kommando-klikk på "Dirt" -kanalen for å velge hvor det hvite området i "Dirt" -kanalen krysser det allerede valgte området.

Trinn 24

Gå til lagpaletten og opprett et nytt lag under rammen "Ramme", og så navnet "Dirt1". Fyll utvalget med fargen # a79988. Gå til kanalpaletten igjen, og deretter Kommandoklikk "Dirt Area" -kanalen for å laste inn valget. Gå tilbake til paletten Lag og opprett et nytt lag over "Dirt1" og navnet "Dirt2." Fyll utvalget igjen med fargen # a79988.

Trinn 25

Rammen er nesten ferdig. Før vi fusjonerer lagene, kan vi gjøre noen endelige justeringer. Gå til "Ramme" -laget, og trykk på Kommando + U for å få opp Hue / Saturation-dialogen. Still inn metningen til -15. Gå til "Photo" -laget, trykk på Command + U igjen og sett Lightness til -10 og bruk. Nå er vi klare! Gå til Lag> Flatt bilde.

Trinn 26

Nå kan vi begynne å lage veggen. La oss lage et nytt dokument på 1200 piksler bredt og 800 piksler høyt med en oppløsning på 300 piksler / tommer. Opprett et nytt lag og nev det "Wall". Sett forgrunnen til 85% grå og bakgrunnsfarge til svart. Gå til Filter> Render> Clouds. Gå til Filter> Forvreng> Glass. Still Forvrengning til 20, Glatt til 1, Skalering til 120%, og sett Texturen til Frostet.

Trinn 27

Gå til Filter> Render> Lys effekter og bruk med innstillingene fra bildet nedenfor. Neste vil vi dekke veggen med et bakgrunnsbilde. Jeg brukte "Free Wallpaper Patterns for PS7 +" av c130 som jeg lastet ned fra Brusheezy nettsted. Du kan laste ned Photoshop-mønsteret her.

Trinn 28

Kopier "wallpapers.pat" til mappen Presets \ Patterns i Photoshop-katalogen din. Bruk et mønsteroverlagslagsstil til "Wall" -laget, og bruk disse innstillingene: Blend Mode satt til Overlay, Opacity på 20%, Mønster satt til Floral. Hvis du vil laste inn mønstrene du lastet ned, åpner du mønstervælgeren og klikker deretter på ikonet for lite trekant for å åpne menyen og velger Load Pattern, og velg deretter "wallpapers.pat" -filen.

Trinn 29

Gå til "Frame.PSD" -dokumentet og dra bildet til "Wall.PSD" -dokumentet, gjør dette mens du holder nede Skift-tasten slik at den er sentrert på veggen. Gi navnet "Ramme" et navn. Det må skaleres ned, så trykk Command + T og sett Horisontal og Vertikal skala til 50% og søk.

Trinn 30

Opprett et nytt lag under "Ramme" -laget og betegn det "Skygge". Kommando-klikk på "Ramme" -lageminiatyret for å laste det til piksler. Fyll utvalget med svart og Fravelg. Hit Command + T og roter -30 grader. Hold nede Alt-tasten og trykk 20 ganger på høyre piltast. Velg alle skyggelagene i Lagpaletten og slå dem sammen ved å trykke på Kommando + E.

Trinn 31

Hit Command + T og roter skyggen 30 grader. Gå til Filter> Uklarhet> Gaussisk uskarphet og bruk med en radius på 10 piksler, og legg deretter skyggen som vist.

Trinn 32

Opprett et nytt lag på toppen og kaller det "Tree Shadow." Få penselverktøyet, velg Spredt Maple Leaves børste og sett Master Diameter til 130 px. Åpne Brushes panelet og Under Shape Dynamics, sett Size Jitter til 50% og Under Scattering sett Scatter på 300% og Count til 3. Sett forgrunnsfarge til svart og maling som vist.

Konklusjon

Som det siste trinnet, gå til Filter> Blur> Gaussian Blur og søk med en radius på 50 piksler. Still lagets oppakthet på 70%. Dette gir oss litt lys og nyanse, og også rammen blir fokuset på illustrasjonen. Det er det! Håper du fant denne opplæringen nyttig! Du kan se det siste bildet under eller se en større versjon her.

Abonner på Psdtuts + RSS-feed for de beste Photoshop-knappene og artiklene på nettet.