I denna Photoshop-lärdom kommer vi att lära dig hur du förvandlar ett foto till ett mönster av färgade prickar med ett av Photoshops filter, en lagermask och ett enkelt upprepande mönster som vi skapar från grunden. Jag kommer att använda Photoshop CS5 här men alla senaste versioner fungerar. Men användare av Photoshop CS6 och CC (Creative Cloud) vill kolla in den fullständigt uppdaterade Turn A Photo in a Pattern of Colored Dots-handledning.
Här är den bild jag ska börja med:
Det ursprungliga fotot.
Och här kommer det att se ut när vi är klara:
Det slutliga resultatet.
Hur man skapar ett färgat prickmönster från ett foto
Steg 1: Duplicera bakgrundsskiktet
Med det nyligen öppnade fotot i Photoshop ser vi att vi för närvarande har ett lager - bakgrundsskiktet - som är det lager som vår bild sitter på:
Den ursprungliga bilden sitter på bakgrundsskiktet i panelen Lager.
Klicka på bakgrundsskiktet och dra musknappen nedtryckt och dra ner lagret på ikonen Nytt lager längst ner på panelen Lager (det är ikonen direkt till vänster om papperskorgen):
Klicka och dra bakgrundsskiktet ner till ikonen Nytt lager.
Släpp musknappen när handmarkören är över ikonen Nytt lager. Detta gör en kopia av bakgrundsskiktet som Photoshop placerar ovanför originalet:
En kopia av bakgrundsskiktet visas ovanför originalet.
Steg 2: Lägg till ett nytt tomt lager mellan de två befintliga lagren
Håll ned Ctrl (Win) / Command (Mac) -tangenten och klicka på ikonen Nytt lager längst ner på panelen Lager (samma ikon som vi använde i föregående steg):
Håll ned Ctrl (Win) / Command (Mac) och klicka på ikonen Nytt lager.
Detta lägger till ett nytt tomt lager till dokumentet. Normalt placerar Photoshop nya lager ovanför det lager som för närvarande är valt (som i vårt fall var bakgrundskopieringslagret), men genom att hålla ned Ctrl (Win) / Command (Mac) -tangenten medan vi klickade på ikonen Nytt lager, berättade vi Photoshop att placera det nya lagret under det istället. Vi kan se i panelen Lager att vi nu har ett nytt tomt lager med namnet lager 1 som sitter mellan bakgrunds- och bakgrundskopieringslagren:
Det nya lagret visas mellan de två tidigare lagren.
Steg 3: Fyll det nya lagret med svart
Låt oss fylla det nya lagret med svart som blir bakgrundsfärgen för effekten. Gå upp till menyn Redigera i menyfältet längst upp på skärmen och välj Fyll :
Gå till Redigera> Fyll.
Detta öppnar Photoshop's Fyll-dialogruta. Ändra alternativet Använd längst upp i dialogrutan till svart :
Ändra alternativet Använd till svart.
Klicka på OK när du är klar för att stänga ur dialogrutan. Ingenting verkar ha hänt i dokumentfönstret eftersom bilden på bakgrundskopieringsskiktet blockerar för närvarande lager 1 från vyn, men vi kan se i lager 1: s förhandsvisningsminiatur i panelen Lager som vi har fyllt skiktet med helt svart:
Layer 1: s förhandsvisningsminiatur visar att lagret nu är fyllt med svart.
Steg 4: Välj bakgrundskopieringslagret
Klicka på bakgrundskopieringsskiktet i panelen Lager för att välja det och göra det till det aktiva lagret:
Välj bakgrundskopieringslager.
Steg 5: Applicera mosaikfiltret
Gå upp till filtermenyn längst upp på skärmen, välj Pixelate och välj sedan Mosaik :
Gå till Filter> Pixelate> Mosaic.
Mosaikfiltret pixelerar en bild genom att förvandla den till en serie med färgade rutor. Vi kan ställa in storleken på rutorna med hjälp av alternativet Cellstorlek längst ner i filtrets dialogruta. Större värden skapar större rutor. Mindre värden, mindre rutor. Dessa rutor blir så småningom våra färgade prickar, så du vill ställa in ditt cellstorleksvärde baserat på antalet och storleken på de färgade prickar du vill ha i din slutliga effekt. Det kan ta lite prov och fel för att få rätt saker. Jag ska ställa in mitt cellstorlek till 20 . Se till att du kommer ihåg det exakta värdet du använde eftersom vi behöver det igen om ett ögonblick:
Kom ihåg värdet du angav för alternativet Cellstorlek.
Klicka på OK för att stänga ur dialogrutan. Din bild ska nu se pixelat ut:
Bilden efter applicering av mosaikfiltret.
Steg 6: Skapa ett nytt dokument
Låt oss lägga vår bild åt sidan och skapa vårt upprepande prickmönster. För det behöver vi ett nytt Photoshop-dokument, så gå upp till Arkiv- menyn högst upp på skärmen och välj Ny :
Gå till Arkiv> Nytt.
Detta öppnar dialogrutan Nytt dokument. Ställ in både bredd och höjd på dokumentet till samma värde som du angav för alternativet Cellstorlek i dialogrutan Mosaikfilter. I mitt fall ställer jag in min cellstorlek till 20 så jag ställer in mina bredd- och höjdalternativ till 20 pixlar vardera. Detta skapar ett nytt dokument som har exakt samma storlek som rutorna i vår bild. Oroa dig inte för upplösningsvärdet men se till att bakgrundsinnehåll är inställt på vit :
Ställ in din bredd och höjd på samma värde som du angav för cellstorleken. Se till att måttypen är inställd på pixlar.
Klicka på OK när du är klar för att stänga ur dialogrutan. Ditt nya dokument kommer att visas på skärmen. Eftersom ditt dokument troligen är väldigt litet håller du ner Ctrl + mellanslag (Win) / Kommando + mellanslag (Mac) på tangentbordet för att tillfälligt växla till Photoshops zoomverktyg (muspekaren kommer att ändras till ett förstoringsglas med ett plustecken i mitt) och klicka sedan några gånger inuti dokumentet för att zooma in på det. Här har jag zoomat in till 1600%:
Zooma in på ditt nya dokument för att underlätta nästa steg.
Steg 7: Välj verktyget Elliptical Marquee
Välj Elliptical Marquee Tool från Verktygspanelen . Som standard gömmer det sig bakom det rektangulära markeringsverktyget, så klicka på det rektangulära markeringsverktyget och håll ner musknappen i en sekund eller två tills en utflygningsmeny visas och välj sedan det Elliptiska markeringsverktyget från listan:
Klicka och håll på det rektangulära markeringsverktyget och välj sedan det Elliptiska markeringsverktyget från fly-out-menyn.
Steg 8: Rita ett cirkulärt val
Med Elliptical Marquee Tool i handen håller du ned Skift- tangenten, klickar i dokumentets övre vänstra hörn och drar med musknappen diagonalt ner till dokumentets nedre högra hörn för att rita en cirkulär markering . Håll Shift-tangenten nere när du drar kommer att tvinga markeringsomfattningen till en perfekt cirkel. Om du behöver flytta om markeringsplanen när du ritar den, håll ner mellanslagsfältet, dra konturen på plats med musen och släpp sedan mellanslagsfältet och fortsätt. När du är klar bör kanterna på markeringsplanen beröra dokumentets kanter så att det är samma bredd och höjd som själva dokumentet:
Dra ut ett cirkulärt val i dokumentet.
Steg 9: Fyll markeringen med svart
Gå tillbaka till redigeringsmenyn högst upp på skärmen och välj än en gång Fyll, precis som vi gjorde i steg 3. Användningsalternativet bör redan vara inställt på svart eftersom det är vad vi ändrade det till förra gången, så bara klicka OK för att stänga ur dialogrutan Fyll. Photoshop fyller markeringsomfattningen i dokumentet med svart. Tryck på Ctrl + D (Win) / Command + D (Mac) på tangentbordet för att snabbt avmarkera området och ta bort markeringen.
Om du använder Photoshop CS4 eller CS5 och du har zoomat långt in i ditt dokument som jag har, kommer du att se en rasterlinje (känd som pixelrutnätet ) visas genom den svarta cirkeln. Pixel-rutnätet är en ny funktion i CS4 och är helt enkelt ett visuellt hjälpmedel när du har zoomat in i ditt dokument. Det är inte en del av själva bilden och kommer att försvinna när du tittar på bilden i dess verkliga storlek, så bara ignorera den. Rutnätet visas inte om du använder Photoshop CS3 eller tidigare:
Dokumentet (fortfarande zooma in till 1600%) efter att ha fyllt urvalsomfattningen med svart.
Steg 10: Invertera färgerna i dokumentet
Gå upp till bildmenyn längst upp på skärmen, välj Justeringar och välj sedan Invertera :
Gå till Bild> Justeringar> Invertera.
Detta inverterar färgerna i dokumentet, vilket gör de svarta områdena vita och de vita områdena svarta:
Själva cirkeln är nu vit, medan hörnområdena blir svarta.
Steg 11: Definiera cirkeln som ett mönster
Gå upp till menyn Redigera högst upp på skärmen och välj Definiera mönster :
Gå till Redigera> Definiera mönster.
Photoshop öppnar en dialogruta där vi ber oss att namnge det nya mönstret. Ge mönstret ett beskrivande namn. Jag kommer att namnge mina "Circle 20x20" eftersom storleken på mitt dokument är 20 px med 20 px. Du kan i slutändan skapa fler cirkelmönster, alla i olika storlekar, så det är en bra idé att inkludera dokumentets storlek i namnet:
Ge mönstret ett namn.
Klicka på OK när du är klar för att stänga ur dialogrutan. Det verkar inte som om något har hänt, men Photoshop har nu sparat dokumentet som ett mönster. Du kan stänga ur cirkeldokumentet just nu eftersom vi inte längre behöver det. Du behöver inte spara det, så välj inte Spara när Photoshop frågar om du vill spara dokumentet innan du stänger det.
Steg 12: Lägg till en lagermask i bakgrundskopieringsskiktet
Byt tillbaka till ditt huvuddokument och se till att bakgrundskopieringslagret är valt i panelen Lager. Klicka på ikonen Lägg till lagermask längst ner på panelen Lager:
När bakgrundskopieringsskiktet är valt klickar du på ikonen Lägg till lagermask.
Återigen verkar ingenting ha hänt i dokumentet, men en vitfylld skiktmask-miniatyr visas på bakgrundskopieringsskiktet i panelen Lager, så att vi får veta att vi har lagt till lagermasken. Lägg märke till att miniatyren har en tunn markeringskant runt sig. Detta säger att själva lagermasken är vald:
En lagermask-miniatyr visas på bakgrundskopieringsskiktet.
Steg 13: Fyll lagermasken med cirkelmönstret
Gå igen upp till Redigeringsmenyn längst upp på skärmen och välj Fyll . Den här gången ändrar du alternativet Använd från svart till mönster :
Ändra alternativet Använd till Mönster.
Klicka på den förhandsgranska miniatyrbilden för anpassat mönster för att välja det mönster du vill använda:
Klicka på miniatyren för anpassat mönster.
Detta öppnar Mönsterväljaren . Välj cirkelmönstret vi just skapade genom att klicka på miniatyrbilden. Det bör vara den sista miniatyrbilden i listan. Om du har verktygstips aktiverade i Photoshopps inställningar visas namnet på mönstret när du håller muspekaren över miniatyren:
Klicka på cirkelmönsterets miniatyr för att välja den.
Klicka på OK när du har valt ditt mönster för att stänga ur dialogrutan Fyll. Photoshop fyller lagermasken med cirkelmönstret, och vår bild består nu av ett mönster med färgade prickar:
Bilden efter att ha fyllt skiktmask med det repeterande cirkelmönstret.
Jag zoomar in närmare bilden så att vi kan se effekten lättare. Varje prick i bilden består av en enda fast färg tack vare det Mosaic-filter vi använde tidigare. Det svarta området som omger cirklarna är från lager 1 under bilden (som vi fyllde med svart tillbaka i steg 3):
En närmare bild av effekten.
Steg 14: Lägg till ett justeringslager för nyans / mättnad (valfritt)
Som ett valfritt sista steg kan vi förbättra effekten lite genom att öka färgmättnaden i bilden. Klicka på ikonen Nytt justeringslager längst ner på panelen Lager:
Klicka på ikonen Nytt justeringslager.
Välj ett justeringslager för nyans / mättnad i listan som visas:
Välj nyans / mättnad i listan över justeringslager.
Om du använder Photoshop CS3 eller tidigare öppnas en dialogruta för färgton / mättnad på skärmen. För användare av Photoshop CS4 och CS5 visas kontrollerna för justeringslagret för nyans / mättnad i panelen Justeringar. I båda fallen kan du öka färgmättnaden i bilden genom att klicka på reglaget Saturation och dra den åt höger. Ju längre du drar till höger, desto mer mättade kommer färgerna att bli. Jag kommer att öka min mättnad till +20 :
Dra skjutreglaget Mättnad åt höger för att öka färgmättnaden i bilden.
För Photoshop CS3 och tidigare användare, klicka på OK för att stänga av dialogrutan Nyans / mättnad. Photoshop CS4 och CS5 användare kan lämna panelen Justeringar öppna. Och med det är vi klara! Här, efter att ha ökat färgmättnaden, är mitt slutliga "foto till färgade prickar" resultat:
Det slutliga resultatet.