Fredag 24. september

Idag fikk vi i oppgave å lage forslag til layout til den nye bloggen til Rayon. Vi fikk vite at de hadde tenkt at det skulle være en rød trå mellom hjemmesiden til Rayon (www.rayon.no) og bloggen, altså at vi skulle kjøre et ganske likt konsept. Jone sendte oss også et forslag han allerede hadde lagd, der vi kunne hente litt inspirasjon. Vi arbeidet i photoshop og InDesign.

Her kan du se et av mine forslag:



Trykk på bildet for å se full størrelse!

Det var alt for idag, later!

Fredag 17. September

Idag trengte Jone oss til å utarbeide noen skisser og idéer til en logo til en kundes grafiske profil. Han viste oss illustrator dokumentet sitt med det han hadde laget av skisser og idéer, det var mange. Så sendte han oss en mail med link til den nåværende websiden til kunden, en powerpoint med fiktive personer i målgruppen, og noen diverse linker vi kunne bruke til inspirasjon. Vi gikk igang med oppgaven i Illustrator, og det ble etterhvert en god del forskjellige illustrasjoner og logoutkast. Vi jobbet veldig mye med former, og lekte oss med pathfinder og kombinering av forskjellige former vi laget med pentool etc. for å lage nye kule former. Man får mye freshe resultater når man leker seg på denne måten. Har fått litt bedre oversikt over hvordan swatches etc. fungerer idag, pluss at jeg har lært noen nye "effekter" man kan bruke i Illustrator, f.eks feathers etc.

Kan nesten ikke legge ved noe bilde uten å røpe kundens identitet!

Peace

Fredag 10. September

Idag fikk vi beskjed av Eivind om at han trengte noen flere fjellillustrasjoner, og han lurte på om vi kunne hjelpe han. Vi fikk en mail fra han der han la ved noen fjellbilder vi blant annet kunne bruke. Han har også sendt sine egne illustrasjoner, slik at vi fikk et inntrykk av hvordan han så det for seg.

Vi la bildene inn i illustrator, deretter la vi det i et eget layer som vi låste og la bakerst. Vi gjorde også layeret til 'Template' i Layer options så bildet ble litt mindre tydelig, det gjorde det lettere å se når vi brukte pen-tool over, dette var et triks Diego fant ut. Eivind tipset oss også om "Smart Guides" i Illustrator, som gjør at det blir lettere å få tegningene mer nøyaktig mens man bruker pen tool. Det vi gjorde var at vi tegnet 'ruter' med pentool over fjellet, og delte inn flatene. Deretter brukte vi Direct Selection Tool til å gjøre så det ikke var noe mellomrom mellom rutene, dette gjorde vi i "outline" modus, som Eivind viste oss. (Ctrl+y) outlines gjør at pen-tool tegningene blir helt skarpe og samtidig tynne, slik at man ser nøyaktig hvor strekene går. Etterpå farget vi rutene, og det ble egentlig sykt fett til slutt!

På bildet ser du hvordan vi illustrerte over et bilde, og deretter fargela det.



later

Fredag 3. September

Når vi kom idag hadde alle ganske mye å gjøre pga. kunder/møter etc, så vi fikk beskjed om å bare 'chillen' litt inntil videre. Etter en liten stund fikk vi en oppgave av Jan. Han hadde en ferdig kodet webside, men den delen av css'en som styrte drop-down-menyen var lite generisk, så vi måtte prøve å finne en løsning på dette, slik at koden ble enklere. Først viste han oss en utvidelse til firefox som heter 'Firebug', som blant annet gjør jobben med å finne de delene av koden du leter etter enklere, samt at vi kunne endre values i koden midlertidig og kjapt se hva som endret seg. Vi gikk igang med oppgaven, og prøvde mange forskjellige løsninger uten hell. Vi fikk til tider også med hjelp av Jan. Denne oppgaven tok vel stort sett hele dagen, men helt på tampen fant vi en løsning på problemet.

Vi løste til slutt problemet ved å legge inn de forskjellige plasseringene til div tagen hver for seg. Dette var ikke helt den fremgangsmåten vi og Jan egentlig hadde sett det for oss før vi begynte, men den fungerte likevel. Løsningen ble kort fortalt slik, resten blir veldig vanskelig å beskrive:

#subwrappos2{ position:absolute;
left:158px;
}
#subwrappos3{
position:absolute;
left:319px;
}
#subwrappos4{ position:absolute;
left:480px;
}

Idag har jeg kort fortalt fått en mye bedre forståelse for hvordan CSS er bygd opp, og har lært en del nye attributter man kan benytte seg av.

peace