Monkie Studio 19. december Designmanual for logo, film og webdesign Version 1.1 af designmanual. Denne manual gælder for Monkie Studios to logoer og webdesign. Derudover dækker den også filmen "Wake Up" lavet af samme under navnet Dark Meadow Design. Designmanual lavet for Monkie Studio Casper Due Kathrine Krohn Bryld Medrian Jamito Mia von Wowern 1
Indholdsfortegnelse Hvem kan bruge manualen?... 3 Muligheder og anvendelser... 3 Logodesign: #1... 3 Logodesign #2... 5 Forsiden på hjemmesiden: Monkie Studio... 5 Undersider... 6 Browserkompatilbilitet... 8 Wake Up... 9 Design for valg-knapperne... 9 Colorgrading... 10 Bilag:... 12 2
Hvem kan bruge manualen? Denne designmanual er lavet således, at enhver, der skal kunne genskabe logoerne til Monkie Design, vedligeholde websiden eller lave ændringer i filmen Wake Up kan gøre det. Manualen er hovedsageligt henvendt til skaberne af Monkie Design eller til dem, som kunne være interesseret i at genskabe ovennævnte. Muligheder og anvendelser Da der er to logoer, vil det ene primært fungere som hovedlogoet, mens det andet vil give større mulighed for at eksperimentere. Der er bl.a. mulighed for at lave visitkort, foldere, plakater m.m. Da der også bliver forklaret, hvordan designet til "Wake Up" er udtænkt, vil dette give den mulighed, at man senere vil kunne genskabe eller filme nogle af scenerne om og samtidig bevare designet, selvom man ikke sidder med de originale filer. Logodesign: #1 For større billede, se bilag #1. Dette er en meget detaljeret tegning, som er lavet i Adobe Illustrator og vil fungere mere som et "ekstra"-logo/billede, når designet skal være mere lækkert. (Bliver brugt som profilbillede til facebook). Tekst: Monkie Studio Font: SF MOVIE POSTER Fontstørrelse: Valgfri - Dog helst, så teksten er under abens "fingre". Farve: #2D1313 3
Aben: Pelsfarven: Skindfarven Fingerskygger: Munkekåbe: Pelsfarve skygge: Skindfarve skygge: Øjne: Munkekåbe skygge#1 Munkekåbe skygge#2 Munkekåbe fold Munkekåbe fold skygge Ellipse skyggen: 4
Logodesign #2 Dette er det mest brugte logo og dermed det endelige, som vil blive brugt over det hele til for eksempel hjemmeside, visitkort mm. Logoet findes i to farver: sort/hvid Farve: #000000 Farve: #ffffff Turkise/hvid Farve: #7fc9a4 Farve: #ffffff Font: SF Movie Poster Banner farve: #fef8eb Historien bag logoet hænger sammen med navnet, som er et ordspil og blanding af det engelske "monk" og "monkey". Vi kom herved frem til, at logoet skulle forestille en abe med en munkefrisure. Forsiden på hjemmesiden: Monkie Studio Forsiden er den side, som brugeren først ankommer til, og derfor er det vigtigt, at denne er fangende! Øverst ses der et banner med Monkie Studios logo. 5
Font: SF Movie Poster Logoets øverste farve: #80c9a5 Baggrunden bag logoet: #303432 Baggrund - Er et firkantsmønster bestående af følgende farver: # 1e1e1e & # 272727 Menuens farve: #689384 Menu font farve: #ffffff Menu font farve hover: #5a4741 Font: Tahoma Fontstørrelse: 20 px Header1 midten size: 30px Header2 side size: 24px Cirkel tekst font: Open sans Cirkel tekst størrelse: 22px Footer tekst størrelse: 15p Undersider Når man klikker rundt inde på hjemmesiden er der diverse undersider. En af de vigtigste er siden med den interaktive video. Hernæst er der undersiden "about". Inde på den side kan man læse om Monkie Studio og hvem vi er. Der bliver også linket til andre undersider med "Our work" og Here. Når musen kører henover billederne, så vil billedet "vende" og en tekst om hver person vil komme frem. 6
Tekstboks på about tekst hover og bliver større: 24px 36px Tekstboks tekst farve før hover (OUR WORK & HERE): # 689384 Tekstbokst tekst size: 24px Flipbox font: SF Movie Poster Flipbox font størrelse: 14px Flipbox titel font størrelse: 34px Flipbox font farve: #80c9a5 Den næste underside er en side med alt Monkie Studios arbejde. Her kan man se videoer og billeder, som giver en klar idé om, hvad Monkie Studio laver og kan. Den sidste vigtige side er "contact"-siden, hvor man har mulighed for at kontakte Monkie Studio. 7
Browserkompatilbilitet Websiden for Monkie Studio skal kunne vises og fungere i de opdaterede udgaver af Google Chrome, Firefox, Internet Explore. 8
Wake Up I den interaktive film Wake Up, er der designet nogle knapper, som ved klik, fører én videre til en ny "film". Filmen er delt op i flere forskellige slutninger, som brugeren selv kan klikke sig hen imod. For at kunne genskabe designet af filmen, vil der herunder bliver gennemgået kreationen af "knapperne" og "colorgrading". Design for valg-knapperne Til design af knapperne, var det vigtigt, at disse skulle gå i spænd med filmens atmosfære. Ergo skulle det gerne være lidt dystert/blodigt. Der skal tages hensyn til, at blodklatterne skal være på en mørk/farvet baggrund. (Se bilag) Derfor bliver der brugt "watercolor splashes" i Photoshop. Disse kan downloades her: http://qbrushes.net/watercolorbrushes/ Blod - Farve: Pensel Størrelse: ca. 1105 px. Font: Face Your Fears Skriftstørrelse: 24 pt 9
Tekst - Farve: Colorgrading I filmen er der blevet lavet colorgrading, hvor forskellen tydeligt kan ses på nedenstående billeder: Colorgradingen er lavet i Adobe After Effects. Der bliver lavet 4 adjustment layers i alt: Herefter trækkes der forskellige effekter ned på hver af de navngivne layers: 10
Farver til Tritone: 11
Bilag: 12
13