How å sette inn et bilde i et produkt mock-up i Adobe Photoshop
Hva du skal lage

Envato Market er en utmerket ressurs for lager bilder, grafiske maler og produkt mock- ups. Disse ressursene er en flott måte å produsere høykvalitets markedsføring skudd i en svært kort tid. I denne hurtig Tips, skal jeg vise deg hvordan du bruker Adobe Photoshop til å legge til dine egne bilder til et produkt mock-up kjøpt fra Envato Market.

1. Velg et produkt

En av fordelene med å bruke en kjøpt mal er at skaperne gir vanligvis en svært ren, organisert fil som gjør det enkelt å sette inn egne bilder. Så for eksempel hvis du er fremme en ny app som bruker enhetens kamera og GPS for å gi street view retninger, hva bedre måte å markeds app enn ved å vise det som brukes på en enhet?

Trinn 1

Det er mange produkt mock-ups tilgjengelig på markedet. Den jeg valgte å bruke inneholder en hånd å holde enheten.

Trinn 2

Last ned zippet mappe og pakke ut separate filer fra pakken. Åpne filen som heter Hand1_Transparent.psd i Photoshop. Legg merke til at filen har flere lag, og dette enkelt plass til prosessen med å oppdatere filen til å inkludere dine egne bilder.

2. Sett på bakgrunn

Trinn 1

I vår hypotetiske annonse, bør app vise hva kameraet i enheten er å se. Bakgrunnsbildet er innenfor smartobjektlaget merket EDIT BAKGRUNN. Dobbelklikk på bildene for å åpne innholdet i et eget dokument.

Filen åpnes-det heter Layer1.psb. Legg merke til at den bare har et enkelt lag, gjeldende bakgrunnsbildet

Trinn 2

Gå til Fil >.; Plasser Linked og velge et nytt bilde som bakgrunn for annonsen. Jeg har valgt en gatevisning fra mine egne bilder

Trinn 3

Gå til Fil >.; Lagre og lukk filen. Innholdet i bakgrunnen i den opprinnelige filen oppdateringen for å reflektere den nye bakgrunnen. Legg merke til at filen legger automatisk til en blur og fargelegging effekt til den nye bakgrunnen også.

3. Sett på App Interface

Trinn 1

Grensesnittet er oppdatert med samme metode. Dobbeltklikk på EDIT OBJECT lag thumbnail å åpne det smart objekt.

Trinn 2

Denne filen, kalt Camera.psb, inkluderer to lag. Det er en skjult lag for en hvit versjon av enheten, og den synlige svarte versjonen. Begge disse er også smarte objekter. Så de er smarte objekter innenfor smarte objekter-det er som Smart-Object-ception!
Dobbelklikk miniatyren for mørkere farget enhet for å grave et annet nivå dypere og åpne denne filen.
< h3> Trinn 3

Denne filen, kalt Camera1.psb, inneholder de ulike lagene som brukes til å illustrere enhet og en annen smart objekt oppkalt BYTT INNHOLD for skjermen. Dobbelklikk på at et av bildene for å åpne denne filen.

Trinn 4

Denne nye filen, kalt Screen11.psb, inneholder selve skjermbildet. Sett den nye app-grensesnittet bilde med File > Plasser Linked.

Trinn 5

Lagre og lukk alle åpne smartobjektfiler. Det skal være tre av dem: Screen11.psb, Camera1.psb, og Camera.psb. Den opprinnelige filen er nå oppdatert med det nye grensesnittet sømløst integrert i skuddet.

Det er det!

Det er faktisk så enkelt! Bare oppdatere de smarte objekter innenfor malen skaper lett et tilpasset markedsføring skudd. Husk at filen er fortsatt redigeres, slik at du kan bytte ut innholdet i de smarte objekter til enhver tid å oppdatere bildet med nye bakgrunner og nye app grensesnitt. Anmeldelser