Färglägg en streckteckning i Photoshop

Att färglägga streckteckningar i Photoshop går att göra på massa sätt och vilken metod som passar beror på motivet. Här är en snabb och enkel metod som jag brukar använda på teckningar som inte ska skuggas och som är mindre detaljrika.

1

1. För in teckningen till photoshop, förslagsvis med en scanner. Den här teckningen vart ganska gråaktig och inte helt optimal. Ju svartare linjerna är desto bättre.

 

2

2. Genom att använda ‘Curves’ (under Adjustments i högerpanelen), dra in vit- och svartpunkterna så att kontrasten blir riktig hög. Markera sedan de två lagren, högerklicka och välj ‘Merge Layers’.

 

4 copy

3. I högerspalten ändra lagrets bladningsläge till ‘Multiply’. Det gör så att det vita partierna låter färg från undre lager lysa igenom.

 

5

4. Skapa sedan ett nytt lager (här döpt till palett) och välj ut de färger som ska användas. Jag brukar ta för vana att göra eftersom det 1) är ett bra sätt att hitta rätt färger och 2) för att lätt kommer åt färgerna senare. För att plocka upp färg från paletten använder man ‘Eyedropper Tool’ (I).

 

6

5. Skapa ett nytt lager under streckteckningen (här döpt till Rosa). Färglägg genom att använda ‘Brush Tool’ (B). Eftersom färgen bara lyser igenom på de vita partierna kan man vara ganska slarvig utan att det syns. Fortsätt färglägga och skapa ett nytt lager för varje färg.

 

10

6. Skapa ett nytt lager för bakgrundsfärgen. Använd ‘Paint Bucket Tool’ (G) och ställ in tolerans till 100 och kryssa i de tre alternativen: ‘Anti-alias’, ‘Contiguos’ och ‘All Layers’. Fyll med färg genom att klicka på ytan, och vips så blev bakgrunden svart. Runt konturerna syns dock en svag gloria, trolla bort den med svart färg genom att använda ‘Brush Tool’.

 

Färglägg en streckteckning i Photoshop

Och så enkelt var det! Nu är det bara att spara ner bilden i lämplig upplösning och känna sig nöjd.

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.

Vik en hexaflexagon

Dags för en guide som inte kräver dator! Här kommer istället en analog guide i att vika en hexaflexagon. En hexaflexagon är helt enkelt en hexagon som kan vändas/flexas för att visa en ny sida, som nyss var dold. Det används i geometrin, men jag tycker mest att det är ett toppenkul pyssel. Den enklaste typen har tre sidor, även kallad trihexaflexagon och perfekt att börja öva på! Det som behövs är: papper, penna, sax och lim.

 

hexaflexa-steg12
1. Börja med att klippa en jämntjock pappersremsa. Ta ett A4-ark och skär på längden, men inte bredare än fyra centimeter, då kommer du behöva ett längre papper. Sedan ska det vikas trianglar! Det är viktigt att de blir lika stora – annars blir slutresultat också snett. Tycker du att det är svårt att få till, finns det en startmall att ladda ner här.

hexaflexa-steg1
2. Principen för att vika är egentligen inte alls svår, men knepigt nog att förklara. Vi brukade göra pappersgirlanger med denna metod på lekis om det hjälper något, annars testa dig fram tills det känns rätt. Upprepa de stegen ovanför minst tre gånger, eller tills att pappersremsan tar slut. För att göra flexagonen mer medgörlig vik alla skarvar åt andra hållet också.

hexaflexa-steg2
3. Veckla ut, och klipp längs trianglarna så att det finns tio trianglar. För att göra en hexagon krävs egentligen bara nio trianglar, men jag brukar spara en extra så att skarven blir snyggare. Både fram och baksida är synliga, och kan numreras enligt bilden (här mest i ett pedagogiskt syfte).

hexaflexa-steg3
4. Nu till själva ihopsättningen. (1) Gör den första vikningen efter tre trianglar, så att den tredje göms. (2) Efter ytterligare tre trianglar, vik igen på samma vis. Lägg remsan under den första triangeln. (3) Den sista triangeln ska vikas över den första och limmas fast. Nu är hexagonen klar!

hexaflexa-steg4

5. Första gångerna kan hexaflexagonen vara lite bångstyrig, framförallt om man hoppat över att vika tringlarna åt bägge håll. Tryck ihop sidorna så att det mer liknar en tre-uddig stjärna, då kommer den vecklas ut och gå att vända. Efter några vändningar så blir den smidig!

hexaflexagon2
6. Färgläggning till sist. Gå loss med färg och testa dig fram! Totalt blir det tre sidor, men hexagonen kan ses från två håll (jämför denna bild med den översta). För att få det att se bra ut oavsett krävs lite mönsterpassning.

Innan du börjar hexaflexa är det bäst att se Vi Harts ‘Hexaflexagon Saftey Guide’ här nedanför :) Den ger mer kött på benen, visar bland annat hur mönsterpassningen fungerar och dessutom är den inspirerande rolig.

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!

Gör ditt egna Warhol porträtt

Det rör sig mot slutet av terminen, och dagarna längre och fullpackade med olika projekt. Då är det lätt att tappa tålamodet och bli en suris. Vad är lösningen? Gör något kul och helt annat ett slag! Till exempel kan man göra Andy Warhol porträtt av sig själv eller andra.

Tanken kom från en guide i Deke’s Techniques på Lyndas blogg. Själva tekniken är enkel att den passar perfekt för ett lekprojekt. Man tar ett svartvitt foto (med högkontrast mellan ljusa och mörka partier) målar på färgsprakande siluetter i ett nytt lager, och ändrar blandningsläget till ‘Multiply’.

 

Kaisa som Warhol porträtt

kaisa-yellow

kaisa-warhol-blue

kaisa-warhol-green

kaisa-warhol-pink

kaisa-warhol

kaisa-warhol-8

 

Systerdotter goes Warhol

För snart ett år sedan tjatade min syster intensivt på att få ett Pop-Art porträtt av sin dotter. Problemet är att vi inte riktigt tagit oss i kragen och tagit ett bra foto. Men, jag gjorde ett försök. Det kändes så konstigt att sätta ”smink” på en sån liten att jag lät bli.

saga-green

 

Att ta en paus är ofta det enda rätta när det är stressigt, även om det är svårt. Att göra något, istället för att se på Tv eller liknande, funkar bäst för att lindra min stress. För då kan man gå tills sängs med känslan av att jag har faktiskt gjort något. Eller varför inte, nu har jag haft kul – nu finns energi över till det tråkiga.

Byt ikoner i Mac OS X

Bland det första jag gjorde när jag fick min laptop var att byta ikonerna. Det tog halva natten. Varför det var så viktigt kan jag inte svara på, men kanske är det samma tanke bakom att inreda ett rum – man trivs lite bättre! Att byta ikoner i Mac OS X är enkelt i de flesta fall. Visst, det tar lite tid men det är väl värt ansträngningen. För Finder, Papperskorgen och andra ”inbyggda” Mac-ikoner krävs att man skaffar programvaran Liteicon. Det är lite drygt, men okomplicerat.

 

Steg 1 – Designa ikoner

design för ikoner
Börja med att komma på vilken design du vill ha, och sedan är det bara att producera. Det är ett tidskrävande moment, men också det roligaste. Här har jag (likt en tv-kock) förberett genom att göra en ikon för Illustrator, i just Illustrator. Vilket program du använder spelar ingen roll så länge du kan spara resultatet i png-format.

 

Steg 2 – Spara i Photoshop

byta ikoner steg 2

Öppna Photoshop (eller annat bildbehandlingsprogram) och skapa en ny fil med inställningarna: 510×512 pixlar, 72 pixels/inch. Klistra in Illustrator-ikonen. Då kommer du få två lager, som bilden visar. Dubbelklicka på bakgrundslagret för att låsa upp det. Sedan vill vi skapa avstånd mellan varje ikon i Docks, och då behöver vi göra två saker. Dels sänka bakgrundslagrets opacitet till 1%  och dels se till att ikonen inte täcker hela ytan. Spara sedan bilden som png.

 

Steg 3 – Konvertera ikoner

konvertera ikoner

Öppna valfri webbläsare och gå till iConvert Icons. Det är en enkel tjänst som hjälper oss att få rätt filformat. Välj din nya ikon och konvertera. Ladda ned .hqx filen, den för Mac OS X Icon (Finder Ready).

Navigera till filen i Finder och packa upp zip-filen. Högerklicka på den nya ikonen och tryck ‘Visa info’. En dialogruta dyker upp, som vi strax ska använda.

 

Steg 4 – Lås upp rättigheterna

byt ikoner steg4
I Finder > Program leta fram Illustrator, högerklicka och ‘Visa info’. I dialogrutan som dyker upp, scrolla ner till en symbol med ett hänglås. Lås upp (klicka på ikonen). Det ger dig rättigheter att ändra, och kräver att du verifierar med ditt användarlösenord.

 

Steg 5 – Byt ikon

byt ikoner steg5

Gå tillbaka till dialogrutan med din nya ikon, markera bilden (uppe till vänster) och tryck cmd+C. I dialogrutan för Illustrator, markera bilden och tryck cmd+V. Återigen, ge tillåtelse genom att skriva in lösenord.

 

Steg 6 – Uppdatera Docks

Ikonen är nu utbytt, men den uppdateras inte automatiskt i Dock. Dra därför ut programet från Dock, för att sedan dra in programmet igen (via Finder > Program). Sitt sedan ett tag och beundra resultatet innan du ger dig i kast med att byta resterande ikoner!

 

Byt ikoner med Liteicon

Liteicon
Skapa en ikon enligt samma metod som förut, med undantag vid konverteringen. På iConvert Icons, välj att ladda ner i .icns format. Sedan behöver vi programvaran Liteicon, som finns att ladda hem här. Installera, öppna programmet och klicka på ikonen ‘Dock’. Leta fram din nya ikon, dra den till rutan med den vanliga Finder-symbolen. Bilden byts nu ut till din nya. Tryck ‘Apply changes’, verifiera med lösenord och tryck sedan ‘Relaunch Finder’. Lätt som en plätt!

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!