Mockup-achtergrond in affiniteitsfoto

• Mei 3, 2024

Een van de meest gebruikte tools in Affinity Photo is de tool Inpainting Brush, waarmee u heel gemakkelijk fouten kunt corrigeren of objecten van een foto kunt verwijderen. Ik gebruik deze tool vooral wanneer ik mijn eigen productmodellen maak van CC0 en publieke domeinfoto's.

Fotomanipulatie is een groot deel van het maken van mockup-achtergronden van CC0-afbeeldingen. Mijn twee favoriete plaatsen voor CC0-afbeeldingen zijn Unsplash en Pixabay. Beide sites hebben grote foto's van goede kwaliteit. Nadat u uw foto's hebt gekozen, zijn er twee manieren om ze te gebruiken om mockups te maken. Voor methode één gebruikt u de hele foto als scène en plaatst u uw productafbeelding en tekst in de scène. De tweede methode geeft u meer flexibiliteit. Bij deze methode verwijdert u objecten uit de foto en slaat u ze op in een ander bestand met een transparante achtergrond. Vervolgens kunt u deze objecten gebruiken om een ​​aangepaste scène te maken.

In ons voorbeeld gebruiken we de eerste methode met een CC0-afbeelding van Sincerely Media op Unsplash. Zoals je kunt zien, staan ​​er drie objecten op de foto en ik wil alleen de plant en het koffiekopje. Dus gebruik ik de functie Affinity Photo Inpainting om het boek naast de beker te wissen. Ik wil de objecten ook bovenaan mijn mockup-scène plaatsen, waardoor er veel ruimte overblijft voor mijn productafbeelding en tekst.

Onze eerste taak is om een ​​kopie van de foto te downloaden van Unsplash en deze te openen voor Affinity Photo. Zodra we de foto hebben geopend, laten we eerst de eenvoudige dingen doen, door het formaat van de foto te wijzigen en deze te verplaatsen. Dan kunnen we het boek verwijderen.

Wanneer u uw mockup-afbeeldingen maakt, wilt u de vereiste dimensies voor uw marktplaats gebruiken, zoals Etsy of Creative Market.

1. Laten we een nieuw document beginnen in Affinity Photo (zie screenshot). Klik op Bestand - Nieuw en stel de optie Type in op Web. Stel de DPI in op 144 en de Hoogte en Breedte zoals nodig. In het voorbeeld gebruik ik een breedte van 2000 pixels en een hoogte van 1334 pixels.


2. Om de foto van Unsplash te downloaden, klikt u op de knop Downloaden en kiest u Openen met (zie screenshot). Als Affinity Photo niet uw standaardsoftware is, klik dan op Other en kies Affinity Photo. Vink het vakje aan om Foto in te stellen als standaardsoftware en klik op OK.


3. Ga nu naar de Unsplash-foto die is geopend in Affinity Photo en selecteer de tool Verplaatsen. Klik in de menubalk op Bewerken - Kopiëren.


4. Ga terug naar je mockup-document en klik op Bewerken - Plakken.

De foto is te groot voor het canvas en we willen dat de objecten bovenaan de scène staan.


5. Om de foto te draaien, ontgrendelt u de laag indien nodig en selecteert u het gereedschap Verplaatsen. Klik in de menubalk op Schikken - 90 graden linksom draaien.


6. Klik in het deelvenster Transformeren op het pictogram om de hoogte en breedte te vergrendelen. Stel de breedte in op 2000 pixels.


7. Versleep en roteer de foto zodat slechts de helft van de beker en plant zichtbaar zijn (zie screenshot).

Zoals je kunt zien, bedekt de foto niet meer het hele canvas. Laten we dat oplossen en het boek verwijderen. De functie Inpainting van Affinity Photo doet het meeste werk voor ons door de omliggende pixels te matchen om de lege gebieden en het boek te patchen.


8. Selecteer het verfpenseel (zie screenshot). Het penseel heeft al een zachte rand, maar laten we de breedte vergroten tot 200 pixels in de contextwerkbalk (zie screenshot).


9. Verf over het boek en laat de software de pixels aanpassen aan de achtergrond (zie screenshot).

Het penseel van Inpainting is goed voor kleine gebieden, maar voor grote gebieden zoals de lege gebieden in onze foto, gebruiken we de selectietools om eerst het lege gebied te selecteren en vervolgens de functie Inpaint toe te passen.


10. Selecteer met het gereedschap Rechthoekig selectiekader of Selectie uit vrije hand (zie screenshot) het lege gebied onder aan het canvas. Klik in de menubalk op Bewerken - Inpaint. Herhaal dit voor het lege gebied aan de rechterkant.

Nu we onze mockup-achtergrond hebben, slaan we deze op in een map voor mockup-afbeeldingen.


11. Maak een nieuwe map met de naam mockups op de locatie die is aangewezen voor uw afbeeldingen. Klik in de menubalk op Bestand - Exporteren en sla de mockupafbeelding op als een PNG-bestand (zie screenshot).

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

Schermafbeeldingen gebruikt met toestemming van Serif (Europe) Ltd. Dit artikel wordt niet goedgekeurd door Serif Ltd ..