Så gör du en mosaikbild som kan zoomas i Flash
Årets julkort, en mosaikbild bestående av 837 bilder på barnen.
Det är inte bara med Silverlight och funktionen Deepzoom som man enkelt kan skapa bilder användaren kan zooma in i. Vad många inte vet är att man kan göra zoombara bilder direkt från Photoshop.
Varje år, eller åtminstone de tre senaste åren, gör jag egna julkort som jag skickar till familj och vänner. Jag försöker vara lite kreativ och göra så personliga julkort som möjligt. De tre senaste årens julkort är upplagda på Flickr.
När man har barn är det mer eller mindre givet att de ska finnas med på julkortet. Som en liten ironisk passning tänkte jag det kunde vara kul att spinna vidare på det temat, men överdriva det en aning. Resultatet blev en mosaikbild på barnen beståenda av alla kort tagna under året. Mosaikbilden är uppbyggd av mer än 800 enskilda bilder.
Det är naturligtvis omöjligt att sätta ihop en sådan här mosaik utan hjälp av något program. Programmet jag använde mig av heter AndreaMosaik och är väldigt kompetent. Man kan göra många och detaljerade inställningar, men framförallt kan den generera ut mosaikbilder i väldigt höga upplösningar.
En mosaikbild består av flera andra bilder vilket gör det väldigt lätt att skapa högupplösta bilder med hög kvalité och detaljrikedom. Sådana här bilder är väldigt intressanta att zooma in i. Nackdelen är att de blir väldigt stora i filstorlek.
En lösning på det problemet är att stycka upp bilden i flera mindre bilder och i flera zoomsteg. På det viset kan man låta användaren zooma i delar av bilden utan att ladda ned hela bildfilen på en gång.
Med Silverlight 2 slog Microsoft på stora trumman när de visade upp funktionen Deepzoom. Med Deepzoom är det möjligt att enkelt skapa zoombara bilder utifrån en högupplöst bild. Men faktum är att det varit möjligt sedan länge i Flash. Det finns flera tredjepartsverktyg som löser uppgiften, men vad många inte vet är att man kan göra det direkt via Photoshop.
Om man öppnar en bild i Photoshop och sen väljer "File" och "Export..." så finns det ett val som heter "Zoomify". Vad som händer är att bilden styckas upp och exporteras i ett antal mindre bilder i olika zoomnivåer. Dessa laddas sedan in i en liten bildvisare byggd i Flash beroende på hur användaren panorerar och zoomar.
Jag har gjort en Zoomifybild av mitt julkort och har laddat upp den så att du själv kan se hur det fungerar här.
Svårare än så är det inte att skapa zoombara bilder i Flash.
Postat 12/29/2009, Kommentarer (147)Taggar: mosaik deepzoom zoomify julkort
Kommentarer:
Kommentera inlägget
