In deze Photoshop-tutorial leren we hoe we een foto in een patroon van gekleurde stippen kunnen veranderen met behulp van een van de filters van Photoshop, een laagmasker en een eenvoudig herhalend patroon dat we helemaal opnieuw maken. Ik gebruik Photoshop CS5 hier, maar elke recente versie werkt. Gebruikers van Photoshop CS6 en CC (Creative Cloud) willen echter de volledig bijgewerkte tutorial Een foto in een patroon met gekleurde punten bekijken bekijken.

Hier is de afbeelding waarmee ik zal beginnen:

De originele foto.

En zo ziet het eruit als we klaar zijn:

Het eindresultaat.

Een gekleurd puntpatroon maken op basis van een foto

Stap 1: Dupliceer de achtergrondlaag

Als we de foto die onlangs in Photoshop is geopend, bekijken in het deelvenster Lagen, zien we dat we momenteel één laag hebben - de achtergrondlaag - de laag waarop onze afbeelding staat:

De originele afbeelding staat op de achtergrondlaag in het deelvenster Lagen.

Klik op de achtergrondlaag en sleep, met uw muisknop ingedrukt, de laag omlaag naar het pictogram Nieuwe laag onder in het deelvenster Lagen (dit is het pictogram direct links van de prullenbak):

Klik en sleep de achtergrondlaag naar het pictogram Nieuwe laag.

Laat uw muisknop los wanneer de handcursor zich boven het pictogram Nieuwe laag bevindt. Dit maakt een kopie van de achtergrondlaag die Photoshop boven het origineel plaatst:

Een kopie van de achtergrondlaag verschijnt boven het origineel.

Stap 2: Voeg een nieuwe lege laag toe tussen de twee bestaande lagen

Houd uw Ctrl (Win) / Command (Mac) -toets ingedrukt en klik op het pictogram Nieuwe laag onder in het deelvenster Lagen (hetzelfde pictogram dat we in de vorige stap hebben gebruikt):

Houd Ctrl (Win) / Command (Mac) ingedrukt en klik op het pictogram Nieuwe laag.

Hiermee wordt een nieuwe lege laag aan het document toegevoegd. Normaal plaatst Photoshop nieuwe lagen boven de laag die momenteel is geselecteerd (wat in ons geval de achtergrondkopieerlaag was), maar door de Ctrl (Win) / Command (Mac) -toets ingedrukt te houden en op het pictogram Nieuwe laag te klikken, vertelden we Photoshop om plaats in plaats daarvan de nieuwe laag eronder . We kunnen in het deelvenster Lagen zien dat er nu een nieuwe lege laag met de naam Laag 1 zit tussen de achtergrond- en achtergrondkopieerlagen:

De nieuwe laag verschijnt tussen de twee vorige lagen.

Stap 3: Vul de nieuwe laag met zwart

Laten we de nieuwe laag vullen met zwart, die de achtergrondkleur voor het effect wordt. Ga naar het menu Bewerken in de menubalk boven aan het scherm en kies vullen :

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 als u klaar bent om het dialoogvenster te sluiten. Er lijkt niets te zijn gebeurd in het documentvenster omdat de afbeelding op de achtergrondkopieerlaag momenteel Laag 1 uit het zicht blokkeert, maar we kunnen in de voorbeeldminiatuur van Laag 1 in het deelvenster Lagen zien dat we de laag hebben gevuld met effen zwart:

De voorbeeldminiatuur van laag 1 laat zien dat de laag nu is gevuld met zwart.

Stap 4: Selecteer de achtergrondkopieerlaag

Klik op de achtergrondkopieerlaag in het deelvenster Lagen om deze te selecteren en er de actieve laag van te maken:

Selecteer de achtergrondkopieerlaag.

Stap 5: Pas het mozaïekfilter toe

Ga naar het menu Filter boven aan het scherm, kies Pixelate en kies vervolgens Mozaïek :

Ga naar Filter> Pixelate> Mosaic.

Het mozaïekfilter pixeleert een afbeelding door er een reeks effen gekleurde vierkanten van te maken. We kunnen de grootte van de vierkanten instellen met behulp van de optie Celgrootte onderaan het dialoogvenster van het filter. Grotere waarden zorgen voor grotere vierkanten. Kleinere waarden, kleinere vierkanten. Deze vierkanten worden uiteindelijk onze gekleurde stippen, dus u wilt uw celgrootte instellen op basis van het aantal en de grootte van de gekleurde stippen die u in uw uiteindelijke effect wilt. Dit kan een beetje vallen en opstaan ​​kosten om dingen goed te krijgen. Ik ga mijn celgrootte instellen op 20 . Zorg ervoor dat je de exacte waarde onthoudt die je hebt gebruikt, want we hebben het zo weer nodig:

Onthoud de waarde die u hebt ingevoerd voor de optie Celgrootte.

Klik op OK om het dialoogvenster te sluiten. Uw afbeelding moet er nu korrelig uitzien:

De afbeelding na het toepassen van het mozaïekfilter.

Stap 6: Maak een nieuw document

Laten we onze afbeelding even opzij zetten en ons herhalend puntpatroon maken. Daarvoor hebben we een nieuw Photoshop-document nodig, dus ga naar het menu Bestand boven aan het scherm en kies Nieuw :

Ga naar Bestand> Nieuw.

Dit opent het dialoogvenster Nieuw document. Stel zowel de breedte als de hoogte van het document in op dezelfde waarde die u hebt ingevoerd voor de optie Celgrootte in het dialoogvenster van het mozaïekfilter. In mijn geval stel ik mijn celgrootte in op 20, dus stel ik mijn opties voor breedte en hoogte in op 20 pixels elk. Hiermee maakt u een nieuw document dat exact dezelfde grootte heeft als de vierkanten in onze afbeelding. Maak je geen zorgen over de resolutie-waarde, maar zorg ervoor dat Achtergrondinhoud is ingesteld op Wit :

Stel uw breedte en hoogte in op dezelfde waarde die u hebt ingevoerd voor de celgrootte. Zorg ervoor dat het type meting is ingesteld op pixels.

Klik op OK als u klaar bent om het dialoogvenster te sluiten. Uw nieuwe document verschijnt op uw scherm. Omdat uw document hoogstwaarschijnlijk erg klein is, houdt u Ctrl + spatiebalk (Win) / Command + spatiebalk (Mac) op uw toetsenbord ingedrukt om tijdelijk over te schakelen naar het zoomgereedschap van Photoshop (uw muiscursor verandert in een vergrootglas met een plusteken in de midden) en klik vervolgens een paar keer in het document om erop in te zoomen. Hier heb ik ingezoomd tot 1600%:

Zoom in op uw nieuwe document om de volgende stappen eenvoudiger te maken.

Stap 7: Selecteer het elliptische selectiekader

Selecteer het gereedschap Elliptical Marquee in het deelvenster Tools. Standaard verstopt het zich achter het rechthoekige selectiekader, dus klik op het rechthoekige selectiekader en houd je muisknop een seconde of twee ingedrukt totdat een uitklapmenu verschijnt en kies vervolgens het elliptische selectiekader uit de lijst:

Klik en houd het rechthoekige selectiekader vast en selecteer vervolgens het elliptische selectiekader in het uitklapmenu.

Stap 8: Teken een cirkelselectie

Houd de Elliptical Marquee Tool in de hand, houd uw Shift- toets ingedrukt, klik in de linkerbovenhoek van het document en sleep met uw muisknop diagonaal naar beneden naar de rechteronderhoek van het document om een ​​cirkelvormige selectieomtrek te tekenen . Houd de Shift-toets ingedrukt terwijl u sleept en forceert de selectieomtrek in een perfecte cirkel. Als u de selectieomtrek tijdens het tekenen moet verplaatsen, houdt u uw spatiebalk ingedrukt, sleept u de omtrek met uw muis in positie, laat dan uw spatiebalk los en ga verder. Wanneer u klaar bent, moeten de randen van de selectieomtrek de randen van het document raken, zodat deze dezelfde breedte en hoogte hebben als het document zelf:

Sleep een cirkelvormige selectie binnen het document.

Stap 9: Vul de selectie met zwart

Ga terug naar het menu Bewerken boven aan het scherm en kies opnieuw Invullen, net zoals we in stap 3 deden. De optie Gebruik zou al moeten zijn ingesteld op Zwart, want dat is wat we de vorige keer hebben gewijzigd, dus klik gewoon op Klik op OK om het dialoogvenster Vullen te sluiten. Photoshop vult de selectieomtrek in het document met zwart. Druk op Ctrl + D (Win) / Command + D (Mac) op uw toetsenbord om het gebied snel te deselecteren en de selectieomtrek te verwijderen.

Als u Photoshop CS4 of CS5 gebruikt en u hebt net als ik ver op uw document ingezoomd, ziet u een rasteromtrek (het pixelraster ) door de zwarte cirkel verschijnen. Het pixelraster is een nieuwe functie vanaf CS4 en is gewoon een visueel hulpmiddel wanneer u op uw document hebt ingezoomd. Het maakt geen deel uit van de afbeelding zelf en verdwijnt wanneer de afbeelding op ware grootte wordt bekeken, dus negeer deze gewoon. Het raster verschijnt niet als u Photoshop CS3 of eerder gebruikt:

Het document (nog steeds ingezoomd tot 1600%) na het vullen van de selectieomtrek met zwart.

Stap 10: Keer de kleuren in het document om

Ga naar het menu Afbeelding boven aan het scherm, kies Aanpassingen en kies vervolgens Omkeren :

Ga naar Afbeelding> Aanpassingen> Omkeren.

Dit keert de kleuren in het document om, waardoor de zwarte gebieden wit worden en de witte gebieden zwart:

De cirkel zelf is nu wit, terwijl de hoekgebieden zwart worden.

Stap 11: Definieer de cirkel als een patroon

Ga naar het menu Bewerken boven aan het scherm en kies Patroon definiëren :

Ga naar Bewerken> Patroon definiëren.

Photoshop opent een dialoogvenster waarin ons wordt gevraagd het nieuwe patroon een naam te geven. Geef het patroon een beschrijvende naam. Ik ga de mijne "Circle 20x20" noemen, omdat mijn document 20 px bij 20 px is. U kunt uiteindelijk meer cirkelpatronen maken, allemaal in verschillende groottes, dus het is een goed idee om de grootte van het document in de naam op te nemen:

Geef het patroon een naam.

Klik op OK als u klaar bent om het dialoogvenster te sluiten. Het lijkt erop dat er niets is gebeurd, maar Photoshop heeft het document nu als een patroon opgeslagen. Je kunt je cirkel-document nu afsluiten omdat we het niet langer nodig hebben. Het is niet nodig om het op te slaan, dus kies Niet opslaan wanneer Photoshop vraagt ​​of u het document wilt opslaan voordat u het sluit.

Stap 12: Voeg een laagmasker toe aan de achtergrondkopieerlaag

Schakel terug naar uw hoofddocument en zorg ervoor dat de achtergrondkopieerlaag is geselecteerd in het deelvenster Lagen. Klik op het pictogram Laagmasker toevoegen onderaan het deelvenster Lagen:

Selecteer de achtergrondkopielaag en klik op het pictogram Laagmasker toevoegen.

Nogmaals, er lijkt niets te zijn gebeurd in het document, maar er verschijnt een witgevulde laagmaskerminiatuur op de achtergrondkopieerlaag in het deelvenster Lagen, om ons te laten weten dat we het laagmasker hebben toegevoegd. Merk op dat de miniatuur een dunne markeerrand eromheen heeft. Dit vertelt ons dat het laagmasker zelf is geselecteerd:

Er verschijnt een laagmaskerminiatuur op de achtergrondkopieerlaag.

Stap 13: Vul het laagmasker met het cirkelpatroon

Ga opnieuw naar het menu Bewerken boven aan het scherm en kies Opvullen . Wijzig deze keer de optie Gebruik van Zwart in Patroon :

Wijzig de optie Gebruik in Patroon.

Klik op de voorbeeldminiatuur van het aangepaste patroon om het patroon te selecteren dat u wilt gebruiken:

Klik op de miniatuur van het aangepaste patroon.

Dit opent de Patroonkiezer . Kies het cirkelpatroon dat we zojuist hebben gemaakt door op de miniatuur te klikken. Dit moet de laatste miniatuur in de lijst zijn. Als u Tooltips hebt ingeschakeld in de voorkeuren van Photoshop, verschijnt de naam van het patroon wanneer u uw muiscursor over de miniatuur beweegt:

Klik op de miniatuur van het cirkelpatroon om het te selecteren.

Klik op OK zodra u uw patroon hebt geselecteerd om het dialoogvenster Vulling te sluiten. Photoshop vult het laagmasker met het cirkelpatroon en onze afbeelding bestaat nu uit een patroon van gekleurde stippen:

De afbeelding na het vullen van het laagmasker met het herhalende cirkelpatroon.

Ik zoom dichter in op de afbeelding zodat we het effect gemakkelijker kunnen zien. Elke stip in de afbeelding bestaat uit een enkele effen kleur dankzij het mozaïekfilter dat we eerder hebben toegepast. Het zwarte gebied rond de cirkels komt uit laag 1 onder de afbeelding (die we in stap 3 met zwart hebben opgevuld):

Een beter zicht op het effect.

Stap 14: Een aanpassingslaag voor tint / verzadiging toevoegen (optioneel)

Als optionele laatste stap kunnen we het effect een beetje verbeteren door de kleurverzadiging in de afbeelding te verhogen. Klik op het pictogram Nieuwe aanpassingslaag onder in het deelvenster Lagen:

Klik op het pictogram Nieuwe aanpassingslaag.

Kies een aanpassingslaag voor Tint / Verzadiging uit de lijst die verschijnt:

Kies Tint / Verzadiging uit de lijst met aanpassingslagen.

Als u Photoshop CS3 of eerder gebruikt, verschijnt er een dialoogvenster Tint / Verzadiging op het scherm. Voor gebruikers van Photoshop CS4 en CS5 verschijnen de besturingselementen voor de aanpassingslaag Tint / Verzadiging in het deelvenster Aanpassingen. In beide gevallen verhoogt u de kleurverzadiging in de afbeelding door op de schuifregelaar Verzadiging te klikken en deze naar rechts te slepen. Hoe verder u naar rechts sleept, des te verzadiger de kleuren worden. Ik ga mijn verzadiging verhogen naar +20 :

Sleep de schuifregelaar Verzadiging naar rechts om de kleurverzadiging in de afbeelding te verhogen.

Klik voor Photoshop CS3 en eerdere gebruikers op OK om het dialoogvenster Tint / verzadiging te sluiten. Gebruikers van Photoshop CS4 en CS5 kunnen het deelvenster Aanpassingen open laten. En daarmee zijn we klaar! Hier, na het verhogen van de kleurverzadiging, is mijn uiteindelijke resultaat "foto naar gekleurde stippen":

Het eindresultaat.