Bannerset IlseMedia Overzicht.nl

[Flashgirl]

Hallo allemaal!

Een tijdje geleden heb ik voor MediaMonks (http://www.mediamonks.com) een uitgebreide bannerset mogen maken voor IlseMedia (http://www.ilse.nl) ter promotie van een aantal pagina's op http://www.overzicht.nl.
Er was een beperking van maximaal 15 kb voor de kleine banners en maximaal 20 kb voor de grote banners. Het was een uitdaging voor mezelf om zo veel mogelijk in zo weinig mogelijk kb's te doen.

Klik hier om de bannerset te bekijken (http://www.bannerset.nl/index.php?id=3) :) .

De banners draaien op een aantal grote sites waaronder http://www.nu.nl, dus wie weet ben je er wel eens ééntje tegen gekomen :) .

Let overigens niet op de site waar ik ze op heb gezet, bannerset.nl, ik heb nog geen tijd gehad om die site een mooi design te geven. Het is puur even een overzichtelijke manier om mijn bannersets te kunnen tonen ;) .

[djsach]

die banners zijn super cool nice work

[flor!s]

wow! Echt supermooi! Prachtige, vloeiende animatie en je hebt het jezelf niet bepaald makkelijk gemaakt! Winkel, wintersport, vakantie en overzicht zijn mijn favorieten.

[Neuro]

weer heel knap :)
(maar ik had ze eent tijdje geleden al gezien?)

[Flashgirl]

Alvast bedankt voor de reacties :) .

weer heel knap :)
(maar ik had ze eent tijdje geleden al gezien?)

Dat kan kloppen, ik had ze al een tijdje geleden op mijn site gezet, maar ik wilde wachten met posten in de Testcase tot ze allemaal op nu.nl waren gezet. Dat duurde even. Maar ik wilde zeker zijn dat ik ze niet zou posten in het openbaar voordat de klant ze ging gebruiken ;) . En zoals ik al zei kun je ze eventueel ook op diverse websites tegen gekomen zijn, waaronder Ilse.nl, Nu.nl en Startpagina.nl. In elk geval staan ze nu allemaal in het bannersyseem online, dus nu kan ik ze pas hier laten zien :) .

[Tsuken]

mmh de website werkt niet

edit:
maar op nu.nl kan ik het wel zien :)

Heel mooi gemaakt :)

[Vinc]

Damn, dat is vet :D

[Superjoep]

Nice! Die personages zien er weer prachtig uit :)
Maar waar ik het meest van onder de indruk ben zijn de overgangen van animatie naar het moment dat het logo van "Overzicht.nl" tevoorschijn komt! Vind ze bij haast alle banners erg goed bedacht. Vooral van wintersport, met die sneeuwbal. Het gooien, en vervolgens naar beneden glijden ervan zorgt voor een mooie continuïteit.

Hoe lang ben je met deze bezig geweest? En weet je de volgorde nog waarin je ze gemaakt hebt? Ik ben benieuwd of je kunt zien dat je steeds meer in zo'n opdracht kunt kruipen. Dat zou moeten betekenen dat de banners steeds beter werden :) Gewoon benieuwd :)

[Motion Style]

mooi gedaan :D

[damarez]

mooi werk
als ik het op het internet zou tegenkomen zonder dat ik wist dat jij het had gemaakt
zou ik toch weten dat jij het hebt gemaakt
keep up the good work!!

[leihi2]

oeeee.. deup hoor ;-)

[Tsuken]

wat ik wel interessant vind aan auto.overzicht.nl, dat de bomen naar rechts schieten, maar de maan gaat naar links, is dat een trukje om het snel te laten lijken? :)

[digitalnrg]

lekker hoor!
Niets op aan te merken.

[b-here]

mooi! echt mooie vloeiende animaties. ze laden ook snel!

[Finesky]

Lekker gedaan FG!
Ik vind de bewegingen van de mensen ook erg goed gelukt.

[vectorboy]

Wow! Smoothe animaties!

Kan je enkele tips geven hoe je je filesize zo laag houdt? Ik denk niet dat ik daar ooit in zou slagen...

[Flashgirl]

Bedankt voor de leuke reacties!!

Hoe lang ben je met deze bezig geweest? En weet je de volgorde nog waarin je ze gemaakt hebt? Ik ben benieuwd of je kunt zien dat je steeds meer in zo'n opdracht kunt kruipen. Dat zou moeten betekenen dat de banners steeds beter werden :) Gewoon benieuwd :)

Ik ben er een paar weken mee bezig geweest maar niet fulltime, en met andere dingen er tussendoor. Als ik het me goed herinner heb ik ze ook in de volgorde gemaakt waarin ze nu staan, behalve dan dat ik wintersport als laatste heb gemaakt.

wat ik wel interessant vind aan auto.overzicht.nl, dat de bomen naar rechts schieten, maar de maan gaat naar links, is dat een trukje om het snel te laten lijken? :)

auto.overzicht.nl is er eentje die ik niet heb gemaakt :) . Die heeft Mitch gemaakt. Hij heeft er nog een aantal gemaakt waaronder interieur.overzicht.nl en gsm.overzicht.nl. Alleen de banners die op mijn site http://www.bannerset.nl/index.php?id=3 staan zijn door mij gedaan :) .


Kan je enkele tips geven hoe je je filesize zo laag houdt? Ik denk niet dat ik daar ooit in zou slagen...

Sowieso natuurlijk het hergebruiken van artwork :). Gebruik alleen MovieClips en geen graphics. Gebruik in je artwork zo min mogelijk ankerpunten. Vermijd shapetweens of lange tweens, gebruik het liefst alleen motiontweens. Gebruik ook zo min mogelijk tweens, laat dingen (zo ongemerkt mogelijk) zo vaak je kunt stilstaan. Gebruik liever geen masks. Gebruik ook een strak font (helaas heb je dat meestal niet voor het kiezen). En vooral: Test in een aparte fla of het scheelt in filesize wanneer je een shape net een andere vorm geeft of een tween anders aanpakt.
Als laatste heb ik de swf's (die nadat ik alles had gedaan om er zo veel mogelijk uit te halen nog steeds enkele kb's te groot waren) met het programma "Eltima Flash Optimizer" verder gecomprimeerd. Met dit programma kun je bijvoorbeeld kb's afsnoepen door je shapes te vereenvoudigen, of je tweens hakkeliger te maken, of je fonts te comprimeren. Alles kun je apart instellen. Met dit programma kreeg ik er nog wel 2 á 3 kb af. Het gaat natuurlijk wel iets ten koste van de kwaliteit, maar dat is logisch ;) .

[utreg_fanatic]

ziet er weer smooth uit zoals van jou gewend, well done ... daarmee onderscheid je jezelf van de andere 13 in een dozijn ...

[FantasTies]

Te mooi weer eens!
jij krijgt later echt je eigen animatie team :D je veegt disney zo van de kaart :D:P

[Pointer]

Echt heel mooi, maar dat zijn we inmiddels wel gewent van je ;)

Greetz://

[Mitch]

Ze zijn echt vet geworden, zijn echt kleine tekenfilmpjes!!! Banner koningin he ;)
Was ook een leuk klusje om ze onder die grens van 20kb te houden he :D dan ga je echt vreemde dingen mee maken :p

Voor in de showcase :)

Wel tijd terug alweer al zo'n half jaar geleden :D
Toen kwam ik net bij de monks :) :D

[ninetynine]

idd kleine filmpjes :) leuke sfeer , mooi geanimeerd
herkenbare stijl , .. |)
Ik heb nu nog geen een reclame gezien op nu.nl? waar staan ze dan ?

[o1-jasper]

Egt mooi gedaan, zoals altijd bij FG zijn de bewegingen en overgangen heel natuurlijk!!
Alleen het is toch: 'Waar ga je naartoe OP wintersport' ipv 'voor wintersport' ??
Maar echt top gemaakt!

[U.P!]

Wow, wat een prachtige banners !!
Met zo'n geweldige banners is reclame kijken zelfs heerlijk.

[Cowerd]

Mooi, en al helemaal voor die filesize!
Alleen wat mij opviel was dat de surfplank verkeerd om ligt:P

[Flashgirl]

Hoera, Showcase 8D ! Woeiii!
Dank voor de leuke reacties!
En wauw, U.P! :D , dank voor het compliment :# . Wanneer komt er van jou iets moois in de Showcase te staan 8D ?

Egt mooi gedaan, zoals altijd bij FG zijn de bewegingen en overgangen heel natuurlijk!!
Alleen het is toch: 'Waar ga je naartoe OP wintersport' ipv 'voor wintersport' ??

Ja dat klopt, maar je moet het eigenlijk lezen als 'waar ga je naartoe voor informatie over wintersport', maar door het zo neer te zetten als het nu staat kun je het in allebei de betekenissen lezen. Eigenlijk is het dus een textueel 'grapje'. In principe heb je dus wel gelijk, maar het is dus expres zo :) .
En het woordje egt schrijf je met ch als je toch taalpuritisch bezig bent ;) :D ;) !

Mooi, en al helemaal voor die filesize!
Alleen wat mij opviel was dat de surfplank verkeerd om ligt:P

Oh ja :O ? Oeps, is dat echt zo??

[ninetynine]

zeg flashgirl zeg eens waar de reclame online staat (op nu.nl ben ik nog niets van reclame tegengekomen)
tis maar kzou graag ook eens die van mitch zien |)

[Vinc]

Oh ja :O ? Oeps, is dat echt zo??

Haha ja het klopt nog ook, nu het gezegd wordt :D

[Flashgirl]

Op www.startpagina.nl (de dochterpagina's) draaien ze ook random.

[ninetynine]

ok kheb ze :)
idd (over surfplank)
maar kdenk dat flashgirls bedoeling was dat het ventje eigenlijk van rechts komt
tegen de golf

[Rogier!]

Gaaf man! Echt heel mooi, en dat je dat met die filesize kan doen :D

[zillionz]

Mooie graphics! :D

[superdelux]

ja mooie animaties voor zo'n kleine filesize :)

en ik vind de bewegingen hardstikke soepel gaan.

goed gevoel voor de flow zou ik zeggen 8D

[gbillustration]

Die zien er allemaal weer errug goed uit!!!

[g3cko!]

Het ziet er supermooi uit, proficiat! :D

[Ruben!]

Helemaal jouw stijl:D ik was ff op vakantie en toen ik eindelijk weer hier thuis op FF kon kijken, zag ik op de voorpagina bij "Laatste Showcase Topic" zown plaatje staan, en kd8: Dat móet van Flashgirl zijn;) top gedaan hoor:D

[BlijBlauw]

Hoera, Showcase 8D ! Woeiii!

lol, kon je zelf het knopje niet vinden [:o)] haha ;)

Ik vind het weer mooi gedaan :buig:

[Tommyfied]

Erg mooi inderdaad. Ik heb ook nog een klein "foutje" gezien :P

Bij de banner van het meisje dat make-up opdoet;
Ze doet oogschaduw op (paarse / lila) dan zoomt het beeld weer uit, geeft ze een knipoog en is haar oog weer wit / beige :P Slechte make-up als het er na 1 x knipogen vanaf is he :P

Maar erg leuke banners hoor (y)

[Flashgirl]

Wederom: Dank julie wel voor jullie leuke reacties :D !

@ Tommyfied: Dat is een voorbeeld van filesize consessies die je moet doen... De manier waarop het oogje in elkaar zit is niet makkelijk aan te passen zonder minstens 3 extra shapes te moeten maken... Ik had het wel kunnen oplossen met ActionScript, maar je zit ook met een deadline en op zich gaat het knipperen zo snel dat het in principe niemand zal opvallen. Tenzij je op een heel langzame computer kijkt waarop hij met een snelheid van 1 fps speelt :P (in vage internetcafé's in het buitenland ben je af en toe gedwongen om op die manier te surfen ;) , haha).

Oh ja, en @ BlijBlauw :D ... Ik weet wel waar het knopje zit, maar ik ga er geen misbruik van maken ;) ...

[Tommyfied]

Ik zag het al bij de 2e keer, maar het is niet erg storend ofzo, ik wou je er alleen maar even bewust van maken mocht je het niet gezien hebben. :)

[Ruben!]

Ik had het wel kunnen oplossen met ActionScript, maar je (...)

Ik zie je eigenlijk bijna geen actionscriptdingen doen... alleen dat mailformulier op je site en al die sterren, wat wel heel cool is:D maar verder nauwelijks...

[Flashgirl]

Moet dat dan...? :)
Ik ben animator. Ik heb een paar jaar geleden mijn opleiding tot animator in Amsterdam afgerond. Dus dat is mijn specialisatie. Ik richt me daar volledig op, zodat ik daar al mijn tijd in kan steken. Scripten is een aparte discipline waar je andere capaciteiten voor nodig hebt dan voor het maken van animaties. Er zijn weinig mensen die uitblinken op beide gebieden. Ik ambieer ook geen carrière in de scriptwereld, ik wil over een aantal jaar mijn eigen tekenfilmstudio opzetten.

Bovendien is Tha Narie een haast onevenaarbaar goede developer, dus is het handiger en sneller om eventueel scriptwerk door hem te laten uitvoeren (voordelen: Sneller en dus goedkoper, beter, gegarandeerd bugvrij, en als het moet ook extreem kort wat de filesize ten goede komt). Narie blinkt gigantisch uit op dat vlak, maar bij hem is het andersom: Hij richt zich volledig op het trainen van zijn scripting skills en kan geen animaties maken. Daar heeft hij ook geen talent voor, net als dat ik geen uitmuntend talent heb voor scripten (ik weet er wel het één en ander vanaf, maar ik gebruik het nooit omdat het me minder trekt dan animatie).

Doordat we op deze manier allebei gespecialiseerd zijn in ons eigen vakgebied is het een ideale samenwerking.

[g3cko!]

Hoi Flashgirl,

Hoe heb je dit zo klein gehouden zijn het motion tweens of scripted animations?

[Flashgirl]

Hey g3cko :)

Ik had op de vorige pagina al antwoord gegeven op die vraag :) .

Sowieso natuurlijk het hergebruiken van artwork :). Gebruik alleen MovieClips en geen graphics. Gebruik in je artwork zo min mogelijk ankerpunten. Vermijd shapetweens of lange tweens, gebruik het liefst alleen motiontweens. Gebruik ook zo min mogelijk tweens, laat dingen (zo ongemerkt mogelijk) zo vaak je kunt stilstaan. Gebruik liever geen masks. Gebruik ook een strak font (helaas heb je dat meestal niet voor het kiezen). En vooral: Test in een aparte fla of het scheelt in filesize wanneer je een shape net een andere vorm geeft of een tween anders aanpakt.
Als laatste heb ik de swf's (die nadat ik alles had gedaan om er zo veel mogelijk uit te halen nog steeds enkele kb's te groot waren) met het programma "Eltima Flash Optimizer" verder gecomprimeerd. Met dit programma kun je bijvoorbeeld kb's afsnoepen door je shapes te vereenvoudigen, of je tweens hakkeliger te maken, of je fonts te comprimeren. Alles kun je apart instellen. Met dit programma kreeg ik er nog wel 2 á 3 kb af. Het gaat natuurlijk wel iets ten koste van de kwaliteit, maar dat is logisch ;) .

[tvs]

haha, ik zag ze en ik wist gewoon in 1x, die zijn van flashgirl :P
ja, het is je weer gelukt ;) leuk gedaan

[Hbjr]

ik ben nu druk bezig met een cartoon landschap / animatie en als ik zo stiekem spiek bij flashgirls dingetjes heb ik weer inspiratie voor morgen |) bedankt

[interested noob]

wow!!! :O ik ben echt onder de indruk!
maar ik merk dat iedereen hier precies echte specialisten zijn.
Voor mij is dit allemaal nieuw. Ik ben van plan om volgend jaar in België Multimedia- en Communicatietechnologie aan de Karel de Grote Hogeschool Antwerpen maar ik vraag mij af of ik dat wel zou kunnen nadat ik dit gezien heb. Welke opleiding heb jij trouwens gevolgd Flashgirl?Het tekenen van de figuren bv lijkt me
al héél moeilijk, zeker met een muis :S [?] leer je tijdens zo'n opleiding tekenen of is het iets dat je moet kunnen?

In ieder geval wakkeren deze mooie werkjes mijn interesse aan. Nog veel suc6 ermee!

[object]

w-o-w respect!!!

[Flashgirl]

Welke opleiding heb jij trouwens gevolgd Flashgirl?Het tekenen van de figuren bv lijkt me al héél moeilijk, zeker met een muis :S [?] leer je tijdens zo'n opleiding tekenen of is het iets dat je moet kunnen?

Bedankt voor je leuke reactie :D . Ik heb de twee-jarige opleiding tot traditioneel 2D animator en character designer aan de Cartoon School in Amsterdam gedaan. Om aangenomen te worden moet je al kunnen tekenen. Tekenen leer je daar niet, en om aangenomen te worden moet je werk door de selectie komen. Op de opleiding zelf leer je alles over animatietechniek, dat is echt puur theorie, en geen tekenles, al moest je die theorie natuurlijk wel in de praktijk uitvoeren en laten beoordelen voor je cijfers.
Tekenen is deels wel te leren, maar hoe goed je uiteindelijk wordt is afhankelijk van je aanleg. Kijk maar eens hier: http://www.drawright.com. Het is een skill die je moet trainen, dan kan in principe iedereen leren tekenen.
Deze banners heb ik niet met de muis getekend maar met een Wacom Intuous tablet, kijk maar eens op http://www.wacom.com. Ik heb ook een tekenmonitor, zie de foto in mijn profiel, maar die heb ik voor deze banners niet gebruikt.

Dank allemaal weer voor de reacties :) !

[interested noob]

Bedankt voor de info flashgirl.
In België bestaan er NOG geen richtingen waarin je jezelf direct kan specialiseren tot 2D of 3Dofzo... Hier moet je eerst een richting doen zoals ik wil doen (MCT)(bachelor,3jaar) en dan pas kan je jezelf specialiseren in dingen zoals bijvoorbeeld gamedesign (master).

De richting MCT is eigenlijk een richting waarin je de eerste twee jaar een vrij algemene vorming krijgt op drie,vier gebieden: webdesign, hardware en audio en video. verder krijg je nog les over onderwerpen als E-commerce, ICT-service,Digital Broadcast,...
In het laatste jaar kan je dan kiezen tussen 3 specialisaties: Multimedia interfacing,AV-producties of webdesign. Hier moet je dus kiezen in welke richting je wilt werder gaan. Neem eens een kijkje op de site http://www.mct-antwerpen.net/main_content.html
wat vindt je van de opleiding? Misschien vinden jullie het een beetje algemeen, maar spijtig genoeg staan we er in België nog niet zo ver in al in Nederland, werken jullie trouwens ook met de bechelors en masters?

Wat wel handig is om weten is dat de Karel de Grote Hogeschool nauw samenwerkt met Alfacam, bij iedereen waarschijnlijk wel bekend als een grote onderneming ivm met tvproducties. De school mag namelijk permanent gebruik maken van de studio's van Alfacam voor de praktijklessen ivm audio en video. Mede omdat de zsector snakt naar werknemers, maar ook omdat de kdg deze richting dit jaar pas start en het een te grote investering is voor hen om hun studio up to date te houden. Ook telenet is sterk op zoek naar nieuw bloed voor hun vernieuwende digitale televisie.

Maar mijn interesse gaat eigenlijk wel meer uit naar wat jullie hier doen, ofwel iets met 3D ofwel met webdesign en flash enzo.

Wie tips heeft voor me, misschien Vlamingen die toch een opleiding kennen die ik nog niet ontdekt heb :) ,gelieve te reageren

[object]

Mis!!! In gent op de bijloke kan je animatie volgen, in het Rits (erasmus) in Brussel en op het st lucas in Brussel ook...daarboven op heb je ook nog het discreetcentrum "le site" in mons die zowel 3d als artistieke animatie doceert.

suc6

[KniretloW]

Wie tips heeft voor me, misschien Vlamingen die toch een opleiding kennen die ik nog niet ontdekt heb :) ,gelieve te reageren

Is het niet wat om dan in nederland een half jaar of een jaar bij zo'n school en/of bedrijf stage
te gaan lopen of gewoon een periode mee draaien.... Zo iets kan ms best wel geregeld
worden...

[kingofflash]

supermooi! kon ik dat maar!

[esparadrapo]

zeeeeeeer moooooooi ;-)

[raffa]

vett mooi :D en tog zo klein bestand:O

[Nidd]

Jup! Super! :)

Niels.

[Anno2013]

sneeuwpret begint al op het internet :)

[MainXstream]

..... petje af!