TwelvestoneFlash

Flash - dynamic, styled text


Sign in

  • Waiting for Godot ( 720 k posts )
    Just conversation.
  • Thunder Dome ( 23 k posts )
    Photoshop Tennis and Collabs.
  • Photography ( 4.8 k posts )
    For all you shutterbugs, sh...
  • Flash ( 18 k posts )
    ActionScripting to tweens, ...
  • Front End ( 5.8 k posts )
    general front end design an...
  • Back End ( 9.6 k posts )
    serverside scripting, progr...
  • Projects and Theory ( 12 k posts )
    This forum is for discussio...
  • FAQ ( 269 posts )
    All those nagging questions...
  • Design ( 17 k posts )
    graphics & all aspects of g...
  • Purgatory ( 3.6 k posts )
    12stone Jail, feel free to ...
scudsucker
 
2010-09-01

Hey.

It has been a while since I last opened flash, and I'm a coder, not a designer, anyway.

I've been asked if it is possible, with flash, to create dynamic text similar to this: http://img830.imageshack.us/img830/7937/ca12.jpghttp://yfrog.com/n2ca12j

Obviously, pretty complicated, no? What with all the gradient, bevel, etc etc? (we do own the typeface, although I think the above is modified. I'd be happy to just approach that look)

I suggested creating an image, but as the text must be displayed in a number of languages, currencies & amounts, the creative team (who do now know flash) want to know if it is possible, without creating a new image for every combination.

Alternatively, I suppose, I could suggest they create a whole typeface - but, again - we have multiple languages so would have to do complete sets, with swedish and german special characters as well.

Is it too complex to do purely with the Flash IDE and some code?

persist
 
2010-09-01

Did the design team create that effect? What was the combination of filters in photoshop that produced the effect. You may have all the filters available in the properties window in Flash.

I created a starting point for you, but you can see it's a little more poured than the old west struck look to it.

http://memoryprojector.com/images/bevelDynText.jpg

The primary trick is to nest the text in a clip. You blur the clip to give the bevel something to work with. But this wrecks the text of course, so you use some low blur glow to bring the edges back up. The smaller the text in your clip, the less blur you apply on all the filters. Also this is a simple bevel. The designer may have used a gradient bevel, which you can do in Flash as well.

the order of the application of filters in the property box is important.

The only script in this scenario would be setting the text to dynamic and defining the string to display.

source: http://memoryprojector.com/images/bevelDynText.fla

scudsucker
 
2010-09-01

Rocking thank you.

I do not need the photoshop filters in all their glory - the team who require this prefer flexibility to overly complex decoration.

I'll have to wait till I get home for CS4 or 5 - we use CS3 at work - to have a look at your example; but if something similar can be done that is great. Will give it a shot...

scudsucker
 
2010-09-01

:worship:

JLM
 
2010-09-01

Something I was playing with, it uses frames of images, you only populate what you need, fla is cs3, code haXe. http://www.justinfront.net/haxe/letters/letters.zip

But a lot of work to create your own image for each letter needed, but atleast once you set up and tweak its easy to use, (does word wrap for you).

//snipit from letter view.

        _text = "put text here";
        _x          = 10.0;
        _y          = 10.0;
        _width      = 450;
        _symbolFont = 'letterBold';//'letterRegular'

I guess its probably not useful for you but adds to the general thread topic.

persist
 
2010-09-01

Nice one JLM

JLM
 
2010-09-01

did you manage to compile?

Sorry, you must be a member to post to a conversation. Either log in or sign up to get involved.
TwelvestoneFlash

Flash - dynamic, styled text