damore
%Europe/Berlin %833 %2008, 20:00
Hoi, dudes
:) Ik had laatst met carnaval niet zoveel te doen dus ben ik aan de slag gegaan met de layout van mijn portfolio site. (morecreations.nl) Het is wordt een site met mijn in and outdoor graphics. Ik wou een bepaalde creatieve sfeer neerzetten + dat de site makkelijk te bedienen is. Over het flash en animatie gedeelte wil ik een ding zeggen. ( zo soepel en smooth mogelijk). Het nadeel is :( ben nog niet zo pro in flash. Ik zal gaan kijken of iemand ga inhuren of zelf cursussen ga volgen. Maar genoeg gepraat, ik zal in het kort uit leggen hoe ik de website wil laten lopen.
Stap 1 ( je komt op de website)
LINK 1 (http://img511.imageshack.us/img511/2785/site1mc4.jpg)
Laadbalk 01
Als laad balk van de site wil ik mijn logo ( m ) het rechtste verleng stuk een stuk langer maken en dat ie dan van lang naar de lengte van mijn normale loopt. ( van rechts naar links).
Menu 02
Zoals je het menu nu ziet zijn we eigenlijk al een stap verder. we hebben al op een item geklikt. Als animatie wil ik als je over een item gaat dat het in het blauwe diskje het streepje met de klok mee draait (rechts onder links boven). en dat onder het eerste menutje de namen van mijn werken. In dit geval is het item Project en zijn mij Onderwerpen Brainportfolio en Smartoptions. Naar beneden animeerd. Bij Brainoptions zie je de afbeelding zoals ie moet zijn als je met muis er op staat. Denk dat een kleur animatie het mooiste is. (van lichtbruin naar licht blauw)
Stap 2
LINK2 (http://img116.imageshack.us/img116/7757/site2oj4.jpg)
Menu 01
Het menu met die items blijf het zelfde het blauwe diskje blijft animeren. De 2 onderwerpen animeren weg ( moet ik nog iets voor verzinnen ) de balk van het bovenste onderwerp wordt langer en breder deze vormt uit eindelijk de balk waar de afbeeldingen in komen het onderste onderwerp maakt de balk die onder de afbeeldingen komt met image info. Als er nu meer ondewerpen zijn bijv 3 dan verdwijnt de middelste. ( moet hier nog een animatie voor bedenken)
Afbeeldingen 02
De afbeeldingen wil ik een kleur animatie van ietsie licht naar de normaal kleur zoals je op de afbeelding kunt zien is staat bij het laatste plaatje de kleur zoals hij moet zijn als het pijltje er op staat.
Stap 3
LINK3 (http://img116.imageshack.us/img116/5894/site3hr9.jpg)
Menu 01
Nog steeds het zelfde
Afbeelding 02
Zoals je ziet is de laatste afbeelding nu op zijn ware grote. Zoals bij de eerste animatie voor de balken zijn het nog steeds de balken van het eerste en laatste onderwerp die de vorm geven.
Info afbeelding 03
Zoals je ziet zie je onder aan de afbeelding een doorzichtige balk met een plusje. Dit zal de balk worden met de image info. als je op het plusje klikt zal de info balk naar boven gaan.
Stap 4
LINK4 (http://img99.imageshack.us/img99/2852/site4zf5.jpg)
Info afbeelding 01
Je ziet nu dat de image info balk helemaal is uitgeklapt ook is de text nu zichtbaar je kun doormiddel van het - beneden weer sluiten ik moet nog wel iets vinden om weer terug te gaan naar het vorige scherm waarschijnlijk ga ik het doen dat je nog een keer op de afbeelding moet klikken.
-----------------------------------------
Ik hoop dat jullie een beeld hebben gekregen hoe ik het allemaal wil doen :P. Mijn doel is wel voor het smooth laten lopen van de animaties aan ik daar helemaal zot van ben. Waar ik ook mijn Respect voor uitdeel en waar ik ook naar op zoek ben kwa animaties.
Een website door The Vector Monkeys: http://www.georgesbeaujean.com/
Ik zou graag feedback willen hebben over de kleuren en wat ideen over de animaties.
Groetjes Willem Mo.
:) Ik had laatst met carnaval niet zoveel te doen dus ben ik aan de slag gegaan met de layout van mijn portfolio site. (morecreations.nl) Het is wordt een site met mijn in and outdoor graphics. Ik wou een bepaalde creatieve sfeer neerzetten + dat de site makkelijk te bedienen is. Over het flash en animatie gedeelte wil ik een ding zeggen. ( zo soepel en smooth mogelijk). Het nadeel is :( ben nog niet zo pro in flash. Ik zal gaan kijken of iemand ga inhuren of zelf cursussen ga volgen. Maar genoeg gepraat, ik zal in het kort uit leggen hoe ik de website wil laten lopen.
Stap 1 ( je komt op de website)
LINK 1 (http://img511.imageshack.us/img511/2785/site1mc4.jpg)
Laadbalk 01
Als laad balk van de site wil ik mijn logo ( m ) het rechtste verleng stuk een stuk langer maken en dat ie dan van lang naar de lengte van mijn normale loopt. ( van rechts naar links).
Menu 02
Zoals je het menu nu ziet zijn we eigenlijk al een stap verder. we hebben al op een item geklikt. Als animatie wil ik als je over een item gaat dat het in het blauwe diskje het streepje met de klok mee draait (rechts onder links boven). en dat onder het eerste menutje de namen van mijn werken. In dit geval is het item Project en zijn mij Onderwerpen Brainportfolio en Smartoptions. Naar beneden animeerd. Bij Brainoptions zie je de afbeelding zoals ie moet zijn als je met muis er op staat. Denk dat een kleur animatie het mooiste is. (van lichtbruin naar licht blauw)
Stap 2
LINK2 (http://img116.imageshack.us/img116/7757/site2oj4.jpg)
Menu 01
Het menu met die items blijf het zelfde het blauwe diskje blijft animeren. De 2 onderwerpen animeren weg ( moet ik nog iets voor verzinnen ) de balk van het bovenste onderwerp wordt langer en breder deze vormt uit eindelijk de balk waar de afbeeldingen in komen het onderste onderwerp maakt de balk die onder de afbeeldingen komt met image info. Als er nu meer ondewerpen zijn bijv 3 dan verdwijnt de middelste. ( moet hier nog een animatie voor bedenken)
Afbeeldingen 02
De afbeeldingen wil ik een kleur animatie van ietsie licht naar de normaal kleur zoals je op de afbeelding kunt zien is staat bij het laatste plaatje de kleur zoals hij moet zijn als het pijltje er op staat.
Stap 3
LINK3 (http://img116.imageshack.us/img116/5894/site3hr9.jpg)
Menu 01
Nog steeds het zelfde
Afbeelding 02
Zoals je ziet is de laatste afbeelding nu op zijn ware grote. Zoals bij de eerste animatie voor de balken zijn het nog steeds de balken van het eerste en laatste onderwerp die de vorm geven.
Info afbeelding 03
Zoals je ziet zie je onder aan de afbeelding een doorzichtige balk met een plusje. Dit zal de balk worden met de image info. als je op het plusje klikt zal de info balk naar boven gaan.
Stap 4
LINK4 (http://img99.imageshack.us/img99/2852/site4zf5.jpg)
Info afbeelding 01
Je ziet nu dat de image info balk helemaal is uitgeklapt ook is de text nu zichtbaar je kun doormiddel van het - beneden weer sluiten ik moet nog wel iets vinden om weer terug te gaan naar het vorige scherm waarschijnlijk ga ik het doen dat je nog een keer op de afbeelding moet klikken.
-----------------------------------------
Ik hoop dat jullie een beeld hebben gekregen hoe ik het allemaal wil doen :P. Mijn doel is wel voor het smooth laten lopen van de animaties aan ik daar helemaal zot van ben. Waar ik ook mijn Respect voor uitdeel en waar ik ook naar op zoek ben kwa animaties.
Een website door The Vector Monkeys: http://www.georgesbeaujean.com/
Ik zou graag feedback willen hebben over de kleuren en wat ideen over de animaties.
Groetjes Willem Mo.