Kebmans blogg

Slik lager du vektormasker i Photoshop CS6

Posted in Design, Foto, Programvare, Spesialeffekter by kebman on 15/11/2013

Vektormasker kan brukes til alle komposisjoner som involverer manipulasjon av flere lag i Photoshop. Alle steder hvor du tidligere brukte viskelær (Eraser Tool), er det som regel mye bedre å bruke vektormaske.

Bruker du viskelæret på et lag, kan du ikke gå tilbake i historikken etter at du har lagret prosjektet ditt. Da blir hullet du laget værende. Men med en vektormaske kan du når som helst endre på utskjæringen. Det fungerer også fint til justeringslag, for eksempel når du bare ønsker å fargekorrigere en liten bit av bildet.


Oversikt over verktøy

Du trenger å bruke følgende verktøy i Photoshop:

PenFocus Pen Tool (penneverktøyet)

AngleFocus Convert Point Tool (vinkelverktøyet)

DirectSelectFocus Direct Selection Tool (den hvite pekeren)

PathSelectFocus Path Selection Tool (den sorte pekeren)

OBS! Path Selection Tool er ikke det samme som Move Tool selv om de begge er formet som sorte piler. Pass på at riktig verktøy er aktivt.


Viktige hurtigtaster

Pennevertkøyet har hurtigtast P, og seleksjonsverktøyene har hurtigtast A. For å rask flippe mellom verktøy innen samme kategori, trykk Shift og så hurtigtasten. Så for å skifte fra den hvite til den sorte pekeren, holder du bare inne Shift mens du trykker A.

Arbeidsflyten går dessuten mye kjappere om du også lærer deg hurtigtastene du kan bruke i kombinasjon med disse verktøyene – vanligvis shift, command (control på PC) eller alt-tasten.


Verktøyenes bruksområder

  • Penneverktøyet er for å legge til og trekke fra vektornoder, samt legge til og justere bezierkurver.
  • Den sorte pekeren er for å velge en hel vektorsti (vector path).
  • Den hvite er for å redigere noder og spaker hver for seg.
  • Sammen med penneverktøyene er det dessuten et vinkelverktøy (Convert Point Tool) for å slette eller legge til bezierkurver til eksisterende noder, eller justere dem ved å dra i spakene til aktive noder.


Gjennomgang

Åpne et bilde med noe du har lyst å klippe i.

Trykk P for å aktivere penneverktøyet, og pass på at verktøyet er satt til «Path» i alternetivene for verktøyet øverst under filmenyen.

path

Av og til er et annet penneverktøy valgt. Da kan du enten flippe mellom verktøy i samme kategori ved å holde inn Shift mens du trykker P, eller klikke og holde på ikonet i verktøymenyen, og så velge den øverste pennen i rullegardinen. Du skal bruke verktøyet som har den enkleste pennesplitten som ikon.

Har du fått frem riktig verktøy, er det bare å klikke der du ønsker å lage første node. Klikk igjen for å lage en ny node. Gjenta til du har laget noder helt rundt det du har lyst å klippe ut, slik at det danner en hel sti. Du får en liten ring på penneverktøyet i det stien blir sluttet. Så klikker du A og bruker den sorte eller hvite pekeren til å aktivere stien (the path). Du kan se at stien blir aktiv ved at alle nodekvadratene vises.

Hold så inne cmd (ctrl på PC) og trykk på ikonet for «Add layer mask» i lagfanen (Layers) helt til høyre i Photoshop. Og voila, du har en vektormaske!

Ikonet du skal cmd-klikke ser ut som en slagt sort-hvit versjon av det japanske flagget, sånn: AddLayerMaskFocus


Hull istedenfor utklipp

add-subtr_done«Men jeg vil lage et hull istedenfor å klippe noe ut!» hyler du kanskje. Frykt ikke! Oppe i alternativmenyen er det et lite ikon som ser ut som to små firkanter inni hverandre, like til høyre for Shape-knappen. Trykk der og du får en meny hvor du kan velge hvordan stien skal klippes ut; enten som et utklipp eller som et hull. Bare pass på at du har korrekt sti aktivert.


Myke linjer istedenfor vinkler

Istedenfor å lage spisse vinkler hver gang du setter ned en node, kan du lage myke linjer med penneverktøyet. Disse buene kalles bezierkurver. Om du istedenfor å klikke holder nede museknappen og drar når du skal sette ned en node, vil du få en slik bezierkurve. Blir du først vant til å bruke denne teknikken, vil du fort merke at du trenger langt færre noder for å lage stien din – kanskje til og med bare tre eller fire.

bezier

Du kan også gjør hver node myk i etterkant. Velg penneverktøyet (P), og hold inne alt-tasten mens du trykker og drar på en node. Du vil da få opp to spaker for hver node. Disse kan du også etterredigere med den hvite pekeren. Det finnes i tillegg et spesifikt vinkelformet verktøy i pennefamilien som bare er til for å redigere bezierkurver kalt Convert Point Tool.


Redigere masken

Om du i ettertid vil gjøre små endringer på stien, kan du trykke A og bruke den hvite pekeren (Direct Selection Tool) for å flytte på enkelte noder. Du kan også redigere på aktive bezierkurver med den samme hvite pekeren. Dette gjør du ved å dra i spakene som kommer ut av de nodene som har slike kurver.

Vil du legge til eller trekke fra en node fra vektorstien, kan du trykke P og bruke penneverktøyet. Så lenge stien er aktiv, vil du få en liten pluss ved sidden av pennesplitten som tegn på at du kan legge til noder, og en liten minus som tegn på at du kan slette noder fra stien.

Vil du flytte på hele stien, så bruk den sorte pekeren. Bare pass på at det er Path Selection Tool som er valgt og ikke Move Tool.


Fjerne bezierkurver

Du kan enkelt fjerne en bezierkurve ved å velge penneverktøyet (P), holde inne alt-tasten, og klikke på en node. Vips så er kurven slettet.


Ordliste

Vektornode, eller bare node: Et vektorpunkt eller håndtak med en X- og en Y-posisjon brukt til å redigere formen til en vektorsti.
Spake: Et punkt eller håndtak brukt til å redigere en bezierkurve.
Vektorlinje: En matematisk linje som går mellom to noder. Tykkelsen eller formen på linjen blir alltid lagt til i ettertid. Se også bezierkurve.
Bezierkurve: En matematisk utregnet kurve som går mellom to noder. Se også vektorlinje.
Vektorsti, eller bare sti: En mengde vektornoder med matematiske linjer (kurver) mellom dem.

– Hjelp, brushen min fungerer ikke!

Posted in Design, Webdesign by kebman on 24/01/2013

brushPhotoshop: Ofte får jeg spørsmål om hvorfor penselen ikke vil male noe. Her er noen tips for å bøte på problemet.

Sjekk at Opacity til laget du jobber i er satt til over null.
Kanskje er laget helt gjennomsiktig? Er laget gjennomsiktig, vil heller ikke ting du maler der vises.

Sjekk at Opacity på penselen er satt til over null. Sjekk også at du har Flow over null.
Om pennestrøket ditt er gjennomsiktig, vil jo heller ikke den vises.

Blending mode

Sjekk også blandingsmetoden som brukes på laget og på penselen. På panelet ved penselen står det Mode. Pass på at mode er satt til Normal. Du kan også sette blending mode for hvert lag, så sjekk at den er satt til normal også i lagpanelet.

Reset tools

Fortsatt et problem?
Høyreklikk vertøy > Reset tool
File > Edit menus > Reset All Tools
Er det helt uforståelig, vil alt bli satt tilbake til normalt ved å resette verktøyene.

Valgte vs. ikke valgte områder

Sist men ikke minst, har du områder som er valgt med marquee tool, er det kun mulig å bruke penselen i det området som er valgt. Skal du fjerne markeringen må du klikke utenfor den med marquee tool. Selv om du ikke ser markeringen, så kan det hende at det er en der, bare at den er veldig liten. I så fall Velg marquee tool (trykk M) og klikk én gang på bildet.

Mal i riktig lag

Pass på at du har riktig lag aktivert. Du kan ikke male i justeringslag, tekstlag, eller lag som er usynlige for eksempel. Du kan heller ikke male i lag som er låst, så husk å ta en tett på Layers-panelet.

Og funker det fortsatt ikke, har du jo svenskeknappen! 😀

De viktigste verktøyene i Photoshop, Illustrator og InDesign

Posted in Design, Programvare, Webdesign by kebman on 06/02/2012

Penneverktøyet (Pen Tool) og «den hvite pekeren» (Direct Selection Tool) er to av de viktigste verktøyene i Adobe Creative Suite. Disse fungerer nesten likt i både Illustrator, Photoshop og InDesign. Her er en liten guide til hvordan du bruker dem.

PenneverktøyPen Tool

Penneverktøyet.

Denne oppretter vektor-noder som igjen danner vektor-baner (paths). Det er disse banene som etter hvert blir til tegninger i Illustrator, men den kan også brukes i både Photoshop og Indesign, f.eks til å lage masker for å avsløre ting som er under det øverste billedlaget.

En slik bane er ikke en tegning i seg selv, men bare en slags guide som du kan legge forskjellige egenskaper og effekter til. For å få en tegning ut av banen, må du legge til egenskaper slik som strektykkelse og fyllfarge.

Hurtigtast: P

Gi ett museklikk for å sette en node (et punkt eller et håndtak). Flere noder sammen danner en «path» eller en bane (sti/vei).

Etter at du har tegnet opp en bane, kan du holde nede Alt-knappen og redigere en node slik at banene rundt får buer eller kurver. Dette kalles å lage Bezier-kurver.

Den hvite pekerenDirect Selection Tool

Også kalt «Den hvite pekeren»

Med denne kan du flytte en node, eller deler av en banen om du velger den med musen.

Hurtigtast: A

NB! Om du får sort peker når du trykker A, så trykk Shift+A en gang, og du bytter til den hvite. Den sorte brukes til å velge hele bane-objekter.

Flytting og forstørrelse

Om du jobber veldig «nært» og har zoomet mye inn, er det enkelt å flytte på arket ved å trykke på Mellomrom (Space eller «den lange») og så trykke og dra litt i bildet med musen. Da får du opp håndteringsverktøyet (Hand Tool) uten å måtte gå i verktøykassen.

Trykker du Mellomrom+Cmd får du forstørrelsesglass for å zoome inn. Alt+Cmd+Mellomrom for å zoome ut. Du kan også merke et område du har lyst å zoome direkte inn på, ved å trykke, dra og slippe, istedenfor å trykke en og en gang på musen for å oppnå det samme.

Hurtigtaster til verktøylinjen

Generelt er det lurt å lære seg hurtigtastene, i alle fall til de verktøyene du bruker mest. Heldigvis er det veldig enkelt å finne ut av det. Om du vil vite hvilken hurtigtast et verktøy har, er det bare å la pekeren flyte over verktøyet. Etter en stund kommer det en lapp opp med navnet på verktøyet og hurtigtasten i parentes.

Visse verktøy på verktøylinjen har flere verktøy i ett. Dette er markert med en liten trekant nede i høyre hjørne på verktøyikonet. Klikk og hold en stund, så får du en listen med de ekstra verktøyene. Du kan også skifte hurtig mellom «underverktøy» ved å holde Shift nede når du prøver en hurtigtast.

Arbeidsprosess

Alt etter hvilket program du bruker, er det litt forskjellige arbeidsprosesser forbundet med hvert program. I Photoshop og InDesign brukes vektorbaner stort sett til å lage forskjellige typer masker og baner for eksport til andre programmer, mens i Illustrator brukes banene til å lage vektortegninger.

Den vanligste arbeidsprosessen i Illustrator består av å lage en skisse på papir først som man scanner inn. Så legger man det inn i et eget lag  (Layer) som man låser, gjerne etter at man har skjerpet bildet litt i Photoshop først. Deretter jobber man med å føre inn skissen i lagene over med penneverktøyet og den hvite pekeren.

For å legge inn en skisse, pass på at du har høy nok oppløsningen på scannet. 300 ppi er bra. Jobb gjerne med skarphet og kontrast i Photoshop før du eksporterer et ferdig bilde du kan jobbe videre med i Illustrator.

Sett skissen inn det nederste laget i Illustrator ved å gå inn i toppmenyen og velge File > Place… Så finner du bildet på harddisken og legger til. Deretter går du inn i lag-fanen (Layer tab) og låser laget, slik at du ikke med uhell flytter på tegningen mens du lager vektorbaner i lagene over. Vanligvis er denne fanen nederst til høyre, dog dette kommer litt an på hvilken Work Space du har valgt. Om du ikke finner fanen, gå til toppmenyen og velg Window > Layers eller trykk F7.

Når man fører inn skisser og lager figurer, bytter man ofte mellom P og A. Man lager en node (P). Så flytter man litt på den for å justere (A). Så legger man kanskje til kurver på banen (Alt+P). Derfor er det greit å lære seg hurtigtastene for disse to. Disse egner seg også godt til bruk med mus eller styreflate, mens selve tegneverktøyene i programmene blir mye enklere å bruke om du bruker et skikkelig tegnebrett.

NB! Denne guiden er hovedsaklig for Mac-brukere, men vanligvis brukes Cmd på Mac akkurat som Ctrl på PC.