Testa tapetmönster i Photoshop

Går du i tapettankar eller är du nyfiken på hur ditt mönster fungerar på väggen? Att tapetsera i Photoshop är ett kul sätt testa sitt mönster, och extra spännande blir det i perspektiv. I den här guiden visar jag en metod för att testa tapetmönster i Photoshop genom att använda sig av filtret ‘Vanishing point’. 

 

steg1-stodlinjer

1. Hitta en bild på lämpligt rum med vita väggar. Rita ut tillfälliga stödlinjer om kanterna är otydliga. Jag använder ‘Pen Tool’ med ‘Make: Shape’ i kryssat.

 

steg2-vanishingpoint

2. Gör sedan ett nytt  lager och välj sedan ‘Filter > Vanishing Point…’. Börja med att markera den ena väggens fyra hörn med  ‘Create Plane Tool’. Justera efter stödlinjerna med ‘Edit Plane Tool’  tills planet blir blått.

 

steg3-vanishingpoint

3. Välj ‘Create Plane Tool’ igen för att dra ut ett nytt plan. Klicka och dra från hörnet med ‘alt’ nedtryckt.

 

steg4-justerakanterna

4. Justera kanterna med ‘Edit Plane Tool’. Tryck Ok när du är nöjd.

 

steg5-pattern

5. Skapa ett nytt större dokument och  klistra in ditt tapetmönster (shift + backspace, välj ‘Use: Pattern’). Markera allt (cmd + A) och klipp ut lagret (cmd + X).

Läs denna guide om att göra mönster i Photoshop om du behöver hjälp med att skapa mönsterrapporten.

 

steg6-tapetsera-med-vanishing-point

6. Gå tillbaka till det första dokumentet, välj ‘Filter > Vanishing Point…’ igen. Klistra in mönstret (cmd + v). Mönstret lägger sig då över hela bilden men genom att klicka och dra ned mönsteret – så hoppar det på plats. För minska storleken använd ‘Transform Tool’. Kom ihåg att hålla ned ‘shift’ för att behålla proportionerna. Tryck Ok när du är nöjd.

 

steg7-pattern

7. Nu hamnar tapeten framför alla objekt och behöver en lagermask. Börja med att släcka lagret med mönstret. Använd ‘Pen Tool’ (med ‘Path’ förvalt) och rita längs de objekt som inte ska tapetseras. Tryck ‘Make: Selection’.

 

steg8-tapetsera-om-i-photoshop

8. Tänd mönsterlagret och lägg på en lagermask Skärmavbild 2014-04-01 kl. 17.29.47. Invertera masken om det behövs (cmd + I). Ändra sedan blandningsläget till ‘multiply’.

 

RESULTATET:

testa-tapetmonster-i-photoshop

 

Att göra mönster i Photoshop #2

För nästan ett år sedan skrev jag ett guide om att göra mönster i Photoshop och nu kommer uppföljaren. Grundprincipen, att flytta runt motivet för att göra skarvarna mindre framträdande, är densamma. Men jag har under lite experimenterande kommit fram till en smidigare metod som jag använder istället.

 

ATT GÖRA MÖNSTER I PHOTOSHOP:

steg1

1. Skapa ett nytt dokument. Det här är 540 x 470 pixlar. Placera sedan motivet innanför kanterna.

 

steg2

2. Gå till ‘Filter > Other > Offset…’ och sätt det horisontella/vertikala värdet till hälften av bredden/höjden av dokumentet. Eftersom mitt dokument är 540 pixlar brett så blir det horisontella värdet -270. Se till att ‘Wrap Around’ är markerat.

 

steg3

3. Fyll mellanrummet och kopiera till ett nytt lager, genom att trycka shift+alt+cmd+E med ett nytt lager markerat.

 

steg4

4. Flytta om motivet igen genom att välja ‘Filter > Other > Offset…’ och dra ned ett värde till 0.

 

steg5

5. Fyll mellanrummet och spara sedan mönstret: ‘Edit > Define Pattern…’.

 

steg6

6. Öppna ett nytt, större dokument för att se resultatet. Skapa ett nytt lager och dubbelklicka för att få upp ‘Layer Style’-rutan. Välj det nya mönstret under fliken ‘Pattern Overlay’. Testa dig fram med storleken på mönsterrapporten genom att att ändra värdet under ‘Scale’.

 

steg7

7. Klart!

 

PHOTOSHOP ELLER ILLUSTRATOR?

Photoshop och Illustrator är båda bra program för att göra mönster, men man kan fundera på ett par saker. Photoshop lämpar sig bättre för pixelgrafik, så om man till exempel använder scannade bilder eller foton, skulle jag välja Photoshop. Arbetar man med objektgrafik lämpar sig Illustrator CS6 bättre. Då kan man dessutom använda Pattern-verktyget som är riktigt grymt! Jag tycker det är smart att lära sig göra mönster i båda programmen om man gör mönster ofta. Annars kan man alltid välja det program som man trivs bäst med.

Just i den här guiden har jag använt objektgrafik, inte speciellt pedagogiskt kanske, eftersom jag lika gärna kunnat använda Illustrator CS6. Jag ville främst dela med mig av metoden för att göra mönster i Photoshop. Men, eftersom exakt samma mönster går att återskapa i Illustrator CS6 (fast med fler möjligheter) tänker jag göra en uppföljande guide om det senare…

 

Scripted Patterns i Photoshop CS6

Nytt i Photoshop CS6 är ‘Scripted Patterns’ som man kan använda med ‘Pattern Fill’. Det ger lite alternativ (fem stycken) till hur mönstret upprepar sig. Så nu kan man göra lite häftigare rapporteringar – men tyvärr är det inte allt man kunde önska. Det är svårt att påverka resultatet och dessutom läggs nya färger på, något som man måste anpassa sig efter. Jag gillar ändå funktionen, den är trots allt kul och rätt användbar. I den här guiden tänkte jag gå igenom hur de olika rapporteringarna ser ut och fungerar.

 

steg1
1. Första steget är att skapa sig ett mönster att använda. För att spara mönstret, markera (M) och välj ‘Edit > Define Pattern…’

 

steg2
2. I ett nytt och större dokument är det bara att testa resultatet. Skapa ett nytt lager, tryck shift + backspace för att få upp dialogrutan för ‘Fill’. Välj det nya mönstret och tryck ok. Rapporteringen är som vanligt i raka led.

 

steg3
3. På ett nytt lager har jag här testat att kryssa i ‘Scripted Patterns’ och valt ‘Brick Fill’. Två saker händer med mönstret, det förskjuts och får nya färgfält. Jag tror att tanken med färgfälten är att ge mer liv och dimension till mönstret – men det borde vara valbart. Problemet här är framförallt den vita bakgrunden.

 

steg4

4. För att få bort de kantiga färgfälten skapar jag en ny rapport med transparent bakgrund.

 

steg5

5. Tillbaka i det större dokumentet. Jag väljer ‘Scripted Patterns > Brick Fill’ igen och resultatet blir mycket bättre! De nya färgerna passar bra för höstlöv och tillför lite mer dynamik.

 

steg6

6. Här använder jag ‘Cross Weave’. Nu blir rapporten är inte längre förskjuten, utan roteras istället 90 grader.

 

steg7

7. Nästa lager fyller jag med ‘Random Fill’. Mönsterdelen roteras, skalas och placeras ut på random. Fränt!

 

steg8

8. ‘Spiral’ är lite speciell – det är nämligen det enda alternativet som inte applicerar färgfälten. Som namnet antyder (och bilden halvt visar) läggs objekten ut i en spiral.

 

steg9

9. Sist i listan är ‘Symmetry Fill’ och den ger också ganska oväntade resultat.

 

SLUTRESULTAT:

resultat

Här har jag använt tre olika lager med mönster samtidigt – ‘Brick Fill’, ‘Cross Weave’ och ‘Spiral’. Jag har även mixtrat med ‘Levels’ och ‘Hue/Saturation’ för att poppa till bilden.

 

 

Från streck till mönster i Indesign CS6

Hittade en samling avsnitt på Lynda.com som jag fastnade för: InDesign FX. Det visar funktioner i Indesign för att göra små design projekt på under tio minuter. Ett klipp visar hur man går från ett streck till mönster,  genom att rotera och spegelvända strecket. Fastnade direkt, för det är  i princip omöjligt att göra samma mönster två gånger eftersom strecken är slumpmässiga. Visar nu i Indesign men det går att göra exakt samma sak i Photoshop eller Illustrator, fast med lite andra kortkommandon.

 

steg1
1. Öppna Indesign. Använd ‘Pen Tool‘ och gör ett krokigt, vertiklat streck. Sätt referenspunken till center-botten.

 

steg2
2. Använd ‘Rotate Tool‘‘, dubbelklicka på ikonen för att få upp dialogrutan. Välj rotera i 10° (eller annat tal som går jämt ut med 360).

 

steg3
3. Tryck alt + kringla + 4 för att duplicera objektet tills det blir en jämn cirkel (här 34 gånger).

 

steg4
4. Markera allt och gruppera (kringla + G). För att få en jämnare och mer symmetriskt mönster kan man lägga en spegelvänt mönster ovanpå. Markera objektet, sätt referenspunkt till center-center, håll ner alt-knappen och tryck på ikonen ‘Flip Horisontal’.

 

steg5
5. Det är hela principen, men vi kan fortfarande leka vidare! Tillexempel kan man ändra ‘Stroke‘ till ‘Type: Japanese Dots‘, som på bilden till vänster. Eller fylla objektet med en färg som bilden till höger. Eller varför inte börja om från början och göra fler.

 

steg6

 

Gjorde dessa lite snabbt, gillar spetskänslan.

Från pappersklipp till mönster i Illustrator CS6

Jag tycker att det är både enkelt och kul att göra mönster i Illustrator CS6  med det nya ‘Pattern’-verktyget. Om man jobbar i Illustrator är det lätta att börja rita upp allt i datorn, men det blir lite tråkigt i längden. Här tänkte jag visa hur man lätt kan göra mönster i Illustrator från pappersklipp istället.

DU BEHÖVER:

  • Penna
  • Vitt papper
  • Svart papper
  • Skalpell/sax
  • Kamera/scanner
  • Illustrator CS6
  • Bildbehandlingsprogram (tex. Photoshop)

1. Vik det vita arket på mitten. I detta exempel viker jag papperet en gång, vilket ger en symmetri längs mittlinjen, men det är fritt fram att vika papperet flera gånger. Rita upp mönstret med den vikta kanten som utgångspunkt.
illustrator mönster steg 1

 

2. Skär eller klipp ut mönstret. I det här mönstret vill jag ha flera former, så jag gör några till på samma sätt.

illustrator mönster steg 2

illustrator mönster steg 2

 

3. Lägg utklippen mot ett svart papper och fotografera eller scanna. Använd tyngder eller lim för att få utklippen att ligga platt.

illustrator mönster steg 3

 

4. Öppna i bilderna i Photoshop och beskär bilderna precis runt motivet. Använd eventuellt ‘Image > Adjustustments > Levels’ för att få det svarta partierna riktigt svart.

illustrator mönster steg 4

5. Öppna Illustrator, och placera in en bild från steg 4. Nu vill vi göra vectorgrafik av den här! I listen över arbetsytan, välj ‘Image trace > Black and White Logo’.

illustrator mönster steg 5

 

6. Tryck på ‘Expand’ i menyn. Hägerklicka på objektet, välj ‘Ungroup’ (shift + kringla +  G). Detta gör att vi låser upp de enskilda delarna, och kan redigera dem. Ta bort de delar du inte vill ha, i det här fallet tar jag bort vita fält och de svarta kanterna.

illustrator mönster steg 6

 

7. Upprepa med alla delar du vill använda. Färglägg och placera objekten som du vill ha dem. Gruppera objekten: markera dem, högerklicka, välj Group (kringla + G). Gå sedan vill ‘Objekt > Pattern > Make’.

illustrator mönster steg 7

 

8. Nu dyker en dialogruta upp, och samtidigt en förhandsvisning av mönstret. Kring objektet finns en blå ram (tile) och det är nyckeln i själva mönsterfunktionen. Genom att ändra den kan vi kontrollera hur mönstret upprepar sig.

illustrator mönster steg 8

Vid ‘Tile Type’ finns ett par förinställda former (här: ‘Hex by Column’). Genom att kryssa i ‘Size to Tile Art’ kan marginalen  ändras i horisontellt och vertikalt läge. Istället för att skriva in siffor manuellt, kan man använda ‘Pattern Tile Tool’ (den översta ikonen till vänster).  För att ta en djupare titt i ‘Pattern Options Tool’ rekommenderar  jag denna video från Lynda.com.  När du är nöjd med resultatet, dubbelklicka på arbetsytan för att komma ur läget.
 
9. Det färdiga mönstret läggs till i ‘Swatches’ och är redo att användas! Vill du ändra någonting, som färg eller avstånd, är det bara att dubbelklicka på mönstret och dialogrutan och förhandsvisningen kommer tillbaka. Supersmidigt!

illustrator mönster steg 9

 

RESULTAT: pattern4

 

10. Fortstsätt att experimentera! Eftersom att det är så enkelt att redigera i mönstret är det en ren fröjd att testa lite olika varianter.

illustrator mönster 1
Spännande resultat med ett av Illustrators färdiga mönster.
illustrator mönster 2
Blått och rött är fint!

Att göra mönster i Photoshop

Läs gärna min nya, uppdaterade guide om att göra mönster i Photoshop.

Den finns här!

Nyligen upptäckte jag hur roligt det är att göra mönster. Jag insåg att det är som trolleri när en liten ruta som upprepas gång på gång, blir till en helt ny bild. Och att det krävs tid för att hitta balansen och rytmen i mönstret. I början hade jag ingen aning om hur man gjorde mönster, med med lite hjälp (tack Linn!) och en massa experimenterande har jag upptäckt en metod som fungerar för mig. Nu tänkte jag försöka förklara hur jag gör mönster i Photoshop, men det finns såklart massa andra sätt.

DU BEHÖVER:
  • Penna & papper (valfritt)
  • Illustrator
  • Photoshop
  • Tid

Att göra mönster i photoshop - steg 1

1. Det går att göra mönster av allting, så var inte rädd för att experimentera med motivet. För enkelhetens skull utgår jag ifrån trianglar, gjorda i Illustrator. Det viktiga är att hålla motivet inom en kvadratisk yta, och att arbeta från mitten.

att göra mönster i photoshop- steg 2

2. När motivet täcker större delen av kvadraten är det dags att börja med din mönsterrapport. Öppna Photoshop. Skapa en ny, kvadratisk, fil. Upplösning och storlek spelar mindre roll för själva rapporten, utan beror helt enkelt på var du vill använda mönstet till.

att göra mönster - steg 3

3. Montera motivet. Se till att inga objekt faller utanför kanterna. När du känner dig klar, se till att motivet ligger på ett lager. Om du använt dig av flera lager, skapa ett nytt lager som ligger överst, och tryck cmd-alt-shift-E (ctrl-alt-shift-E i Windows) för att kopiera motivet till ett eget lager.

att göra mönster - steg4

4. Gå till Preferences>Guide, Grid & Slices ställ in ‘Gridline Every’ till 50% och ‘Subdivisions’ till 1. Det delar in bilden i fyra fina rutor.

att göra mönster - steg5

5. Bilderna ovan visar “hemligheten” i att göra ett sömlöst mönster: att dela upp motivet, flytta runt det för att sedan kunna fylla i skarven. Det kan göras på lite olika sätt, beroende på vilken rapportering man vill ha.
För att kunna flytta rutorna som bilden ovan visar så måste du lägga dom i egna lager. Markera översta lagret, plocka upp ‘Rectangular Markee Tool’ (M), och markera ruta 1 med shift-tangenten nertryckt. Var petig! Kopiera (cmd-c/ctrl-c), klistra in (cmd-v/ctrl-v) och döp det nya lagret till ‘Ruta 1′. Upprepa tills du har alla rutor på ett eget lager. Flytta sedan om rutorna så att de följer ordningen på bilden. Återigen, var petig. Om en ruta ligger lite fel kommer det synas i slutresultatet.

att göra mönster - steg6

6. Fyll i skarven på ett sätt som passar ditt mönster, och sen är rapporten i princip klar! Markera hela motivet med ‘Rectangular Markee Tool’ (M) och håll samtidigt ned shift-tangenten. Gå till Edit>Define Pattern… och tyck OK.

rosa-kanter

7. Dags att testa rapporten och se om mönstret blev som tänkt. Skapa en ny Photoshop-fil (minst fyra gånger så stor som den förra), gör ett nytt lager och tryck shift-enter. I diaglogrutan som dyker upp välj Pattern, markera ditt mönster och tryck OK. Och vips, mönstret är klart!