Föreläsning i webbdesign. Bilder och färger. Rune Körnefors. Medieteknik Rune Körnefors

Storlek: px
Starta visningen från sidan:

Download "Föreläsning i webbdesign. Bilder och färger. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se"

Transkript

1 Föreläsning i webbdesign Bilder och färger Rune Körnefors Medieteknik Rune Körnefors

2 Exempel: Bilder på några webbsidor 2

3 Bildpunkt = pixel (picture element) Bilder (bitmap /punktgrafik) original 200x150 = pixels förstorad 3

4 Bilder (objektgrafik / vektorgrafik) Objekt byggs upp av matemalska formler LäN an ändra inbördes ordning LäN an skala om Snyggare utskrip 4

5 Datorns språk I en dator kan mullmedial informalon presenteras. DeNa består av text, bilder, ljud, video, etc Koder (sekvenser) av binära tal med 0:or och 1:or för: - siffertal - text - bilder - färg - ljud

6 Bitar och bytes Bit Binary digit En 0:a eller 1:a Byte Bitgrupp med 8 bitar x128 x64 x32 x16 x8 x4 x2 x1" = 0 = olika koder

7 Text ASCII American Standard Code for InformaLon Interchange 7 bitar per tecken è 128 olika tecken Exempel: Tecknet A har koden 65 = Tecknet 5 har koden 53 = Dator = Utökad ASCII T.ex. UTF- 8 eller ISO (LaLn 1) 8 bitar per tecken è 256 olika tecken Unicode 2 bytes per tecken è olika tecken 7

8 Bitmap- grafik Varje pixel har en färgkod 8

9 1 bit = svart / vin 200x150 pixels = pixels bitar / 8 = 3750 bytes 3,5 KB Hur många bitar per pixel? RGB (Röd/Grön/Blå), 1 byte per färg 3 bytes = drygt 16 miljoner färgnyanser 200x150 pixels = pixels x 3 bytes 90 KB 8 bitar = 1 byte = 256 färgnyanser 200x150 pixels = pixels bytes 30 KB 9

10 Hur många bitar per pixel? 1 bit = blå / grön Bilden innehåller inte fler färger 1 byte = 256 färgnyanser Bilden innehåller egentligen bara åna färger 10

11 Färg RGB Röd, Grön, Blå 1 byte per färg è 3 bytes = 24 bitar per pixel Exempel på färger Röd FF0000 Grön 00FF00 Blå 0000FF Gul FFFF00 Lila FF00FF Ljusblå 00FFFF Vit FFFFFF Svart (hexadecimala koder) 11

12 Hexadecimala talsystemet 4 bitar ger 16 olika koder 0000 Lll 1111 Hexadecimala talsystemet 16 olika siffror 0-9 och A- F Ger kortare skrivsän av koder som tal B" 4" 180" binärt hexadecimalt decimalt 12

13 Bildstorlek Antal bildpunkter, t.ex. 600x400 (bredd x höjd) Täthet Antal bildpunkter per tum, t.ex. 72 dpi Färgdjup Antal möjliga färger (nyanser) per bildpunkt (pixel), t.ex. 256 eller Anges ibland i hur många bitar som går åt för an representera en färg i färgskalan, t.ex. 8 bitar (256 färger) eller 24 bitar (drygt 16 miljoner färger) Storlek, täthet, färgdjup è påverkar bildkvalitet, filstorlek och överföringsld 13

14 Bildskärmen 1024 Origo längst upp Lll vänster Varje fönster har en eget koordinatsystem med origo längst upp Lll vänster 768 0,0 0,0" 120,40" Skärmstorlek Vanligt format (upplösning): Varierar mycket beroende på typ av enhet Förhållande bredd:höjd Vanligt: 4:3 Bredbild: 16:9 bredd (4)" 4:3-format! bredd (16)" 16:9-format! höjd (3)" höjd (9)" 14

15 Antal bildpunkter för bilder Bild från en digitalkamera: 2 miljoner pixlar: bildstorlek på c:a 1600x1200 bredd" 4 miljoner pixlar: bildstorlek på c:a 2300x1700 höjd" 14 miljoner pixlar bildstorlek på c:a 4320x3240 Förminska bilden Onödigt an ha så stora bilder på en webbsida Förminska Lll den storlek som bilden ska ha på sidan è mindre filstorlek => snabbare nedladdningsld 15

16 Täthet Antal punkter per tum (pixlar/tum, dots per inch, dpi) Bildskärm: t.ex. 72 eller 96 pixlar/tum Skrivare >300 pixlar/tum 16

17 Färgsystem FärgpaleN CLUT (Color LookUp Table) RGB Red, Green, Blue CMYK Cyan, Magenta, Yellow, Black projicerande reflekterande HSB HSL Hue, SaturaLon, Brightness Hue, SaturaLon, Lightness... 17

18 Byte av färgdjup Indexering Gå från en större Lll en färre antal bitar per pixel Dither (mixa olika färger) giner 18

19 Skalning Förstoring ReplikaLon (närmaste granne) InterpolaLon 19

20 AnN- alias (kantutjämning) Med anl- alias Utan anl- alias 20

21 Transparenta bilder En färg säns Lll an vara transparent (genomskinlig) Bakgrunden lyser igenom Bilder med en fåtal färger ( 256) utan interpolalon eller anl- alias Bild där den vita färgen ska vara transparent Bakgrunds- mönster 21

22 Filstorlek Exempel: Bildstorlek: 800x600 pixlar Färgsystem: RGB med 256 nyanser per röd, grön, blå = 1 byte per färg = 3 bytes per pixel è Filstorlek: 800x600x3 = bytes = c:a 1,4 MB 800" 600" ÖverföringsLd på nätet: Modem 56K: 56 kilobit per sekund: c:a 200 sekunder Bredband med 2 megabit per sekund: c:a 6 sekunder Bredband med 100 megabit per sekund: c:a 0,1 sekunder 22

23 Exempel 256 färger = 1 byte per pixel 180 x 210 pixels = pixels bytes = 37 KB Reducera antalet färger I bilden används endast sex färger è Kan representeras med tre bitar Komprimering 2 pixels per byte (=4 bitar per pixel) è pixels / 2 = bytes = 18 KB Samma färg upprepas Vit, vit,..., vit, gul,..., gul, vit,... => 123 vit, 7 gul, 39 vit,... è 2 KB (gissning) 180" 210" 800" Foton komprimeras enligt liknande princip Olika metoder används i olika filformat 600" 23

24 Filformat Beskrivning av hur program ska tolka filens innehåll Många filformat för bilder innebär också an bilden komprimeras Exempel: Bildstorlek: 800x600 pixlar Färgsystem: RGB med 256 nyanser per röd, grön, blå = 1 byte per färg = 3 bytes per pixel è Filstorlek: 800x600x3 = bytes = c:a 1,4 MB Sparas som JPEG i medelkvalitet è Filstorlek: c:a 35 KB 800" 600" ÖverföringsLd på nätet: Modem 56K: 56 kilobit per sekund: c:a 5 sekunder Bredband med 2 megabit per sekund: c:a 0,1 sekunder Bredband med 100 megabit per sekund: c:a 0,003 sekunder 24

25 Filformat för bilder på webben GIF Graphics Interchange Format Upp Lll 8 bitar för färgkodning è färgpalen med upp Lll 256 olika färgnyanser En färg kan göras transparent Komprimering utan förlust av färginformalon JPEG Joint Photographic Experts Group RGB (Röd, Grön, Blå) med 8 bitar per färg, dvs 24 bitar è drygt 16 miljoner olika färgnyanser Ej transparent Komprimering med förlust av färginformalon PNG Portable Network Graphics Upp Lll 48 bitar för färgkodning (RGB med 16 bitar per färg) PNG- 8 = 8 bitar totalt, PNG- 24 = 24 totalt Komprimering utan förlust av färginformalon 25

Digital bildhantering

Digital bildhantering Digital bildhantering En analog bild blir digital när den scannas. Bilden delas upp i småbitar, fyrkanter, pixlar. En pixel = den digitala bildens minsta byggsten. Hur detaljrik bilden blir beror på upplösningen

Läs mer

Så skapas färgbilder i datorn

Så skapas färgbilder i datorn Så skapas färgbilder i datorn 31 I datorn skapas såväl text som bilder på skärmen av små fyrkantiga punkter, pixlar, som bygger upp bilden. Varje punkt har sin unika färg som erhålls genom blandning med

Läs mer

Bilder... Dagens föreläsning. Objektgrafik. Objektgrafik. TNMK30, 2010 Föreläsning

Bilder... Dagens föreläsning. Objektgrafik. Objektgrafik. TNMK30, 2010 Föreläsning TNMK30, 2010 Föreläsning Bilder... Tobias Trofast, LiU 1 Dagens föreläsning Olika grafikformat Bitdjup Färglägen och kanaler Komprimering Filformat Bildkvalitet Upplösning & Interpolering Objektgrafik

Läs mer

Torstens Digitalbildguide

Torstens Digitalbildguide Thor Stone Education Torstens Digitalbildguide 1 Det finns två huvudtyper av digital bild, vektorbaserad och pixelbaserad. - Vektorbaserade bilder bygger på en matematisk formel och kan storlekförändras

Läs mer

Regionala Cancercentrum Logotyp

Regionala Cancercentrum Logotyp Regionala Cancercentrum Logotyp Innehåll 1. LOGOTYPEN 3 1.1 Logotypen 4 1.2 Logotyp för fyrfärgstryck 5 1.3 Logotyp för Pantonetryck 6 1.4 Logotyp för webb 7 1.5 Logotyp för kontorsbruk 8 1.6 Logotypfärger

Läs mer

INT 3 F3. En texts läsbarhet. Teckensnitt. Medieteknik Del1. Färger, teckensnitt och bildformat

INT 3 F3. En texts läsbarhet. Teckensnitt. Medieteknik Del1. Färger, teckensnitt och bildformat INT 3 F3 Medieteknik Del1 Färger, teckensnitt och bildformat DSV Peter Mozelius En texts läsbarhet Teckensnitt Teckengrad Radlängd Radavstånd Papper/Skärm Bakgrundsfärg Teckensnitt Teckensnitt kan delas

Läs mer

Bildredigering i EPiServer & Gimp

Bildredigering i EPiServer & Gimp Bildredigering i EPiServer & Gimp Maria Sognefors 7minds Agenda Teori om bilder Att tänka på när jag fotograferar Föra över bilder från kamera till dator Ladda upp bilder till EPiServer CMS 5 Enkel redigering

Läs mer

DIGITAL BILDBEHANDLING GRUNDKURS. Sammanställd av

DIGITAL BILDBEHANDLING GRUNDKURS. Sammanställd av DIGITAL BILDBEHANDLING GRUNDKURS Sammanställd av INNEHÅLLSFÖRTECKNING Introduktion... 3 Några olika bildkällor... 3 Inladdning av fotografier från digitalkamera till dator... 3 Bildbehandlingsprogram...

Läs mer

Prioritet. Varför digitalisera? Apparater; i allmänhet. Datorn

Prioritet. Varför digitalisera? Apparater; i allmänhet. Datorn Prioritet. Varför digitalisera? Syftet påverkar digitaliseringsinställningarna. Vill man rädda ett skört material? Vill man göra det tillgängligt på netet? Finns det efterfrågan på dylikt material? Beakta

Läs mer

Pixelgrafik. Utdrag ur Adobe Photoshops handbok. Om bitmappsbilder (pixelbilder) Om vektorgrafik (kallas ibland objektgrafik)

Pixelgrafik. Utdrag ur Adobe Photoshops handbok. Om bitmappsbilder (pixelbilder) Om vektorgrafik (kallas ibland objektgrafik) Pixelgrafik Utdrag ur Adobe Photoshops handbok Om bitmappsbilder (pixelbilder) I bitmappsbilder, eller rasterbilder eller pixelgrafik, används ett rektangulärt rutnät med bildelement (pixlar eller bildpunkter)

Läs mer

Exportera karta juni 2010

Exportera karta juni 2010 Exportera karta juni 2010 När man har skapat en karta kanske man vill exportera kartdokumentet till en bild eller grafisk filtyp. Nedan ges exempel på vilka olika format som stöds, samt tips för exporten.

Läs mer

Förbundet Vi Ungas. Grafiska handbok

Förbundet Vi Ungas. Grafiska handbok Förbundet Vi Ungas Grafiska handbok Innehållsförteckning INLEDNING 2 KAPITEL ETT 3 LOGOTYPEN 4 Vad man inte får göra med Vi Ungas logotyp 5 FÄRGER 6 TYPSNITT 7 FLÄTAN 8 KAPITEL TVÅ 9 GRAFISKA ELEMENT 10

Läs mer

Välkommen till Flyerskola!

Välkommen till Flyerskola! Välkommen till Flyerskola! Flyerskola Var började det hela Tryckmetoder Teckensnitt Upplösning av bilder Vanligaste filformaten Program Underlätta arbetet för redaktören Att tänka på vid skapandet av en

Läs mer

Bildhantering i OEW. Vi ska arbeta med följande bilder:

Bildhantering i OEW. Vi ska arbeta med följande bilder: Bildhantering i OEW Bilder på webben Bilder som man ser på olika hemsidor bör ha dessa egenskaper: 1 Klara färger 2 Skärpa 3 Snabbladdade 4 Rätt storlek för syftet Vi ska arbeta med följande bilder: Program

Läs mer

De olika exportmetoderna för rasterfiler inne i ArcMap är BMP, TIFF, GIF och PNG.

De olika exportmetoderna för rasterfiler inne i ArcMap är BMP, TIFF, GIF och PNG. Exportera karta När man har skapat en karta kanske man vill exportera kartdokumentet till en bild eller grafisk filtyp. Nedan ges exempel på vilka olika format som stöds, samt tips för exporten. Det går

Läs mer

Digitalitet. Kontinuerlig. Direkt proportionerlig mot källan. Ex. sprittermometer. Elektrisk signal som representerar ljud.

Digitalitet. Kontinuerlig. Direkt proportionerlig mot källan. Ex. sprittermometer. Elektrisk signal som representerar ljud. Analog Digitalitet Kontinuerlig Direkt proportionerlig mot källan Ex. sprittermometer Elektrisk signal som representerar ljud Diskret Digital Representation som siffror/symboler Ex. CD-skiva Varje siffra

Läs mer

Färglära. Ljus är en blandning av färger som tillsammans upplevs som vitt. Färg är reflektion av ljus. I ett mörkt rum inga färger.

Färglära. Ljus är en blandning av färger som tillsammans upplevs som vitt. Färg är reflektion av ljus. I ett mörkt rum inga färger. Ljus är en blandning av färger som tillsammans upplevs som vitt. Färg är reflektion av ljus. I ett mörkt rum inga färger. Människans öga är känsligt för rött, grönt och blått ljus och det är kombinationer

Läs mer

Adobe Photoshop Elements Skapa bakgrundsbilder för webbsidor

Adobe Photoshop Elements Skapa bakgrundsbilder för webbsidor 1 Adobe Photoshop Elements Skapa bakgrundsbilder för webbsidor Du kan använda ett foto som bakgrundsbild för en webbsida. Men om du använder ett fyrfärgsfoto som är stort nog att fylla en hel webbsida

Läs mer

BILD Objektgrafik, Pixelgrafik & Färglära

BILD Objektgrafik, Pixelgrafik & Färglära BILD Objektgrafik, Pixelgrafik & Färglära BILD Webben i början kritik designers som vi gör mot papper gör vi mot webben har nu anpassat sig (börjat) specifika filformat Design regler BILD CG - Computer

Läs mer

Blickfång proffsen litar på

Blickfång proffsen litar på Blickfång proffsen litar på Undvik vanliga fallgropar 1) Se till att göra din bild i rätt format. På hemsidan vid varje tryckbar produkt nämner vi Designstorlek och Bildstorlek. Bildstorleken är den synliga

Läs mer

Mattias Wiggberg Collaboration

Mattias Wiggberg Collaboration Informationsteknologi sommarkurs 5p, 24 Mattias Wiggberg Dept. of Information Technology Box 337 SE75 5 Uppsala +46 847 3 76 Collaboration Jakob Carlström Binära tal Slideset 5 Agenda Binära tal Talbaser

Läs mer

Kort lektion i skannerteknik

Kort lektion i skannerteknik Sammanställd av Jan Borgfelt Vad är en skanner? En skanner är en bildläsare, som läser in bilder till Din dator. Det finns 2 typer av skanners som Du kan koppla till Din dator: 1. Flatbäddskanner. Läser

Läs mer

Startsidan. Panorama / Dubbel panorama. 400x80. Panorama / Dubbel panorama

Startsidan. Panorama / Dubbel panorama. 400x80. Panorama / Dubbel panorama Startsidan Panorama / Dubbel panorama Panorama / Dubbel panorama Panorama-placeringen på startsidan har en stark räckvidd. Ca 530 000 unika besökare och ca 1 100 000 visningar/ dygn gör den till en utmärkt

Läs mer

GRAFISK MANUAL. Exempel på icke tillåtna skrivningar: Bank-id, Bank-ID, bank-id, Bankid, Bank id, bankid.

GRAFISK MANUAL. Exempel på icke tillåtna skrivningar: Bank-id, Bank-ID, bank-id, Bankid, Bank id, bankid. GRAFISK MANUAL Välkommen till BankIDs grafiska manual som ger grundläggande instruktioner kring skrivregler, logotypens placering och hantering av färger. GRAFISK MANUAL Varför är det viktigt med en grafisk

Läs mer

Innehåll. Ord och uttryck 3 Utfall och Marginal 6 Olika standardformat 7 Checklista 9

Innehåll. Ord och uttryck 3 Utfall och Marginal 6 Olika standardformat 7 Checklista 9 Grafisk Ordlista Innehåll Ord och uttryck 3 Utfall och Marginal 6 Olika standardformat 7 Checklista 9 2 Ord och uttryck Adressering Vid adressering printas mottagarens adress på den trycksak som ska postinlämnas.

Läs mer

Grafisk manual. För Falu Tank

Grafisk manual. För Falu Tank Grafisk manual För Falu Tank Grafisk profil Vad är en grafisk profil? En grafisk profil är en samling riktlinjer för hur tryckt och elektronisk information ska se ut. Den grafiska profilen består av tre

Läs mer

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC)

Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) Bilduppladdning i Järnvägshistoriskt forum (gäller MS Windows för PC) I Järnvägshistoriskt (i forts. Jvmv) forum finns ingen möjlighet att ladda upp bilder direkt i inlägg från sin hårddisk. Man måste

Läs mer

Redigera bilder snabbt och enkelt!

Redigera bilder snabbt och enkelt! Redigera bilder snabbt och enkelt! När du ska ladda upp bilder till din hemsida så är det klokt att anpassa bilderna så att dom får rätt storlek och att dom blir så lätta som möjligt i filstorlek. Detta

Läs mer

Bildbehandling Grunder

Bildbehandling Grunder Bildbehandling Grunder Thor Stone Education 1 FÖRORD 3 1 LJUS 4 1.1 Ljus 4 1.1.1 Synligt ljus, våglängder 4 2 FÄRGER I DATORN 6 2.1 Färg på bildskärmen och utskriven färg 6, 7 2.1.1 Färg på bildskärmen

Läs mer

Att göra en modern släktbok för CD och webb med Disgen

Att göra en modern släktbok för CD och webb med Disgen Att göra en modern släktbok för CD och webb med Disgen Bengt Kjöllerström E-post: bengt@kj2.se http://www.kj2.se/anor Modern släktbok 1 Bengt Kjöllerström 2011-04-15 Tre studiecirklar med Disgen Kom igång

Läs mer

Våra grafiska riktlinjer

Våra grafiska riktlinjer Våra grafiska riktlinjer Logotypen Den positiva versionen används mot vit eller ljus bakgrund Den negativa versionen används mot röd eller mörk bakgrund Våra grafiska riktlinjer Standardversion, skall

Läs mer

Kort lektion i Scannerteknik

Kort lektion i Scannerteknik Sammanställd av Jan Borgfelt Vad är en Scanner? En Scanner är en bildläsare, som läser in bilder till Din dator. Det finns 2 typer av Scanners som Du kan koppla till Din dator: 1. Flatbäddscanner. Läser

Läs mer

Grunder. Grafiktyper. Vektorgrafik

Grunder. Grafiktyper. Vektorgrafik 2 Grunder All vår början bliver svår eller hur det nu brukar heta, och detta är något som gäller även Flash. För den som är ovan vid Flash gäller det säkert extra mycket, då det kan vara knepigt att förstå

Läs mer

Laboration 4: Digitala bilder

Laboration 4: Digitala bilder Objektorienterad programmering, Z : Digitala bilder Syfte I denna laboration skall vi återigen behandla transformering av data, denna gång avseende digitala bilder. Syftet med laborationen är att få förståelse

Läs mer

Föreläsning 4. CSS Stilmallar för webben

Föreläsning 4. CSS Stilmallar för webben Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll

Läs mer

Läxhäfte 3. (Matte/NO räkna, skriva, förstå)

Läxhäfte 3. (Matte/NO räkna, skriva, förstå) Läxhäfte 3 (Matte/NO räkna, skriva, förstå) Hej! Uppgifterna i det här häftet övar dig på att läsa, räkna, fundera och förklara. Genomgående står det "Glöm inte att förklara hur du tänker" efter varje

Läs mer

Fråga 1. Hur betecknas detta standard värde? Fråga 2. Vilken storlek i mm har den digitala sensorn som klassas som fullformat?

Fråga 1. Hur betecknas detta standard värde? Fråga 2. Vilken storlek i mm har den digitala sensorn som klassas som fullformat? Fråga 1. FILMKÄNSLIGHET. Olika mått har utarbetats på filmens ljuskänslighet i olika länder. De olika metoderna har samordnats av den internationella standardiseringskommisionen. Hur betecknas detta standard

Läs mer

Digital- och datorteknik

Digital- och datorteknik Digital- och datorteknik Föreläsning #2 Biträdande professor Jan Jonsson Institutionen för data- och informationsteknik Chalmers tekniska högskola Talomvandling Principer för omvandling mellan olika talsystem:

Läs mer

F2 Binära tal EDA070 Datorer och datoranvändning

F2 Binära tal EDA070 Datorer och datoranvändning Datarepresentation F2 Binära tal EDA070 Roger Henriksson I en dator lagras och behandlas all information i form av binära tal ettor och nollor. En binär siffra kallas för en bit BInary digit. Ett antal

Läs mer

Den digitala bildens grunder

Den digitala bildens grunder 1 Den digitala bildens grunder Analog eller digital? En analog bild, till exempel ett diapositiv eller en pappersbild, innehåller områden och detaljer som är kontinuerligt färgade. Värden för tonomfång

Läs mer

Lägg till bilder i Disgen

Lägg till bilder i Disgen Lägg till bilder i Disgen 4 I Disgen finns möjlighet att lägga in såväl porträtt som andra bilder. Med bilder i Disgen får du lätt släkttavlor och släktböcker som är roliga att ge bort vid födelsedagar

Läs mer

19-21. Samling och kaffe. Temakväll Bildhantering i släktforskningen Genomgång kring temat. Forska själv. Forska själv. Diskussion kring temat

19-21. Samling och kaffe. Temakväll Bildhantering i släktforskningen Genomgång kring temat. Forska själv. Forska själv. Diskussion kring temat 19-21 Samling och kaffe Temakväll Bildhantering i släktforskningen Genomgång kring temat Forska själv Diskussion kring temat Forska själv Höstens temakvällar 13/9 Digitala bilder i släktforskningen 11/10

Läs mer

Grafisk manual. Innehåll. Kontakt: max@desmond.com

Grafisk manual. Innehåll. Kontakt: max@desmond.com Grafisk manual Innehåll Kontakt: max@desmond.com Förutsättningar Hoop skall ha en modern och sportig profil som skall vara denna manual trogen i allt formellt material som: Brev, Mejl, Instruktionsböcker

Läs mer

GRAFISK PROFILMANUAL GRAFISK PROFILMANUAL

GRAFISK PROFILMANUAL GRAFISK PROFILMANUAL 1 GRAFISK PROFILMANUAL 3 Innehåll LOGOTYPEN 6 FÄRGER 8 TYPOGRAFI 10 ANNONS 12 ROLL-UP 13 VEPA/BANDEROLL 14 VISITKORT 15 BREVPAPPER/FAXBLAD 16 KUVERT 17 FLAGGOR 17 PROFILKLÄDER 18 WEBB 19 BILDMANÉR 20

Läs mer

Att bevara historiska bilder. Digitalisera, beskriva, söka, visa, långtidslagra

Att bevara historiska bilder. Digitalisera, beskriva, söka, visa, långtidslagra Att bevara historiska bilder Digitalisera, beskriva, söka, visa, långtidslagra Fokus Att bevara bildinformation i oftast lånade bilder genom att överföra informationen i digital form. i digital form. Bättre

Läs mer

1 Bildhantering i MS Word

1 Bildhantering i MS Word 1 Bildhantering i MS Word För att alla de bilder, illustrationer och andra grafiska objekt som ingår i avhandlingen även ska se bra ut i det tryckta exemplaret och inte bara i det elektroniska, följer

Läs mer

Dagens agenda. Lagring & berarbetning av data. Filer och filformat Metadata Komprimering Kryptering Olika typer av data Filsystem Databaser

Dagens agenda. Lagring & berarbetning av data. Filer och filformat Metadata Komprimering Kryptering Olika typer av data Filsystem Databaser Lagring & berarbetning av data 1IK426 Introduktion till informationsteknik Patrik Brandt Filer och filformat Metadata Komprimering Kryptering Olika typer av data Filsystem Databaser Dagens agenda Filer

Läs mer

VARUMÄRKET Bergdalens IK

VARUMÄRKET Bergdalens IK VARUMÄRKET Bergdalens IK VARUMÄRKET Bergdalens IK Vi har tillsamans jobbat fram ett nytt koncept för att marknadsföra Bergdalens IK. Utgångspunkten är att lokala idrottsföreningar är alldeles för ödmjuka.

Läs mer

Övningar i bilder och färger

Övningar i bilder och färger Övningar i bilder och färger I dessa övningar ska du öva på att redigera några bilder för att anpassa dem till en webbplats. Bilderna kommer att beskäras på olika sätt, förändras i färguppsättning och

Läs mer

Multimedia? Produktion för Webb och Multimedia

Multimedia? Produktion för Webb och Multimedia Multimedia? Produktion för Webb och Multimedia Vad är Multimedia? En kombination av olika medietyper som text, grafik, ljud, video och animering, osv. Integration av vad tidigare var separata kommunikationsmetoder

Läs mer

WEBBUTVECKLING Bilder

WEBBUTVECKLING Bilder Bildformat Kurskod: WEBWEU01 Kursmål: och media med alternativa format, optimering och tillgänglighet. Bildformat De bilder som används på webben är vanligtvis JPG, PNG eller GIF-bilder. Anledningen till

Läs mer

Att lyckas med utskrifter

Att lyckas med utskrifter Att lyckas med utskrifter Utgiven av Universitetstryckeriet, Luleå, 1999 Gunnar Tuisku Foldern tar upp vanliga problem som kan uppstå vid utskrifter i PC- och Mac-miljö. Att lyckas med utskrifter! Denna

Läs mer

Adobe. Photoshop CS3. Fortsättningskurs. www.databok.se

Adobe. Photoshop CS3. Fortsättningskurs. www.databok.se Adobe Photoshop CS3 Fortsättningskurs www.databok.se Innehållsförteckning 1 Färghantering... 1 Färgomfång... 2 Behöver du färghantering?... 2 Kalibrera bildskärmen... 3 Kalibreringsprogram... 3 Färginställningar...

Läs mer

HELA KEDJAN. Videoteknik. från kamera till bildskärm. Nils Wennerstrand P. KTH NADA Medieteknik. Gunnar Kihlander, Anders Nyberg

HELA KEDJAN. Videoteknik. från kamera till bildskärm. Nils Wennerstrand P. KTH NADA Medieteknik. Gunnar Kihlander, Anders Nyberg Videoteknik KTH NADA Medieteknik Nils Wennerstrand P Gunnar Kihlander, Anders Nyberg HELA KEDJAN från kamera till bildskärm DV JPEG MPEG VGA Insamling Bearbetning Utsändning Presentation Y/C PAL RGB Kompatibilitet

Läs mer

Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN

Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN Färgrymd Vad är egentligen en färgrymd? Digitala enheter (tex skärmar, skrivare, scanners) kan inte återge alla färger som det mänskliga ögat

Läs mer

Inför tryck. Om tryckfärger

Inför tryck. Om tryckfärger Inför tryck Om tryckfärger Förutom att dela in i RGB-färgsystemet och CMYK-färgsystemet talar man också om 4-färgstryck och dekorfärgstryck. Vid 4-färg blandas de fyra färgerna (CMYK) till önskade färger

Läs mer

En grund i bildbearbetning för webben i Photoshop Elements 11

En grund i bildbearbetning för webben i Photoshop Elements 11 En grund i bildbearbetning för webben i Photoshop Elements 11 Mappstrukturering... 2 Arbetsflöde bildbearbetning för webb Beskär... 3 Storleksförändra bild... 4 Skärpa... 5 Spara för webb... 6 Från logga

Läs mer

Ordlista för dej med digikamera

Ordlista för dej med digikamera Ordlista för dej med digikamera 3x, 5x, 10x Avser hur mycket kamerans lins kan förstora. Detta är optisk, ej digital zoom. Se även Digital Zoom nedan. Version 1.0 13 Sep 2007 8-bitars bild Bild som har

Läs mer

Alla presentationstekniker har olika behov; bandbredd, lagring samt bildkvalitet

Alla presentationstekniker har olika behov; bandbredd, lagring samt bildkvalitet Alla presentationstekniker har olika behov; bandbredd, lagring samt bildkvalitet 1. Multimedia för persondator distribuerad via Internet 2. Multimedia för persondator lagrad på CD-ROM 3. Digital distribuerad

Läs mer

Förord. Innehåll. Logotyp 3 Typsnitt 4 Färger 5 Profilelement 6 Profilmallar 7-9

Förord. Innehåll. Logotyp 3 Typsnitt 4 Färger 5 Profilelement 6 Profilmallar 7-9 Grafisk Guide 1.0 Förord Den grafiska guiden ska fungera som en vägledning för allt profilmaterial; både för tryck och webb och såväl för extern som intern kommunikation. Rocklunda Restaurang & Konferens

Läs mer

En pixel är en digital bilds minsta del och den är väldigt liten

En pixel är en digital bilds minsta del och den är väldigt liten Teori om bildbehandling Text kopierad från www.moderskeppet i undervisningssyfte. 1.Pixelgrafik Sammanfattning: Ett digitalt foto är uppbyggt av pixlar. Varje pixel kan anta en färg bland 16.7 miljoner.

Läs mer

Kort introduktion till POV-Ray, del 1

Kort introduktion till POV-Ray, del 1 Kort introduktion till POV-Ray, del 1 Kjell Y Svensson, 2004-02-02,2007-03-13 Denna serie av artiklar ger en grundläggande introduktion och förhoppningsvis en förståelse för hur man skapar realistiska

Läs mer

Här finns de allra vanligaste frågorna. Klicka på frågan för att komma till svaret.

Här finns de allra vanligaste frågorna. Klicka på frågan för att komma till svaret. Innehållsförteckning Här finns de allra vanligaste frågorna. Klicka på frågan för att komma till svaret. Hur vill ni ha originalet? Vad är ett original? Vad är DPI? Vad är vektorgrafik? Vad är pixelgrafik?

Läs mer

1.1 Verktygslådan översikt

1.1 Verktygslådan översikt 1.1 Verktygslådan översikt Markeringsramverktygen markerar rektanglar, ellipser samt enstaka rader eller kolumner. Flytta-verktyget flyttar markeringar, lager och stödlinjer. Lassoverktygen skapar frihandsmarkeringar,

Läs mer

Guide till tryckfärdigt original

Guide till tryckfärdigt original Guide till tryckfärdigt original Pixelbilder, objektgrafik och text Ett grafiskt original kan bestå av pixelbilder, objektgrafik (vektorgrafik) eller en kombination av dessa. En pixelbild begränsas av

Läs mer

Handledning för synliggörande

Handledning för synliggörande Handledning för synliggörande Så här ska du som projektägare informera om medfinansieringen från Europeiska unionen och Svenska ESF-rådet den 25 september 2015 Svenska ESF-rådet, huvudkontoret Besöksadress:

Läs mer

Stora guiden om upplösning Av: Billy Ölvestad

Stora guiden om upplösning Av: Billy Ölvestad Stora guiden om upplösning Av: Billy Ölvestad Vad betyder begreppet upplösning, och hur fungerar det? Detta är nog en fråga som väldigt många känner sig osäkra på. I denna lathund försöker jag beskriva

Läs mer

ADOBE PHOTOSHOP ELEMENTS 3

ADOBE PHOTOSHOP ELEMENTS 3 ADOBE PHOTOSHOP ELEMENTS 3 LATHUND Innehållsförteckning Start Välkomstfönstret... 3 Bläddra efter bilder... 5 Visa och ordna foton... 6 Verktygslådan... 7 Beskär en bild... 8 Ändra storlek, storlek på

Läs mer

Att styla webbsidor. Nivå. Uppgiften

Att styla webbsidor. Nivå. Uppgiften Nivå 2 Att styla webbsidor All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.

Läs mer

Elmia Avfall & Återvinning SE TILL ATT DU SYNS! Fjärrvärmemässan. VA-Mässan

Elmia Avfall & Återvinning SE TILL ATT DU SYNS! Fjärrvärmemässan. VA-Mässan Elmia Avfall & Återvinning SE TILL ATT DU SYNS! Fjärrvärmemässan VA-Mässan Mötesplatsen för det hållbara samhället. Elmia, Jönköping 30 sep 2 okt 2014 Syns på nätet Mässornas hemsida blir en allt viktigare

Läs mer

Att använda bildhanteringsprogram, del 2

Att använda bildhanteringsprogram, del 2 Att använda bildhanteringsprogram, del 2 Gå till Adobe Online (M) Markeringsram - (L) Lasso - (C) Beskärning - (J) Airbrush - (S) Klonstämpel - (E) Suddgummi - (R) Oskärpa - (A) Markering av bankomponenter

Läs mer

Bilder. Bilder och bildformat

Bilder. Bilder och bildformat och bildformat Det första du måste göra är att skaffa bilder att lägga in i ett HTMLdokument. Ta en bild med din mobil/ webbkamera eller rita bilden själv.du kan ta gratisbilder från Google, gå in på bilder

Läs mer

DigitalBild del 2 Adobe Photoshop Elements ver 5.0

DigitalBild del 2 Adobe Photoshop Elements ver 5.0 Sidan 1 av 5 Inbyggd hjälpfunktion i Photoshop Elements... 2 Dataprogram för bildbehandling... 2 Forts. Adobe Photoshop Elements verktygsfält... 2 Menyraden, Bild...3 Ändra bildstorlek...3 Intensitet och

Läs mer

Grafisk profilmanual. Grafisk profilmanual

Grafisk profilmanual. Grafisk profilmanual Grafisk profilmanual 1 INNEHÅLL Inledning 3 Logotyp Färg 4 Logotyp Svart/vit 5 Logotyp Inverterad 6 Färger 7 Typsnitt Trycksaker/utskrifter 8 2 En enhetlig grafisk profil gör Rekal tydligare En grafisk

Läs mer

Grafisk Teknik. Rastrering. Övningar med lösningar/svar. Sasan Gooran (HT 2013)

Grafisk Teknik. Rastrering. Övningar med lösningar/svar. Sasan Gooran (HT 2013) Grafisk Teknik Rastrering Övningar med lösningar/svar Det här lilla häftet innehåller ett antal räkneuppgifter med svar och i vissa fall med fullständiga lösningar. Uppgifterna är för det mesta hämtade

Läs mer

Kurs 7:1 Att använda bildhanteringsprogram

Kurs 7:1 Att använda bildhanteringsprogram Kurs 7:1 Att använda bildhanteringsprogram S TUDE NTDATOR UTBILDNINGE N MALMÖ HöGSKOLA Beijerskajen 8, K3, källaren, sal Apollo (A01:303), 205 06 Malmö www.bit.mah.se/undervisning/sdm Att använda bildhanteringsprogram,

Läs mer

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad 2012-09-14

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad 2012-09-14 Grundredigering i Photoshop Elements Denna artikel handlar om grundläggande fotoredigering i Elements: Att räta upp sneda horisonter och beskära bilden, och att justera exponering, färg och kontrast, så

Läs mer

Filformat för digitala stillbilder M A J I E D S H I E R K H A N L O U

Filformat för digitala stillbilder M A J I E D S H I E R K H A N L O U M A J I E D S H I E R K H A N L O U Examensarbete Stockholm, Sverige 2006 M A J I E D S H I E R K H A N L O U Examensarbete i medieteknik om 20 poäng vid Programmet för civilingenjör & lärare Kungliga

Läs mer

Manual Anvisningar vid annonsering på startsida i Ratsit 3.0.

Manual Anvisningar vid annonsering på startsida i Ratsit 3.0. Version 2.0 onsdag 12 oktober 2016 1 av 8 Manual Anvisningar vid annonsering på startsida i Ratsit 3.0. Kort beskrivning Instruktioner: Nedan finner du instruktioner kring hur du skapar wallpaper för ratsit.se.

Läs mer

Handledning för synliggörande

Handledning för synliggörande Europeiska socialfonden stöder projekt som motverkar utanförskap och främjar kompetensutveckling Handledning för synliggörande Så här ska du som projektägare informera om medfinansieringen från Europeiska

Läs mer

Steg 14 Bildbehandling Irfanview, Photoshop Windows 7/8

Steg 14 Bildbehandling Irfanview, Photoshop Windows 7/8 Steg 14 Bildbehandling Irfanview, Photoshop Windows 7/8 Nov -14 Liljedalsdata Liljedalsdata Steg 14 W78 Sida 1 Inledning Förkunskaper Steg 1, 2, 3, 13. Du bör ha mycket träning i att hantera olika minnen

Läs mer

Teknisk information för digital annonsering

Teknisk information för digital annonsering Teknisk information för digital annonsering Allmänna regler Annonser måste vara grafiskt avgränsade, till exempel via en ram för att besökaren/läsaren ska kunna särskilja annonsmaterial från redaktionellt

Läs mer

Värmdö IFs grafiska profil 4. Logotyp 5-9. Färg 10. Typografi 11-12. Brevpapper 13. Visitkort 14. Korrespondenskort 15.

Värmdö IFs grafiska profil 4. Logotyp 5-9. Färg 10. Typografi 11-12. Brevpapper 13. Visitkort 14. Korrespondenskort 15. 1Grafisk manual 2 Innehåll Sida Värmdö IFs grafiska profil 4 Logotyp 5-9 Färg 10 Typografi 11-12 Brevpapper 13 Visitkort 14 Korrespondenskort 15 Kuvert 16-17 3 Värmdö IFs grafiska profil En enhetlig grafisk

Läs mer

Manual för visionutv.net Redigera

Manual för visionutv.net Redigera Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar

Läs mer

Att skapa och hantera bilder från Pro/E

Att skapa och hantera bilder från Pro/E Att skapa och hantera bilder från Pro/E Författare Hans-Eric Vendelson Xdin AB Författare till denna presentation är Hans-Eric Vendelson Xdin AB. Gustaf Werners gata 12 SE 421 32 V. Frölunda Office +46

Läs mer

DIGITALA TAL OCH BOOLESK ALGEBRA

DIGITALA TAL OCH BOOLESK ALGEBRA DIGITALA TAL OCH BOOLESK ALGEBRA Innehåll Talsystem och koder Aritmetik för inära tal Grundläggande logiska operationer Logiska grindar Definitioner i Boolesk algera Räknelagar BINÄRA TALSYSTEMET Binärt

Läs mer

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad: 2014-10-07

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad: 2014-10-07 Guide Eva Pärt-Enander, 2012-12-14 Webbsidor i Studentportalen Uppdaterad: 2014-10-07 Innehåll Webbsidor i Studentportalen... 1 Om webbsidor... 2 Lägg till en webbsida... 2 Lägg till samma webbsida på

Läs mer

FÄRG. Färg. SPD Exempel FÄRG. Stavar och Tappar. Ögats receptorer. Sasan Gooran (HT 2003) En blåaktig färg

FÄRG. Färg. SPD Exempel FÄRG. Stavar och Tappar. Ögats receptorer. Sasan Gooran (HT 2003) En blåaktig färg FÄRG Färg Sasan Gooran (HT 2003) Det mänskliga ögat kan uppfatta ljus, elektromagnetiska strålningar, med vågländer mellan 380 till 780 nm. Ett exempel: Spectral Power Distribution (SPD). Se nästa bild.

Läs mer

Kamerans sensor. I kameran sitter bildsensorn som består av en rektangulär platta med miljontals små ljuskänsliga halvledare av CCD eller CMOS typ.

Kamerans sensor. I kameran sitter bildsensorn som består av en rektangulär platta med miljontals små ljuskänsliga halvledare av CCD eller CMOS typ. Kamerans sensor I kameran sitter bildsensorn som består av en rektangulär platta med miljontals små ljuskänsliga halvledare av CCD eller CMOS typ. Objektivet projicerar en bild på sensorn och varje liten

Läs mer

Grafisk manual, Bessemerskolan. Version 3, oktober 2016

Grafisk manual, Bessemerskolan. Version 3, oktober 2016 Grafisk manual, Bessemerskolan Version 3, oktober 2016 1 Grafisk manual för Bessemerskolan Vår grafiska manual är ett hjälpmedel för att förstärka effekten av vår kommunikation och för att ge vår skola

Läs mer

Macromedia. Dreamweaver 8. Grundkurs. www.databok.se

Macromedia. Dreamweaver 8. Grundkurs. www.databok.se Macromedia Dreamweaver 8 Grundkurs www.databok.se Innehållsförteckning 1 Arbetsmiljön... 1 Användningsområde... 1 Starta Dreamweaver... 1 Arbeta i Dreamweaver... 3 Fönster... 4 Statusfältet... 4 Menyer...

Läs mer

Lämna in dina filmer och bilder till oss. Nya priser och information för 2015. på Åsele Videoteknik

Lämna in dina filmer och bilder till oss. Nya priser och information för 2015. på Åsele Videoteknik Lämna in dina filmer och bilder till oss Nya priser och information för 2015 på Åsele Videoteknik information Sida 2 Information om Videoteknik & bildarkivet Sida 3 Film Sida 4 Smalfilmer Sida 6 Filmning

Läs mer

Hjälp och idéer för storbilder. - Version 092006 - Copyright TETRIX 2006 All rights reserved

Hjälp och idéer för storbilder. - Version 092006 - Copyright TETRIX 2006 All rights reserved Hjälp och idéer för storbilder - Version 092006 - I n n e h å l l Storbildsråd Storlek, bildområde och utfall 3 Produktspecifikt utfall 4 Resolution/Upplösning 5 Kulörerna är CMYK 6 Typsnitt (fonter) 6

Läs mer

www.webbphoto.se John S. Webb 2006 john@webbphoto.se (text citat från Adobe)

www.webbphoto.se John S. Webb 2006 john@webbphoto.se (text citat från Adobe) www.webbphoto.se D A T O R D I G I T A L A F L Ö D E T K A M E R A K O R T B Ä R B A R H Å R D D I S K R E D I G E R I N G M J U K V A R A O U T P U T L A G R I N G K A T A L O G M J U K V A R A PIXELS

Läs mer

Övningar i bilder och färger

Övningar i bilder och färger Övningar i bilder och färger I dessa övningar ska du öva på att redigera några bilder för att anpassa dem till en webbplats. Bilderna kommer att beskäras på olika sätt, förändras i färguppsättning och

Läs mer

A N D E R S 2 0. En liten informationsbroschyr om RASTRERING VÄND

A N D E R S 2 0. En liten informationsbroschyr om RASTRERING VÄND A N D E R S 2 0 En liten informationsbroschyr om RASTRERING VÄND Varför används rastrering? Inom nästan all tryckeri- och skrivarteknik idag används någon form av rastrering för att göra tryckningen möjlig.

Läs mer

Guide för färgkvalitet

Guide för färgkvalitet Sida 1 av 6 Guide för färgkvalitet I den här guiden för färgkvalitet får du hjälp att använda funktionerna på skrivaren till att anpassa färgen på utskrifterna. Menyn Kvalitet Menyalternativ Utskriftsläge

Läs mer

Grafisk profil för Charlott Zsoldos. Holistic Health Coach

Grafisk profil för Charlott Zsoldos. Holistic Health Coach Grafisk profil för Charlott Zsoldos Holistic Health Coach Innehållsförteckning 1. Logotype 2. Typsnitt 3. Annonsering 4. Imagebilder Logotype Charlott Zsoldos använder sig av två stycken olika logotyper.

Läs mer

getprint Användarguide för getprint

getprint Användarguide för getprint geteasy getfast getcheap getprint Användarguide för getprint Allmänna krav 2 Dekaler 2 Utfall 2 Kuvert 2 Magasin 3 Vikta flyers 4 Inking 4 Kalendrar 4 Linjetjocklek 5 Affischer 5 Mappar 5 Broschyrer 5

Läs mer

Det första du behöver göra är att ta reda på vilken storlek bilden har. Öppna en bild i Photoshop. Välj Bild; Bildstorlek i övre menyn

Det första du behöver göra är att ta reda på vilken storlek bilden har. Öppna en bild i Photoshop. Välj Bild; Bildstorlek i övre menyn Ändra bildstorlek (Photoshop CS 3) Sid. 1 1. Minska en bild När man jobbar med bilder vill man ibland ändra storlek, eller minska antal pixlar, eftersom bildfilen blir för stor och för tung (i kb) om den

Läs mer