Inför torsdagens överlämning

Använd pdf eller keynote och gör en snygg överlämning imorgon.

Mediekommunikation…typ

Dagens lektion handlade till stor del om hur man gör för att publicera filer på ett enkelt sätt med hjälp av iWeb, flytta den publicerade mappen till public-foldern i dropbox och dela med sig av den publika länken med hjälp av en url-förkortnings-tjänst, t.ex. bit.ly

I PUNKTFORM:
1. skapa sajt i iWeb
2. dra in bilder (från finder eller iPhoto)
3. publicera lokalt
4. flytta filerna till public-mappen i dropbox
5. copy public link, korta ner, customisera och skicka till lars.berggren@malmo.mediegymnasiet.nu

I FILMFORM:
del ett:

del två:

CMYK-a bilder från indesign

Hur vet man om en bild har cmyk-ats eller inte i indesign och vad gör man åt det? Det är ju på inga sätt så att man alltid vill cmyk-a bilder, det beror helt på tryckmetoden. Här är i alla fall en snabb och kort visning av hur man gör för att se alla länkade(links-fönstret) filer i dokumentet och använda preflight verktyget för att varna för t.ex. rgb-bilder. Jag visar också hur man öppnar och editerar en bild i photoshop, från indesign.

Bakgrundsfärg till text med character styles

Du vet hur det ser ut när man markerar text med en överstrykninsgpenna… Ja, så kanske formgivaren tänker ibland och vill ha en färgad ”låda” bakom texten. Om man inte vill sitta och pilla in en färgad låda bakom texten för hand, kan man använda indesigns character styles för att skapa en lite annorlunda understrykning, dvs. tjockare, i en annan färg och lite flyttad…

Magasinhygien, del 1: GRID

Vi analyserar och överför en grid, dvs. ett rutnät för formgivning från cover-storyn i ett magasin till ett malldokument i indesign.

Introsnack:

Skapa grid i malldokument:

Hooray an array!

Vi sjunker djupare och djupare ner i nördträsket med ännu lite mer kod-exempel att använda i sex och samlevnads-projektet. Denna gång har vi tittat lite på Arrayer, dvs. en variabel med en rad av värden som är avdelade med kommatecken. Arrayer är bra att använda om man vill spara och hämta många olika värden på ett ställe(från ett variabel-namn). Motsatsordet till engelskans ”array” är ”disarray”. Det betyder oordning. Bara det är ju en god anledning att kolla lite närmare…

Lite allmänt om Arrayer:

En tillämpning där värden samlas in och läses av:

Dragreglage

Här är en film som beskriver hur man gör ett dragreglage av två movieclip som ligger i ett tredje. Reglaget skickar en variabel mellan ett och tio till ett textfält och begränsas av ett ”spår”…

Fla-filen kan du dropboxa ner här:

Klippdockan…

I flash- och andra multimediasammanhang använder man ibland funktioner för att klicka och flytta saker för att få den virtuella världen att efterlikna den verkliga. I film ett visar jag ett sätt att drag-and-droppa movieclip(drasläppa filmklipp) i flash…

…och i film två visar jag hur man kommenterar sin kod så att den är lätt att förstå för någon annan eller för dig själv vid ett senare(eller mycket senare) tillfälle.

Det finns ju en massa kul användningsområden för dra-och-släpp. Hittar du något kul sätt på nätet får du gärna lägga en kommentar som tips.

Ex1: http://www.madmenyourself.com/ inte så mycket dra-och-släpp, men himla rolig personlig-stil-konfigurator

Ex2: http://www.barbie.com/butterfly/ (obs, varning om du är känslig för rosa!!!) här är också bara klicka och förändra, men, ja du fattar vad man skulle kunna göra!!!

Mask i äpplet

Hallå!

Jag har två filmer från multimedia lektionerna att dela med mig. En film om hur masker funkar (där jag i slutet lämnar en cliff-hanger om en speciell sorts masker) och en annan om hur man kan få in mycket text på liten yta genom att använda sig av en komponent. Glöm inte att kommentera =)

Mask i flash CS4:

TextArea Component Flash CS4:

För att du skall komma vidare i projektet, så skall du även producera en lösning på två grafiska problem. Den ena handlar om hur varje ”skärm” för de olika epokerna skall layoutas – det får gärna vara samma design men olika innehåll – med rubrik, bild, text, årtal, grafiskt lull-lull etc. Den andra handlar om hur tidslinjen skall se ut. Här finns det en del exempel på hur man kan lösa det. Man kan jobba både horisontellt och vertikalt och även om jag redan har styrt uppgiften mot att det skall vara en horisontell tidslinje kommer här ett exempel på vertikal tidslinje, som faktiskt är ganska fin. Någon riktigt fin horisontell tidslinje har jag inte hittat(och inte letat ihjäl mig efter heller) men Här är en ganska fin horisontell navigation, som kan vara lite inspirerande, kanske mer för hur innehållet skulle kunna se ut än som tidslinje, men ändå! Hittar du någon cool får du gärna kommentera inlägget eller dela med dig på något annat sätt!

Fler timelines:
BBC sajtens fina historiska timeline

Coverflow i flash(ingen timeline, men skulle kanske kunna användas som navigation)

Linjärt berättande, del 1

Idag pratade vi om kursmål för den nya kursen multimedia B och hur den skiljer sig från A-kursen. Lite mer fördjupning och lite mer spets, men i stort sett bara mer av samma… I projektet ”Det kreativa århundradet” kommer vi att skapa en presentation med de olika stilepokerna presenterade i en tidslinje och då kan man ju använda sig av en sidledsscrollning i flash…

Flashfilen finns att ladda ned från projektsidan under klassidan.