dinsdag 25 mei 2010

Preloaders

In de cursus flash moeten we leren preloaders maken. Preloaders zijn voor een flashsite vrij noodzakelijk omdat er meestal heel wat content geladen moet worden. Een goede preloader kan ervoor zorgen dat de gebruikers geboeid blijven wachten op hetgeen nog komt of juist gefrustreerd wegklikken. Een vrij belangrijk aspect aan preloaders is het feit dat de gebruiker weet wat er aan het laden is of hoe lang het nog gaat duren. Hierbij kan men zeggen welke componenten aan het laden zijn en/of gebruik maken van een percentage. Een gewone 'loading...' is niet echt een goeie keuze.

Om wat inspiratie te halen ging ik wat rondsurfen en vond ik enkele sites:

smashingmagazine toont 6 'manieren' waarop een interessante preloader gemaakt kan worden.

een overzichtje van 21 preloaders

een grote verzameling van vrij geavanceerde preloaders die grafisch zeer aantrekkelijk zijn en mekaar constant opvolgen. Dit concept heeft ook een screensaver variant te vinden op de website.

maandag 10 mei 2010

Om het character in het mariogame een dynamisch karakter te geven heb ik met sprites gewerkt. Hierdoor lijkt het alsof het 'peetje' loopt. De hulp om dit te maken vond ik in de volgende tutorial : http://www.hypergurl.com/blog/flash/sprites.html

dit is m'n zelfgemaakte resultaat:

niet echt supernatuurlijk maar in kleiner formaat valt dit zo niet op en ik denk dat het voor deze opdracht volstaat ;-).


dinsdag 23 maart 2010

Handige button tutorials

Mijn design was reeds gemaakt maar bij het zoeken naar button styles kwam ik deze handige pagina tegen : http://www.designvitality.com/blog/2007/10/photoshop-button-tutorials/
39 tutorials voor goed ogende buttons, de ene al wat professioneler dan de andere. Handig voor in volgende designs.

De volgende 12 tutorials zijn ook te gebruiken maar zijn al iets geavanceerder: http://www.onextrapixel.com/2009/04/14/12-great-web-20-button-tutorials/

web 2.0 buttons zijn de norm tegenwoordig en met deze buttons beschreven in de tutorials kan je je website al heel wat aantrekkelijker maken.

maandag 22 maart 2010

Flash implementeren in HTML

Iets wat we nu nog niet gebruiken maar we later ongetwijfeld gaan nodig hebben is de implementatie van Flash in uw HTML code. Op de site van W3Schools vond ik hoe het moet. Er is slechts een klein deeltje code nodig.

Een andere optie is om Flash het werk voor u te laten doen. Via file > publish zal flash een stuk HTML code genereren die je enkel nog maar in uw HTML document moet plakken. Je mag wel niet vergeten van je .swf file in de geschikte map te plaatsen.

bron: http://www.w3schools.com/flash/flash_inhtml.asp

De site van W3schools bevat tevens massas tutorials voor webdesigners en developers. Bij iedere tutorial zijn er ook de nodige voorbeelden aanwezig. Eentje om te bookmarken dus!


dinsdag 16 maart 2010

Inspiratie

Beginnen aan het design voor een (flash) site is allesbehalve eenvoudig. Veel sites helpen hierbij een handje door elke dag enkele (flash) sites in de spotlight te plaatsen en zo te zorgen voor de nodige inspiratie. Enkele daarvan:

http://www.thefwa.com/ - Een van de eerste inspirational-sites
http://www.thefwa.com/sotm - Aan deze site kan je zelfs je eigen site toevoegen en laten beoordelen
http://designsnack.com/ - Ook hier kan je zelf sites aan toevoegen, ook css/html sites.
http://websitedesignawards.com/ - momenteel 'under construction'. Een site die enkel goede designs toont met maar 1 site per dag.
http://cssflash.com/ - 'Your daily inspiration dose'

enz...

zaterdag 13 maart 2010

"Inbetweening" - Traditional vs Digital

Traditional

Traditional inbetweening involves the use of light tables to draw a set of pencil-on-paper pictures.
In the inbetweening workflow of traditional hand-drawn animation the senior or key artist would draw the keyframes which define the movement, then, after testing and approval of the rough animation, would hand over the scene to his or her assistant. The assistant does the clean-up and the necessary inbetweens, or, in large studios, only some breakdowns which define the movement in more detail, then handing down the scene to his assistant, the inbetweener who does the rest.

Digital

When animating in a digital context, especially with Adobe Flash, the shortened term tweening is commonly used. Sophisticated animation software enables one to identify specific objects in an image and define how they should move and change during the tweening process. Software may be used to manually render or adjust transitional frames by hand or may be used to automatically render transitional frames using interpolation of graphic parameters. In the context of Adobe Flash, inbetweening using automatic interpolation is called tweening, and the resulting sequence of frames is called a tween.
"Ease-in" and "ease-out" in digital animation typically refer to a mechanism for defining the 'physics' of the transition between two animation states, eg the linearity of a tween.
The use of computers for inbetweening was pioneered by Nestor Burtnyk and Marceli Wein at the National Research Council of Canada. They received a Technical Achievement Academy Award in 1997, for "pioneering work in the development of software techniques for computer assisted key framing for character animation".

Bron: wikipedia, http://en.wikipedia.org/wiki/Inbetweening