I dag ska jag visa dig ett enkelt sätt att skapa ett upprepningsmönster i Photoshop CC. Det handlar om att skapa en konstgjord bricka som sedan kommer att upprepas sömlöst. Den här typen av illustrationssätt är bra för kläddesign, förpackningar, skrivbordstapeter och tapeter i verkligheten också! Det kan vara så komplext eller så subtilt som du vill.( Använd texturer för att skapa en retrolook )
- Inställning av dokument
- 2. Dra lagren till nytt dokument
- 3. Dra från ”Master”-dokumentet till ”untitled-1”
- 4. Omstorlek och omarrangemang av alla lager
- 5. Lageromvandling
- 6. Upprepa de tidigare stegen för att få fler lager
- 7. Arrangera alla lager
- Välja och ändra bakgrundsfärg
- 9. Spara den här färgen för framtida referens
- 10. Lägga till din färg i färgvalen
- Ändra bakgrundsfärg
- 13. Duplicera bilden
- 14. Dela upp lagren i fyra fjärdedelar med hjälp av linjaler
- 15. Tillämpa markeringsverktyg på lagret
- 16. Skapa ett nytt lager från ditt urval
- 17. Upprepa de tidigare stegen
- 18. Platta bilden
- 19. Att fylla ut luckorna
- 20. Platta bilden sista gången
- 21. Mönsterval
- 22. Välj det anpassade mönstret
- 23. Färdigt upprepningsmönster
Inställning av dokument
Först och främst ska du skapa ett nytt dokument. Storleken på detta kommer att avgöra hur stort ditt upprepningsmönster kommer att vara så var medveten om hur stort du behöver det vid detta tillfälle.
Om det kommer att skrivas ut i storformat måste du antagligen använda ett större dokument än min uppställning, men detta är bra som exempel. Oavsett vilken storlek du väljer måste du se till att det är en kvadrat. För exempeländamål väljer jag 1000px x 1000px i RGB (för webben, CMYK för utskrift) och 300 dpi. (För webben krävs i allmänhet bara 72 dpi, men jag kanske vill skriva ut det här senare, så jag väljer 300 dpi som standard för utskrift.)
2. Dra lagren till nytt dokument
Öppna nu en fil som jag redan tidigare gjort. Det är en affisch med massor av adidas-skor. Jag vill skapa ett upprepat mönster av några av skorna så jag kommer att dra lager från det här dokumentet till mitt nya kakeldokument.
3. Dra från ”Master”-dokumentet till ”untitled-1”
I mitt tränardokument har jag bestämt mig för vilka skor jag vill dra över så jag trycker på ”V” för att välja mitt pilverktyg. I lagerpanelen väljer du nu det lager du vill dra och för sedan din pekare tillbaka över dokumentet (bort från lagerpanelen), klicka och dra till toppen där din flikarmeny är och släpp det i ditt kakel-dokument. Se den röda markeringen i bilden nedan. Jag drar från master-dokumentet till untitled-1
4. Omstorlek och omarrangemang av alla lager
Nu fick jag mitt första lager i det nya kakeldokumentet och vi har stött på ett problem direkt. Det är alldeles för stort! Vi kommer att behöva ändra storlek och arrangera om alla lager som vi drar in ändå så det är praktiskt att veta hur man snabbt gör det!
5. Lageromvandling
Om du aktiverar lagret du vill omforma (i lagerpanelen klickar du bara på det) och sedan trycker på CMD+T (CTR+T i Windows) och en avgränsande box bör visas. Detta är genvägen till transformation (därav T). Liksom de flesta boxar i Photoshop, om du håller ned shift-tangenten när du ändrar storlek från hörnen kommer det att behålla proportionerna och inte förvränga bilden. När du har din önskade storlek klickar du på enter för att lämna transformationsrutan och fastställa din storlek. Kom ihåg att om du gör ditt lager för litet och försöker göra det större senare kommer det att bli pixligt och du måste dra tillbaka lagret från det tidigare dokumentet igen. Om du trycker på Enter för tidigt eller om bilden blir skev trycker du bara på CMD+Z (CTRL+Z) för att gå tillbaka ett steg. (Tygmönster)
6. Upprepa de tidigare stegen för att få fler lager
Nu har jag fått grepp om transformationsrutan och tänker upprepa de tidigare stegen ytterligare några gånger för att få fler lager att leka med i mitt kakeldokument
7. Arrangera alla lager
Jag har just dragit in lagren, nu är det dags att arrangera. Tänk på att upprepade mönster kan ses från alla möjliga vinklar när de skrivs ut för sitt avsedda projekt. Så att arrangera dem från alla vinklar (upp och ner, i sidled osv.) ger alltid ett bättre resultat.
Vad du vill göra är att arrangera dem runt om i dokumentet, men se till att ingen del av något lager rör vid sidorna! Experimentera också med storleken. Du kan behöva dra in fler lager från ditt andra dokument också.
Välja och ändra bakgrundsfärg
När jag nu har fått mina tränare arrangerade ska jag ändra färgen på min bakgrund. Jag vill att den ska matcha bakgrunden i mitt andra dokument. En mörkgrå färg. Så jag ska färgmatcha den.
Gå till ditt huvuddokument och klicka på ”B” för att välja penselverktyget. Om du håller muspekaren över den färg du vill ha och håller alt-tangenten intryckt bör en ögonpipssymbol dyka upp. När du klickar på färgen överförs den till din huvudfärg i verktygsfältet längst ner.
9. Spara den här färgen för framtida referens
Nu finns det några olika saker du kan göra om du vill spara den här färgen för senare. En av de enklaste metoderna är att gå till menyn högst upp och klicka på FENSTER>SVAROR.
När det här fönstret är öppet kommer du att se massor av små färgblock.
10. Lägga till din färg i färgvalen
Om du klickar i fönstret men bort från färgvalen (i det mörkgrå området) kommer din färg att sparas och läggas till längst ner i färgvalen, ett fönster kommer att visas och frågar dig om du vill namnge ditt val. Detta är mycket praktiskt när du arbetar med flera färger.
11- Okej, låt oss gå tillbaka till vårt kakeldokument. Om du går till ditt bakgrundslager i lagerpanelen ser du att det har ett lås på höger sida. Det betyder att du i stort sett inte kan göra något med det här lagret!
Ändra bakgrundsfärg
Om du nu klickar på den lilla FX-knappen längst ner i lagerpanelen, precis under ditt nyskapade lager, och väljer ”colour overlay” (färgöverlagring) från rullgardinsmenyn, bör ett nytt fönster visas.
Klickar du på den lilla färglådan till höger om ”blend mode” (blandningsläge), visas ett annat färgfönster. Klicka nu på din sparade färg i panelen för färgval och klicka på ”ok” i båda rutorna, din bakgrundsfärg bör ha ändrats. OBS; för att stänga av alla fx klickar du på den lilla ögongloben under lagret i lagerpanelen.
13. Duplicera bilden
Nu är jag ganska klar för det här avsnittet. Gå till lager i menyn högst upp, och längst ner i botten finns ett alternativ för att ”platta till bilden”. Klicka på detta för att platta till dokumentet. OBS; det kan vara värt att duplicera bilden vid detta tillfälle (IMAGE>DUPLICATE) eftersom tillplattningen är mycket destruktiv och om något går fel är det osannolikt att du kan återställa den tillbaka till denna punkt. Så det är alltid praktiskt att ha en säkerhetskopia. ( Jag skulle normalt sett inte rekommendera att man plattar till mitt i ett projekt, men det här projektet behöver plattas till i olika skeden så det är ett undantag från regeln)
14. Dela upp lagren i fyra fjärdedelar med hjälp av linjaler
Alla dina lager kommer nu att vara tillplattade. Vi måste nu dela upp dem i fyra fjärdedelar med hjälp av linjaler. För att aktivera linjaler klickar du på CMD+R (CTRL+R). Du bör nu ha linjaler till vänster och överst i ditt dokument.
Om du klickar på linjalen och drar ut den kommer du att skapa en blå markering. Jag vill att du drar ut en från varje sida och släpper den mitt i ditt dokument. Det bildar ett kors. Om du har aktiverat dina snapsguider bör Photoshop automatiskt fästa dem i mitten som standard. Om inte kan du använda linjalen för att mäta. Om du vill dölja markörerna när som helst klickar du bara på CMD+H.
15. Tillämpa markeringsverktyg på lagret
Nu vill jag att du väljer ditt markeringsverktyg genom att klicka på ”M” och drar från det övre vänstra hörnet in i markeringarna i mitten. Ditt urval kommer att snäppa in på de guider som du har skapat.
16. Skapa ett nytt lager från ditt urval
Klicka nu på CMD+J, detta kommer att skapa ett nytt lager från ditt urval. Stäng av ditt bakgrundslager och dra den nya kvadraten från det övre vänstra hörnet till det nedre högra hörnet. Stäng nu av det här lagret och slå på bakgrundslagret igen, se till att bakgrundslagret är aktivt genom att klicka på det.
17. Upprepa de tidigare stegen
Upprepa de tidigare stegen men den här gången väljer du det nedre vänstra, CMD+J för att göra ett lager från urvalet och dra detta till det övre högra hörnet. I princip byter vi ut alla rutor diagonalt. Gör så här för de återstående två hörnen.
18. Platta bilden
När du har gjort detta med alla fyra hörnen kan du gå vidare och platta bilden igen! Det är LAYER-FLATTEN IMAGE. Min bild ser nu ut så här:
19. Att fylla ut luckorna
Nästa steg är att fylla ut luckorna! Återigen rör inte sidorna med de nya lagren du drar in! som du kan se har jag försökt fylla ut så många luckor som möjligt genom att experimentera med storlekar.
20. Platta bilden sista gången
Nu plattar du bilden för tredje och sista gången. Välj ditt markeringsverktyg (M) och dra ett urval över hela dokumentet. Medan urvalet fortfarande är aktivt går du till EDIT>DEFINE PATTERN. Det ger dig möjlighet att namnge mönstret om du vill.
21. Mönsterval
Nu ska du testa det! Skapa ett nytt dokument, prova en A4-storlek, se till att det är större än ditt mönsterskivadokument. Klicka nu på M och använd markeringsverktyget för att göra ett urval över hela dokumentet. Håll inne shift och tryck på F5 ( eller gå bara till EDIT>FILL. En menyruta visas, använd rullgardinsmenyn i avsnittet ”innehåll” och välj PATTERN. (Bakgrundsmönster för webbdesign)
22. Välj det anpassade mönstret
Nu klickar du i mönstermenyn på miniatyren bredvid ”custom pattern” (anpassat mönster) och i rullgardinsrutan ska det mönster du just skapat vara sist i raden.
23. Färdigt upprepningsmönster
Klicka på OK och voila! Ditt nya dokument kommer att fyllas med ditt nya upprepningsmönster! (Geometriska mönster)