Föreläsning i webbdesign. Bilder och färger. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se
|
|
- Helen Berg
- för 8 år sedan
- Visningar:
Transkript
1 Föreläsning i webbdesign Bilder och färger Rune Körnefors Medieteknik Rune Körnefors rune.kornefors@lnu.se
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 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 merSå 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 merBilder... 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 merTorstens 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 merRegionala 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 merINT 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 merBildredigering 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 merDIGITAL 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 merSeniorNet Huddinge
SeniorNet Huddinge 2018-09-13 Dagens tema: Bilder Bilder Var hittar man bilder? I din smarta telefon. I din kamera. På internet. Vad vill du göra med dem? BILDER Spar dem någonstans. Skriva ut dem. Maila
Läs merVä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 merBildhantering 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 merPrioritet. 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 merLITEN GRAFISK HJÄLPREDA
LITEN GRAFISK HJÄLPREDA ATT TÄNKA PÅ... VILKET FORMAT OCH VILKET PAPPER? Man kan använda alla möjliga format på trycksaker men oftast håller man sig till standardformaten. A4 är det vanligaste. Formatet
Läs merPixelgrafik. 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 merExportera 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 merFö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 merDe 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 merDigitalitet. 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 merFilformat / bildformat
Filformat / bildformat Filformat/bildformat är olika modeller för att spara bilden. När du sparar ett foto finns det en uppsjö av olika filformat att välja bland. Först och främst har programmet (ex. Adobe
Läs merFä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 merTRYCK OCH FÄRGHANTERING LATHUND
LATHUND TRYCK & FÄRGHANTERING 1 Vi trycker i CMYK rgb Æ C M Y K Æ Synligt spektrum Adobe RGB Bestruket CMYK Obestruket CMYK Illustrationen visar hur färgomfånget krymper från det synliga spektrumet till
Läs merMattias 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 merBILD 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 merAdobe 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 merBlickfå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 merGrafisk 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 merStartsidan. 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 merGRAFISK 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 merKort 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 merFöreläsning 17 - Komprimering
DD1343 Datalogi och numeriska metoder del 1 Föreläsning 17 - Komprimering Komprimering Följdlängdskodning (run-length encoding) Huffmankodning Lempel-Ziv-kodning Entropi Komprimering av bilder Komprimering
Läs merVå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 merF2 Datarepresentation talbaser, dataformat och teckenkodning
F2 Datarepresentation talbaser, dataformat och teckenkodning EDAA05 Roger Henriksson Jonas Wisbrant Datarepresentation I en dator lagras och behandlas all information i form av binära tal ettor och nollor.
Läs merF2 Datarepresentation talbaser, dataformat och teckenkodning EDAA05 Datorer i system! Roger Henriksson!
F2 Datarepresentation talbaser, dataformat och teckenkodning EDAA05 Roger Henriksson Von Neumann-arkitekturen Gemensamt minne för programinstruktioner och data. Sekventiell exekvering av instruktionerna.
Läs merBilduppladdning 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 merInnehå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 merBildbehandling 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 merAtt 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 merDigital- 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 merF2 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 merGrunder. 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 merKort 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 merRedigera 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 merData och Information. Dr. Johan Hagelbäck.
Data och Information Dr. Johan Hagelbäck johan.hagelback@lnu.se http://aiguy.org Data eller information? I den verkliga världen har vi information, till exempel en bok eller ett stycke musik Denna information
Läs merFrå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 mer1 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 merGRAFISK 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 merLä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 merDen 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 merDagens 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 mer19-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 merFö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 merAffina avbildningar och vektorgrafik
och vektorgrafik 2010-02-04 och vektorgrafik Affin avbildning som matriser Definition En affin avbildning f är en sammansättning av en linjär avbildning x Bx och en translation x x + c och är alltid på
Läs merÖ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 merInledning. Innehåll. Inledning
GRAFISK MANUAL 2019 Inledning 2 Inledning Det här är en uppdaterad manual som ska tydliggöra Moderaternas grafiska profil och göra det enkelt att göra rätt. Att den grafiska profilen följs på nationell,
Läs merLä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 merAdobe. 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 merGrafisk 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 merEn 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 merLaboration 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 merOptimala 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[HTML] [Elevens namn ] [Klassens namn ] [Lärarens namn ]
[HTML] av [Elevens namn ] [Klassens namn ] [Lärarens namn ] INNEHÅLLSFÖRTECKNING INTRODUKTION TILLHTML # KAPITEL 1 VAD ÄR HTML? # Kapitel 2 TEXTFORMATERING # KAPITEL 3 FÄRG OCH HORISONTELLA STECK # KAPITEL
Läs merVARUMÄ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 merKort 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 merMultimedia? 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 merHELA 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 merHä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 merAtt 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 merWEBBUTVECKLING 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 merFö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 merOrdlista 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 merAlla 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 merAtt 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 mer1.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 merF3 Datarepresentation teckenkodning och datakompression EDAA05 Datorer i system! Roger Henriksson!
Teckenkodning historik F3 Datarepresentation teckenkodning och datakompression EDAA05 Roger Henriksson Baudotkod 5-bitars kod för fjärrskrivare (teletype tty). Baudot 1874, Murray 1901 2 EBCDIC ASCII Extended
Läs merAtt 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 merGrafik. För enklare datorsystem
Grafik För enklare datorsystem Grafik förr VGA-signalen Direktdriven grafik eller bildminne Bitmap-grafik Tile/teckenbaserad grafik Spritebaserad grafik Kollisionskontroll Rörelse : Hastighet / riktning
Läs merF3 Datarepresentation teckenkodning och datakompression
Teckenkodning historik F3 Datarepresentation teckenkodning och datakompression Baudotkod 5-bitars kod för fjärrskrivare (teletype tty). EDAA05 Roger Henriksson Jonas Wisbrant Baudot 1874, Murray 1901 2
Läs merOrdbokskodning. Enkel variant av kodning med variabelt antal insymboler och fixlängds kodord. (Jfr tunstallkodning)
Datakompression fö 6 p.1 Ordbokskodning Enkel variant av kodning med variabelt antal insymboler och fixlängds kodord. (Jfr tunstallkodning) Man skapar en ordbok som innehåller 2 b olika sekvenser av symboler
Läs merExempel, minnesfri binär källa. Ordbokskodning. Lempel-Zivkodning. Lempel-Zivkodning, forts.
Datakompression fö 6 p.3 Datakompression fö 6 p.4 Ordbokskodning Exempel, minnesfri binär källa Enkel variant av kodning med variabelt antal insymboler och fixlängds kodord. (Jfr tunstallkodning) Man skapar
Läs merGuide 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 merDigitalBild del 2 Adobe Photoshop Elements ver 6.0
Sidan 1 av 5 Inbyggd hjälpfunktion i Photoshop Elements... 2 Dataprogram för bildbehandling... 3 Forts. Adobe Photoshop Elements verktygsfält... 3 Menyraden, Bild... 3 Ändra bildstorlek... 3 Intensitet
Läs merExtramaterial till Matematik Y
LIBER PROGRAMMERING OCH DIGITAL KOMPETENS Extramaterial till Matematik Y NIVÅ TRE Algebra ELEV Det finns många olika programmeringsspråk. Ett av dem är Python, som du ska få bekanta dig med i den här uppgiften.
Läs merGrafisk manual Sörmlandsstugan 2.0
Grafisk manual Sörmlandsstugan 2.0 Innehållsförteckning 3 Om Sörmlandsstugan 2.0 4 Logotypen 5 Storlek och frizon 6 Typografi 7 Anvisningar 8 Basfärger 9 Komplementfärger 10 Färgsystem 11 Grafiska element
Läs merHandledning 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 merNär man trycker på knappen får man upp ett fönster med alla tillgängliga bilder, och väljer en av dem genom att trycka på bilden:
Instruktioner för att lägga in bilder i vinjetten Bilder kan läggas in på många olika sätt på webbplatsen, ett vanligt sätt är att bädda in den i texten, men ett annat sätt att lägga in bilder är att lägga
Läs merInfö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 merADOBE 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 merStora 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 mer3.0. Tips och Trix Sida 1 av 18
3.0 https://beta.scratch.mit.edu/ Tips och Trix 2018-08-31 Sida 1 av 18 Innehåll Starta nytt program 3 Scenens koordinatsystem 3 Centrumpunkt / rotationspunkt 4 Sprajtens inställningar 5 Placering i Z-led
Läs merDet 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 merStruktur: Elektroteknik A. Digitalteknik 3p, vt 01. F1: Introduktion. Motivation och målsättning för kurserna i digital elektronik
Digitalteknik 3p, vt 01 Struktur: Elektroteknik A Kurslitteratur: "A First Course in Digital Systems Design - An Integrated Approach" Antal föreläsningar: 11 (2h) Antal laborationer: 4 (4h) Examinationsform:
Läs merVä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 merEn 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 merDigitalBild 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 merBilder. 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 merGuide. 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 merDIGITALA 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 merGrafisk 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 merGrafisk 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 merElmia 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