Ebben a Photoshop oktatóanyagban megtanuljuk, hogyan lehet egy fényképet színes pöttyökké alakítani a Photoshop egyik szűrőjével, egy rétegmaszkkal és egy egyszerű ismétlődő mintával, amelyet a semmiből készítünk. Itt fogom használni a Photoshop CS5-et, de a legújabb verziók működni fognak. A Photoshop CS6 és a CC (Creative Cloud) felhasználók azonban meg akarják nézni a teljesen frissített fotó beillesztése a színes pontok mintájává című részét.
Íme a kép, amelyet kezdtem:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop.jpg.webp)
Az eredeti fénykép.
És itt lesz, hogyan fog kinézni, amikor készen állunk:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-2.jpg.webp)
A végeredmény.
Hogyan készítsünk egy színes pontmintát egy fotóból
1. lépés: Másolja a háttérréteget
A Photoshopban újonnan megnyitott fotóval, ha a Rétegek panelen nézzük, látjuk, hogy jelenleg van egy réteg - a Háttérréteg - amely a réteg, amelyen a képünk ül:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop.gif)
Az eredeti kép a Rétegek panelen a Háttér rétegen helyezkedik el.
Kattintson a Háttérrétegre, és tartsa lenyomva az egérgombját, és húzza le a réteget a Rétegek panel alján található Új réteg ikonra (ez a ikon közvetlenül a kukától balra):
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-2.gif)
Kattintson és húzza a háttérréteget az Új réteg ikonra.
Engedje el az egérgombot, amikor a kézi kurzor az Új réteg ikon fölé fekszik. Ezzel a háttérrétegből másolatot készít, amelyet a Photoshop az eredeti fölé helyez:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-3.gif)
A háttérréteg egy példánya megjelenik az eredeti felett.
2. lépés: Helyezzen be egy új üres réteget a két létező réteg közé
Tartsa lenyomva a Ctrl (Win) / Command (Mac) gombot és kattintson a Rétegek panel alján található Új réteg ikonra (ugyanaz az ikon, amelyet az előző lépésben használtunk):
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-4.gif)
Tartsa lenyomva a Ctrl (Win) / Command (Mac) billentyűt, és kattintson az Új réteg ikonra.
Ez új üres réteget ad a dokumentumhoz. Általában a Photoshop új rétegeket helyez a jelenleg kiválasztott réteg fölé (amely esetünkben a Háttér másolási réteg volt), de ha lenyomva tartottuk a Ctrl (Win) / Parancs (Mac) gombot, miközben az Új réteg ikonra kattintottunk, azt mondtuk a Photoshopnak, hogy Helyezze helyette az új réteget. A Rétegek panelen láthatjuk, hogy van egy új, az 1. réteg nevű üres réteg, amely a Háttér és a Háttér másolás rétegek között ül:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-5.gif)
Az új réteg a két előző réteg között jelenik meg.
3. lépés: Töltse meg az új réteget fekete színűre
Töltsük meg az új réteget feketével, amely a háttér színévé válik. Menjen fel a Szerkesztés menübe a képernyő tetején, a menüsorban, és válassza a Kitöltés :
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-6.gif)
Lépjen a Szerkesztés> Kitöltés elemre.
Ez megnyitja a Photoshop kitöltése párbeszédpanelt. Változtassa meg a párbeszédpanel tetején található Használat lehetőséget Feketere :
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-7.gif)
Változtassa a Használat beállítást Feketere.
Ha befejezte a párbeszédpanelt, kattintson az OK gombra. Úgy tűnik, hogy semmi nem történt meg a dokumentumablakban, mivel a Háttér másolás réteg képe jelenleg blokkolja az 1. réteg nézetét, de az 1. réteg előnézeti miniatűrjében a Rétegek panelen láthatjuk, hogy a réteget szilárd feketével töltöttük meg:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-8.gif)
Az 1. réteg előnézeti képe azt mutatja, hogy a réteg most meg van töltve feketeval.
4. lépés: Válassza ki a Háttér másolás réteget
Kattintson a Rétegek panelen található Háttér másolás rétegre, hogy kiválassza és aktív réteggé tegye:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-9.gif)
Válassza a Háttér másolás réteget.
5. lépés: Helyezze be a mozaikszűrőt
Menjen fel a képernyő tetején található Szűrő menübe, válassza a Pixelate, majd a Mosaic lehetőséget :
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-10.gif)
Lépjen a Szűrő> Pixelate> Mozaik elemre.
A Mosaic szűrő pixelete a képet úgy, hogy egyszínű négyzetek sorozatává alakítja. A négyzetek méretét a Szűrő párbeszédpanel alján található Cella méret opcióval állíthatjuk be. A nagyobb értékek nagyobb négyzeteket hoznak létre. Kisebb értékek, kisebb négyzetek. Ezek a négyzetek végül színes pontjainkká válnak, ezért a sejtméret értékét a végső effektusban kívánt színes pontok számának és méretének alapján kell beállítania. Ez eltarthat egy kis próba-és hibalehetőségig, hogy a dolgok rendben legyenek. A cellaméret értékét 20-ra állítom. Ügyeljen arra, hogy emlékezzen a használt pontos értékre, mert egy pillanat alatt újra szüksége lesz rá:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-11.gif)
Ne feledje, hogy milyen értéket adott meg a Cellaméret opcióhoz.
Kattintson az OK gombra a párbeszédpanel bezárásához. A képének pixeleknek kell lennie:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-3.jpg.webp)
A kép a mozaik szűrő alkalmazása után.
6. lépés: Hozzon létre egy új dokumentumot
Tegyük félre egy pillanatra képünket, és hozzuk létre az ismétlődő pontmintázatot. Ehhez szükség lesz egy új Photoshop dokumentumra, tehát lépjen a képernyő tetején található Fájl menübe, és válassza az Új lehetőséget :
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-12.gif)
Lépjen a Fájl> Új elemre.
Megnyílik az Új dokumentum párbeszédpanel. Állítsa be a dokumentum szélességét és magasságát ugyanarra az értékre, amelyet a Mozaik szűrő párbeszédpanel Cellaméret opciójára megadott. Saját esetemben a cellaméretet 20-ra állítottam, tehát a szélesség és a magasság beállításokat 20 pixelre állítanám. Ezzel létrejön egy új dokumentum, amely pontosan ugyanolyan méretű, mint a képen látható négyzet. Ne aggódjon a Felbontás érték miatt, de ellenőrizze, hogy a Háttér tartalma Fehérre van-e állítva:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-13.gif)
Állítsa be a szélességet és a magasságot ugyanarra az értékre, amelyet megadott a cellamérethez. Győződjön meg arról, hogy a mérési típus pixelekre van állítva.
Ha befejezte a párbeszédpanelt, kattintson az OK gombra. Az új dokumentum megjelenik a képernyőn. Mivel a dokumentum valószínűleg nagyon kicsi, tartsa lenyomva a Ctrl + szóközt (Win) / Command + szóköz (Mac) a billentyűzeten, hogy ideiglenesen átvált a Photoshop Zoom eszközre (az egérmutatója nagyítóvá válik, pluszjelrel a középső), majd néhányszor kattintson a dokumentum belsejére, hogy ránagyítson. Itt nagyítottam 1600% -ra:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-14.gif)
Nagyítsa be az új dokumentumot, hogy megkönnyítse a következő lépéseket.
7. lépés: Válassza ki az Elliptikus Marquee eszközt
Az Eszközök panelen válassza az Elliptikus jelölő eszközt . Alapértelmezés szerint a Rectangular Marquee Tool mögé rejtőzik, tehát kattintson a Téglalap alakú Marquee eszközre, és tartsa lenyomva az egérgombot egy-két másodpercig, amíg megjelenik a kiugró menü, majd válassza a listából az Elliptikus Marquee eszközt:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-15.gif)
Kattintson és tartsa lenyomva a Téglalap alakú sáv eszközt, majd válassza ki az ellipszis sáv szerszámot a kiugró menüből.
8. lépés: Rajzoljon körkörös választást
A kézben lévő ellipszis alakító eszköznél tartsa lenyomva a Shift billentyűt, kattintson a dokumentum bal felső sarkában, és tartsa lenyomva az egérgombot, majd húzza átlósan lefelé a dokumentum jobb alsó sarkába, hogy körvonalas rajzoljon. . A Shift billentyű lenyomva tartásával húzza a kiválasztási körvonalat tökéletes körbe. Ha át kell helyeznie a kiválasztási vázlatot rajzolása közben, tartsa lenyomva a szóközt, húzza a vázlatot helyére az egérrel, majd engedje el a szóközt és folytassa. Ha kész, a kiválasztási körvonalak széleinek meg kell érniük a dokumentum széleit, hogy azok szélessége és magassága ugyanolyan legyen, mint maga a dokumentum:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-16.gif)
Húzza ki a kör alakú választást a dokumentumon belül.
9. lépés: Töltse ki a választást feketével
Menjen vissza a képernyő tetején található Szerkesztés menübe, és válassza ismét a Kitöltés menüpontot, ahogyan a 3. lépésben tettük. A Használat opciót már feketere kell állítani, mivel erre változtattuk utoljára, tehát egyszerűen kattintson Az OK gombra kattintva bezárhatja a Kitöltés párbeszédpanelt. A Photoshop feketével kitölti a dokumentumban a kiválasztási vázlatot. Nyomja meg a Ctrl + D (Win) / Command + D (Mac) billentyűzetet a terület gyors kijelölésének megszüntetéséhez és a kiválasztási körvonal eltávolításához.
Ha a Photoshop CS4 vagy a CS5 szoftvert használja, és messzire nagyította a dokumentumot, mint én, akkor a fekete körön megjelenik egy rácsvázlat (pixelrács néven ismert). A pixelrács új jellemzője a CS4-nek, és egyszerűen csak vizuális segédeszköz, amikor nagyított a dokumentumba. Ez nem része a képnek, és eltűnik, amikor a képet a tényleges méreténél nézi, ezért csak hagyja figyelmen kívül. A rács nem jelenik meg, ha a Photoshop CS3 vagy korábbi verziót használja:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-17.gif)
A dokumentum (még mindig nagyítva 1600% -ra), miután kitöltötte a kiválasztási vázlatot fekete színben.
10. lépés: Fordítsa meg a színeket a dokumentumban
Menjen a képernyő tetején található Kép menübe, válassza a Beállítások, majd az Invertálás lehetőséget :
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-18.gif)
Lépjen a Kép> Beállítások> Invertálás elemre.
Ez megfordítja a dokumentum színét, a fekete és a fehéres területeket feketévé téve:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-19.gif)
Maga a kör már fehér, míg a sarok területei feketévé válnak.
11. lépés: Adja meg a kör mintát
Menjen fel a képernyő tetején található Szerkesztés menübe, és válassza a Minta meghatározása lehetőséget :
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-20.gif)
Lépjen a Szerkesztés> Minta meghatározása elemre.
A Photoshop felbukkan egy párbeszédpanelt, amelyben felkéri minket az új minta megnevezésére. Adja meg a minta leíró nevét. A "Circle 20x20" bányámat fogom nevezni, mivel a dokumentum mérete 20 px / 20 px. Előfordulhat, hogy több körmintát hoz létre, mindegyik különböző méretű, ezért érdemes a névre felvenni a dokumentum méretét:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-21.gif)
Adjon nevet a mintának.
Ha befejezte a párbeszédpanelt, kattintson az OK gombra. Úgy tűnik, hogy semmi nem történt, de a Photoshop már mintázatként mentette a dokumentumot. Ezen a ponton bezárhatja a körei dokumentumból, mivel már nincs rá szükségünk. Nem kell elmentenie, ezért válassza a Ne mentse el lehetőséget, amikor a Photoshop megkérdezi, szeretné-e elmenteni a dokumentumot, mielőtt bezárná.
12. lépés: Adjon hozzá egy rétegmaszkot a háttér másolási réteghez
Váltson vissza a fő dokumentumra, és ellenőrizze, hogy a Háttér másolás réteg ki van-e választva a Rétegek panelen. Kattintson a Rétegek maszk hozzáadása ikonra a Rétegek panel alján:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-22.gif)
A Háttér másolás réteg kiválasztása után kattintson a Rétegmaszk hozzáadása ikonra.
Úgy tűnik, hogy semmi sem történt a dokumentumban, de egy fehér töltött rétegmaszk-bélyegkép jelenik meg a Rétegek panelen a Háttér másolás rétegben, tudatva velünk, hogy hozzáadtuk a rétegmaszkot. Vegye figyelembe, hogy a bélyegkép körül vékony kiemelési szegéllyel rendelkezik. Ez azt mondja nekünk, hogy maga a rétegmaszk van kiválasztva:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-23.gif)
Egy rétegmaszk-bélyegkép jelenik meg a háttér-másolási rétegen.
13. lépés: Töltse fel a rétegmaszkot a körmintával
Ismételje meg a képernyő tetején lévő Szerkesztés menüt, és válassza a Kitöltés lehetőséget . Ezúttal változtassa meg a Használat beállítást Fekete-ről Minta-ra :
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-24.gif)
Változtassa a Használat opciót Minta értékre.
Kattintson az Egyedi minta előnézeti miniatűrjére a használni kívánt minta kiválasztásához:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-25.gif)
Kattintson az Egyedi minta miniatűrre.
Ez megnyitja a Mintaválasztót . Válassza ki az általunk létrehozott körmintát a bélyegképére kattintva. Ez legyen a lista utolsó miniatűrje. Ha engedélyezte az eszközöket a Photoshop Preferenciáiban, akkor a minta neve megjelenik, amikor az egérmutatót az indexkép fölé vövi:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-26.gif)
Kattintson a körmintázat bélyegképére a kiválasztásához.
Miután kiválasztotta a mintát, kattintson az OK gombra, hogy bezárja a Kitöltés párbeszédpanelt. A Photoshop kitölti a rétegmaszkot körmintával, és a kép most színes pontok mintájából áll:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-4.jpg.webp)
A kép a rétegmaszk kitöltése után az ismétlődő körmintával.
Közelebb nagyítom a képet, így könnyebben láthatjuk a hatást. A kép minden pontja egy egyszínű, a korábban alkalmazott Mosaic szűrőnek köszönhetően. A köröket körülvevő fekete terület a kép alatti 1. rétegből származik (amelyet a 3. lépésben feketével töltöttünk meg):
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-5.jpg.webp)
A hatás részletesebb áttekintése.
14. lépés: Adjon hozzá árnyalat / telítettség-beállítási réteget (opcionális)
Opcionális utolsó lépésként kissé javíthatjuk a hatást, növelve a kép színtelítettségét. Kattintson az Új kiigazítási réteg ikonra a Rétegek panel alján:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-27.gif)
Kattintson az Új beállítási réteg ikonra.
Válasszon egy árnyalat / telítettség- beállítási réteget a megjelenő listából:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-28.gif)
Válassza a Hue / Saturation elemet a beállítási rétegek listájából.
Ha a Photoshop CS3 vagy korábbi verziót használja, a Színárnyalat / telítettség párbeszédpanel nyílik meg a képernyőn. A Photoshop CS4 és CS5 felhasználók számára az árnyalat / telítettség beállítási rétegének vezérlőelemei megjelennek a Beállítások panelen. Mindkét esetben növelje a kép színtelítettségét a Telítettség csúszkájára kattintva és jobbra húzva. Minél tovább húzza jobbra, annál telítebbé válnak a színek. +20-ra fogom növelni a telítettséget:
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-29.gif)
Húzza jobbra a Saturation csúszkát, hogy növelje a kép színtelítettségét.
A Photoshop CS3 és korábbi felhasználók esetén kattintson az OK gombra, hogy bezárja a Színárnyalat / telítettség párbeszédpanelt. A Photoshop CS4 és CS5 felhasználók nyitva hagyhatják a Beállítások panelt. És ezzel elkészültünk! Itt, a színtelítettség fokozása után, a végső eredményem: "fotó a színes pontokhoz":
![](https://cdn.education-wiki.com/img/photoshop-photo-effects/4180250/photo-to-colored-dot-pattern-with-photoshop-2.jpg.webp)
A végeredmény.