Grafik Billedbehandling &
// Grafik & Billedbehandling DET VALGTE PRODUKT Ny grafisk identitet til Hotel Troense i Svendborg herunder redesign af deres logo, som er det, jeg vil koncentrere mig om, i denne del af kompetencen Grafik & Billedbehandling. En virksomheds visuelle identitet og brand er fundamentet for en unik og vellykket positionering, men Hotel Troenses grafiske identitet var ikke særlig fremtrædende. De søgte derfor hjælp hos Shark & Co., hvor jeg lavede deres nye visuelle identitet, som skulle indtænkes i hele konceptet, indeholdende: Logo Hjemmeside Papirlinie Mailsignatur Annoncer Brochurer og foldere Facebook Omslagsmappe Menukort Målet var at lade Hotel Troense tale med samme stemme, gennem en sammenhængende grafisk og kommunikativ platform. Herunder ses de gamle logo og materiale inden redesign og ny visuel identitet. Basis fakta for logoet Benyttede programmer Filformaterne logoet er gemt ned i Farver Farver defineres Signalværdi Lang levetid Internationalt Formater Negativ Adobe Illustrator CC.ai,.eps,.jpg,.png Logoet laves i CMYK og Pantone Farver defineres i CMYK, Pantone, RGB og til web, til kunden. Moderne, let genkendeligt, maritimt. Holdbart ikke kun trendy nu! Fungerer på flere sprog. Fungerer på alle medier. Kan skaleres stort og småt. Fungerer også i negativ, efter redesign Grafik & Billedbehandling // 1
Problemstillinger ved det gamle logo Fil-format Jeg modtog det oprindelige logo som en png i lav opløsning, da det var det eneste kunden lå inde med. Da jeg skulle bruge sejlene fra oprindelige logo, (kunden ønskede at bevare disse), havde det været nemmere med en.ai,.eps eller pdf af logoet, men da dette ikke var muligt, valgte jeg at rentegne dem i Illustrator. Ikke kompatibelt i alle størrelser Logoet fungerede ikke i alle størrelser. Så snart logoet skaleres ned, bliver det gnidret og klumper sammen, da spatieringen i navnetrækket er alt for lav. Negativ/positiv Logoet fandtes ikke i en negativ/positiv udgave, hvilket heller ikke er så nemt, grundet skyggen på navnetrækket, samt at sejlene sidder helt tæt sammen. Man ville kunne lave en grå-tone udgave, men dette ville ikke passe ind på alle farveflader. 100% 75% 50% 25% 10% Grafik & Billedbehandling // 2
Redesign af sejl Sejlene i logoet er rigtig fine og der er en vis genkendelighedsværdi i at beholde disse. Desuden er det et godt grafisk element, som kan bruges til at forme den grafiske identitet. Dog fik jeg leveret logoet i et filformat som ikke var kompatibelt med illustrator, så derfor lagde jeg billedet ind i et låst lag og rentegnede sejlene i et andet lag. Jeg rentegnede i et stort format, for at få de pæneste og jævne, buede linjer på sejlene. ORIGINALE sejl Ny font Fonten skal være: Traditionel med et moderne twist (Serif/semi-serif) rentegnede sejl Fonten skal udstråle: At her er hyggeligt Professionalitet Kvalitet Autencitet orgia Lidt for standard antikva font. endelige sejl Sejlene er blevet vippet 25 grader, så de nu udstråler mere ro, da de står mere stabilt som var man på stille vand! yfair Display SC Desuden er sejlene, ved brug af pathfinder, blevet adskilt, og rykket lidt fra hinanden, for at lette logoet og gøre det mere anvendeligt i positiv/negativ. For smal - og minusklerne i denne font står i versaler Grafik & Billedbehandling // 3
Valgt typografi Jeg har valgt at kombinere en grotesk og en antikva font, både fordi de spiller godt sammen ud fra et designmæssigt perspektiv, men også for at mikse klassiske og moderne, som gør logoet tidløst. Lora Navnetræk Exo Light Navnetræk Lora Regular Lora Italic Lora Bold Lora Bold Italic Exo Light Exo Light Italic Exo Regular Exo Italic Exo Medium Exo Medium Italic Exo Bold Exo Bold Italic Majuskellinie Majuskellinie Hovedlinie Grundlinie Troense Diagonal akse x-højde Majuskelhøjde Hovedlinie HOTEL Grundlinie Diagonal akse x-højde Majuskelhøjde Underlinie Underlinie Lora er en velafbalanceret moderne serif font med rødder i kalligrafien. Det er en spændende font, som afviger fra den typiske serif font, da serifferne på Lora har nogle unikke vinkler og buer. Fonten formidler perfekt den stemning, som Hotel Troense ønsker at signalere med logoet. Exo er valgt til Hotel Restauration, da det er en moderne, geometrisk sans serif font, der forsøger at formidle en teknologisk og futuristisk følelse, samtidig med at den holder et elegant design. Fonten giver navnetrækket det moderne touch, vi ønskede af logoet og den står i rigtig god kontrast til Lora. Grafik & Billedbehandling // 4
FORSKELLIGE afprøvede kompositioner Navnetræk Logoets Logoets komposition komposition Da sejlene skulle indgå i logoet, afprøvede jeg forskellige kompositioner, som afveg fra Jeg vil Jeg lave vil 2-3 lave udgaver 2-3 udgaver af logoet, af logoet, den oprindelige og endte i denne proces, med således at fjerne således altid Hotel de har altid et fra har logoformat navnetrækket logoformat og lave en linje under logoet med HOTEL RESTAURANT. der passer der Dette passer til det pågældende er til det med pågældende til at løfte logoet og medie. medie. give det, det moderne udtryk som kunden ønskede. Desuden Desuden skal der skal være der balance være balance i i logoet logoet logotype logotype bomærke og bomærke Jeg fandt frem til en primær og sækundær komposition, skal se skal ud som se ud som som de i om samspil hører de hører med de redesignede sejl, fungerer på alle de måder et logo sammen. skal kunne sammen. fungere på. Kun antikva Kun antikva Antikva Antikva og grotesk og grotesk i foreningi forening - RESTAURANT Individuel spatiering af hvert bogstav ved brug af character paletten, er gjort, ud fra en optisk vurdering, for at lette navnetrækket, således det er mere letlæseligt, især ved nedskalering. Navnetrækket outlines ved brug af Pathfinder > Outline, og bliver nu grafik i stedet for decideret skrift, således modtageren ikke behøver at have skrifttypen på sin computer. Herefter ungrouper jeg Troense og rykker de 5 midterste bogstaver op så de har lige meget luft foroven og forneden ift. T og E. Her er tilføjet 20% den blå, men det grønt og farvetem er alt for dunkelt HOTEL HOTEL TROENSE HOTEL HOTEL TROENSE - RESTAURANT Gul sat ned på 10 igen for dunkelt o for dæmpet. Ikke nok kontrast TROENSE TROENSE Endelige farverum Det endelige farverum bliver defineret i disse 4 farveformater, som leveres til kunden i en minidesignmaual. Dette sikrer at kunden altid er sikker på at ramme de korrekte farver, uanset hvor og hvad de får lavet med logoet på. Primær farve CMYK 100 0 3 59 RGB 0 92 122 HEX #005C7A Pantone 7700 C Sekundær farve CMYK 50 0 3 10 RGB 133 187 215 HEX #85BBD7 Pantone 636 C Gul sat til 3%. Ko er fin og farverne dæmpede på en således det udst den efterspurgte maritimitet og kv professionalisme Primær farve CMYK 100 0 3 35 RGB 0 124 164 HEX #007CA4 Pantone 7704 C Primær farve CMYK 100 0 3 10 RGB 0 157 208 HEX #009DD0 Pantone 2925 C Grafik & Billedbehandling // 5
Endelige logo primært logo sekundært logo Den endelige komposition jeg valgte, blev denne hvor bomærke og navnetræk er centreret under hinanden, Det skaber en ro og sejlene kommer mere til deres ret, når de er placeret ovenpå Troense som en kongekrone. Kombinationen af den antikva og groteske font, gør logoet tidløst og moderne på samme tid og giver det et mere professionelt udseende end det oprindelige logo, som så en smule umoderne og useriøst ud. Det primære logo bruges til alt trykt og digitalt materiale med mindre det på ingen måde passer ind med dets rektangulære format. Her bruges så det sekundære logo. Bruges kun hvor det primære logo ikke kan passes ind, eller hvor signalværdien vil være større, ved at bruge denne udgave f.eks. på kuglepenne osv. Skal logoet helt ned i minimal størrelse, fjernes den nederste linje i navnetrækket, som vist i nederste eksempel. Fungerer i alle størrelser, samt i positiv og negativ. Logoet laves, efter det er lavet i farver, først i positiv og konverteres herefter til negativ. Idenne proces sørger jeg for at fjerne overprint, således det negative logo ikke bliver transparent, når det anvendes på tryksager, Grafik & Billedbehandling // 6
Logo Det endelige logo er anvendelig i alle størrelser fra helt stort på f.eks. facaden af hotellet eller på skilte, til helt småt som til web, visitkort og mindre tryksager. Logoet kan anvendes i CMYK eller pantone farver og i positiv eller negativ alt efter ønsket anvendelse, medier, materialer m.m. Skal logoet helt ned i minimal størrelse, fjernes den nederste linje i navnetrækket, som vist i nederste eksempel. 100% 75% 50% 25% 10% Grafik & Billedbehandling // 7
Logo anvendt Kvalitetsvurdering Logoet er indtilvidere anvendt på elemter fra den nye visuelle identitet, såsom visitkort, brevpapir, faktura, annoncer, foldere og brochurer m.m. Kunden er blevet rigtig godt tilfreds med logoet, som de mener er med til at understrege alt det, som Hotel Troense står for. De skulle lige vænne sig til at Hotel blev fjernet fra navnetrækket, da det altid har været der, men det har tilført mere, at det er blevet tilføjet under navnetrækket sammen med Restaurant. CREDIT CARDS ACCEPTED Alle priser er incl. moms og betjening Vi gør opmærksom på, at vi i forbindelse med kreditkortafregning på udenlandske udstedte kreditkort, opkræver et gebyr svarende til vores omkostninger Bei den Preisen ist Bedienung und M.W.S inbegriffen Sejlene var de rigtigt glade for, og mener, som jeg, at de passer perfekt til logoet, nu de er blevet lettet og gjort mere rolige. Wir machen Sie darauf aufmerksam dass wir, wenn Sie mit ausländischen Kreditkarte zahlen, eine Gebühr entsprechend den Kosten einziehen Tips and purchase tax included Please note that when settling by foreign issued credit card we charge a fee matching the cost of use. Strandgade 5 Tåsinge DK-5700 Svendborg Tel. +45 62 22 54 12 Fax +45 62 22 78 12 CVR nr. DK 35 01 68 13 www.hoteltroense.dk mail@hoteltroense.dk Hotel Troense. Strandgade 5. 5700 Svendborg, Tåsinge. Tlf. 62 22 54 12 mail@hoteltroense.dk. www.hoteltroense.dk Book online i dag på hoteltroense.dk eller på tlf.: 62 22 54 12 Stik af fra efteråret for en Stund - og forkæl hinanden med et kæresteophold på Hotel troense Bud på redesign af hjemmeside med nye farver Blæsten rusker i træerne og tiden flyver afsted! Få tid til hinanden og nyd de historiske omgivelser på Tåsinge i jeres helt eget tempo. kæresteopholdet inkluderer: - 1 flaske bobler, frisk frugt & chokolade på værelset ved ankomst - 5 retters gourmetmenu i restauranten - Overnatning, ankomst alle ugens dage - Morgenmad Pris for 2 personer pr. døgn kr. 2100,- Strandgade 5. 5700 Svendborg, Tåsinge Book online i dag på hoteltroense.dk eller på tlf.: 62 22 54 12 Stik af fra efteråret for en Stund - og forkæl hinanden med et kæresteophold på Hotel Troense Blæsten rusker i træerne og tiden flyver afsted! Få tid til hinanden og nyd de historiske omgivelser på Tåsinge i jeres helt eget tempo. kæresteopholdet inkluderer: - 1 flaske bobler, frisk frugt & chokolade på værelset ved ankomst - 5 retters gourmetmenu i restauranten - Overnatning, ankomst alle ugens dage - Morgenmad Pris for 2 personer pr. døgn kr. 2100,- Strandgade 5. 5700 Svendborg, Tåsinge Grafik & Billedbehandling // 8
// Grafik & Billedbehandling DET VALGTE PRODUKT og billede Til forsiden på Juelsminde Turistguide, skulle bruges et billede af en familie på Juelsminde strand. Den dag fotografen var ude og tage billedet, var det en smule overskyet, og billedet til forsiden skulle være sommerligt, med blå himmel og en del mere kontrast. Basis fakta for billedbehandlingen Benyttet program Adobe Photoshop CC Opløsning 300 ppi Filformat PSD Farverum RGB Grafik & Billedbehandling // 9
Billedet før redigering levels selective color kontrast/burn tool Med levels styrer jeg højlyset og skyggen i billedet. Jeg finder det lyseste og mørkeste punkt i billedet og indstiller mit lys og min skygge, efter disse punkter, således kontrasten i billedet bliver optimal. For at skrue lidt op for de grønne nuancer i billedet, bruger jeg Selective Color. Jeg tilfører gul og trækker magenta ud af den grønne farve. For at få en smule mere kontrast i billedet og nogle mere skrappe farver, skruer jeg en smule op for kontrasten. Her har jeg også anvendt Burn Tool på mandens og lidt på kvindens ben, så de fremstår mere solbrune. Grafik & Billedbehandling // 10
pen tool/background eraser layers duplicate layer/clone tool selective color Med en kombination af pen tool og background eraser, har jeg fjernet den kedelige grå himmel, for at gøre plads til en flot blå himmel, som vil være med til at understrege det sommerlige i billedet. Jeg har placeret et billede af en flot blå himmel i et lag under mit billede-lag. Dog ser det ikke helt tilfredsstillende ud. Jeg dublikerer billede-laget 4 gange og lægger det bag det oprindelige billedelag. Jeg har nu billeder af træerne i forskellige udsnit og placerer dem, så jeg er tilfreds og med clone tool, toner jeg de skarpe kanter ud, således træerne blender sammen. Dette giver træerne et mere realistisk udseende, da fritlægningen af den oprindelige trætop, ikke blev pæn, grundet tynde og blurry objekter. Ved at sætte opaciteten ned på nogle af mine træ-lag, opnår jeg et lidt mere naturligt look. Jeg synes min himmel er en smule for lilla-blå, så jeg anvender selective color på himmel-laget, for at regulere dette og trækker 50% magenta ud af den cyan. Grafik & Billedbehandling // 11
Før Kvalitetsvurdering efter Resultatet af det færdigredigerede billede blev, som både kunden og jeg havde tænkt. En smule overeksponeret men dette er med vilje. Kontrasterne skulle lyse ud af forsiden og give læseren lyst til at tage guiden og læse den. Træerne i baggrunden kunne godt have set en smule mere realistiske ud, men da baggrunden er lidt blurry, gør det ikke noget at man ikke kan se træernes grene detaljeret. Desuden er fokus heller ikke på baggrunden, men på personerne og billederne i forgrunden, men skulle jeg gøre det om nu, ville jeg bruge Refine Edge, i stedet for de værktøjer jeg har brugt. Med dette værktøj kan man skabe en flottere og mere realistisk fritlægning af f.eks. disse grene eller finere ting som hår, pels eller fjer. efter Eksempel på et andet stort billede i guiden, som også er redigeret, for at få mere sol og sommer ind i billedet. Grafik & Billedbehandling // 12