Mockup-bakgrunn i affinitetsfoto

• Kan 15, 2024

Et av de mest brukte verktøyene i Affinity Photo er verktøyet Inpainting Brush, som gjør det enkelt å fikse feil eller fjerne gjenstander fra et foto. Jeg bruker spesielt dette verktøyet når jeg oppretter mine egne produktmodeller fra CC0 og bilder fra public domain.

Fotomanipulering er en stor del av å lage mockup-bakgrunn fra CC0-bilder. Mine to favorittsteder for CC0-bilder er Unsplash og Pixabay. Begge disse nettstedene har store bilder av god kvalitet. Når du har valgt bildene dine, er det to måter å bruke dem til å lage mockups. For metode én vil du bruke hele bildet som en scene og plassere produktgrafikken og teksten på scenen. Den andre metoden gir deg mer fleksibilitet. På denne metoden fjerner du objekter fra bildet og lagrer dem i en annen fil med gjennomsiktig bakgrunn. Deretter kan du bruke disse objektene til å lage en tilpasset scene.

I vårt eksempel vil vi bruke den første metoden med et CC0-bilde fra Sincerely Media på Unsplash. Som du ser er det tre objekter i bildet, og jeg vil bare ha planten og kaffekoppen. Så jeg vil bruke funksjonen Affinity Photo Inpainting til å slette boka ved siden av koppen. Jeg vil også plassere gjenstandene på toppen av mockup-scenen min, og etterlate mye plass under for produktgrafikken og teksten.

Vår første oppgave er å laste ned en kopi av bildet fra Unsplash og åpne det til Affinity Photo. Når vi har åpnet bildet, la oss gjøre de enkle tingene først ved å endre størrelse på og plassere bildet. Da kan vi fjerne boka.

Når du lager din mockup-grafikk, vil du bruke de nødvendige dimensjonene for markedsplassen din, for eksempel Etsy eller Creative Market.

1. La oss starte et nytt dokument i Affinity Photo (se skjermbilde). Klikk på File - New og sett Type-alternativet til Web. Still DPI til 144 og høyde og bredde etter behov. I eksemplet bruker jeg en bredde på 2000 piksler og en høyde på 1334 piksler.


2. Hvis du vil laste ned bildet fra Unsplash, klikker du på Last ned-knappen og velger Åpne med (se skjermdump). Hvis Affinity Photo ikke er standardprogramvaren din, klikker du på Other og velger Affinity Photo. Merk av i ruten for å angi Photo som standardprogramvare, og klikk OK.


3. Gå nå til Unsplash-bildet som er åpnet i Affinity Photo, og velg Flytt verktøyet. Klikk på Rediger - Kopier i menylinjen.


4. Gå tilbake til mockup-dokumentet og klikk Rediger - Lim inn.

Bildet blir for stort for lerretet, og vi vil at objektene skal være på toppen av scenen.


5. For å rotere bildet, lås opp laget om nødvendig og velg Flytt verktøyet. Klikk på Arranger - Roter 90 mot klokken i menylinjen.


6. I Transform-panelet klikker du på ikonet for å låse høyden og bredden. Still bredden til 2000 piksler.


7. Dra og roter bildet slik at bare halvparten av koppen og planten er synlige (se skjermdump).

Som du ser, dekker ikke bildet hele lerretet lenger. La oss fikse det og fjerne boken. Affinity Photo's Inpainting-funksjonen gjør det meste av arbeidet for oss ved å matche de omkringliggende pikslene for å lappe de tomme områdene og boken.


8. Velg Inpainting Brush (se skjermbilde). Børsten har allerede en myk kant, men la oss forstørre bredden til 200 piksler i kontekstverktøylinjen (se skjermdump).


9. Mal over boken og la programvaren endre pikslene slik at de samsvarer med bakgrunnen (se skjermdump).

Verktøyet Inpainting Brush er bra for små områder, men for store områder som de tomme områdene på bildet, vil vi bruke markeringsverktøyene til å først velge det tomme området og deretter bruke Inpaint-funksjonen.


10. Velg verktøyet Rectangular Marquee eller Freehand Selection (se skjermdump) og velg det tomme området nederst på lerretet. Fra Rediger - Inpaint fra menylinjen. Gjenta for det tomme området på høyre kant.

Nå som vi har vår mockup-bakgrunn, la oss lagre den i en mappe for mockup-grafikk.


11. Lag en ny mappe med navnet mockups på stedet som er angitt for bildene dine. Fra menylinjen klikker du på File - Export og lagrer mockup-grafikken som en .png-fil (se skjermdump).

//unsplash.com/
//pixabay.com/
//unsplash.com/photos/T6D9dmHPy3k

Skjermbilder brukt med tillatelse fra Serif (Europe) Ltd. Denne artikkelen er ikke godkjent av Serif Ltd ..