In deze Photoshop-zelfstudie leren we hoe u een enkele foto kunt weergeven als een cluster van vormen, vergelijkbaar met grotere "wandcluster" -displays waarin verschillende foto's, meestal in verschillende framevormen en -formaten, op een muur zijn gerangschikt om een groter ontwerp. In dit geval gebruiken we Photoshop om iets vergelijkbaars te maken, maar op een kleinere schaal met slechts één afbeelding.
Dit is hoe het uiteindelijke resultaat eruit zal zien:
Het eindresultaat.
Hoe maak je een vormcluster Fotoweergave-effect
Stap 1: Maak een nieuw document
Laten we beginnen met het maken van een nieuw Photoshop-document. Ga naar het menu Bestand in de menubalk bovenaan het scherm en kies Nieuw :
Ga naar Bestand> Nieuw.
Hiermee wordt het dialoogvenster Nieuw document van Photoshop geopend. Een vierkant document werkt het beste voor dit effect, dus ik stel zowel de breedte als de hoogte van mijn document in op 1000 pixels, en aangezien ik niet van plan ben dit af te drukken, laat ik de resolutiewaarde ingesteld op 72 pixels / inch . De afmetingen en resolutie die u nodig heeft, kunnen verschillen, vooral als u deze voor afdrukken maakt. Stel de Achtergrondinhoud in op Wit en klik vervolgens op OK om het dialoogvenster te sluiten. Een nieuw document, gevuld met wit, verschijnt op uw scherm:
Stel de breedte en hoogte in op 1000 pixels, de resolutie op 72 pixels / inch en de achtergrondinhoud op wit.
Stap 2: Wijzig de rastergrootte in de voorkeuren van Photoshop
We gaan het raster van Photoshop gebruiken om ons vormontwerp te maken, maar eerst moeten we de grootte van het raster wijzigen en dat doen we in de Voorkeuren. Ga op een pc naar het menu Bewerken boven aan het scherm, kies Voorkeuren en kies vervolgens Hulplijnen, raster en segmenten . Ga op een Mac naar het Photoshop- menu, kies Voorkeuren en kies vervolgens Hulplijnen, raster en segmenten :
Op een pc vindt u de voorkeuren onder het menu Bewerken. Op een Mac bevinden ze zich in het Photoshop-menu.
Hiermee wordt het dialoogvenster Voorkeuren geopend dat is ingesteld op de opties Hulplijnen, Raster en Segmenten. Stel in het gedeelte Raster de optie Rasterlijn elke in op 2, 5 procent . Laat de andere opties ingesteld op hun standaardwaarden. Klik op OK als u klaar bent om het dialoogvenster te sluiten:
Stel de rasterlijn in op 2, 5 procent in het gedeelte Raster.
Stap 3: Schakel het raster in
We hebben de grootte van het raster gewijzigd, maar we moeten het raster nog steeds inschakelen in ons document. Ga hiervoor naar het menu Beeld bovenaan het scherm, kies Tonen en kies vervolgens Raster :
Ga naar Beeld> Tonen> Raster.
Het raster is nu zichtbaar in het document. Hoewel we het kunnen zien, maakt het raster eigenlijk geen deel uit van het ontwerp. Het is er alleen voor visuele referentie om ons te helpen:
Het document met het raster ingeschakeld.
Stap 4: Voeg een nieuwe laag toe
Klik op het pictogram Nieuwe laag onder in het deelvenster Lagen:
Klik op het pictogram Nieuwe laag.
Dit voegt een nieuwe lege laag met de naam "Laag 1" toe boven de achtergrondlaag:
Photoshop voegt een nieuwe laag toe en noemt deze "Laag 1".
Stap 5: Selecteer het gereedschap Rechthoekig selectiekader
Selecteer het gereedschap Rechthoekig selectiekader in het deelvenster Gereedschappen:
Het gereedschap Rechthoekig selectiekader selecteren.
Stap 6: Teken een eerste selectie rond het raster
Terwijl het gereedschap Rechthoekig selectiekader is geselecteerd, trekt u een eerste selectieomtrek rond het raster, maar laat u een rand met de breedte van twee vierkanten tussen de selectieomtrek en de randen van het document. De selectieomtrek kan een beetje moeilijk te zien zijn in een screenshot, dus ik heb de mijne in rood gemarkeerd om het gemakkelijker te maken om te zien dat ik er een rand van twee vierkanten dik omheen heb gelaten:
Teken een selectieomtrek rond het raster en laat een rand van twee vierkanten dik rond de randen.
Stap 7: Vul de selectie met zwart
Met de selectie op zijn plaats ga je naar het menu Bewerken boven aan het scherm en kies je Vul :
Ga naar Bewerken> Vullen.
Hiermee wordt het dialoogvenster Vullen van Photoshop geopend. Wijzig de optie Gebruik boven in het dialoogvenster in Zwart :
Wijzig de optie Gebruik in Zwart.
Klik op OK om het dialoogvenster te sluiten. Photoshop vult de selectie met zwart in het document. We hebben de selectieomtrek niet meer nodig, dus om deze te verwijderen, gaat u naar het menu Selecteren bovenaan het scherm en kiest u Deselecteren . U kunt ook op Ctrl + D (Win) / Command + D (Mac) drukken om de selectie snel ongedaan te maken met de snellere sneltoets:
Ga naar Selecteren> Deselecteren om de selectieomtrek rond het zwart gevulde gebied te verwijderen.
U zou nu een initiële zwarte gevulde vierkante vorm in het document moeten hebben. Het maakt echt niet uit met welke kleur we de selectie hebben gevuld, omdat de foto er uiteindelijk bovenop zal verschijnen. Ik heb zwart gekozen omdat het gemakkelijk te zien is voor de witte achtergrond en het ook gemakkelijk maakt om de rasterlijnen te zien:
De initiële zwart gevulde vorm.
Stap 8: Teken een reeks smalle rechthoekige selecties
We gaan onze initiële vorm in verschillende kleinere vormen verdelen, en we zullen dat doen door delen ervan te verwijderen. Eerst moeten we de gebieden selecteren die we gaan verwijderen. Met het gereedschap Rechthoekig selectiekader nog steeds geselecteerd, begint u aan de linkerkant van de vorm en telt u 10 verticale kolommen met vierkanten naar binnen naar rechts, begin dan aan de bovenkant van de vorm en teken een selectie naar beneden rond de 11e kolom, maar laat 10 vierkanten tussen de onderkant van uw selectie en de onderkant van de vorm. Ik realiseer me dat dat verwarrend kan klinken, dus ik heb geprobeerd het in de screenshot duidelijker te maken door mijn selectieoverzicht opnieuw in rood te markeren. Merk op dat mijn selectie slechts één kolom breed is en dat er 10 vierkanten zijn tussen mijn selectie en de linkerkant van de vorm, evenals 10 vierkanten tussen de onderkant van mijn selectie en de onderkant van de vorm:
Teken een selectie rond de 11e kolom van vierkanten van links, waarbij 10 vierkanten onderaan niet geselecteerd zijn.
Nadat u de eerste selectie hebt getekend, houdt u uw Shift- toets ingedrukt, die u tijdelijk in de modus Toevoegen aan selectie van Photoshop schakelt, tel dan 10 horizontale rijen vierkanten omhoog vanaf de onderkant van de vorm en teken een soortgelijke selectie rond de 11e rij vierkanten beginnend vanaf links, waardoor 10 vierkanten overblijven tussen de rechterrand van uw selectie en de rechterkant van de vorm. Nogmaals, het screenshot maakt het hopelijk beter zichtbaar. Door de Shift-toets ingedrukt te houden, wordt deze tweede selectie aan de eerste toegevoegd en hebben we nu delen van één kolom en één rij met vierkanten geselecteerd:
Houd Shift ingedrukt en teken een selectie rond de 11e rij vierkanten vanaf de onderkant, waardoor 10 vierkanten aan de rechterkant niet geselecteerd zijn.
Twee selecties omlaag, nog twee te gaan. Blijf je Shift- toets ingedrukt houden, tel vervolgens 10 kolommen met vierkanten vanaf de rechterkant van de vorm en teken een selectie naar boven rond de 11e kolom, waarbij 10 vierkanten overblijven tussen de bovenkant van je selectie en de bovenkant van de vorm. Deze derde selectie wordt toegevoegd aan de eerste twee:
Houd opnieuw Shift ingedrukt en teken een selectie rond de 11e kolom van vierkanten van rechts, waarbij 10 vierkanten van boven niet geselecteerd zijn.
Tenslotte, met de Shift- toets nog steeds ingedrukt, tel je 10 rijen vierkanten vanaf de bovenkant van de vorm en teken je een selectie rond de 11e rij, beginnend vanaf de rechterkant van de vorm, waarbij je 10 vierkanten overlaat tussen de linkerrand van je selectie en de linkerrand van de vorm. Wanneer u klaar bent, moet u delen van twee rijen en twee kolommen met vierkanten hebben geselecteerd:
Houd Shift ingedrukt en teken een selectie rond de 11e rij van vierkanten van boven, waardoor 10 vierkanten links niet geselecteerd zijn.
Stap 9: Verwijder de geselecteerde gebieden
Druk op Backspace (Win) / Delete (Mac) op uw toetsenbord om de geselecteerde gebieden van de vorm te verwijderen, waardoor de grotere vorm onmiddellijk in vijf kleinere vormen wordt gescheiden. Druk op Ctrl + D (Win) / Command + D (Mac) om de selectieomtrekken rond de vormen snel te verwijderen. We hebben ons raster niet langer nodig in het document, dus ga terug naar het menu Beeld, kies Tonen en kies vervolgens Raster om het raster uit te schakelen. Je kunt ook op Ctrl + ' (Win) / Command +' (Mac) drukken om het uit te schakelen met de snellere sneltoets. Dit is hoe het document er nu uitziet na het verwijderen van de selectieomtrekken en het uitschakelen van het raster:
De oorspronkelijke grotere vorm is verdeeld in vijf kleinere vormen.
Stap 10: Voeg een slagschaduw toe
Klik op het pictogram Laagstijlen onder in het deelvenster Lagen:
Klik op het pictogram Laagstijlen.
Kies Slagschaduw uit de lijst met laagstijlen die verschijnt:
Kies Slagschaduw.
Dit opent het dialoogvenster Laagstijl van Photoshop ingesteld op de opties Slagschaduw in de middelste kolom. Ik ga de hoek van de schaduw instellen op 120 ° en ik stel zowel de afstand als de grootte in op 12 px . Mogelijk moet u andere waarden gebruiken voor de opties Afstand en Grootte als u een groter document hebt gemaakt dan het formaat dat ik voor deze zelfstudie gebruik. Om de intensiteit van de schaduw te verminderen, zal ik de waarde van de dekking verlagen tot 60% :
De opties Slagschaduw in het dialoogvenster Laagstijl.
Klik op OK om het dialoogvenster Laagstijl te sluiten. Er is nu een slagschaduw toegevoegd aan de vormen:
De afbeelding na het toevoegen van de slagschaduw.
Stap 11: Open uw foto
Open de foto die u in de vormen wilt plaatsen. Het wordt geopend in een eigen afzonderlijk documentvenster. Hier is de afbeelding die ik zal gebruiken:
De originele afbeelding.
Stap 12: Kopieer en plak de foto in het Shapes-document
Druk op Ctrl + A (Win) / Command + A (Mac) om snel de hele foto te selecteren en druk vervolgens op Ctrl + C (Win) / Command + C (Mac) om deze naar het klembord te kopiëren. Schakel over naar uw vormendocument en druk op Ctrl + V (Win) / Command + V (Mac) om de foto in het document te plakken. Het verschijnt op zijn eigen laag (laag 2) boven de vormlaag (laag 1) in het deelvenster Lagen:
Photoshop plaatst de afbeelding op zijn eigen laag boven de vormlaag.
Stap 13: Maak een knipmasker
Ga naar het menu Laag boven aan het scherm en kies Clipping Mask maken :
Ga naar Laag> Knipmasker maken.
Dit "knipt" de foto op de vormen op de laag er direct onder, waardoor de illusie ontstaat dat de foto wordt opgesplitst en weergegeven op de vormen:
Het effect na het knippen van de foto naar de vormen.
Als we in het deelvenster Lagen kijken, zien we dat Laag 2 nu naar rechts inspringt met een kleine pijl links van de voorbeeldminiatuur die naar beneden wijst naar Laag 1 eronder. Dit is de manier van Photoshop om ons te laten weten dat Laag 2 nu is geknipt tot de inhoud van Laag 1:
Photoshop laat lagen insnijden die worden geknipt naar de laag eronder.
Stap 14: Verplaats en verklein de foto met gratis transformatie
Om het formaat van de foto en de positie binnen de vormen te wijzigen, gaat u naar het menu Bewerken boven aan het scherm en kiest u Vrije transformatie of drukt u op Ctrl + T (Win) / Command + T (Mac) om de opdracht Vrije transformatie te selecteren met de Toetsenbord sneltoets:
Ga naar Bewerken> Gratis transformeren.
Hiermee wordt het vak Vrije transformatie van Photoshop geplaatst en rond de foto geplaatst. Hoewel we alleen het gedeelte van de foto kunnen zien dat zich boven de vormen bevindt, verschijnen het vak Vrije transformatie en handgrepen rond de werkelijke grootte van de foto. Als u de grepen niet kunt zien omdat de foto te groot is en zich buiten het huidige zichtbare gedeelte van het document uitstrekt, gaat u naar het menu Beeld boven aan het scherm en kiest u Aanpassen aan scherm . U kunt ook op Ctrl + 0 (Win) / Command + 0 (Mac) drukken om de opdracht Aanpassen aan scherm te selecteren met de sneltoets:
Ga naar Beeld> Aanpassen op scherm.
Photoshop zoomt onmiddellijk in voor zover nodig om de hele foto in het zichtbare gebied van het document te laten passen, zodat u toegang hebt tot de gratis transformatiehandgrepen. Als u het formaat van de foto wilt wijzigen, houdt u uw Shift- toets ingedrukt, waardoor de beeldverhouding van de foto wordt beperkt terwijl u het formaat wijzigt. Sleep vervolgens een van de vier hoekhandgrepen (de kleine vierkantjes). Om de foto te verplaatsen, klikt u eenvoudig ergens in het selectievak Vrije transformatie en sleept u de afbeelding rond met uw muis. Terwijl u het formaat van de afbeelding wijzigt en verplaatst, zult u zien dat deze binnen de vormen beweegt:
Wijzig het formaat en verplaats de afbeelding indien nodig binnen de vormen.
Als je tevreden bent met hoe de dingen eruit zien, druk je op Enter (Win) / Return (Mac) om de wijzigingen te accepteren en Free Transform te verlaten. En daarmee zijn we klaar! Hier is mijn laatste resultaat "weergave van vormclusterfoto":
Het eindresultaat.