Kebmans blogg

Optical Flow vs. Frame Blending

Posted in Effekt, Film, Filmredigering, Foto, Fotografi, Teknologi, Time Lapse, Timelapse, Video by kebman on 07/11/2017

Det er hovedsakelig to måter å få til Slow Motion (saktefilm) i både Adobe Premiere og After Effects. Disse er med såkalt Frame Blending eller Optical Flow. Det finnes dessuten en tredje måte, men det er bare rammedobling, så jeg hopper over den for nå.

Både Optical Flow og Frame Blending har sine fordeler og svakheter.

Den første merkbare forskjellen på disse to er selvsagt tiden det tar å rendre dem ut. Optical Flow tar mye lenger tid å rendre ut, fordi den bruker en mer avansert algoritme for å automatisere tweening (mellom-rammer), mens Frame Blending bare lager en ekstra ramme som blander sammen rammen foran og bak.

Dermed, om du har liten tid, eller en treg datamaskin, så kan det være kjappere å gå for Frame Blending.

Hakking og artefakter

Den neste og mest åpenbare forskjell er at Optical Flow fremstår som mye jevnere enn Frame Blending. Likevel er det noen ganger bedre å gå for Frame Blending enn Optical Flow.

Algoritmen til Optical Flow forsøker å tegne en «tween» mellom rammene. Dette fører noen ganger til «artefakter», det vil si merkelige ujevnheter og former i bildet. Avhengig av hva som filmes, og hvordan, kan det blir flere eller færre slike artefakter.

Frame Blending har ikke dette problemet. Ikke direkte, i alle fall. Men video som har blitt forlenget med Frame Blending kan fremstå som mer flimrete eller hakkete.

Når bør man bruke hva?

Optical Flow egner seg derfor veldig godt til statiske oppsett, hvor det er lite bevegelse i billedrammen utover det man ønsker å få til å gå saktere, mens det kan være bedre å bruke Frame Blending der hvor det er mer bevegelse i bildet, eller hvor tingen som beveger seg går over områder med høy kontrast – da det er særlig der artefakter gjør seg gjeldende.

Eksempler

Legg merke til hvordan denne filmen som bruker Optical Flow er veldig jevn, men at det noen ganger dukker opp merkelige «gjenstander» eller artefakter i bildene, da algoritmen prøver å «male om» deler av rammen.

Til sammenligning er ikke filmen som bruker Frame Blending i nærheten så jevn, men man slipper i det minste artefakter.

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.

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.

Norsk oppsett i InDesign

Posted in Design, Programvare, Typografi by kebman on 24/01/2012

Standardinnstillingene til InDesign er ikke norske, noe som gjør at hurtigtastene ikke fungerer slik de skal. Dette fører også til mange feil i dokumentene dine. Her er en kort innføring i hvordan du får norsk oppsett til InDesign CS5.

Start InDesign uten å åpne noen dokumenter.

1. i toppmenyen, gå til:
Edit > Keyboard Shortcuts > Set: [Default Norwegian]
Trykk OK

Bilde av meny

Denne sier seg litt selv, men nå kan du altså bruke Cmd + for å forstørre og Cmd – for å forminske.

2. i toppmenyen, gå til:
InDesign > Preferences > Dictionary
> Language: Norwegian
> Double Quotes: «»
Trykk OK

Veldig viktig, sidne vi bruker gåsøyner i Norge, og ikke engelske hermetegn. I tillegg påvirker språket hvilke regler som brukes for å dele ord riktig.

3. i toppmenyen, gå til:
InDesign > Preferences > Autocorrect
Language: Norwegian
Trykk OK

NB! Trenger importering av en norsk ordliste, men fortsatt verdt å gjøre.

3. i toppmenyen, gå til:
Layout > Margins and Colums
> Top, Bottom, Inside, Outside: 15 mm (15 + Tab)
> Gutter: 5 mm
Trykk OK

4. i toppmenyen, gå til:
Object > Text Frame Option
> Gutter: 5 mm

Generelt kan du sette flere innstillinger til hele tall, og dermed norske millimetermål, men dette kommer an på hva du vil oppnå og hvilke mål trykkeriet du skal sende dokumentene dine til bruker.

5. Sett Work Space til Advanced

6. trykk på Paragraph Styles for å få frem fane-boksen. Klikk på høyre hjørne i boksen for å få frem menyen. Velg så:
Style Options… > Advanced Character Formats
> Language: Norwegian
Trykk OK

Meny i fane

7. i toppmenyen, huk av:
Window > Application Frame

Dette gjør at du får en grå bakgrunn i programmet, og slik rydder opp bakgrunnen som fort blir ganske kaotisk uten dette.

Nå har du satt de fleste innstillingene du trenger for norsk oppsett globalt, slik at det vil være i effekt på alle nye dokumenter du oppretter. Merk at gamle dokumenter ofte vil ha lagret visse ting fra det gamle oppsettet, slik som engelsk orddeling, og det må du rette manuelt for hvert dokument.

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

Ting jeg hater med Adobe Flash CS4

Posted in animasjon, Programvare, Teknologi, Video, Webdesign by kebman on 11/07/2009

Adobe Flash CS4: Det er et animasjonsprogram, ikke sant? Hvorfor er det så uintuitivt og vanskelig å bruke, da? Greit, det er mest for webdesign, og det er lett å skripte, men her er noen ting jeg virkelig ikke liker.

Det er ikke et særlig smart program. Om jeg vil bruke ting som tween, for eksempel, så må jeg konvertere nesten alle tegninger om til symboler. Det meste unntatt tekst, av en eller annen grunn. Det er i tillegg random, noe som også er kjipt. Hvorfor kan ikke programmet bare gjøre dette automatisk når du ønsker å lage en tween, for eksempel?

Skal du lage en objekt-tween, derimot, er det viktig at man ikke lager et symbol. Dette er veldig uintuitivt, og dermed skaper det stort sett bare frustrasjon hos meg, spesielt når jeg må bruke tid på å lære dette – noe jeg kunne unngått om programmet var bare bittelitt smart.

Så er det dette med tweening keyframes, da… Har du satt en motion tween keyframe, da er den hugget i stein. Vil jeg forandre posisjonen på en slik keyframe i tidslinjen, må jeg som regel bare slette den og begynne helt fra nytt.

Hvordan flytter man en slik keyframe, egentlig?

Hvordan flytter man en slik keyframe, egentlig?

Dette er fryktelig frustrerende, og nesten unikt for Flash CS4. I stort sett alle andre animasjonsprogram kan man flytte på keyframes som man ønsker, til og med innen Adobes egen serie av programmer hvor dette er relevant kan man det, som i Premiere og After Effects. Så, hvorfor må det være så vanskelig i Flash? Greit, kanskje det går an allikevel, men jeg har uansett ikke funnet ut hvordan enda, ny som jeg er, og dermed er det fortsatt alt for uintuitivt til at jeg synes det er bra. Hvorfor i helvete kan ikke bare Adobe holde seg til ett paradigme når det kommer til bruk av lag, keyframes og tidslinjer i alle programmene?

Nei Adobe, dette er frustrerende. Skjerpings!