In deze tweedelige Photoshop- handleiding voor foto-effecten leren we hoe u een leuke fotocollage kunt maken met een eenvoudige filmstrookvorm als een fotolijst voor meerdere afbeeldingen.
In dit eerste deel van de zelfstudie tekenen we de eigenlijke filmstrook zelf met behulp van de vormgereedschappen van Photoshop en slaan we deze op als een afzonderlijk document, zodat we deze eenvoudig opnieuw kunnen gebruiken wanneer we maar willen zonder alles te hoeven tekenen opnieuw. In het tweede deel van de tutorial gebruiken we verschillende exemplaren van de filmstrip om onze fotocollage te maken.
Hier is de vorm van de filmstrook die we in dit deel van de tutorial zullen tekenen. In het grijze gebied in het midden voegen we onze foto's toe in deel twee van de zelfstudie:
De vorm van de filmstrook die als fotolijst in de collage wordt gebruikt.
Hoe maak je een filmstrip-fotocollage
Stap 1: Maak een nieuw Photoshop-document
Laten we om te beginnen een nieuw Photoshop-document maken door naar het menu Bestand boven aan het scherm te gaan en Nieuw te kiezen, of druk op Ctrl + N (Win) / Command + N (Mac) om een nieuw document te openen met het handige toetsenbord shortcut:
Ga naar Bestand> Nieuw om een nieuw Photoshop-document te maken.
Dit opent het dialoogvenster Nieuw document. Voer een waarde van 1000 pixels in voor de breedte en 900 pixels voor de hoogte, wat ons een goede breedte / hoogte-beeldverhouding voor onze filmstrook zou moeten opleveren. Stel uw resolutie in op 300 pixels / inch en zorg ervoor dat de optie Achtergrondinhoud is ingesteld op Wit :
Maak een nieuw document van 1000 x 900 pixels.
Wanneer u klaar bent, klikt u op OK in de rechterbovenhoek van het dialoogvenster om het te verlaten. Uw nieuwe documentvenster verschijnt op uw scherm.
Stap 2: Selecteer het gereedschap Rechthoek
Om onze filmstrook te tekenen, gebruiken we de vormgereedschappen van Photoshop, waarmee we vectorgebaseerde vormen kunnen tekenen die eenvoudig naar behoefte kunnen worden aangepast zonder kwaliteitsverlies. Omdat onze filmstrook rechthoekig moet zijn, selecteert u het gereedschap Rechthoek in het deelvenster Gereedschappen (niet te verwarren met het gereedschap Rechthoekig selectiekader, dat een selectiegereedschap is, geen vormgereedschap):
Selecteer het gereedschap Rechthoek.
Stap 3: Zet je voorgrondkleur op zwart
Wanneer we een vorm tekenen, stelt Photoshop in eerste instantie de kleur van de vorm in op onze huidige voorgrondkleur . We willen dat de kleur van onze filmstrip zwart is, dus laten we onze voorgrondkleur op zwart zetten voordat we de vorm tekenen. Zwart is eigenlijk de standaardkleur voor de voorgrond, dus die van jou is misschien al ingesteld op zwart. Als dit niet het geval is, drukt u op de letter D op uw toetsenbord om uw voorgrond- en achtergrondkleuren snel terug te zetten naar hun standaardwaarden. U vindt de voorgrond- en achtergrondkleurstalen onder aan het deelvenster Gereedschappen. Het staal linksboven (de voorgrondkleur) moet nu zwart worden weergegeven:
Druk op "D" op uw toetsenbord om de voorgrond- en achtergrondkleuren snel opnieuw in te stellen.
Stap 4: Zorg ervoor dat de optie "Vorm" is geselecteerd
Photoshop biedt ons drie verschillende manieren waarop we de verschillende vormgereedschappen kunnen gebruiken. We kunnen ze gebruiken om vectorvormen te tekenen (wat we hier gaan doen), we kunnen paden tekenen, die in feite slechts contouren van vormen zijn, of we kunnen pixelgebaseerde vormen tekenen. We kunnen uit deze drie opties kiezen door op het juiste pictogram in de optiebalk bovenaan het scherm te klikken. Omdat we het formaat van onze filmstrip naar behoefte willen kunnen wijzigen zonder verlies van beeldkwaliteit, moeten we een vectorvorm tekenen, dus klik op het pictogram Vormlagen in de optiebalk (het pictogram links):
Kies tussen vectorvormen (links), paden (midden) of op pixels gebaseerde vormen (rechts) met de drie pictogrammen in de optiebalk.
Stap 5: Sleep een grote rechthoekige vorm
Met het gereedschap Rechthoek geselecteerd, zwart als onze voorgrondkleur en de optie Vormlagen geselecteerd in de optiebalk, zijn we klaar om onze filmstrook te tekenen. Klik in de linkerbovenhoek van het documentvenster en sleep, terwijl u uw muisknop ingedrukt houdt, naar de rechteronderhoek. Je ziet een overzicht van je vorm verschijnen terwijl je sleept:
Klik in de buurt van de linkerbovenhoek van het document en sleep vervolgens naar de rechteronderhoek.
Probeer tijdens het slepen evenveel ruimte rond de randen van de vorm te behouden. Laat de muisknop los wanneer u in de buurt van de rechteronderhoek komt. Photoshop tekent de rechthoek en vult deze met zwart:
Photoshop tekent de vorm en vult deze met zwart wanneer u uw muisknop loslaat.
Als we een moment in ons deelvenster Lagen kijken, zien we dat we nu een geheel nieuwe vormlaag met de naam "Vorm 1" boven de achtergrondlaag hebben. Vectorvormen verschijnen altijd op hun eigen lagen, dus het is niet nodig om eerst een nieuwe laag toe te voegen voordat u een vorm tekent:
Vormen verschijnen automatisch op hun eigen lagen in het deelvenster Lagen.
Stap 6: Schakel over naar de modus "Aftrekken van vormgebied"
Nu we onze eerste rechthoekige vorm hebben, moeten we er een paar gaten in maken om het meer op een filmstrook te laten lijken. Eerst zullen we een groot rechthoekig gat in het midden uitsnijden dat zal dienen als het belangrijkste fotogebied. Als u omhoog kijkt in de optiebalk, ziet u een rij van vijf pictogrammen, die elk een andere lay-out van vierkanten tonen. Het middelste pictogram is de optie Verwijderen uit vormgebied . Klik erop om het te selecteren:
Klik op de optie "Verwijderen uit vormgebied" op de optiebalk om deze te selecteren.
Stap 7: Teken nog een rechthoekige vorm in het midden van de oorspronkelijke vorm
Met de optie "Aftrekken van vormgebied" kunnen we een deel van onze bestaande vorm verwijderen. Terwijl het gereedschap Rechthoek nog steeds is geselecteerd, tekent u een tweede rechthoekige vorm, deze keer in het midden van de bestaande rechthoek. Net zoals we zoëven geleden hebben gedaan, klikt u eenmaal om de linkerbovenhoek van de rechthoek in te stellen, houdt u vervolgens uw muisknop ingedrukt en sleept u naar de rechteronderhoek. U ziet een omtrek van de vorm verschijnen terwijl u sleept. Dit is het gebied dat wordt uitgesneden:
Teken nog een rechthoekige vorm in het midden van de oorspronkelijke vorm.
Laat uw muisknop los wanneer u klaar bent. Deze keer snijdt Photoshop in plaats van een nieuwe vorm aan het document toe, een gat in de oorspronkelijke rechthoek, waardoor het hoofdgebied ontstaat waar onze foto's later verschijnen:
Het hoofdfotogebied van de filmstrook is gecreëerd.
Stap 8: Selecteer het afgeronde rechthoekgereedschap
Om de inkepingen langs de boven- en onderkant van de filmstrook te tekenen, gebruiken we het gereedschap Afgeronde rechthoek, vergelijkbaar met het gereedschap Rechthoek, behalve dat, zoals de naam al aangeeft, de hoeken eerder afgerond zijn dan scherp. Normaal gesproken selecteren we gereedschappen in het deelvenster Gereedschappen, maar wanneer we een vormgereedschap hebben geselecteerd, kunnen we eenvoudig een van de andere vormgereedschappen van Photoshop rechtstreeks vanuit de optiebalk selecteren. Klik op het pictogram Afgeronde rechthoek in de optiebalk om het te selecteren:
Selecteer het gereedschap Afgeronde rechthoek op de optiebalk.
Stap 9: Stel de straalwaarde in op 10 px
We kunnen de rondheid van de hoeken regelen met de Radius- waarde in de optiebalk. Hoe hoger de straal, hoe meer afgerond de hoeken zullen zijn. Stel uw Radius-waarde in op 10 px (pixels):
Stel de Radius-waarde in op 10 px.
Stap 10: Teken een afgeronde rechthoek om de eerste inkeping te maken
Zorg ervoor dat de optie "Aftrekken van vormgebied" nog steeds is geselecteerd in de optiebalk en klik en sleep vervolgens een kleine afgeronde rechthoek links van het zwarte randgebied boven aan de filmstrook:
Teken een kleine afgeronde rechthoek aan de linkerkant van het bovenste zwarte randgebied.
Laat uw muisknop los wanneer u klaar bent. Photoshop gebruikt de vorm om de eerste inkeping in de filmstrook te verwijderen:
Nogmaals, Photoshop gebruikt de nieuwe vorm om een deel van de oorspronkelijke vorm te verwijderen.
Stap 11: Selecteer het gereedschap Padselectie
Nu we onze eerste inkeping hebben getekend, kunnen we deze gebruiken om alle andere inkepingen langs de boven- en onderkant van de filmstrook toe te voegen zonder er echt een te hoeven tekenen! Selecteer het gereedschap Padselectie in het deelvenster Gereedschappen (de zwarte pijl). Je kunt het ook snel selecteren door op de letter A op je toetsenbord te drukken:
Selecteer het gereedschap Padselectie.
Selecteer het gereedschap Padselectie en klik in de inkeping die we zojuist hebben toegevoegd. Hiermee wordt de vorm geselecteerd. Je ziet een dunne omtrek, samen met ankerpunten (kleine vierkantjes) eromheen om je te laten weten dat de vorm is geselecteerd:
Klik in de inkeping met het gereedschap Padselectie om de vorm te selecteren.
Stap 12: Sleep een kopie van de vorm
Houd de vorm geselecteerd, houd Shift + Alt (Win) / Shift + Option (Mac) ingedrukt en sleep naar rechts. De Alt / Option-toets vertelt Photoshop om een kopie van de vorm te maken terwijl u sleept, terwijl de Shift-toets de richting beperkt waarin u kunt slepen, waardoor het gemakkelijker wordt om rechtstreeks naar rechts te slepen en niet vanuit een rare hoek. Laat de muisknop los om een tweede inkeping boven aan de filmstrip te maken:
Een tweede inkeping verschijnt bovenaan de filmstrook.
Stap 13: Sleep zes extra exemplaren van de vorm
Blijf meer exemplaren van de vorm slepen om de resterende inkepingen langs de bovenkant van de filmstrook te maken door Shift + Alt (Win) / Shift + Option (Mac) ingedrukt te houden, op de laatste vorm te klikken die je hebt toegevoegd en een kopie ervan te slepen naar rechts en laat vervolgens uw muisknop los. Maak je nu geen zorgen over de afstand, we lossen dat zo op. Je zou in totaal acht inkepingen bovenaan de filmstrook moeten hebben als je klaar bent:
Sleep nog zes exemplaren van de vorm voor in totaal acht inkepingen langs de bovenkant.
Stap 14: Selecteer alle inkepingen langs de bovenste rij
Nadat u alle acht inkepingen langs de bovenste rij hebt toegevoegd, houdt u uw Shift- toets ingedrukt en klikt u met het Padselectietool nog steeds geselecteerd op elke inkeping totdat u ze allemaal tegelijk hebt geselecteerd:
Houd Shift ingedrukt en klik op elke inkeping met de tool Padselectie totdat u ze allemaal hebt geselecteerd.
Stap 15: Klik op de optie "Horizontale centra verdelen"
Selecteer alle kerfvormen en klik op de optie Horizontale centra verdelen omhoog in de optiebalk:
De optiebalk bevat verschillende opties voor het uitlijnen van de vormen. Klik op het pictogram Horizontale centra verdelen.
Dit verdeelt de vormen gelijkmatig over de bovenkant van de filmstrook, waardoor eventuele afstandsproblemen worden opgelost:
Met de optie Horizontale centra verdelen worden de vormen gelijkmatig verdeeld tussen de vorm uiterst links en de vorm uiterst rechts.
Stap 16: Kopieer de rij met vormen naar de onderkant van de filmstrook
Met alle inkepingen langs de bovenste rij nog steeds geselecteerd, houdt u Shift + Alt (Win) / Shift + Option (Mac) ingedrukt en sleept u de vormen naar het onderste randgebied van de filmstrook. Nogmaals, de Alt / Option-toets vertelt Photoshop om een kopie te maken van de vormen terwijl we slepen, terwijl de Shift-toets de richting beperkt waarin we kunnen slepen, waardoor het gemakkelijk is om recht naar beneden te slepen. U ziet een overzicht van de vormen verschijnen terwijl u sleept:
Houd Shift + Alt (Win) / Shift + Option (Mac) ingedrukt en sleep de bovenste rij inkepingen naar de onderste rij om een kopie van de vormen te maken terwijl u sleept.
Laat de muisknop los zodra u de vormen langs het onderste randgebied hebt. Photoshop slaat de vormgebieden weg van de onderkant van de filmstrook, waardoor onze tweede rij inkepingen ontstaat:
De rij inkepingen langs de onderkant van de filmstrook maken is gewoon een kwestie van de bovenste rij kopiëren en naar beneden slepen.
Als we naar de vormlaag in het deelvenster Lagen kijken, zien we een miniatuur met een voorbeeld van hoe onze vorm eruit ziet. Dit wordt een vectormaskerminiatuur genoemd . U ziet er een witte markeerrand omheen, die aangeeft dat de vorm momenteel is geselecteerd. Klik direct op de miniatuur om de selectie van de vorm ongedaan te maken, omdat we op dit punt klaar zijn met tekenen. De witte markeerrand rond de miniatuur verdwijnt:
Klik op de miniatuur van het vectormasker om de selectie van de vorm op te heffen.
Stap 17: Voeg een slagschaduw toe
Onze basisvorm van de filmstrook is nu compleet, maar laten we het een beetje diepte geven door een lichte slagschaduw toe te voegen. Klik op het pictogram Laagstijlen onder in het deelvenster Lagen en selecteer de stijl Slagschaduw boven aan de lijst die verschijnt:
Klik op het pictogram Laagstijlen en selecteer Slagschaduw in de lijst.
Dit opent het dialoogvenster Laagstijl van Photoshop ingesteld op de opties Slagschaduw in de middelste kolom. Stel de Afstand van de schaduw in op 0 px, de Spread op 0% en de Grootte van de schaduw op 7 px :
Klik op het pictogram Laagstijlen en selecteer Slagschaduw in de lijst.
Klik op OK in de rechterbovenhoek van het dialoogvenster Laagstijl als u klaar bent om het te verlaten. De filmstrook verschijnt nu met een vage schaduw erachter, hoewel het gemakkelijker te zien is in uw document dan in de kleine screenshot hier:
De schaduw wordt gebruikt om de filmstrook wat diepte te geven.
Stap 18: Selecteer nogmaals het gereedschap Rechthoek
Om onze filmstrook af te maken, voegen we een laatste rechthoek toe die wordt gebruikt om het gebied te definiëren waar de foto's verschijnen wanneer we ze later toevoegen. Selecteer nogmaals het gereedschap Rechthoek in het deelvenster Gereedschappen. Omdat we zojuist het gereedschap Afgeronde rechthoek hadden geselecteerd, moet u op het gereedschap Afgeronde rechthoek klikken in het deelvenster Gereedschappen en vervolgens uw muisknop een seconde of twee ingedrukt houden totdat een uitklapmenu verschijnt met de andere gereedschappen beschikbaar in die sleuf. Selecteer het gereedschap Rechthoek boven in het vervolgmenu:
Klik en houd ingedrukt op het afgeronde rechthoekgereedschap in het deelvenster Gereedschappen en selecteer vervolgens het rechthoekgereedschap in het uitklapmenu.
Stap 19: Verander de kleur van de nieuwe vorm in een medium grijs
Voordat we de nieuwe vorm toevoegen, laten we de kleur veranderen in iets anders dan zwart, zodat we het tegen de zwarte filmstrook kunnen zien. We weten al dat we de vorm van een vorm kunnen wijzigen door de voorgrondkleur van Photoshop te wijzigen, maar we kunnen de kleur ook rechtstreeks vanuit de optiebalk wijzigen wanneer we een vormgereedschap hebben geselecteerd. Klik op het kleurstaal in de optiebalk:
Klik op het kleurstaal om een kleur voor de vorm in te stellen.
Dit brengt de Kleurkiezer van Photoshop naar voren. Laten we een medium grijs gebruiken voor de kleur. Voer een waarde van 128 in voor de opties R, G en B midden onderaan in het dialoogvenster Kleurkiezer. Dit geeft ons ons medium grijs. Klik op OK als u klaar bent om de kleurkiezer te verlaten:
Stel de R (rood), G (groen) en B (blauw) waarden in op 128 in de kleurenkiezer.
Stap 20: Teken een rechthoek om het hoofdfotogebied te bedekken
Met het gereedschap Rechthoek geselecteerd en grijs als onze vormkleur, teken je nog een rechthoek, dit keer iets groter dan het hoofdfotogebied in het midden van de filmstrook. Zorg er echter voor dat de nieuwe vorm zich niet uitstrekt over de inkepingen langs de boven- en onderkant. We willen alleen het hoofdfotogebied bestrijken. Klik net boven en links van het hoofdfotogebied om het startpunt voor de vorm in te stellen, houd vervolgens uw muisknop ingedrukt en sleep naar net onder en rechts van de rechteronderhoek van het fotogebied:
Teken een tweede rechthoek die net iets groter is dan het fotogebied.
Laat uw muisknop los om Photoshop de vorm te laten tekenen en deze te vullen met de medium grijze kleur die we hebben geselecteerd. Het hoofdfotogebied is nu volledig bedekt, terwijl de inkepingen langs de boven- en onderkant van de filmstrook zichtbaar blijven:
Het hoofdfotogebied wordt nu bedekt door de tweede vorm.
Stap 21: Verwijder de slagschaduw uit de nieuwe vorm
Als we in het deelvenster Lagen kijken, zien we dat onze tweede vorm op zijn eigen laag boven de hoofdvorm van de filmstrook is verschenen. En als we direct onder de vormlaag kijken, zien we dat Photoshop automatisch dezelfde laagstijl Slagschaduw heeft toegepast die we aan de filmstrook hebben toegevoegd. We hebben de schaduw niet nodig voor onze nieuwe vorm, dus laten we er vanaf komen. Klik op het woord Effecten, dat alle laagstijlen selecteert die op een laag worden toegepast (hoewel we in dit geval er maar één hebben), houd vervolgens uw muisknop ingedrukt en sleep deze naar het prullenbakpictogram onderaan het deelvenster Lagen. Laat uw muisknop los wanneer de cursor boven de prullenbak staat om de laagstijlen te verwijderen:
Klik op het woord "Effecten" en sleep het naar de prullenbak om de slagschaduw te verwijderen.
Stap 22: Sleep de nieuwe vorm onder de filmstrook
Momenteel verschijnt de tweede vorm boven de filmstrook. We moeten het onder de filmstrook weergeven, alsof het fungeert als een tijdelijke aanduiding voor de foto's die we later toevoegen, wat betekent dat we de laag van de vorm onder de filmstrooklaag moeten slepen. Klik hiervoor op "Vorm 2" in het deelvenster Lagen, houd vervolgens uw muisknop ingedrukt en sleep de laag rechtstreeks tussen de achtergrondlaag en de filmstrooklaag. Je weet dat je op de juiste plaats bent als je een balk met markeringen tussen de twee lagen ziet verschijnen:
Klik en sleep de tweede vorm tussen de achtergrondlaag en de filmstrooklaag.
Laat uw muisknop los wanneer de balk met markeringen verschijnt. De grijze vorm is nu onder de filmstrook geplaatst zoals we nodig hadden:
De grijze vorm verschijnt nu tussen de achtergrondlaag en de filmstrooklaag.
Klik op de vectormaskerminiatuur voor "Vorm 2" in het deelvenster Lagen om de selectie van de vorm op te heffen, en we zijn klaar! Onze filmstrip is nu compleet:
De laatste filmstrook, klaar om te worden gebruikt als fotolijst en in onze fotocollage.
Stap 23: Sla de filmstrook op als een PSD-bestand van Photoshop
Tenzij u per uur wordt betaald, wilt u de filmstrook waarschijnlijk niet elke keer opnieuw tekenen als u deze wilt gebruiken, dus laten we deze opslaan als een eigen Photoshop-document. Op deze manier kunnen we het openen en opnieuw gebruiken wanneer we maar willen. Ga naar het menu Bestand boven aan het scherm en kies Opslaan als :
Ga naar Bestand> Opslaan als.
Dit opent het dialoogvenster Opslaan als van Photoshop. Ik ga mijn document "film-strip.psd" noemen. Zorg ervoor dat u Photoshop als indeling kiest en sla het bestand vervolgens op een locatie op die u gemakkelijk kunt onthouden. Ik ga de mijne opslaan in een map 'photoshop' die ik op mijn bureaublad heb. Klik op de knop Opslaan als u klaar bent om het bestand op te slaan:
Geef het bestand een naam en sla het op als een Photoshop-document.