Att skapa en bakgrundsbild och använda den i HIPP

Relevanta dokument
DK-serien. Enklare bildredigering med Irfanview

PM Banläggning i OCAD 12 CS

3. Hämta och infoga bilder

6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.

Lathund grundkurs datorutbildning

Photo Story. Sara Eriksson IKT A, HT 2007

1 Photo Story Steg 1 - Hämta och fixa dina bilder

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.

Manual Trafikdatasystem Grävtillstånd, sökande

Symprint Snabbstartsguide

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Word Grunderna 1. Om du kan det allra enklaste i Word, hoppa över uppgifterna A-E.

Guide till att använda Audacity för uttalsövningar

Bilder till bildspel på TV med Lightroom. Förberedelser

Arbeta med bilder. Lathund kring hur du fixar till bilder från digitalkamera eller Internet så att de går att använda i ett kommunikationsprogram.

Manual

Dokument i klassens aktivitet

Grundredigering i Photoshop Elements

UngO teket. Banläggning i OCAD. ungoteket.se

Workshop PIM 2 - PowerPoint

skapa genvägar till andra sidor (externa och interna)

1.0 Starten Nytt... (bild 1) 1.3 Namn Upplösning 1.6 Läge 1.7 Innehåll OK

Instruktion. För att använda banläggarstödet i OCAD 8 version För innehållet svarar Karl Bergstrand kb@hbok.se

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)

FIRSTCLASS. Innehåll:

När appen startar så gör den det på en särskild sida som du bestämt ska vara Hem-sida. Du kan ändra det under Inställningar och Spara sida som Hem.

Vilken version av Dreamweaver använder du?

RACCOON DEVELOPMENT AB

Nä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:

Gör så här för att rapportera:

Detta är ett försök att beskriva hur man använder Picasa webbalbum för att redigera bilder.

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad ) Birger Eriksson webblots.se

Redaktörens Lathund för Glokala. Så här redigerar du en redan befintlig hemsida. Så här skapar du en länk till en extern hemsida

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

IT-körkort för språklärare. Modul 7. Bildbehandling

manual D E M O Systemkrav Pc med Windows 98/ Mhz Pentium 64 Mb RAM Miljontalsfärger (24 bit) Upplösning: 800 x 600 pixels

Börja med att samla alla bilder som du vill använda till din film i en mapp under Mina dokument.

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad

Manual HSB Webb brf

Verktygsfält. Hantering av webbkarta Grundinstruktion. Sida 1 av 6. De olika verktygen och delarna förklaras i detalj längre ner i dokumentet.

med Office 365 i Dynamics NAV 2015

SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003.

Så här använder du de enklaste funktionerna i programmet: Starta programmet. Programmet startas från ikonen på skrivbordet.

Manual för Veneröds Dressyrstall

INTERNET Adress: fc.enkoping.se (obs! ej www i början) Då kommer du till denna sida. Logga in. Fyll i ditt Användarnamn och Lösenord.

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

Hur skriver man ett textdokument med bild i OpenOffice?

Grundkurs 1 IKT Filhantering

Hotspot låter användaren skapa genvägar till andra sidor.

Klassens aktivitet. Inställningar

Komma igång med OneD. Allt på en plats

Pensionärsföreningens webbplats GUIDE FÖR NYA WEBBANSVARIGA

Manual för beställning via Capitex

Skillnaden mot att jobba som i ett vanligt ordbehandlingsdokument, är att internet tar inte emot textrutor. Det få r man istället ersätta med ramar.

batklubben.eu s hemsida

ANVÄNDARGUIDE. ViTex

Så fungerar Diskutera i Ping Pong

Juni Manual. Mina anläggningar

Men banners kan också placeras i composerblock samt på nyhets- och artikelsidor. Du kan skapa en banner i vilken editor som helst i EpiServer CMS 5.

Innehåll Uppgifter ipad utbildning

Skoladmin kom igång! Innehåll

Manual för banläggning i OCAD IF ÅLAND

Till flera av ovanstående finns det dessutom varianter, vilka kommer att presenteras i de olika avsnitten.

Datakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson

Macintosh PowerMac, system Mac OS och Classic Mode 64 Mb RAM Miljontalsfärger (24 bit)

Lär dig grunderna i Photoshop Elements 4.0

Laboration 4: Digitala bilder

Steg 8 OpenOffice Presentation

Lathund för att lägga in information på ovanaker.se Innehållsförteckning

Vi börjar med en penna som ritar när du drar runt den på Scenen.

Kom igång med Disgen 7

Ladda ner LexMeeting. Öppna App Store. Skriv in lexmeeting i sökfältet och tryck på Sök

Steg 14 Bildbehandling Irfanview, Photoshop Windows 7/8

Mina omvärldsfaktorer

Visa förslag till åtagandeplan i SAM Internet

2. Windows 10. Behandlade Ord. Windows Anniversary. Göran Johansson

ATT LÄGGA TILL KONTROLLPUNKTER I DIN KONTROLLPLAN! Klicka på Kontrollplans knappen.

Lathund för att lägga in information på ovanaker.se Innehållsförteckning

Text och galleri på fotoklubbens nya hemsida

Handledning för att lägga in i EpiServer:

För att kunna använda konsulentuppsättningarna, skall på varje enskild dator göras följande inställningar.

Interaktiv skrivtavla Lintex ebeam

Programmets startmeny ser ut så här. För att få fram menyerna Avsluta, Inställningar och Användare måste du föra markören upp till det blåa fältet.

Lathund skapa och redigera sidor en projektwebb

Handbok till bloggen Uppdaterad

Bruksanvisning för produktion och import av egen jaktkarta i Jaktappen.

bilder för användning

Använda Internet. med hjälp av Internet Explorer. Nybörjarguide

ANVÄNDARBESKRIVNING FÖR PERSONAL

Bildredigering i EPiServer & Gimp

Användarhjälp till Adobe Reader. Förtroendevalda i Strömstads kommun 2014

Programsnickaren. Grunderna för hur du kommer igång och arbetar med Programsnickaren till Micro Rolltalk. Habilitering & Hjälpmedel

PixlrGuiden - av AlizonWeb PIXLRGUIDEN. av AlizonWeb. Copyright Notice: Copyright AlizonWeb, All rights reserved. Sida 1

När man ska lägga till en nyhet måste man vara inloggad. Klicka på hänglåset uppe i högra hörnet.

SHARP TWAIN AR/DM. Bruksanvisning

Låt "Personlig mappfil för Office Outlook (.pst)" vara markerad. Klicka på OK

Manus för instruktionsfilm: Skapa ett filarkiv

Dollar Street Beta Version 1.0 Manual

Du hittar manualen på.

Övningar i bilder och färger

Transkript:

Att skapa en bakgrundsbild och använda den i HIPP Bakgrundsbilder i HIPP kan användas till olika saker, t ex som ett rutnät för en tabell eller en grundkarta. Här visas hur man gör en grundkarta som en bakgrundsbild, lägger in den i HIPP och markerar den i HIPP så att en skärmläsare (t ex JAWS) kan visa text på punkt eller läsa upp det i tal. För att redigera bilden används IrfanView, ett gratisprogram som är mycket kompetent. Hur du installerar det kan du se i ett annat dokument (Att installera IrfanView). Utgå ifrån en originalbild Ofta har man en bild som man vill utgå ifrån redan från början. Det kan vara en scannad bild från en lärobok eller en bild man hittar på Internet. Denna bild kommer inte att vara möjlig att ta in till HIPP direkt, utan den måste uppfylla ett tekniskt kriterium: Den måste vara 511 pixlar bred och 511 pixlar hög, och vara av typen png (Portable Network Graphics). Sedan kan den (oftast) behöva redigeras för att bara de viktiga detaljerna ska finnas med, de som ska kännas. Börja med att leta upp en bild som helst är större än 511*511 pixlar. Det går naturligtvis att ha mindre bilder, men då fyller de inte upp utrymmet på pappret i HIPP-programmet och blir därför kanske svårare att känna på. Här har vi hittat en bild på Internet som vi vill utgå ifrån: Bilden heter 674px-Malmö_stadsdelar_2009.png om du vill prova själv med samma bild, och finns på Internet eller i bifogat material.

Redigera bilden i IrfanView Öppna filen i IrfanView. Det första vi kommer att behöva göra är att ta bort texten i kartan. Den kommer annars att kännas som uppstickande bokstäver i HIPP med pennan. Gör en ruta runt en av texterna på kartan (tryck ner vänster musknapp i övre vänstra hörnet och dra ner till nedre högra hörnet runt texten). Välj saxen i verktygsfältet. Du får nu en vit ruta i stället för texten. Vi kommer att fixa det senare, men nu fortsätter vi att klippa bort alla texterna utom Kirseberg först. Såhär ser slutresultatet ut:

Kirseberg är lite krångligare att klippa ut. Vi använder förstoringsglaset för att komma närmare texten så det blir lättare att klippa, och klipper flera gånger. Det är inte vansinnigt noga, men det är bra om du kan behålla kantlinjerna/gränserna runt alla stadsdelarna. Hål i gränserna gör att pennan i HIPP-programmet kan slinka igenom, och det känns då inte som en gräns. När alla texter är borta kan vi börja snygga till bilden genom att fylla hålen som blivit med samma gröna färg som resten av kartan. Välj Edit- >Show Paint dialog (eller F12). Se till höger. Här finns lite olika verktyg. Vi ska använda pipetten och färgspannen. Välj (klicka på) pipetten och klicka sedan på kartan där det finns grön färg. Välj sedan färgspannen och klicka på ett av det vita hålen efter texterna. Gör så med alla hål så har du en enhetlig karta. Beskära och anpassa storlek, samt spara i rätt format Nu ska vi göra så den kan användas i HIPP genom att den får rätt storlek och rätt typ. För att beskära bilden till lagom storlek markerar du en rektangel runt kartan. Det är bra om det är lite vitt runt om (se till höger). Välj sedan Edit->Crop selection, så klipps det överflödiga runt om bort.

För att få rätt pixelstorlek välj sedan Image->Resize/Resample (Ctrl-R). Välj det största talet av Width och Height och skriv in 511 där. Det spelar ingen roll vad det andra värdet blir, och det anpassar sig automatiskt för att få rätt dimensioner. Tryck OK. Välj sedan File->Save as ( S ) Här är det viktigt att du går in på (klickar på pilen längst till höger) i fältet Save as type:. Leta upp PNG i den långa listan och välj det, så att det i står i rutan i stället för JPG. Skriv in ett namn i File name: -rutan (t ex Malmokarta) och klicka på Save. Observera att du inte kan använda ÅÄÖ i filnamnen. Det är inte säkert att det fungerar just nu. Spara filen på platsen C:\HIPP\Bakgrundsbilder. Detta är viktigt för att det just nu lätt ska gå att flytta bilder mellan datorer. Annars kan det hända att HIPP inte kan hitta en bakgrundsbild.

Använda effekten Hitta kanter Kartan som är gjord enligt ovan är användbar som den är, men vi ska prova att göra några ytterligare förbättringar som kan göra det lättare att arbeta med den i HIPP. Prova gärna båda filerna sedan! Öppna filen malmokarta.png i Irfanview. Välj Image->Effects->Effects browser. Här kan du experimentera och prova själv senare. En användbar effekt är nr 27: Find edges. Klicka på den och drag handtaget till höger så långt det går. Klicka OK. Nästan alla färger är borta och kanterna är tydligare. Lite skräpiga färgrester kan finnas kvar här och där, men bry dig inte om det just nu. Spara filen som malmokarta2.png i Spara filen på platsen C:\HIPP\Bakgrundsbilder.

Ladda in bakgrundfil och använda i HIPP Starta HIPP. Maximera gärna fönstret så du ser bra. Välj Alternativ->Bakgrundsbild ( B ). Gå till mappen C:\HIPP\Bakgrundsbilder och välj t ex malmokarta2.png: Känn på de svarta linjerna. Prova gärna att ladda in malmokarta.png i stället och känn på skillnaden (smalare och gråare linjer är inte lika tydliga). Använd malmokarta2 som bas och börja nu rita konturer innanför gränserna i varje stadsdel. Var noga med att inte rita över de svarta linjerna. Det är bättre att det är lite vitt emellan konturen och gränsen. Fyll sedan konturen med F. Sätt namn på konturen genom att trycka på F2 och fylla i namnet på stadsdelen ( Rosengård ). Gör likadant med alla andra stadsdelar. Spara gärna då och då medan du arbetar. Nu har du gjort en karta! På samma sätt kan du göra andra kartor och andra bilder, men du kan naturligtvis också rita i HIPP från början.