Till startsidan för Jonas Webresurs

Så gjordes logotypen i Fireworks MX 2004


1. Inledning

På den här sidan visar jag hur jag skapade logotypen för Fotoskolan. Sidan bygger vidare på de tidigare lektionerna i Fireworks.

Uppgift 1
Börja med att skapa ett nytt dokument med måtten 500 x 500 pixlar. Detta för att få tillräckligt med arbetsyta. Spara på lämpligt ställe.

2. Skapa ramen

RektangelverktygetUppgift 2
För att göra ramen använder man rektangelverktyget med rundade hörn. I version MX 2004 ser det ut så som i bilden här bredvid.

Rektangeln som jag gjorde hade måtten 243x28 pixlar.

I Egenskapspaletten ställde jag sedan in:
bakgrundsfärg: #009933
ram: 1 px, #000000

Uppgift 3
Nästa moment blev att skriva in texten "Fotoskolan". Först därefter visste jag vad jag skulle få plats med.

Teckensnitt: Verdana 22 pixlar, fet stil, #FFFFFF.

Resultatet blev följande:

Loggan-del

Jag lade kanske texten lite väl långt ut i vänsterkanten, men det var för att få plats med symbolerna. Dem skall vi nu börja göra.

3. Skapa gubben

Ursprungligt fotoGubben var från början ett fotografi av en kompis, som poserade för ändamålet.

Du ser en miniatyr över originalbilden här till höger.

Uppgift 4
Jag började med att ta bort bakgrunden. Verktygen jag använde var trollstaven och de andra markeringsverktygen, samt suddgummit.

På de tidigare sidorna har du fått lära dig att använda dessa verktyg, så det går jag inte igenom här.

Uppgift 5
Därefter omvandlade jag bilden till gråskala, via Kommandon - Kreativ - Konvertera till gråskala (Commands - Creative - Convert to grayscale).

Manipulerad bildUppgift 6
Bildens konturer fylldes sedan i via Filter - Övriga - Hitta konturer (Filters - Other - Find Edges).

Uppgift 7
Jag bytte alla mörka partier mot ljusa och vice versa, via Filter - Justera färg - Invertera (Filters - Adjust color - Invert).

Resultatet blir det du ser här bredvid: en bild med konturerna ifyllda, där mörka delar blivit ljusa och ljusa mörka.

Obs!
Olika versioner av Fireworks kan ibland tolka bilderna olika. Det skiljer också mellan Windows- och Mac-versionerna hur de olika filtren har effekt.

Därför kan det se lite annorlunda ut då du försöker göra exakt så som jag gjort här.

Uppgift 8
Därefter använde jag Omforma fritt (Ctrl+T) och gjorde bilden mindre. Den skall kunna få plats i logotypen så c:a 50 pixlar hög blev lagom.

Uppgift 9
Jag kopierade bilden och klistrade in den ovanpå logotypen. Finjusteringar av storleken gjorde jag med Omforma fritt. Placeringen blev exakt med pekverktyget och en justering med piltangenterna:

Loggan-detalj

4. Klipp ut symbolerna

Symbolerna för resten av loggan hittade jag i en fotokatalog. Jag scannade in den och fick då upp följande råmaterial:

 

Ursprungliga bilder Ursprungliga bilder Ursprungliga bilder

Uppgift 10
Genom att markera med markeringsverktyget, kopiera en symbol och klistra in den i ett nytt dokument, fick jag utrymme att manipulera varje symbol för sig.

Markerad bildUppgift 11
Jag markerade sedan de grå pixlarna med trollstaven, för att på så vis ta bort bakgrunden. Därefter valde jag att markera omvänd, för att markera symbolen.

När symbolen är markerad går det att trycka delete för att ta bort den mörka färgen. med fyllningsverktyget fyllde jag därefter med vitt.

Uppgift 12
Symbolen flyttade jag sedan över på sedvanligt vis och anpassade med Omforma. Jag gjorde därefter likadant med de övriga symbolerna.

Slutresultatet har du redan sett:

Loggan färdig

 


Den här sidan är en del av Jonas Webresurs - www.jonasweb.nu - copyright © 1998-2011