Texteffekt (streifen beim ausfahren)

[eonic]

Auf der BMW 1er Seite interessiert mich der Text-Effekt in der VideoVersion.


http://www.bmw.com/generic/de/de/products/highlights/1series/1series/campaign/phase_4/main.html

wie bekommt man die "streifen" beim ausfahren hin? jemand erfahrung damit?

Danke

[RustyCake]

Grob gesagt, sind Masken-Effekte!
Da mußt Dich auf die suche nach "Masken-Geschichten" machen, gibts auch hier bei "suchen und finden" einiges

[thebiz]

Der Texteffekt?
Du meinst, dass der Text beim Ausfahren
scheinbar Bewegungsunschärfe bekommt!?

Da macht man sich im Photoshop einen
unscharfen Text und tauscht den in Flash
im richtigen Zeitpunkt aus.

So wird es meines Wissens, immer gemacht.

[eonic]

@RustyCake:

hab gesucht, aber nichts brauchbares gefunden. bleib dran

@thebiz:

bewegungsunschärfe in photoshop ist mir zu umständlich. will das mit as lösen um flexible zu sein-> die texte per xml einlesen...

danke trotzdem

[thebiz]

Na dann bin ich mal gespannt.
Kannst es ja freundlicherweise hier
posten, wenn Du etwas dazu findest.

[eonic]

hab mir mal selber gedanken gemacht. ist an und für sich garnicht so schwer. habe mal die swf angehängt.

ist noch im rohbau. dient lediglich zu demonstration.

[thebiz]

Und wie hast Du das gemacht.
Die Schrift ist ja noch nicht unscharf.
Aber schon mal ganz nett.

[eonic]

hast recht.. für die schrift hab ich noch keinen passenden weg gefunden ... any ideas (in AS)?

PHP-Code:

import mx.effects.*;                                 // MM Klassen
import mx.transitions.easing.*;                     // MM Klassen
import mx.transitions.Tween.*;                         // MM Klassen


_root.attachMovie("mcMaske", "mcMask", this.getNextHighestDepth());
mcMask._x = 0;
mcMask._y = 108;
mcMask._height = 20;

_root.createEmptyMovieClip("mcStreifen", this.getNextHighestDepth());
with(mcStreifen){
    lineStyle(0,0xFFFFFF,100);
    colors = [ 0x999999, 0xFFFFFF ];
      alphas = [ 100, 80 ];
      ratios = [ 0, 0xFF ];
    matrix = { matrixType:"box", x:0, y:0, w:40, h:0, r:(180/180)*Math.PI }; 
      beginGradientFill( "linear", colors, alphas, ratios, matrix );
    moveTo(0,108);
    lineTo(0,128);
    lineTo(mcMask._width, 128);
    lineTo(mcMask._width, 108);
    lineTo(0, 108);
};

mcStreifen.setMask(mcMask);

var swiss:TextFormat = new TextFormat();
swiss.font = "Arial";
swiss.size = 26;
swiss.color = 0x000000;

var sString:String = "Das Rockt.";

_root.createTextField("txtSlide", getNextHighestDepth(), 0, 103, 400, 40);
txtSlide.text = sString;
txtSlide.setTextFormat(swiss);
txtSlide.autoSize = "left";


function doAnimation():Void{
    txtSlide.text = sString;
    txtSlide.setTextFormat(swiss);
    txtSlide.autoSize = "left";
    dynamicTween(txtSlide, mx.transitions.easing.Strong.easeOut, "_x", -500, Stage.width/2, 5.2);
    dynamicTween(mcStreifen, mx.transitions.easing.Strong.easeOut, "_x", -720, Stage.width/2, 5.4);
    dynamicTween(mcMask, mx.transitions.easing.Strong.easeOut, "_x", -720, Stage.width/2-220, 5.2);
}


doAnimation();


/// ANIMATING /////////////////////////////////////////////////////////////////////



function dynamicTween(sMc:String, sAnimType:Object, sProp:String, nStart:Number, nEnd:Number, nDuration:Number):Void{
    tweenDynamic = new mx.transitions.Tween(sMc, sProp, sAnimType, nStart, nEnd, nDuration, true);
    tweenDynamic.onMotionFinished = function() {
             //trace("Animation done");
        };
};


////////////////////////////////////////////////////////////////////////////////////