Embed Size (px)
Citation preview
Agenda
• Teori– Bildkompression– Dimensioner– Aliasing – Antialiasing– Vad gör en bild tredimensionell
• Praktik med Lars– Grunderna i After effects
Kompression
• Okomprimerade bilder har hög kvalitet men tar stor plats.
• Applikationen styr storleken, t.ex. webb där bilder skall laddas ner föredras små bilder. Trycksaker -> hög upplösning
• Olika typer av kompression– Ickedestruktív– Destruktiv
Ickedestruktiv kompression
• Orginalbilden kan alltid återställas utan kvalitetsförlust (Tappade pixlar)
• R.L.E – run length encoding
• Variable length codes• Dictionary based
compression schemes
Orginaldata
Komprimerat data
Enkelt exempel (RLE)
• Lagra inte alla pixlar utan färg och antal i rad• Om alla pixlar i en rad är vita, lagra vit och
sedan antalet• 128 pixels i en rad -> 384 bytes• RLE -> 4 bytes• WWWWWWWWWWWWBWWWWWWWWWWWWBBBWWWWWWWWWWWWWWWWWWW
WWWWWBWWWWWWWWWWWWWW => 12WB12W3B24WB14W
Ickedestruktiv kompression II
• Variable length codes– Huffman coding
• Normalt i en bild 256 färger vi behöver 8 bitar i varje pixel för att representera alla olika färger (Binärt talsystem)
• Om man kunde ge den vanligaste färgen 1 bit, näst vanligast 2 bitar osv. -> mindre data måste sparas
Huffman coding
• Varje gång du hamnar på en ”barn” lägg till en 0:a, varje gång till höger lägg till en 1:a
• På detta sätt får de tecken som används ofta en kortare kod: – b= 01, d= 110 e=111
Ickedestruktiv kompression III
• Dictionary based compression schemes– En array som lagrar
strängar med bytes (data från bilden)
– Pekare används sedan för att referera informationation
– Effektiviteten beror på kvaliteten på tabellen LZ77, LZ78
00001111
Exempel
• A good example of how dictionary based compression works
• Koden -> 1/1 822/3 674/4 1343/60 928/75 550/32 173/46 421/2
• x/y (X = Sidan i lexikonet och y = numret på ordet på den sidan)
• Random House Dictionary of the English Language
Destruktiv kompression
• JPEG compression mest kända (Joint Photographic Experts Group)
• Utgår ifrån att en viss mängd dataförlust är ok utan att det märks i bilden. Till skillnad från textdokument etc.
Orginaldata
Komprimerat data
Okomprimeratdata
Osv….
JPEG kompression
• Färg och ljus kan ses som signaler i kanaler (Photoshop). Detta kan sedan delas in i frekvenser genom en Fourier transformation
• JPEG konverterar bilden till frekvenskomponenter genom Discrete cosine transformation (DCT) inte hela bilden på en gång utan 8x8 pixelrutor
JPEG kompression
• Ingen kompression ännu, men vi har dock ändrat datat så att det går att komprimera
• I och med detta kan vi hantera frekvenser som bidrar mycket till upplevd kvalitet annorlunda än de som bidrar lite
Mer kompression
JPEG kompressionsalgoritm
Dimensioner
• 2D– Flash, Illustrator, AfterEffects– illustrationer, logotyper
• 3D– 3DStudio Max, AfterEffects– filmgrafik, konstruktionsritningar
• 2,5D?– Tecknad film
Aliasing - Antialiasing
• Allt blir pixlar på bildskärmen
• Skarpa kanter ger synliga trappsteg
• Antialiasing = “oskärpa”
• Oskarp linje ser skarpare ut
Aliasing – Antialiasing
Vad gör en bild tredimensionell?
• Occlusion – överlappande objekt
• Relativ storlek
• Motion parallax – relativ hastighet
• Atmosfäriska effekter
• Depth of field – fokus, skärpa
• Stereoskopiska effekter
Occlusion
• Överlappande objekt skapar en 3D känsla
• Enkelt sätt att skapa en känsla av 3D
• Använda layers i Photoshop
Relativ storlek
• Storleken på objekten i relation till varandra påverkar vår perception av djup
• Det viktiga är storleken i jämförelse med andra figurer
Motion parallax
• Olika lager i en bild scrollas i olika hastigheter
• Detta skapar en illusion av 3d
• After effects
Atmosfäriska effekter
• Skapar en känsla av volym och djup
• Ånga, dimma, rök etc
Depth of field
• Variation av skärpan i bilden på olika objekt skapar också en känsla av djup
• T.ex Gaussian blur i Photoshop
Steroskopiska effekter
• 3D glasögon
• Skapar en känsla av 3D genom att använda 2 olika bilder
• 3D bilder skapas genom att fota objekt med en stereokamera
