Maak een Mock-Up voor cameratoestellen met behulp van slimme objecten en slimme filters in Photoshop

Wat je gaat creëren

Photoshop Smart Filters zijn een van de grootste dingen over slimme objecten. Wanneer u een filtereffect toepast op een laag met een slim object, maakt u automatisch een slim filter. U kunt de filter (s) zo vaak bewerken als u wilt, zonder de originele pixels te beschadigen. 

In deze zelfstudie leert u hoe u twee exemplaren van hetzelfde slimme object kunt gebruiken om de productmock-up te maken en vervolgens een filter kunt toepassen om de achtergrond minder scherp te stellen. Nadat alles is ingesteld, kunt u de afbeelding in het slimme object eenvoudig bijwerken om de scène te wijzigen.

1. Maak de Mock-Up klaar

Ik begin met een gelaagd Photoshop-bestand. U kunt uw eigen foto's gebruiken of geïsoleerde productafbeeldingen op GraphicRiver of PhotoDune vinden.

Stap 1

Zoals je kunt zien in de Lagen paneel, dit bestand is georganiseerd in zijn samenstellende delen. Mogelijk hebt u niet al deze lagen nodig, maar meer lagen geven u meer flexibiliteit en meer controle over de uiteindelijke uitvoer.

Stap 2

Voor onze doeleinden is het belangrijk om één laag als de "schermlaag" te hebben. Het moet een transparante laag zijn met een gevulde rechthoek ter grootte van het scherm van de telefoon.

Om deze laag te maken, kunt u zorgvuldig het schermgebied selecteren met behulp van de Rechthoekig selectiekadergereedschap (M), vul vervolgens de selectie in a nieuwe laag boven de laag Telefoon. Gebruik om de selectie te verfijnen Transformeer selectie onder de kiezen menu om het precies goed te krijgen. Je kunt de selectie vullen met elke kleur, omdat deze niet zichtbaar is in de definitieve mock-up.

2. Bereid het slimme object voor

Stap 1

Sleep een foto naar de mockup-PSD. Het moet een afbeelding met een hoge resolutie zijn, zodat het de achtergrond kan vullen zonder te vergroten. Sleep de laag naar de onderkant van de lagenstapel. Optioneel: hernoem deze laag "Scene".


Stap 2

Converteer de scènelaag naar een slim object. Er zijn drie manieren om dit te doen:

  1. Ga naar de Laag menu naar Slimme objecten> Omzetten naar slim object.
  2. Klik op het vervolgmenu op de Lagen paneel en kies Omzetten naar slim object.
  3. Klik met de rechtermuisknop op de laag in de Lagen paneel en kies Omzetten naar slim object.

Stap 3

Je zult zien dat de laag nu een klein pictogram in de rechter onderhoek van zijn miniatuur heeft, wat aangeeft dat dit een laag met een slim object is. Maak een kopie van de slimme objectlaag door deze naar de. Te slepen Nieuwe laag pictogram onderaan de Lagen paneel.

Sleep de laag Slimme object naar het pictogram Nieuw om een ​​kopie te maken.

Stap 4

Sleep de kopie omhoog boven de schermlaag. Gebruik Vrije transformatie (Command-T) om de afbeelding te schalen zodat deze ongeveer de grootte van het telefoonscherm is. Het moet enigszins overlappen.

Stap 5

Knip de scènekopie-laag naar de schermlaag. Hierdoor wordt het gedeelte van de afbeelding dat buiten de randen van het scherm valt, gemaskeerd, maar wordt de afbeelding niet bijgesneden. Selecteer eerst de laag "Scène kopiëren" en klik vervolgens op het vervolgmenu op de Lagen paneel en kies Clipping Mask maken. U kunt ook de sneltoets gebruiken Command + Option-G.

Als alternatief kunt u de toets ingedrukt houden Optie (Alt) toets en klik tussen de twee lagen. Je ziet de cursor veranderen in dubbele cirkels om je te laten weten dat je op de goede plek bent.

Houd de Option / Alt-toets ingedrukt en klik tussen de lagen om een ​​uitknipmasker te maken. De cursor verandert in een dubbelcirkelpictogram.

Nadat het knipmasker is gemaakt, moet de afbeelding de afmetingen van het scherm vullen. Je ziet ook dat de laagminiatuur iets naar rechts is verschoven en een kleine pijl naar beneden heeft. Dit geeft aan dat de Smart Scene-laag "Scène kopiëren" naar de onderliggende laag is "geknipt".

3. Voeg het slimme filter toe en bewerk het

Stap 1

Selecteer de Smart-objectlaag met de achtergrond "Scene". Ga naar Filter> Blur> Gaussiaans vervagen. Voer een waarde in voor de vervagingradius om de achtergrond een minder gefocuste weergave te geven, zoals in de onderstaande afbeelding.

Stap 2

Wanneer u een filter toepast op een slimme objectlaag, wordt er automatisch een slim filter gemaakt onder het slimme object, met een laagmasker ingebouwd.

Stap 3

U kunt op het Smart Filter Mask schilderen of op een andere manier bewerken om delen van het filtereffect te verbergen. In dit geval willen we de voorgrond van de scène een beetje scherper scherpstellen, omdat deze dichter bij de kijker staat.

Selecteer de Slimme filters masker in de Lagen paneel. Het heeft een dunne dubbele lijn rond de miniatuur om aan te geven dat deze actief is. Kies de Gradient Tool (G) en zorg ervoor dat een lineair zwart-wit verloop is geselecteerd in het Configuratiescherm. Sleep het gereedschap Verloop verticaal door de afbeelding, zodat het zwarte gedeelte van de overgang onder aan het masker begint. Zoals met elk type laagmasker, onthoud: "zwart verbergt, wit onthult."

Versleep een zwart-wit verloop door het slimme filters-masker.

Zodra het verloop is toegepast, ziet u het in de Slimme filters miniatuur in de Lagen paneel:

Jij kan Optie (Alt)-klik op de miniatuur van het masker om het volledige masker in de PSD te zien. Option-klik nogmaals om terug te keren naar de normale weergave.

Stap 4

Hier is de voltooide mock-up. Je kunt zien dat het strand en het water op de voorgrond (d.w.z. aan de onderkant van de afbeelding) meer in focus zijn dan de brug en de lucht. Het zwarte gedeelte van de gradiënt verduistert het filtereffect en gaat over in de bovenste helft van de afbeelding naar de volledige vervaging. Je kunt blijven experimenteren met de plaatsing van het verloop om het precies goed te krijgen.

Stap 5

Het mooie van slimme filters is dat ze niet-destructief zijn. U kunt ze oneindig bewerken zonder permanente schade toe te brengen aan de pixels in de afbeelding. Laten we zeggen dat je wilt dat het blur-effect een beetje sterker is. Dubbelklik op de naam van het effect onder de Slimme filters masker in de Lagen paneel om de instellingen opnieuw te openen. Pas de straal aan en klik OK.

Als u het vervagingsfilter op een normale pixellaag had toegepast, kunt u later niet teruggaan en de instellingen wijzigen. Dit is het voordeel van het gebruik van slimme objecten met slimme filters.

Als u dubbelklikt op het effect in het deelvenster Lagen, kunt u het effect zo vaak aanpassen als u wilt, zonder dat de afbeelding achteruitgaat.

Stap 6

U kunt ook de Overvloeimodus van een Smart Filter, waardoor het nog veelzijdiger wordt. Er is een klein pictogram rechts van de naam van het effect in de Lagen paneel. Het ziet eruit als twee schuifregelaars. Dubbelklik op dit pictogram om het te openen Meng opties

Kies een mode uit het vervolgkeuzemenu. U kunt ook de ondoorzichtigheid. De meeste mengmodi zijn niet praktisch voor een dergelijke mock-up, maar het kan leuk zijn om te experimenteren.

4. Bewerk het slimme object

Nu de mockup is, is alles ingesteld met een slim object en een slim filter, kunt u zowel het scherm van het telefoonscherm als de achtergrond tegelijkertijd wijzigen door het originele slimme object te bewerken.

Stap 1

Dubbelklik op de Smart Object thumbnail om te bewerken. Je ziet het volgende bericht. Zodra u gewend bent geraakt aan het werken met Smart Objects, kunt u ervoor kiezen om deze waarschuwingsdialoog uit te schakelen.

Dubbelklik op de miniatuur van het slimme object om te bewerken.

Stap 2

Het slimme object wordt geopend als een afzonderlijk, speciaal bestand. De bestandsextensie is .psb.

Stap 3

Ik ga gewoon een andere landschapsfoto slepen bovenop de bestaande. Het is niet nodig om de afbeelding vlak te maken, omdat Smart Objects meerdere lagen kan hebben.

Stap 4

Sluit het .psb-bestand en sla het op. Het nieuwe landschap verschijnt nu op zowel het telefoonscherm als de achtergrond. Dit effect werkt omdat het slimme object op het telefoonscherm een ​​kopie is van het origineel.

Stap 5

Afhankelijk van de afbeelding die u gebruikt, wilt u misschien het wazigheidseffect bewerken of het verloop van het slimme-filtersmasker aanpassen.

Conclusie

Slimme filters bieden u oneindige manieren om het uiterlijk van uw slimme objectlagen aan te passen. Het beste deel is dat u dit kunt doen zonder de originele pixels van het slimme object te beschadigen. Experimenteer naar hartenlust!

Telefoonmodel op de plaats

Placeit is een eenvoudige en gemakkelijk te gebruiken online mockup-generator met meer dan 11.000 slimme sjablonen kiezen. Geen Photoshop-vaardigheden nodig, want alles wat u moet doen, is via de online tool. Het wordt niet sneller dan dit. 

Mockup van een vrouw met een zilveren iPhone 8 Plus tegen een betonnen muuriPhone X-model Liggend op een boek terwijl hij in de buurt van een koffiekopje en hoofdtelefoon zit