Reflektert dagbok – multimediedesign

Posts tagged “Photoshop

Mappeinnlevering web 2.semester

Mappeinnlevering 2. semester var en obligatorisk innlevering der vi skulle samle alle de obligatoriske oppgavene fra dette semesteret (web/digital) på en nettside som skulle inneholde linker til alle oppgavene. Det var valgfritt om vi laget nettsiden i HMTL eller Flash. I tillegg til obligatoriske oppgaver kunne vi valgfritt også legge til læringsaktiviteter / andre arbeider. Mappen skulle designes på en måte som representerer meg som designer.

Her er min digitale mappeinnlevering for 2. semester multimediedesign:

Jeg har kalt den ”Digital portefolio” og den inneholder link til følgende obligatoriske oppgaver fra 2.semester:

  • Obligatorisk oppgave 06 – Enkelt nettsted
  • Obligatorisk oppgave 07 – Fotoessay (PDF-format)
  • Obligatorisk oppgave 08 – Fotoessay (Flash webside basert på fotoessayet i oppgave 07)
  • Obligatorisk oppgave 08 – Flash interaktivt banner
  • Læringsaktivitet: WordPress nettside www.brunmark.no (jeg gjorde denne i 2.semester i stedet for læringsaktiviteten ”Regnskapsfirma”.
  • Læringsaktivitet: Lysbruk i portretter de siste 1000 år (Research + PDF)
  • Diverse foto tatt i løpet av studiet som ligger på min Flickr-konto.

Valg av teknisk løsning for mappeinnlevering:

Presentasjonen kunne være i HTML eller Flash og jeg valgte HTML fordi jeg nettopp har jobbet med to Flash-prosjekter i obligatorisk oppgave 08, og trenger mer øvelse i HTML. En annen grunn er at Flash ikke støttes av alle typer devices (f.eks iPad) så det er sannsynligvis viktigere å lære seg HTML enn Flash.

Jeg har for første gang laget en nettside 100% i Photoshop og klippet den opp ved å bruke funksjonen ”slices” og ”save for web and devices”. Det var mye enklere enn jeg trodde, ikke noe stress med alle boksene div’ene som legger seg feil og hopper rundt, slik det gjerne blir når man skal lage en nettside ved å begynne å kode HTML og CSS på et blankt dokument. (Obligatorisk oppgave 06 Enkelt nettsted er bygget på den måten)

Designvalg for mappe:

Jeg er en person som liker sans seriff skrifter best, gjerne geometriske, og gjerne tynne. Jeg liker ren, enkel design, men den må ikke være for kjedelig, kontraster og skarpe farger må få bryte opp, der må være dynamikk. Jeg liker også røffe, scruffy finisher, som for eksempel på fotoessayet/fotogalleriet.

Denne mappepresentasjonen har mange av disse elementene i seg, så jeg vil si at den representerer meg ganske godt som designer. Bakgrunnsbildet er et makrobilde jeg tok av boblene i colaglasset mitt, men jeg synes det ligner på aliens. Jeg liker jordfarger og skarpe farger i kontrast mot svart. Jeg er glad i å fotografere og synes svart er fint som ramme for foto men også ellers i design. Sjakkbrettruter har jeg alltid likt, når jeg var liten ønsket jeg meg svart-hvitt sjakkrutete kjøkkengulv når jeg ble stor. 🙂

Skisser mappepresentasjon:

Arbeid med digital mappe i Photoshop (screenshot):

Arbeid i Dreamweaver (screenshot):

 

Deilig å ha levert inn mappa mi, da er det bare prosjekteksamen igjen! 😀

Reklamer

Bildebehandling

Denne læringsaktiviteten er en fortsettelse av aktiviteten som heter «Reise – mobil enhet».

Oppgaven var å øve oss på å manipulere og behandle bilder digitalt. Vi skulle ta de tre bildene fra «Reise – mobil enhet»-oppgaven og gjøre som følger:

– Et bilde skulle ha kontrasten mellom lys og mørke justert.

– Et bilde skulle gjøres om til svart-hvitt.

– Et bilde som enten var high-key eller low-key skulle normaliseres.

Siden jeg kjøpte digitalt speilreflekskamera i mars 2010 har jeg tatt utrolig mange bilder, og det er en aktivitet jeg virkelig koser meg med. Jeg har begynt å bruke Adobe Photoshop Lightroom som redigeringsprogram, og synes det er utrolig lett å bruke selv uten å ta tid til å lære det i dybden (noe jeg også planlegger å gjøre etterhvert). Det er nok uante muligheter her som jeg ikke har oppdaget.

Her er resultatet av øvelsen:

1. Flyvindu: Low key bilde som er normalisert. Exposure økt bittelitt (+0,32), fill light økt (76), kontrast litt økt (+9).

2. Reisende i rulletrapp på Charles de Gaulle: Konvertert til greyscale.

3. Ventende på flytoget: Kontrast mellom lys og mørke er justert. Kontrast redusert (-50), redusert clarity (-70), saturation redusert (-36), økt brightness (+74) og lagt på en vignette.

Det jeg gjerne vil lære mer om er avansert fotoredigering både i Lightroom og i vanlig Photoshop. Jeg har akkurat gjort mine første forsøk på å redigere bilder i vanlig fotoshop ved å bruke adjustment layers, filtre osv. Her er det uante muligheter! Veldig spennende! Jeg har derfor lagt til to ekstra bilder som jeg har redigert med Photoshop, før og etter.

På disse bildene har jeg prøvd oppskriften fra fotograf Mette Rasmussen, slik som hun beskriver i bloggen sin her.

 


Flere bakgrunner i Photoshop

Så fortsatte jeg å eksperimentere med bakgrunner til omslaget og samtidig som jeg testet ut noen app buttons også.

Jeg prøvde ut både brokadetapet (som hadde vært en av de opprinnelige idéene) og fotografiske bakgrunner. Og kombinasjoner av fotografi og brokade, med forskjellig grad av transparens, fikk frem spennende effekter ved å justere på adjustment layers.

Den steinvaskede «jeans-aktige» bakgrunnen (nummer fem ovenifra) var lenge en favoritt, men jeg gikk til slutt bort fra den fordi jeg allikevel syntes den ble for travel, forstyrrende. Flere av de andre var også fine, men de ble for feminine, det ble for mye lilla og rosa.

Jeg ville gjerne ha skarpe farger slik at boken skal stikke seg ut i bokhylla, og gjerne noe rosa, for det er stor sannsynlighet for at det er mange damer som ville kjøpe en slik bok. Men den skal allikevel ikke være så «Barbie» i fargene at en mann ikke ville tatt i den med ildtang. Jeg ville finne en kombinasjon av maskulin og feminine farger. Noe som kunne passe for begge.


Videreutvikling av designet – utprøving i Photoshop

Jeg byttet fra Illustrator til Photoshop og fortsatte å teste bakgrunner, sammenstilling osv. Jeg så ganske fort at det ville blir for mye å ha fire mennesker på omslaget, selv om to var på forsiden og to var på baksiden. Derfor forsvant de som satt hjemme og lastet ned partnere. De var overflødige. Budskapet kom frem uten dem.

Jeg prøvde meg på litt magisk «glow», men det ble ikke slik jeg ville ha det, og de duse strøkene passet ikke sammen med de klare kontrastene i vektortegningene heller.


Digitale malerier i Photoshop

Jeg hadde bestemt meg for at jenta og gutten som kom ut av pc’en skulle tegnes i Photoshop som et digitalt maleri med det nye tegnebrettet som jeg har kjøpt meg. Jeg fant en fin tutorial på nettet som het «Create a Vector Style Illustration in Photoshop» som jeg brukte som utgangspunkt.

Jeg brukte fotografier og tegnet oppå. Her er jenta og gutten slik de ble til slutt:

Jeg gikk bort i fra de avkledde skissene, og valgte litt mer påkledde varianter. Dermed passet de både som drømmekvinne og drømmemann, soulmate, elsker, fremtidig ektefelle eller hva som helst.


Prosjekteksamen – valg av prosjekt / prosjektbeskrivelse

I prosjekteksamen grafisk skulle vi utvikle et prosjekt (en trykksak) for en selvvalgt bedrift, organisasjon eller prosjektområde. I forkant av prosjektarbeidet skulle det leveres en beskrivelse av kundens organisasjon, profil, konsept, forretningsidé og eventuelle problemer man skal løse, som skal godkjennes som prosjektarbeid fra faglærer. Prosjektbeskrivelsen kan avvike noe fra det ferdige prosjektet.

Prosjektbeskrivelsen skulle inneholde:

  • Navn på kunde
  • Begrunnelse for valg av prosjektoppgaver
  • Problemstilling (hva skal produseres, prosjektets omfang)
  • Fremdriftsplan
  • Dato for ferdigstillelse

Sluttproduktet skulle være en trykksak. For eksempel en logo, en brosjyre, merkantile trykksaker, skilt, plakat osv. I tillegg skulle det lages en profilmanual som beskriver bruken av produktet. Som i alle oppgaver skulle det utarbeides en rapport som tar for seg arbeidsprosessen, skisser, bevisste valg osv.

Min prosjektbeskrivelse  – prosjekteksamen grafisk – multimediedesign

Kunde
Camilla Colding-Jørgensen, sexolog og voksenunderviser, København, Danmark

Begrunnelse for valg av prosjektoppgave
Jeg hadde ikke noen firmaer for hånden som trengte hjelp til logoer eller den slags, men min venninne Camilla er i gang med å skrive en bok om nettdating, som hun trenger bokomslag til.

Problemstilling (hva som skal produseres, prosjektets omfang)
Etter å ha studert sexologi bestemte Camilla seg for å skive en bok om nettdating, fordi det finnes svært lite litteratur om dette emnet til tross for at fenomenet nettdating blir mer og mer utbredt.

Hun trenger et bokomslag til boken, samt layout for hvordan sidene inni boken skal se ut. Jeg skal lage bokomslaget med illustrasjon og skrifter, samt layout for 3 sider inne i boken. I tillegg til dette skal jeg lage en kort profilmanual som beskriver bruken av illustrasjon, tekst og farger for denne boken.

Omfang:

  • 1 stykk bokomslag
  • 3 stykk forslag til side layout
  • 1 stykk manual / beskrivelse for bruken av den visuelle profilen
  • 

Fremdriftsplan (forventet progresjon)

Prosjektstart:  25.10.2010
Idéutvikling og research:  25.10.2010 – 01.11.2010
Idéskisser og presentasjonsskisser:  01.11.2010 – 08.11.2010
Dialog med kunde, skisser fortsatt:  08.11.2010 – 15.11.2010
Produksjon illustrasjon bokomslag:  15.11.2010 – 22.11.2010
Produksjon layout bokomslag:  22.11.2010 – 29.11.2010
Produksjon layout boksider: 22.11.2010 – 29.11.2010
Presentasjon for kunde: 29.11.2010 – 06.12.2010
Eventuelle korreksjoner:  06.12.2010 – 17.12.2010
Trykk klargjøring av filer, utlevering til kunde og trykkeri:  6.12.2010 – 17.12.2010
Innlevering til skolen og til kunde:  17.12.2010
Dato for ferdigstillelse: 17.12.2010


Digitalt maleri

Jeg har så lyst å lære megå male digitalt, men det er fryktelig slitsomt med mus. Og vanskelig å få streken til å gå dit du vil at den skal gå…Tror seriøst at jeg må kjøpe meg et tegnebrett, slik som Sandra og Sara har.

Her er et forsøk på digitalt maleri med mus. Jeg burde ha jobbet mer i panna, samt med håret, men denne gangen fikk hun være rasta… 🙂


Obligatorisk oppgave 03 Illustrasjon – ferdig resultat

Redigert 24.11.2010: Ny versjon av illustrasjonen etter evaluering. Fuglen henger ikke lenger i «løse luften» og danserne danser på strengene… (Dette er egentlig en modifisert versjon 09 av illustrasjonen, mens den nedenfor som jeg opprinnelig leverte var versjon 13. Noen ganger må man vite når man skal gi seg…)

 

La Vigüela

Here I begin to sing
in time with viguela
of a man who reveals
an extraordinary sorrow
like a solitary bird
consoles himself with a song.

The holy saints are coming
they all come to help me
when my tongue is tied
and my vision is troubled
I beg my God to assist me
and this time he helps.

Here I begin to sing
in time with viguela
of a man who reveals
an extraordinary sorrow
like a solitary bird
consoles himself with a song.

Gotan Project, La Basta Records.

Lenke til sangen La Vigüela med Gotan Project, hvis du har lyst å høre den (live video).