Can't say about photoshop
One more curiosity.
When you exported the swf
was the object embed an exact fit?
Printable View
Can't say about photoshop
One more curiosity.
When you exported the swf
was the object embed an exact fit?
erm, not really sure what you mean, but it sure looks okay. Everything is supposed to be what they are except for the fonts.
Is the font inside a Movie Clip or button?
If so See that the button and Movie Clips is set to a Rounded Number (4.2 should be 4.0)
In Photoshop see that you set your resolution to 72 pixels also see that anti alias is off.
Hi,
I have a scrolling movie clip that is using pixel fonts and it all works perfectly. However the problem is that when the user scrolls the thing, there is no guarantee that the movie will stop on an exact pixel and sometimes this renders the text blurry as if it wasn't rounded to a .0
This may be an actionscript question but, is there a way of make my dragable scroller jump pixel by pixel rather than completely smoothly?
Its a niggling little problem but one that would make a big difference to the final swf.
Cheers
Steven
Use ultra scroller available at www.flashloaded.com Its not Free.:(
The quick fix is to publish the movie at LOW Quality. Alternatively......
In our previous attempts, the text appeared perfect for static text, but not for dynamic text boxes( in particular with embedded pixel fonts ).
I didn't know if we could solve the problem because my dynamic text field was burried deep within nested movieclips, and I wasn't sure whether local or global positioning of the text field needed to sit on exact pixel coordinates( whole numbers ), or if the local and global positioning of all nested movieclips needed to sit on exact pixel coords( also ).
Also, I had set the autoSize property of the text field to "center", which would probably result in the _x value of the text field becoming a floating-point number.
On top of this, I was scaling some of the holding movieclips, and I know blurred text and graphics can result from the use of tweens.
It would appear that the local positioning( or when you edit the text field 'through' the library ) of the text field needs to be exact pixels. A holding movieclip that is a direct parent of the text field, also needs it's local position placed on exact pixels. When trimming some of the coords at design time( I did this by just deleting the floating-point part of the _x and _y properties, in the 'Properties' panel ), I noticed that Flash automagically would sometimes add 0.3% to the horiztontal scale( even though I had the horizontal and verticle scale 'Constrained' ). I then removed the extra 0.3%.
Aswell as making these tweaks at design time in the development environment, it was also necessary to tweak the positioning using code that would be run at run-time ( as the User Interface was being built ).
After any point that I altered the text field, or a parent movieclip, I rounded it's position, e.g.:
mcMainMenu_Title.title.autoSize = "center";
mcMainMenu_Title.title._x = Math.round( mcMainMenu_Title.title._x );
NOTE: use of Math.round() may not work properly if you try to pass an experssion
I would be interested to know if others have come across this problem, and if they can use our solution to solve it.
Credit : kode.co.uk
If the movie is embedded in the html file does the pixel font still need to be embedded in the movie it self??
Worked it out recently - PCs handle fonts differently to MACs - if you have a MAC available, just publish your movie on that and your pixel fonts will be crisp!!!
chops
p.s. If you're using dynamic text - yes the font needs to be embedded in the movie.
ok so only for dynamic.............
if it say is in a scrolling text box......does it scroll pixel by pixel or an estimated smooth..
Hi bvGroote! I need to know how to make screenshots? I'm using WinXP, where's my PrtScr go?
:(
hit printscreen then go to paint or photoshop and press ctrl+v.
Thank You MXKIDZ!
Something to remember when using dynamic text boxes is that if you use them to label a button they 'block' the button function inside the area they take up. Static text boxes work just as well visually and you won't have this problem.
Bit late to the party but thought this worth mentioning.
that is only the case when the dynamic text is selectable ... if you make it so it is NOT selectable, then the mouse should not be intercepted by the text.
Hi,
This post has been very useful but I still have some issues and this is due to the fact that most clips that have content and use fonts are external movie files which get loaded. You have to make sure your empty movie clip loading those external swf is also aligned to .0 .0 for X, Y positions ... I am still having some difficulties which means probably each movie clip outside my font (_parent down) needs to be aligned to x = x.0 y = y.0 ... what a pain ... I still get some slight blurs in my about when viewed in main.swf while about.swf on its on looks just fine and crisp.
Another issue is how would you solve this problem for INPUT fields ????
Cheers
*deserves to be sticky*
Riddle me this...
I create a button in photoshop with a pixel font for the text (with anti-aliasing off of course). I then save it as a jpg and import into flash.
On the stage the button looks perfect! But when I export the movie its like the button squashes itself by a pixel or 2 and the text cuts off at the top.
Anyone experience this?
could you post a screen shot of your problem?
Ridick, I can only comment for Flash MX, but it goes something like this...
Flash doesn't handle bitmap graphics very well. If you want crisp, your best bet is to save the bitmap as a file type that perserves transparency (GIF, PNG), and create a 1 pixel border around your image before you save/export from Photoshop.
Next bit is tricky to explain - if you create a new symbol then import your bitmap into it, Flash normally aligns the image centrally, i.e. the hotspot/central spot of your imported image will be at coordinate 0,0 (note: this is the local coordinate for your symbol). What you really want, is to move the image so that it resides completely within the negative coordinates (I should really post an image here to demonstrate, but am rushed for time). If you imagine your X and Y axis creating a cross on the screen, the right half of the x-axis is positive and the bottom half of the y-axis is positive(because Flash's y-axis are upsidedown!?!?). To reiterate, your imported image needs to reside in the negative region, i.e. upper-left corner.
Hope I haven't confused the issue even more :)
Chops
In mc's center is always 0,0
Clarity has to do with making an image
or text anchor to an integer at the upper left. and not trying to rescale the object internally.
You should be able to reset your anchor point for upper left then adjust it to an integer.
Hey there...
I am having some serious trouble with my Flash Fonts. I have downloaded FFF Fonts from flashfont.com and also some Super Flash Fonts, I have installed them, I have followed the directions on this site and also on the flashfont.com and still the font is blurry !!
Any help or advice would be greatly appreciated...its starting to drive me mad !!
Thanks in advance..
could u show some screen shots? also make sure that the text is not aligned in the middle
Hey...
i've attached a flash file featuring just the text to give you a heads up on the problem.
Thanks in advance...
Make Sure when you create a movie you measure your ruler unit in pixels(which is normally default). Your movie was for some reason was measuring in centimeters, to make sure its measuring in pixels make a new movie then in the properties panel there should be a button saying size: 550 x400. Click that button and select Pixels from the ruler unit menu. Also your fonts were'nt on a whole number. The x cordinate for the font in your movie was 7.921. You need to round it up so instead of 7.921 make it 7.0. Do the same for the Y co-ordiant. The font you used was FFF Excecutive which needs be be at size 8 not 10. Also make sure u dont resize pixel fonts using the resize tool. Hope this helps. :doughnut:
Hey thankyou for all the tips... much appreciated !!
np so i guessed its working fine now right?
Sure is...changed the cm to pixels and it worked a treat :-)
Although this post is *old* it remains a sticky. I'm having blurred fonts with these criteria:
1) FFF Executive font 8px.
2) Ruler in Pixels
3) Font nested in MC. MC position is 349,200. Text inside is 0,0
4) Anti-Aliasing is turned off (ie crisp)
5) I have 5 buttons, all the same font/settings, and only two are blurry. Even so, they all fall on the guidelines stated in this thread.
Thanks for the help,
DaVuLf
yeah happens to me sometimes as well not sure why ... and then when I copy one of the texts that are crisp and just move it into the same spot as blurry one and retype new text works fine ... so I kind of had to replace it that fixes it ...
Is it simply blurry while editing, or is it blurry after publishing? I know Flash as a few little glitches when it comes to the editing side, but they normally disappear after publishing.
nope ... doesn't go away .... and I can never get the font to look crisp as when using "dynamic text" then I specify details through css and looks great ... if I use static fonts they always look crap and too thick/bold and messy ...
Trippin, I agree. In fact, I had to offset some of my pixel fonts by 0.5px in order to get them to function. Even when the main mc is situated on a whole number. Quite odd really.
When loading a movieclip into another movie, text gets blurred
I've seen several people have had this problem, even when everything else is correct (pixel size 8, bitmap text, everything in integer coordinates etc).
For me, the problem disappeared when I saved the files as Flash MX instead of Flash 8. Hope this works for others as well.
Unfortunately if you're using AS2.0 then that may not work.
What does 'squink' mean, my dictionary doesn't know.Quote:
Originally Posted by mxkidz
Also,
i heard font manager, fontfolio and adobe fontographer enable you to create fonts on your own, true?
Well, the latter 2 don't work on my winXP, dunno why :-s
Anyone knows another font creator software application?
Can it be done with Photoshop/ ImageReady as well?, if so, should i just rename the psd extension to .ttf or so?, or how?
Also, i heard there is crisp pixel fonts? what is that and what is the oposite/ alternative version? (http://www.flashkit.com/links/Fonts/Tools/ which is the most complex?)
Also, i used to use .ttf files, but Flash 8 can handle all other font extensions as well?
Actually what i think is not that awsome, is that i always summarize important programming language/ and adobe and macromedia suite information, but no one else does, actually, was searching for a font summarizing. D'yaHaveIt?
Pardon me?, fill in Flash?, you mean that even after embedding the font in Flash, there is a possibility the font won't be displayed? If so, how come?Quote:
Originally Posted by mxkidz
font creating:
Use the tools:
- fontfolio
- fontcreator
- font manager
- fontgrapher
- pixfont
Font displaying tips:
Is it minimal at the minimum size of the font? (mostly 8px or 10px)
Did you stretch, skew, tween, align, scroll, etc the characters?
By defaut the anchor point in Flash 8 should always be upper left.
When you exported the swf was the object embed an exact fit?
Set character size to an integer number.
Use pixels instead of cm.
Use anti-aliasing text, thus do not use crisp, sharpening and bold when the character is bigger than 24 pixels. The reason to use pixel fonts is it uses aliasing (using crisp)
Publishing from Flash 8 to MX might solve the font to be displayed or set to 'Low quality'.
Another way to prevent fill ins is to remove overlaps. This is a bug in flash when it detects overlaps it fills the counters of that object.
Aliasing are effects produced when visual information is presented at a lower than optimal resolution.
Font types:
- vector font
- bitmap font (aka pixel fonts): remain crisp at low resolution
= true type font
= open type font
- Super Pixel Fonts are high definition pixel fonts which combine the crispness and clarity of pixel fonts with the smoothness of regular fonts. The results give you the best of both worlds, optimized for screen resolution. With these use of these fonts, your text can now look almost as clear on screen as it is on printed text.
Flash font sites:
- http://www.flashloaded.com/
-
Source:
- http://www.wpdfd.com/wpdtypo3.htm
everything 'bout aliasing characters
i am doing font Creator 5 full version: http://www.high-logic.com/fcp.html
It seems i can create a font by adding an image :-s.
Creating straight lines from points for creating a character, similar to drawing a font using Macromedia fontoGrapher would be done by the point tool in the 'standard' bar/ panel. How to create curved lines from point to point?
Also, i want vector characters. Is the right method then to draw a 10 px character using the path pen tool (and other path vector tools) in Illustrator, then export to .png format 8-bits, highest quality, 300 dpi?
Cuz am running scared the .ttf file gets humongous, since each character would exist of one .png file with high quality. 24x2 alpha characters + like 30 interpunction characters.
Please help, i want to create a font with curved lines but dunno how to.
(this is the help panel: http://www.high-logic.com/fontcreator/manual/index.html and it doesn't tell me how to draw curved lines, on that site go to: editing fonts, editing glyphs. They're talking about points)
actually since I switched to flash 8 I haven't had problems .. fonts work well ... they take up a lot of space but still ... no blur problems .. nice and crisp pixel fonts ... try it ...
thanks, ic. I see people on this thread use the sentence: font doesn't fill in Flash.
what do they mean, Sir?