Full browser flash site - bg images are pixelating

I have my swf publishing at 100% width and height and set it to scale with the browser. The background image was a psd designed at a height of 680 px. When I check on larger monitors the background images pixelates. Is the only way to fix this is to redesign the psd at a higher resolution? What would I need to do to make sure the artwork doesn't pixelate no matter what size monitor is being viewed on. Thank you?

Anytime you enlarge an image from its true size you risk visible pixelation. The images would need to be sufficiently large to handle any resolution.

Similar Messages

Full Browser Flash in firefox help

Hello.
first I'd like to say beforehand that i'm just an average
timeline flash designer. not really deep into programming. and
doesn't know any programming languages except PHP on an advanced
level nothing more nothing less. I mean, I only use javascript via
copy paste from a site that gives codes. so here's my question:
I have made a full browser flash site, or so it was called
(is that official? FBF?) my problem is, it doesn't work in firefox,
i tried googling, it resulted to change the doctype to an older
one, I did that, no progresss, delete the doctype enrtirely, did it
too, still no progress. And, found some site that let's you insert
css:
<style type="text/css">
HTML, BODY {height: 100%; width: 100%}
</style>
did it too but still no flaah in firefox. and oh, I have the
plug-ins installed just fine. here's my html code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<html>
<head>
lines 1, 2, amd 3,
and then to the flash part.:
<body>
<table width="100%" height="100%" border="0"
cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="50%"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="100%" height="100%">
<param name="movie" value="flash/main.swf">
<param name="quality" value="high">
<embed src="flash/bg.swf" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="100%"
height="100%"></embed>
</object><script type="text/javascript"
src="ieupdate.js"></script></td>
</tr>
</table>
</body>
It works ok in IE and btw, I only know how to make a full
browser flash by changing the size in the code from width="x" to
width="100%" and height="x" to height="100%" basically, I just set
any dimension i see in 100%. but of course I already created the
flash movie size that extends to 1280 x 1024.
can you help me please? I hope I enough info so you may
tackle wherever I've gone wrong. Thanks!

Any chance your video card might have "video" related settings that might be interfering? While I'm not suggesting that you switch browsers, trying to reproduce this on another browser will give us a datapoint to see if this is firefox specific. I would recommend giving both IE or Chrome a try to see if it still occurs.

Full browser Flash stop resize?

I have built full browser Flash sites like
www.agilitygraphics.com and
there is one thing I don't like about them. I would like to
be able to
have a minimum size, at which the browser would add the
scroll bars
back. If you look at the site above, it resizes really small
but never
give the viewer a scroll bar. The file is 800px by 600 px,
but you can
resize way smaller and never get a scroll bar. Is there a
way, where I
can add something to the file, where its like: if browser
window is
smaller then 800 x 600 add scrollbar to browser? So like a
minimun size?
Like a conditional to the embed?
Thanks for the help!
Brian

www.truecompassion.org
If the document size is greater that (I forgot what), then it
loads the
flash as 100%,100% (and the flash does internal resizing and
placements), if
not, I load a fixed size flash.
JG
"Brian" <[email protected]> wrote in message
news:ejktq2$l4e$[email protected]..
>I have built full browser Flash sites like
www.agilitygraphics.com and
>there is one thing I don't like about them. I would like
to be able to have
>a minimum size, at which the browser would add the scroll
bars back. If you
>look at the site above, it resizes really small but never
give the viewer a
>scroll bar. The file is 800px by 600 px, but you can
resize way smaller and
>never get a scroll bar. Is there a way, where I can add
something to the
>file, where its like: if browser window is smaller then
800 x 600 add
>scrollbar to browser? So like a minimun size? Like a
conditional to the
>embed?
>
> Thanks for the help!
> Brian

Full Browser Flash

Hey guys,
I need to make my site full browser flash because when a
portfolio element is clicked in its menu, a black overlay fades in
and a project swf is called. Simple enough, but of course the
overlay needs to fill the user's window otherwise it will look
disjointed.
When I publish to full browser flash I have set the
dimensions to 100% and got rid of the margins. The only problem is
that the image and pixel text is distorted because they aren't at
their proper size! Is there a certain size I should build to?
I had one idea that I could have a flat colour background
that uses the stage class to scale it's size whilst the content
stays the same size, the black overlay would use the scale class to
define it's size too.
Would this work? I would obviously need to make sure that the
central site stays central.
Any ideas?
Cheers
Sam

you will have to change the scalemode of the flash movie.
AS1,2
Stage.scaleMode = "noScale";
If you are using AS3:
// assuming mcStage is a Stage object
mcStage.scaleMode = StageScaleMode.NO_SCALE;

Full Browser Flash with Easing

i would like to know how to create full browser flash which
moves back in place relative to the resize of a browser window. i
can not seem to find any writing on this subject.

If you have a lot of elements you are resizing, it may become
worthwhile to look into using a layout helper class to do this
stuff for you:
http://senocular.com/flash/actionscript.php?file=ActionScript_3.0/com/senocular/display/La yout.as
http://abeall.com/files/flash/tests/ActionScript3/Layout.as
http://abeall.com/files/flash/tests/ActionScript3/layout.fla
But it's important to understand how the resizing works. What
both these solutions (above) do is exactly what Jamesabth
described, but it calculates the positions for you.

Full Browser Flash that Validates in XHTML

I would like to have a full-browser flash intro page and have found how to make that happen by using the publish settings in Flash; however, the code it generates includes deprecated elements (such as <embed>) and does not work at all when I try to add alternate content for SEO purposes or change the DOCTYPE. Where can I find how to change the code so that it still works as advertised as an XHTML 1.0 Transitional (or better yet, Strict)?
I'm working with AS3, by the way, if that makes any difference whatsoever...

you will have to change the scalemode of the flash movie.
AS1,2
Stage.scaleMode = "noScale";
If you are using AS3:
// assuming mcStage is a Stage object
mcStage.scaleMode = StageScaleMode.NO_SCALE;

NEWBIE: Flash photo gallery! Images are pixelated:(

Greetings everyone. I created a Flash photo gallery using
gifs. While most of the images are acceptable visually, a bunch of
them are quite pixelated.
I read online that I am supposed to use vector graphics
whenever possible, but not all images where created as vector
graphics.
I have a few questions:
If I create the image in illustrator, what format should I
save it as to be used in a Flash gallery? If I create the image in
Photoshop what format should I save it as?
Lastly, is it true that Flash will load vector graphics
quicker than gifs?
Any info would be appreciated! Oh yeah, my site is
inthemixgraphics.com

if you create an illustrator file, actually drawing with the
tools rather than just importing a bitmap and exporting it again,
it will indeed give you a vector file you can work with. you can
even export it as images that are readable by flash-- however,
you'll get the best looking stuff if the vector is basically
rewritten in flash. Import a (dot)eps file into flash, and break it
apart. Look at how the objects maintain their shape.
Now publish the thing and look at the bandwidth viewer. Is
the filesize much smaller than if you imported the .jpg? It should
be, but at least there is a way to check it.
I get the most pixalation from images when I'm forced to
scale .png's down by less than a perfect %. Its weird.
If you're loading externally, I'm not entirely sure the
correct process to bring an optimized vector in, as my thoughts are
that it would be the actual size of the .eps image (or .swf if you
can export to that) itself.
--I hope this makes some sort of sense, and if it doesn't
you'll have to forgive me.
HmcH.

Full browser flash scalable slideshow

Hi All,
I'm interested in making a full browser, scalable slideshow. I have found tutorials on how to create a full-browswer background with a tiled image, and also how to create a full browser background with a movie that runs in the center of the browswer, but does not scale.
I have seen this done here, for example, at this very beautifl website: http://mslandarchitects.com/# This is what we're aiming for.
I know this can be done with javascript, and I have a version of this done for the iphone/ipad... however, I work for a design firm and we need some easier editable schnazzy effects that flash can offer for those who are visiting our website on any device that is non-iphone/ipad.
Can anyone reccomend a tutorial that addresses this particular topic?
Thanks!

Hi There (Again)
Thanks again for referring me to this site...
I'm having some issues implementing the swf fit. When I use the following code, The swf does not fill up the full browswer window when the window is at its maximum size. I get white space on the left and right that will disaspeer as I shrink the window. I would like the swf to take up the full window, regardless of the size. Would anyone mind taking a peak and the code I'm implementing? See if there is anything glaringly wrong?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <script type="text/javascript" src="source/swfobject.js"></script>
       <script type="text/javascript" src="source/swffit.js"></script>
    <script type="text/javascript">
            var flashvars = {};
            var params = {};
            var attributes = {};
            params.menu = "false";
            params.quality = "high";
            params.scale = "no_scale";
            params.bgcolor = "#FFFFFF";
            params.allowFullScreen = "true";
            params.AllowScriptAccess = "always";
            attributes.id = "flash";
            swfobject.embedSWF("green.swf", "myContent", "100%", "600", "9.0.0", "expressinstall.swf", flashvars, params, attributes);
            swffit.fit("flash");
    </script>
</head>
<body style="height: 100%; padding: 0pt; margin: 0pt;">
<object id="flash" height="600" width="100%" type="application/x-shockwave-flash" data="green.swf" style="width: 100%; left: auto; margin-left: 0pt; height: 650px; top: auto; margin-top: 0pt;">
<param name="menu" value="false">
<param name="quality" value="high">
<param name="scale" value="no_scale">
<param name="bgcolor" value="#FFFFFF">
<param name="allowFullScreen" value="true">
<param name="AllowScriptAccess" value="always">
</object>
</body>
</html>
thank you once again,
R

Clear photos in full-screen flash sites

hi there,
i've been working with flash for a long time, but there's still something that i don't quite think i'm understanding fully. i see many of these sophisticated photography sites programmed so that the photo fills the whole screen (such as http://www.zavesmith.com/zavesmith.html for an example) and the photo is crisp and clear on any sized monitor.
i know how to set the site to be programmed to fill 100% of the screen, and i know how to "trace bitmap" inside of flash so that the photos work a little better. they then act more like vector images than bitmaps which tend to pixelate when proportions are enlarged. but when i use the "trace bitmap" feature, the flash file often becomes very large size in terms of KB, even when some detailed smaller images are traced. perhaps these sites input the photos in some other way/programming language? any advice or insight on this would be very much appreciated.
thank you!
denise

they are actually loading large size high quality photos.
at least in the site you have given i saw that the photo sizes are more than 2 mb.
so i guess its more than enough to see them very clear in any size screen

Printed images are pixelating

Images already printed clearly, are pixelating when I copy and then past as layers onto a new canvas.
This is a proceedure I have used many times in the past, and am quite surprised, and lost, about the reasons for it.
Any help on this question?

Hi, Trevor,
The light came on, and the problem corrected...knew it was something simple,and upon reading your response, realized that another adjustment I was using (setting the canvas size to the media size) was creating the problems with the pixels.
Thanks for your quick response.
Randy P. Green
Please note: message attached

Exported images are pixelated

I am having trouble with ALL of my exported images. The only one I can say that have come out better have been a high quality print PDF. JPG, GIF, EPS - all have turned out to be pixelated. I know what I am doing and this has never happened to me before. I asked in two other forums and the people acted like I was stupid! I have been working with these programs for years! I just may not be wording my problem correctly, so bare with me.
I created a logo in illustrator and it looks great on the screen, but when I export it as say a JPG and bring it back in to illustator it looks horribly pixelated. I am exporting at the highest level possible. Is there another setting that would cause it to be pixelated?
I have tried so many different things now I am not sure what else to do. Could this be cause by a lacking update? A bad set of fonts with a virus, maybe? I don't know anymore - any help will be GREATLY appreciated!
This all just started I was working on it just fine a couple of days ago with no problems and now everything has been different.
TYIA

vividdesigngirl, I apologize if my message has offended you in any way. That was not my intention and I really wanted to help you, I was pretty much sure and still believe that what I said is the only ways to get the results you reported not because I'm judging you or anything like that but because I don't know how else one can get the results you reported. Also if it is not obvious English is not my native language and I may have failed in using it properly. Again apologies for anything that sounded offending.
If you are still interested in my contribution to solving your problem, I would say that I don't understand well what you have done to the exported image as described in the first paragraph of you last reply. Using File > Export to JPG doesn't recognize artboards - they are ignored. The image is clipped by the bounding box of the objects. So if the bounding box of your book is 8x5 inches, regardless of the size of the artboard, and if you export with High selected for Depth, you will get 2400x1500 pixels for the book and not 576 by 360 pixels as you originally reported. If what you are saying is that your book image is in fact 2400x1500 pixels without any margins around and it still looks pixelated, this is entirely different problem than the one you initially reported by saying it is 576 by 360, and to solve it you have to provide additional information in that regard.
edit: Oh, wait
vividdesigngirl wrote:
...I accidently thought the question was how big my artboard was in pixels not my exported image. ...
you mean you artboard is 576 by 360 as measured on the rulers in Illustrator? And thus your book which fits in it? OK, I get it. The pixels unints on the ruler and in the transform controls are used only for the default size if you use Save for Web and Devices but as I said, you can change them in the Image tab.
If the exported image is in fact 2400x1500 pixels you should not see any pixelation. How are you bringing this image back to Illustrator. What happens if you right click on the file and choose open with Illustrator? Is it still pixelated?
edit 2:
if this happens with every image, can you please, create a simple document with a few simple round or skewed objects that show the pixelation, export as you usually do and share the illustrator and the exported jpg files by providing a link This is the best way to find the problem.

My vector (flattened) images are pixellated when imported in Illustrator. How do I fix this?

Hello.
I am experiencing an issue in Adobe Illustrator.
When attempting to import picture files in Illustrator from PhotoShop, the image appears blurred/pixellated. The image (a .psd file) is converted in Illustrator to a .ai file. I create vector (flattened) images in PhotoShop, which should maintain their picture clarity and quality regardless of what program the vectored image is opened with. Somehow, they are becoming pixellated when converted to .ai files in Illustrator.
I use both Adobe CS6 and Adobe Creative Cloud
Is there a setting or solution that I can implement to rectify this issue?
Many thanks in advance for everyone's input and assistance.

Hello, Doug and John.
Thank you for your replies and for providing feedback.
I am aware that vector format files are only for illustrator. However, I believe you can make a smart object in photoshop using the vector art and it will keep its vector file format in photoshop allowing it to not pixelate.
I would be more interested in seeing if uninstalling and reinstalling the programs would have anything to do with it and also trying to find the settings. Would anyone happen to know if this will resolve the issue? I am hoping this is correct forum in which to post this topic/issue.
Thank you again for your help.

CS6 - Hires Bitmap images are pixelated in PDF output

Hello all,
I am creating Frames and using the Placing high resolution bitmaps into these frames (e.g. 1000 pixel wide .png) and then using the Object/Fitting/Fit Object Proportionally function. I am using the highest resolution practical to ensure good quality when the PDF document is zoomed in.
Unfortunately, what I am observing is that the images only look okay at 100%. Zooming in just displayed a pixilated image.
I have checked for PDF downsampling so that isn't the issue. Any ideas?
Thank you

Thanks Peter,
>Just type a higher number inthe downsample to field in the dialog
I should have explained that I attempted manually changing the value but a dialog box appears... stating that I must use a value between 72 - 300 PPI.
>You can also set no compression, or Zip compression, which is lossless.
The only options I have are: JPEG, JPEG 2000, and Automatic. BTW, I am using the latest version of InDesign CC CS6.
Nevertheless, Export to PDF wasn't what I needed. All I needed to do was modify the PDF Printer's preferences for High Quality Print. Everything is good now.
Thanks to everyone.

Images are pixelated

All the photos that I open in Photoshop lose their quality and appear pixelted, in comparsion to when i open and edit photos in digital photo professional.
Please help me
The camera used is a Canon rebel t3, and I shoot most photos in Raw, however i experience this problem even with photos shot in jpeg

It sounds like you are looking at the thumbnails rather than the original picture. Are the pictures dis-connected for some reason(perhaps they were moved outside of PSE?)?

Full Browser in AS3 - Error #1009

Please Help...
I'm learning AS3 and Flash CS4 right now and I'm trying to do what I have been doing in AS2 for years and I'm having some problems. I'm trying to make a Full-Browser Flash site and upon resizing the screen I get an error #1009.
I am able to to resize the mc's on the screen without a problem, but once I add simple interactivity, I get an error upon resizing the window.
To duplicate this problem,
1. Test the movie
2. Click on either circle
3. Then click on the opposite circle.
4. Then either resize or maximize the window and you will see the "Output window" with the Error #1009
I'm sure I'm doing something very stupid, but I just don't know what I'm doing wrong.
Here's a link to the fla file: http://plusonedesigngroup.com/test/nosaletest.fla
Please Help!
Thanks in advance,
Mike.

doghouse.
Yes, I was able to download your file and Thank You for trying to help. The problem for me is I have no idea where to begin with your file... There are 35 ".as" files controlling this movie and I'm very new to AS3.
Isn't there a simple way to control the timeline of a flash movie while using the full browser?
Thanks,
Mike.

Full browser flash site - bg images are pixelating

Similar Messages

Maybe you are looking for