[Flash] Infaden van foto's op deze manier...

[Verwijderd]

... http://www.schmidtfoto.de/

Hoe doe ik dat?

Ik zit al te spelen met de "color: advanced" settings, echter krijg ik alleen maar overbelicht rood groen en blauw, en niet zo`n 'overlight' effect zoals die duitser bij zijn foto's voor elkaar krijgt.

Ik ga er vanuit dat hij de optie zelf in flash heeft zitten en niet een tweede picture heeft gebruikt, zoals je vaker met blur ziet.

Wie ken me helpen

[Yoozer]

Dit is een combinatie - niet alleen gaat er een image infaden, een bovenliggende image fade ook uit. Probeer in Photoshop maar eens 2 images over elkaar te leggen - 1 met opacity mode Color Dodge en 1 met opacity mode Normal. Color Dodge smijt een soort multiplier over de onderliggende pixels die ze naar wit 'drukt'. Ik weet niet meer hoe dit in Flash heet, maar probeer het maar eens met 2 images over elkaar op bovenstaande manier.

[XangadiX]

ja masking noemt men dat (probeer het eens met png files)
het zijn meerder foto's idd.

[Verwijderd]

Uhm, dit kan volgens mij ook met alpha.
Dit werkt echter alleen bij keyframes.
Je zet je plaatje in het eerste keyframe,
dan doe je insert frame op de plek waar het plaatje ingelaad moet zijn.
Dan doe je create motion tween, en insert je als laatste een keyframe op het einde van de tween, zodat ie ook daadwerkelijk wat doet.

Dan ga je naar het begin van de actie en klik je op je foto,
Dan komt er in properties een paar opties te staan
1 daarvan is color, die zet je op alpha, daarnaast komt dan blokje met procenten, en die zet je op 0%.

Het is niet exact hetzelfde als op die site van jou, want dat is met 2 plaatjes gedaan, maar dit geeft ongeveer hetzelfde effect.

[Verwijderd]

Ik heb de proef op de som gedaan en gewoon de foto gejat van zijn site, en zelf gaan kloten met de advanced en brightness settings.

Echter heeft hij maar 1 foto gebruikt...

Je maakt idd een motion tween, dan ga je naar eerste keyframe, daar knal je de brightness op 70%, dan ga je naar advanced en dan staat bij red green en blue overal 30 %, die zet je vervolgens allemaal naar: 80% bijvoorbeeld. Je ziet dan in je preview scherm dat er een soort lightburst of overlight effect komt.

Control enter, en je hebt precies zo`n verloopje als in die foto's, zonder dat je twee foto's hoeft in te laden.

[XangadiX]

heb je daar een .fla van drLiter?
want daar ben ik dan wel benieuwd naar

[Verwijderd]

Jah, die zou ik graag ook willen zien, aangezien ik die manier nog niet ken

[Verwijderd]

Als je inderdaad een beetje speelt met die advanced color settings kom je een heel eind. Kan me niet voorstellen dat er twee foto's gebruikt worden (aangezien het laden niet erg lang duurt) en png's lijkt me om dezelfde reden ook erg onwaarschijnlijk.

[Verwijderd]

[PAS OP! ACTIONSCRIPT NERD OPLOSSING]

Waarom tweenen als je kan scripten.
Naar aanleiding van de vraag ben ik eens wat gaan scripten:

http://members1.chello.nl/~r.hauwert/flood.html

Mocht er genoeg interresse zijn, maak ik er een component van.
Laat maar weten dus.

[Verwijderd]

tuurlijk heb ik interresse...
rest vast ook wel, ziet er goed uit.

[ventje853]

Lijkt me wel interessant. Maar de source wil je allicht niet vrijgeven. Jammer.

[Verwijderd]

nou als je op z'n website kijkt: http://home.wxs.nl/~leeu6431/
dan zie je dat ie daar niet zo'n probleem van maakt...

[Verwijderd]

XangadiX schreef op 18 March 2003 @ 13:11:
heb je daar een .fla van drLiter?
want daar ben ik dan wel benieuwd naar

Vondt het ook interessant, zie hier het resultaat a-la DrLiter!

fla (25.5kB, Flash MX)

[ Voor 4% gewijzigd door Verwijderd op 19-03-2003 12:53 ]

[Verwijderd]

die site gaat heel gauw verdwijnen Wat een troep is dat!

Source kan ik wel opengooien, maar wil eigenlijk ook ff een loader etc. inbouwen, dit is alleen het effect.

Effect class code:

Flash ActionScript:

#initclip 5

rSys.floodTransition = function(){
    this.init();
}

var p = rSys.floodTransition.prototype = new MovieClip();

//Publics
p.init = function(){
    this.co = new Color(this);
    this.ct = {ra: 100, rb: 255, ga: 100, gb: 255, ba: 100, bb: 255, aa: 100, ab:255};
}

p.startFadeIn = function(){
    this.$setParams(0,10,0,30,0,30,0,34);
    this.onEnterFrame = this.$doTransition;
}

p.startFadeOut = function(){
    this.$setParams(255,5,255,15,255,15,255,16);
    this.onEnterFrame = this.$doTransition;
}

//Privates
p.$doTransition = function(){
    var t = this.ct;
    t.ab += (this.tarab-t.ab)/this.tarabs;
    t.bb += (this.tarbb-t.bb)/this.tarbbs;
    t.rb += (this.tarrb-t.rb)/this.tarrbs;
    t.gb += (this.targb-t.gb)/this.targbs;
    this.co.setTransform(t);
}

/*
Method arguments should be in this order:
End Alpha, Transformspeed alpha,
End red, Transformspeed red,
End green, Transformspeed green,
 end blue, transformspeed blue.
*/
p.$setParams = function(){
    //Alpha start end target set
    var a = arguments;
    this.tarab = a[0];
    this.tarabs = a[1];
    //Red Start end target set
    this.tarrb = a[2];
    this.tarrbs = a[3];
    //Green Start end target set
    this.targb = a[4];
    this.targbs = a[5];
    //Blue start end target set
    this.tarbb = a[6];
    this.tarbbs = a[7];
}

Object.registerClass('floodTransition', rSys.floodTransition);
delete p;
#endinitclip

[ Voor 81% gewijzigd door Verwijderd op 19-03-2003 12:52 ]

[Verwijderd]

Verwijderd schreef op 19 maart 2003 @ 12:51:
die site gaat heel gauw verdwijnen Wat een troep is dat!

Source kan ik wel opengooien, maar wil eigenlijk ook ff een loader etc. inbouwen, dit is alleen het effect.

Effect class code:...

Dan zal ik hem ff mirroren op m'n harddisk

[Verwijderd]

Als je m'n naam en email maar overal uitsloopt

[oh,when?]

wasdanu?? isdanu marie? of weet ze ervan?

[Verwijderd]

Verwijderd schreef op 19 maart 2003 @ 12:56:
Als je m'n naam en email maar overal uitsloopt

zo letterlijk zal ik ze vast niet gaan gebruiken...

[McVirusS]

Verwijderd schreef op 19 maart 2003 @ 12:51:
die site gaat heel gauw verdwijnen Wat een troep is dat!

Source kan ik wel opengooien, maar wil eigenlijk ook ff een loader etc. inbouwen, dit is alleen het effect.

Beetje rare vraag misschien, maar hoe de fuck gebruik ik die code .

[Verwijderd]

in het eerste frame van een movieclip zetten, met in dezelfde mc een plaatje.
Deze mc dan op de stage zetten, en dan de methods .startFadeIn() en .startFadeOut() van die movieclip aanroepen. Dus als dat ding op de stage plaatje heet:

this.plaatje.startFadeIn();

[oh,when?]

gewoon copy/pasten code, in een MC zetten, component parameters evt defineren, plaatje erin en dan gewoon startFadeIn() doen...

[oh,when?]

goeiemorgen owen.....

[McVirusS]

Had al zoiets geprobeert...maar werkt niet

[alienfruit]

Koel! Harstikke bedankt

[Verwijderd]

owww....sorry.....je mist nl wat....de rSys namespace.....anyway...dit is animo zat, ik maak hem ff wat mooier...

[1st_Ro]

Mooi effectje ! Hetzelfde effect zie je ook op www.ion057.com overigens

[ Voor 9% gewijzigd door 1st_Ro op 19-03-2003 14:49 ]

[Verwijderd]

Zo....had weer ff wat tijd vrij, en kon weer verder :

http://members.chello.nl/~r.hauwert/flood/floodslide.html

Deze is nog niet af...wil er eigenlijk een componentje van bouwen, maar ben nu nog alles netjes aan het structen, en verwacht vandaag hier niet meer achter te gaan zitten . I'll keep you all posted

[ Voor 48% gewijzigd door Verwijderd op 19-03-2003 17:23 . Reden: versie info ]

[oh,when?]

kben toch wel heel benieuwd wie dat nu is ralph

[Verwijderd]

Hehe ....nah.....gewoon, een gezellig meiske....en jah, marie is nog hier Net gezellig wezen zupen, maar dat trek ik beter dan haar....vandaar het tijdstip

[Guillome]

Hoe ken dat in godsnaam zo fukkin vloeiend gaan ????
Ik heb een fadeout met een zwart vlak dat over een scene gaat en das superb traag (met alpha dan).
Kan dat dan dus ook sneller en beter?

[1st_Ro]

B-top, ziet er strak uit man ! Ik vraag me af of er varianten voor te maken zijn (vast wel)
fade naar zwart bijvoorbeeld ?

Damn, ik moet me echt meer in Actionscript gaan verdiepen zie ik alweer

[Verwijderd]

XLerator schreef op 20 March 2003 @ 01:26:
Hoe ken dat in godsnaam zo fukkin vloeiend gaan ????
Ik heb een fadeout met een zwart vlak dat over een scene gaat en das superb traag (met alpha dan).
Kan dat dan dus ook sneller en beter?

Hoe bedoel je? Show ff wat

[Verwijderd]

1st_Ro schreef op 20 March 2003 @ 08:17:
B-top, ziet er strak uit man ! Ik vraag me af of er varianten voor te maken zijn (vast wel)
fade naar zwart bijvoorbeeld ?

Damn, ik moet me echt meer in Actionscript gaan verdiepen zie ik alweer

De slideshow en de transition zijn 2 losse classes.....dus in principe is elk mogelijke transitie vrij makkelijk in te zetten.....zat er al aan te denken om dat imgTracer effect om te bouwen naar transition :

http://members.chello.nl/~r.hauwert/imgTracer.html

[Reptile209]

Begint een standaard antwoord te worden, maar hoe doe je DAT nou weer? Ziet er ook wel erg kewl uit!

[Verwijderd]

Ik zal proberen vandaag nog dat component maken, word ergens vanaaf laat, maar dan post ik hem .

[BtM909]

* BtM909 kicked subtiel dit topic omhoog om B-Top te vragen naar z'n component...

[Verwijderd]

[Flash 5 conservatief mode]

Misschien zijn er nog mensen die behoefte hebben aan een misschien iets simpelere Flash 5 oplossing ,

plaatje naar wit faden:

code:

Color.prototype.whiteFadeIn = function () {
   tr += (255-tr)/15;
   tg += (255-tg)/15;
   tb += (255-tb)/15;
   col = new Object();
   col.ra = col.ga = col.ba = 100;
   col.rb = tb;
   col.gb = tg;
   col.bb = tr;
   this.setTransform(col);
}

en weer terugfaden, hoe wonderbaarlijk

code:

Color.prototype.whiteFadeOut = function () {
   tr += (0-tr)/15;
   tg += (0-tg)/15;
   tb += (0-tb)/15;
   col = new Object();
   col.ra = col.ga = col.ba = 100;
   col.rb = tb;
   col.gb = tg;
   col.bb = tr;
   this.setTransform(col);
}

Hmm iets dynamischer en maar 1 prototype nodig:

code:

Color.prototype.whiteFadeIn = function (r,g,b) {
   tr += (r-tr)/15;
   tg += (g-tg)/15;
   tb += (b-tb)/15;
   col = new Object();
   col.ra = col.ga = col.ba = 100;
   col.rb = tb;
   col.gb = tg;
   col.bb = tr;
   this.setTransform(col);
}

Zie: http://www.seraph.nl/flow.html

Ik klooi gezellig nog een beetje verder, en zit nog steeds te denken dat ik toch echt maar ns met Flash MX moet beginnen ...

[/Flash 5 conservatief mode]

[Verwijderd]

[me=10445] zijn component ligt ff stil...b-top is druk met werk enzo

[1st_Ro]

B-top, hmmm, ik ga vanavond even er mee klooien denk ik ... Ik ben helaas werkeloos (vandaag laatste dag ) dus ik heb tijd over geloof ik ...

[Verwijderd]

/me voelt zich geroepen om is lekker te kicken om te vragen of B-Top het nog steeds druk heeft?

[Verwijderd]

Jupz, en heel binnenkort kan ik jullie laten zien waarom

[roytanck]

Verwijderd schreef op 21 maart 2003 @ 11:27:
Misschien zijn er nog mensen die behoefte hebben aan een misschien iets simpelere Flash 5 oplossing ,

My 2 cents wat betreft jouw versie :

code:

MovieClip.prototype.whiteFade = function(r,g,b){
    this.r = r;
    this.g = g;
    this.b = b;
    this.myCol = new Color(this);
    this.onEnterFrame = function(){
        tr += (this.r-tr)/15;
        tg += (this.g-tg)/15;
        tb += (this.b-tb)/15;
        var col = new Object();
        col.ra = col.ga = col.ba = 100;
        col.rb = tb;
        col.gb = tg;
        col.bb = tr;
        if( Math.abs(col.rb - this.r)<1 && Math.abs(col.gb - this.g)<1 && Math.abs(col.bb - this.b)<1){
            this.onEnterFrame = null;
            col.rb = this.r;
            col.gb = this.g;
            col.bb = this.b;
        }
        this.myCol.setTransform(col);
    }
}

Helemaal self-contained movieclip prototype...

[Verwijderd]

Weefselkweekje schreef op 26 March 2003 @ 09:43:
[...]


My 2 cents wat betreft jouw versie :

code:

MovieClip.prototype.whiteFade = function(r,g,b){
    this.r = r;
    this.g = g;
    this.b = b;
    this.myCol = new Color(this);
    this.onEnterFrame = function(){
        tr += (this.r-tr)/15;
        tg += (this.g-tg)/15;
        tb += (this.b-tb)/15;
        var col = new Object();
        col.ra = col.ga = col.ba = 100;
        col.rb = tb;
        col.gb = tg;
        col.bb = tr;
        if( Math.abs(col.rb - this.r)<1 && Math.abs(col.gb - this.g)<1 && Math.abs(col.bb - this.b)<1){
            this.onEnterFrame = null;
            col.rb = this.r;
            col.gb = this.g;
            col.bb = this.b;
        }
        this.myCol.setTransform(col);
    }
}

Helemaal self-contained movieclip prototype...

Gaat alleen niet werken in 5; daar heb je nog helemaal geen Movieclip.onEnterFrame callback.

[roytanck]

Nee, Flash 5 vind ik ook totaal niet boeiend Da's zoiets als IE4 of zo... volkomem obsolete... MX or burst hoor...

[Verwijderd]

Omdat ik nog steeds ff niet in genoeg tijd zit om dit echt goed af te maken: hier alvast een tussen .fla

Let erop dat dit geen goede final versie is, het is een kloterige - wip versie, waar nog veel slordigheidjes in zitten, en genoeg functionaliteiten in missen....zoals live-preview etc.

http://members.chello.nl/~r.hauwert/flood/floodslide.fla

[Verwijderd]

floodslide is trouwens niet alleen floodslide, als je goed kijkt kan je ook al je eigen transitions vrij makkelijk in het slide component zetten

[Verwijderd]

Gieg, erg cool allemaal.

Jammer dat je bij het Tweaker CV geen opties hebt om Flash en ColdFusion in te vullen. Het is ook mijn brood, maar MacroMedia wordt weer eens geboycot/niet serieus genomen geloof ik...

Zag nog een erg mooie flash site trouwens www.terminator3.com

[Verwijderd]

Nu kan ik ook laten zien waarom ik (WE) zo druk waren :

http://www.planet.nl/

[oh,when?]

Verwijderd schreef op 04 April 2003 @ 03:28:
Nu kan ik ook laten zien waarom ik (WE) zo druk waren :

http://www.planet.nl/

en ik woensdag maar blijven refreshen maar geen nieuwe planet site kmoet wel zeggen dat dat menuutje me echt bekend voorkomt ( dropdown zijn er inmiddels uit )

nice work!

/edit www.sinterklaasavond.nl hebben we offline gehaald zie ik nu

/edit 2

dat menu is anders op de vervolgpagina's, de subitems zijn dan bold en op de voorpagina is dat niet zo....

[ Voor 21% gewijzigd door oh,when? op 04-04-2003 08:25 ]

[oh,when?]

btw...ben je eindelijk van storingserver af!

[Verwijderd]

gx is koel jah.....SS zuigt....