28 maa

1 reactie

Eerste werk online: Hanzehogeschool

Geschreven op 28.03.2010 om 20:30 door Niels de Vries.

De website voor de open dag van de Hanzehogeschool Groningen staat online! Aan het design voor deze applicatie heb ik een grote bijdrage geleverd.

Helaas kan ik nog niet alles waar ik mee bezig ben publiceren in mijn blog, maar daar hoop ik aankomende week meer duidelijkheid over te krijgen. Aan de hand van enkele reacties op mijn vorige blog heb ik mijn grootste voordelen van Fireworks ten opzichte van Photoshop op een rijtje gezet.

1. Snelheid en productie

Ik vind het gebruik van pages/frames erg prettig en is duidelijk een groot voordeel ten opzichte van Photoshop. Hierdoor is het mogelijk om een hele website lay-out te maken in slechts één Fireworks bestand, zonder dat je het overzicht kwijt bent. Je kunt bepaalde elementen steeds laten herhalen in je volgende frame en daardoor geen gedoe met knippen en plakken.
Een ander voordeel wat de snelheid en dus de productiviteit bij mij erg bevorderd is het selecteren van objecten. Je hoeft in Fireworks niet precies in de layer van het object te zitten om het object te kunnen selecteren. Dat doet Fireworks automatisch voor jou (vergelijkbaar met Flash). Hierdoor wordt de kans ook verkleind dat je bijvoorbeeld in een verkeerde layer zit te werken.
Ook het “properties” menu onderaan de canvas is een heel handige tool. Hier heb je snel alle eigenschappen van een bepaald object en je kunt deze snel aanpassen (bijvoorbeeld op kleur, grootte, lettertype, effecten, etc.). Dit werkt vele malen sneller dan Photoshop, waar elke tool ergens anders staat.
Dit zijn slechts een aantal punten over de snelheid en de productie, maar voor mij al meer dan genoeg om geen Photoshop te gebruiken voor webdesign.

2. Vectors en Bitmaps

Ik had, voordat ik met Fireworks ging werken, nog weinig ervaring met vectors. Het grote voordeel van vectors is dat je de afbeelding zo groot kunt maken als je wilt, zonder dat de kwaliteit ervan verloren gaat. Zodra je dat zou doen met een bitmap, wordt de afbeelding onscherp en zie je de pixels. In de onderstaande afbeelding is dat goed te zien, waarbij links de vector is afgebeeld en rechts de bitmap. Op normale grootte (boven) zien de cirkels er identiek uit, maar zodra ze worden vergroot zie je het verschil.



Geen last meer willen hebben van vage of onduidelijke afbeeldingen? Dan is gebruik maken van vectors wellicht een uitkomst. Een website waar veel vectors op staan is deze: brandsoftheworld.com. Je kunt elk logo downloaden, en daarna met Fireworks eventueel aanpassen naar eigen stijl.
Tip: Je kunt een .eps of .ai bestand direct in Fireworks slepen en gebruiken.

3. Maskers

Ik maak bij het ontwerpen van websites tegenwoordig veel gebruik van maskers. De maskers kun je in elke vorm en maat maken, om het vervolgens als masker te laten fungeren. Je wilt bijvoorbeeld een foto in de vorm van een ster. Met Fireworks kun je eenvoudig een ster maken (met zoveel punten als je wilt). Vervolgens knip je de foto en plak je het als masker in de ster en voilà!
Ook voor veel dezelfde afbeeldingen is het gebruik van maskers handig. Bijvoorbeeld als je een fotopagina wilt maken met thumbnails. Je maakt één masker en die gooi je over de afbeeldingen heen. Dit scheelt een hoop werk en tijd. Het leuke van maskers is dat je ze kunt loskoppelen en zo kun je de foto binnen in het masker verplaatsen, terwijl hij wel binnen het masker blijft.

Er zijn de afgelopen week een heleboel leuke opdrachten binnen gekomen! Ik leer van elke opdracht weer nieuwe dingen bij waardoor mijn vaardigheden met Fireworks verbeteren.

Daarnaast heb ik buiten mijn stage weer enkele nieuwe opdrachten binnen gekregen. Hier hoop ik mijn opgedane kennis en vaardigheden op toe te kunnen passen.

Reacties

Frans
31.03.10 om 5:37

Leuk stukje! Ik was al geen fan van photoshop. Ga me zeker eens in Fireworks verdiepen :)

Schrijf een reactie

Naam *

Email *

Website (optioneel)
Bericht *

 
* verplichte velden, emailadres wordt niet getoond.
 
 
Naar boven   |    Naar de reacties   |    Terug naar de homepagina