Lag en kameratelefon Mock

Create en kameratelefon Mock-Up Bruke smarte objekter og smartfiltre i Photoshop
Hva du skal lage

Photoshop smartfiltre er en av de største tingene om smarte objekter. Når du bruker et filter effekt på en smartobjektlaget, du automatisk opprette et Smart Filter. Du kan redigere filter (e) så mange ganger du vil, uten å skade de originale piksler.

I denne opplæringen vil du lære hvordan du kan bruke to kopier av samme Smart Object å lage produktet mock-up, og deretter bruke et filter til å de-fokusere bakgrunnen. Når alt er satt opp, kan du enkelt oppdatere bildet i Smart Object å endre scenen.

1. Forbered mock-up

Jeg begynner med en lagdelt Photoshop-fil. Du kan bruke dine egne bilder, eller finne isolerte bilder på GraphicRiver eller PhotoDune produkt.

Trinn 1

Som du ser i Lag-panelet, er denne filen organisert i sine enkelte bestanddeler. Du trenger kanskje ikke alle av disse lagene, men flere lag gir deg mer fleksibilitet og mer kontroll over det endelige resultatet.

Trinn 2

For vårt formål, er det viktig å ha ett lag som "skjerm" lag. Det bør være et transparent lag, som inneholder et fylt rektangel størrelsen av telefonens skjerm.

For å lage dette laget, kan du nøye velge skjermområdet med Rectangular Marquee Tool (M), deretter fylle markeringen i en ny
lag over Phone laget. Å avgrense utvalget, bruker Transform Selection under Select-menyen for å få det akkurat. Du kan fylle markeringen med hvilken som helst farge, da det ikke vil være synlig i den endelige mock-up.

2. Klargjør Smart Object

Trinn 1

Dra et bilde inn i mockup PSD. Det bør være et bilde med høy oppløsning, slik at den kan fylle bakgrunnen uten å forstørre. Dra laget til bunnen av lag stabelen. Valgfritt:. Gi denne layer "Scene"

Trinn 2

Konverter Scene lag til et smart objekt. Det er tre måter å gjøre dette:


    Gå til Layer menyen til Smart Objects > Konverter til smart objekt.
  1. Klikk på flyout menyen på Lag-panelet, og velg Konverter til smart objekt.
  2. Høyreklikk på laget i lagpanelet, og velg Konverter til smart objekt.

    Trinn 3

    Du vil merke at laget nå har en liten ikonet nederst til høyre på miniatyrbildet, noe som indikerer at dette er en smartobjektlaget. Lag en kopi av smartobjektlaget ved å dra det til det nye laget ikonet nederst i lagpanelet.
    Dra smartobjektlaget til New ikonet for å lage en kopi.

    Trinn 4

    Dra kopien opp over Screen laget. Bruk Free Transform (Kommando-T) for å skalere bildet slik at det er omtrent på størrelse med telefonskjermen. Det skal overlappe litt.

    Trinn 5

    Klem Scene kopi lag til Screen lag. Dette vil maske av den delen av bildet som går utenfor kantene av skjermen, men det vil faktisk ikke beskjære bildet. Først velger du "Scene kopier" lag, og klikk deretter på flyout menyen på Lag-panelet, og velg Create Clipping Mask. Du kan også bruke tastatursnarveien Kommando-Tilvalg-G.

    Alternativt kan du holde nede Tilvalg (Alt) tasten og klikk mellom de to lagene. Du vil se markøren endre å doble sirkler for å fortelle deg at du er på rett sted.
    Hold nede Tilvalg /Alt-tasten og klikk mellom lagene å skape en Clipping Mask. Markøren endres til en dobbel-sirkelikonet.

    Når klipping masken er laget, bør bildet fylle dimensjonene av skjermen. Du vil også se laget miniatyr har flyttet litt til høyre, og har en liten pil nedover. Dette indikerer "Scene kopi" Smart Object lag er "klippet" til laget under.

    3. Legg til og Rediger Smart Filter

    Trinn 1

    Velg bakgrunn "Scene" smartobjektlaget. Gå til Filter > Blur > Gaussian Blur. Angi en verdi for uskarphet Radius å gi bakgrunnen en de-fokusert blikk, som på bildet under.

    Trinn 2

    Når du bruker et filter på en smartobjektlaget, en Smart Filter opprettes automatisk under Smart Object, med en lagmaske bygget i.

    Trinn 3

    Du kan male på Smart Filter Mask eller på annen måte redigere den, til obskure deler av filtereffekten . I dette tilfellet ønsker vi å bringe forgrunnen av scenen i en litt skarpere fokus, fordi det er nærmere betrakteren.

    Velg de smartfiltre maskere i Lag-panelet. Den vil ha en tynn dobbel linje rundt miniatyr å indikere at det er aktiv. Velg Gradient Tool (G) og sørge for at en lineær svart til hvit gradient er valgt i Kontrollpanel. Dra Gradient verktøyet vertikalt gjennom bildet, slik at den svarte del av gradienten starter på bunnen av masken. Som med alle typer av lagmaske, husk: "sorte skjuler, hvit avslører."
    Dra en svart til hvit gradient gjennom smartfiltre maskere

    Når gradient er brukt, vil du se. den i Smart Filter miniatyr i Lag-panelet:

    Du kan Tilvalg (Alt) -klikk på masken miniatyrbilde for å se hele masken i PSD. Tilvalg-klikk igjen for å gå tilbake til vanlig visning.

    Trinn 4

    Her er det ferdige mock-up. Man kan se at stranden og vannet i forgrunnen (dvs. ved bunnen av bildet) er mer i fokus enn broen og himmel. Den svarte delen av gradienten tilslører filtereffekten, og overganger til fulle uskarphet i øverste halvdel av bildet. Du kan holde eksperimentere med plassering av graderingen for å få det akkurat.

    Trinn 5

    Det er bra om smartfiltre er at de er ikke-destruktive. Du kan redigere dem uendelig uten å forårsake permanent skade på piksler i bildet. La oss si at du vil at Blur effekt å være litt sterkere. Dobbeltklikk effekten navn under smartfiltre maskere i Lag-panelet for å få opp innstillingene igjen. Juster radius og klikk på OK.

    Hvis du hadde søkt på Blur filteret til en vanlig pixel lag, ville du ikke være i stand til å gå tilbake senere og endre innstillingene. Dette er fordelen med å bruke smarte objekter med smartfiltre.
    Hvis du dobbeltklikker på effekt i Lag-panelet, kan du justere effekten så mange ganger du vil, uten noen forringelse av bildet.
    < h3> Trinn 6

    Du kan også endre Blending Mode av en Smart Filter, noe som gjør det enda mer allsidig. Det er et lite ikon til høyre for effekten navn i Lag-panelet. Det ser ut som to glidere. Dobbeltklikk på dette ikonet for å få opp Blending Options

    Velg en Modus fra rullegardinmenyen. Du kan også endre Opacity. De fleste Blend Modes vil ikke være praktisk for en mock-up som dette, men det kan være morsomt å eksperimentere.

    4. Redigere Smart Object

    Nå som mockup er er alle satt opp med et smart objekt og en Smart Filter, kan du endre både telefonskjermen bildet og bakgrunnen samtidig den, ved å redigere den opprinnelige Smart Object .

    Trinn 1

    Dobbeltklikk på Smart Object miniatyr redigere. Du vil se følgende melding. Når du blir vant til å arbeide med smarte objekter, kan du velge å slå av denne advarselen.
    Dobbeltklikk på Smart Object miniatyr redigere.

    Trinn 2

    Smart Object åpnes som en egen, spesiell fil. Filtypen er .psb.

    Trinn 3

    Jeg skal bare dra et annet landskap bilde på toppen av den eksisterende. Det er ingen grunn til å flate ut biletet som smarte objekter kan ha flere lag.

    Trinn 4

    Lukk og lagre .psb filen. Nå er den nye landskapet vil vises både på telefonskjermen og bakgrunnen. Denne effekten fungerer fordi smartobjekt på telefonskjermen er en kopi av den opprinnelige.

    Trinn 5

    Avhengig av bildet du bruker, kan det være lurt å redigere blur-effekt, eller justere gradienten på Smart Filter maske.

    Konklusjon

    smartfiltre gi deg uendelige måter å endre utseendet på Smart Object lag. Det beste er at du kan gjøre det uten å skade de originale piksler av Smart Object. Eksperimenter til hjertet ditt innhold! Anmeldelser