Scale transformations in flash slideshows

Hi Group,
I do slideshows in AE CS3, mainly for dvd output, however when I export to flash for the web I seem to lose control over the images when scale transformation is applied.
I usually keep scaling to less than 15-20%, and in preview they look perfect, but as soon as I view them in DW the images are shimmying and distorting as they scale.
Whilst I appreciate that flash wasn't designed for pixel images, is there anyway that this can be applied without ruining a good slideshow.
Or is it I'm doing something terribly wrong??????
Thanks in advance to all those that take the time to give sensible answers
David

I'm not clear what you are trying to tell us. If you animate and export directly as an SWF from AE, the file will contain all operations as rasterized pixels. Any flicker and crawl you see therefore is a side effect of the underlying JPEG compression used to embed the images in the SWF. In so many words: There is not really a way to avoid it. You can crank up data rates/ compression levels to minimize it, but it will never fully go away and the slower the images scale, the more distinct the effect will be. The same applies also to using Flash video (FLV). Ergo, you should avoid scaling alltogether (or any other operation that messes with fine details and changes the compression pattern for every frame). In the long run, you should learn how to do this in Flash directly or at least consider updating to CS4, where you can transfer such animations non-destructively to Flash and export a more suitable SWF from there.
Mylenium

Similar Messages

Embed Flash slideshow -- which of these ways is best?

Hi,
I am using SlideShowPro with Lightroom to make Flash slideshows. The SlideShowPro documentation suggests two different ways to embed the show into HTML pages (see below). I am too much of a novice at this to understand the difference between the two methods.
I am curious whether those of you here who do understand the difference can comment on whether one method provides any advantages or disadvantages over the other or whether they both accomplish the same thing equally well.
Many thanks!
John
METHOD 1:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="770" height="566" hspace="0" vspace="0" align="top" id="FlashID">
        <param name="movie" value="../flash/home/loader.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="9.0.45.0" />
        
        <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
        <param name="base" value="." />
        <param name="allowFullScreen" value="true" />
        <param name="BGCOLOR" value="#c4c0b4" />
        <param name="SCALE" value="noborder" />
        
        
        <object data="../flash/home/loader.swf" type="application/x-shockwave-flash" width="770" height="566" hspace="0" vspace="0" align="top">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="9.0.45.0" />
          <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
          <param name="base" value="." />
          <param name="allowFullScreen" value="true" />
          <param name="BGCOLOR" value="#c4c0b4" />
          <param name="SCALE" value="noborder" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          
        </object>
        
      </object>
METHOD 2:
<script type="text/javascript" src="http://johnblaustein.com/portfolio/flash/home/js/swfobject.js"></script> language="javascript">
var flashvars = {
paramXMLPath: "param.xml",
initialURL: escape(document.location)
var params = {
    base: ".",
bgcolor: "#c4c0b4",
allowfullscreen: "true"
var attributes = {}
swfobject.embedSWF("http://johnblaustein.com/portfolio/flash/home/loader.swf", "flashcontent", "770", "566", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<script
<div id="flashcontent">
   
</div> </td>

Hi Hans,
Sorry.... I should have done that in my original post.
Test pages using both methods:
METHOD 1:
http://www.johnblaustein.com/portfolio/pages_not_used/home_embed_test.html
METHOD 2:
http://www.johnblaustein.com/portfolio/pages_not_used/home_embed_test_bob_method.html
It may be that both are equally good, but since they are different and I don't understand the differences, I thought I'd ask.
John

Flash slideshow not displaying when uploaded!?

I have created a website in Dreamweaver CS3 which works fine
when previewed in the browser from the local files. However when i
upload the site and then view the site, the flash elements do not
work. i cannot see the flash slideshow.
The website is:
www.trinityshopfit.co.uk/1gallery_fla
Please any help would be much appreciated
Thanks,
Anthony

</style>
<![endif]-->
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body class="thrColLiqHdr"
onload="MM_preloadImages('Images/Nav
Bar/about_us_mouseover.png','Images/Nav
Bar/services_mouseover.png','Images/Nav
Bar/contact_us_mouseover.png','Images/Nav
Bar/Gallery/Londis_mouseover.gif','Images/Nav
Bar/Gallery/Independent_mouseover.gif')">
<div id="container">
<div id="header">
<h1><img src="Images/title_bar.png" width="100%"
/></h1>
</div>
<div id="sidebar1"><a href="index.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image9','','Images/Nav
Bar/about_us_mouseover.png',1)"><img src="Images/Nav
Bar/about_us_button.png" alt="about us" name="Image9" width="100%"
border="0" id="Image9" /></a><a href="services.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image10','','Images/Nav
Bar/services_mouseover.png',1)"><img src="Images/Nav
Bar/services_button.png" alt="services" name="Image10" width="100%"
border="0" id="Image10" /></a><img src="Images/Nav Bar/gallery_button.png" width="100%"
/><a
href="contact_us.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image12','','Images/Nav
Bar/contact_us_mouseover.png',1)"><img src="Images/Nav
Bar/contact_us_button.png" alt="contact us" name="Image12"
width="100%" border="0" id="Image12" /></a></div>
<div id="sidebar2">
<h3><img src="Images/Nav Bar/ghost_button.png" width="100%"
/><img
src="Images/Nav Bar/ghost_button.png" width="100%" /><img src="Images/Nav
Bar/ghost_button.png" width="100%" /><img src="Images/Nav Bar/ghost_button.png" width="100%"
/></h3>

</div>
<div id="mainContent">
<h1 align="justify" id="mainContent">
<tr>
<td colspan="3"><img src="Images/Nav
Bar/Gallery/Mace.gif" width="33%" border="0" /><a
href="2gallery_fla.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image7','','Images/Nav
Bar/Gallery/Londis_mouseover.gif',1)"><img src="Images/Nav
Bar/Gallery/Londis.gif" alt="Londis gallery" name="Image7"
width="33%" border="0" id="Image7" /></a><a
href="3gallery_fla.html" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Independent','','Images/Nav
Bar/Gallery/Independent_mouseover.gif',1)"><img
src="Images/Nav Bar/Gallery/Independent.gif" alt="Independent
gallery" name="Independent" width="33%" border="0"
id="Independent"0 /></a></td>
</tr>
<tr>
<td colspan="3"><img
src="Images/gallery/Preston/banner.jpg" width="99%"/></td>
</tr>
<tr>
<td colspan="3"><script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','99%','height','99%','hspace','0','vspace','0','border','0','src','Images/gallery/Pres ton/slideshow
preston','quality','high','pluginspage','
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','nobo rder','movie','Images/gallery/Preston/slideshow
preston' ); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="99%" height="99%" hspace="0" vspace="0" border="0">
<param name="movie"
value="Images/gallery/Preston/slideshow preston.swf" />
<param name="quality" value="high" value="noborder" />
<embed src="Images/gallery/Preston/slideshow preston.swf"
width="99%" height="99%" hspace="0" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"
scale="noborder"></embed>
</object></noscript></td></h1>
</div>
<br class="clearfloat" />
<div id="footer">
<p>Trinity Shopfit & Design Limited. Directors
N.J.Luther & T.E.Luther. Registered in England and Wales.
No. 5922872 VAT No. 875333505. Registered Office: 117-118
Cleethorpe Road, Grimsby DN31 3ET

</p>
</div>
</div>
</body>
</html>

Can Edge animation scale/resize like Flash and Canvas

One of our biggest concern right now is animation made with Adobe Edge can't scale and resize like Flash or Canvas (and we are not talking about fluid or responsive design) Is that true? Our animations need to allow user zoom in or zoom out without any restrictions, can we build our animation with Adobe Edge?
Thanks

The best solution I've found is to override the width of your stage div in CSS to auto!important. Then, use media queries to resize your div, using the CSS zoom property (and scale transform for Firefox).
/* Example CSS for an Edge stage div of 800px width */
#MY-EDGE-STAGE-DIV{width:auto!important;max-width:800px;}
@media screen and (min-width: 1px) and (max-width: 480px)
          #MY-EDGE-STAGE-DIV{zoom:0.5;-moz-transform: scale(0.5);}
@media screen and (min-width: 481px) and (max-width: 600px)
          #MY-EDGE-STAGE-DIV{zoom:0.6;-moz-transform: scale(0.6);}
@media screen and (min-width: 601px) and (max-width: 800px)
          #MY-EDGE-STAGE-DIV{zoom:0.8;-moz-transform: scale(0.8);}
@media screen and (min-width: 801px) and (max-width: 50000px)
          #MY-EDGE-STAGE-DIV{zoom:1;-moz-transform: scale(1);}

How can I get a Flash Slideshow to show in a browser?

Running Mac Leopard, CS3. Created a simple Flash slideshow using the Modern Photo Slideshow Template. Placed into DW page as dynamic Flash element. Slideshow is 2 photos, and uses manual buttons only. When viewed in DW preview only the first frame shows and buttons don't work (when viewed in Flash preview, it works as expected). When viewed in browser, nothing shows (although the space is visible), unless I turn off Javascript in the browser; then the first frame shows but nothing else works.
I've tried this with 4 different browsers and DW, and all work the same way. What am I missing? Any help appreciated.
<script type="text/javascript">
AC_FL_RunContent( 'codebase','<?php echo $row_rsDispatches2['Image']; ?>','width','450','height','350','src','photos/<?php echo $row_rsDispatches2['Image']; ?>','loop','false','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','play ','false','movie','photos/<?php echo $row_rsDispatches2['Image']; ?>' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<?php echo $row_rsDispatches2['Image']; ?>" width="450" height="350">
<param name="movie" value="photos/<?php echo $row_rsDispatches2['Image']; ?>" />
<param name="quality" value="high" /><param name="PLAY" value="false" /><param name="LOOP" value="false" />
<embed src="photos/<?php echo $row_rsDispatches2['Image']; ?>" width="450" height="350" loop="false" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" play="false"></embed>
</object>

If turning off the javascript makes the file at least appear, then that part of the problem likely means the AC_RunActiveContent.js file is not where it needs to be (if it is not coded directly into the html page). In the head of your html page should be some indication of where that file needs to be (if it is not coded into the head section directly). Turning off javascript is forcing the <noscript> section to load the file.
As for nothing working anyways when you view it in a web page, it may be because of the location of the file. Your code indicates that the swf is located in a folder named photos. If that swf loads the images dynamically from that same folder, then the problem arises when you load the swf into a file in a different folder. Once the swf is planted into a file in a different folder, that folder becomes its frame of reference for loading content dynamically. So if the swf originally loaded files using targets like...image1.jpg, image2.jpg, etc.... when it is placed into parent folder's file, it needs to target them as if it actually lives in that folder using... photos/image1.jpeg, photos/image2.jpg, etc...

Flash Slideshow Feature: Help?

I am having trouble with Dreamweaver's Flash slideshow
feature. All the Flash elements work properly (as I have set them)
except the *imageLinks* and *imageLinkTarget* options. Regardless
of what I enter (or leave blank) the resulting Flash show makes the
images clickable with www.adobe.com being the linked site. I don't
want any links on my slideshow but I cannot get rid of this feature
even when my elements panel indicates no (or other settings).
Help?

I too have been having problems with the ImageViewer. I have
posted a question in this forum about how changing the
ImageUrlTarget actually does make clicks on the slide show image
open a larger image, but not in a new window, even though this
parameter has been set to "_blank".
I believe the problems with the ImageViewer may be caused by
how the in page Embedded Code and SWF relate. Specifically, it
seems as if you need to re-do everything from scratch, then save
the file/web page to get it to work. It seems like unless a new
Flash Movie (SWF) is built, none of the changes stick. I have not
been able to confirm this. I WISH A FORUM MODERATOR WOULD LOOK AT
OUR POSTS. Thank you.

Build a web gallery with amazing flash slideshows with dynamic XML files

Build a web gallery with amazing flash slideshows with dynamic XML files
Screenshot:
Features
Features
Transitions, zooming and panning effect You can choose from Random, Wipe from Left, Fade to White, Cross Expansion and other 60-plus transition effects. Zooming and panning effect is optional for advanced flash templates.
XML-driven This flash slideshow are XML-driven. The XML document allows more personalized controls over the flash.
Auto-playback and repeat mode The flash slideshow will play automatically after preloading, and it can repeat playback.
Dynamic customization Besides XML control, the advanced templates provide many more custom options, so that you can create slideshow that fits into your existing web design: width , height, border color, background color, thumbnail size, etc. More about dynamic customization
Usage and demo visit: http://webdesigndevelopment.blog.com...swf-xml-files/

Please excuse the bump...
Anyone with a LR flash gallery that starts with slideshow in play mode?
Can it even be set to do this?
The only code in the style.xml that looks like it might be realted is line 12 <playOptions playMode="pause"/>, changing that to "play" does nothing.
Thanks,
Donnie

Can I make an image display instead of flash slideshow on explorer with high security?

I am a total flash beginner. I created a simple flash slideshow that I want to appear on my website. It works fine in firefox., but when viewed in explorer with high security, nothing displays unless the viewer specifically allows it. The slideshow is very prominent, and the site looks very bad when only an x shows up. Is it possible to have a static image display in place of the slideshow, and then have the slideshow start if the viewer allows it? Is there any other way to get around this?
Thank you for any assistance.
EJ

Have you tested it with IE online or only locally? Locally IE will usually prohibit displaying Flash content.

Need help switching Flash slideshow

I admit it, I need help!
Here is my problem, I want the links on the left to change the Flash slideshow on the right when clicked.
I want to stay on this page, so only the Flash slideshow changes.
This is the site I'm working on.... http://www.hwas.com/A-events-page-3.htm#
I am using CS4.
HELP!

Shouldn't matter what version ... that hasn't changed much and is done pretty much the same way as long as I can remember. Which seems to be getting shorter and shorter all the time.
Anyways, nice site though. Well done.
Brad Lawryk
Adobe Community Expert, Dreamweaver
Adobe Usergroup Manager, Northern British Columbia Adobe User Group

Looking to Download Leopard Patch File for XML Flash Slideshow Maker?

Hi I was told that I have to download and install the Leopard
patch for the extension XML Flash Slideshow to work properly with
its style wizard (it isnt loading at the moment). I cant seem to
find it. Is there a source where I can download it.

atomic king wrote:
> Hi I was told that I have to download and install the
Leopard patch for the
> extension XML Flash Slideshow to work properly with its
style wizard (it isnt
> loading at the moment). I cant seem to find it. Is there
a source where I can
> download it.
Is the patch you're talking about for Leopard itself, or for
the extension? If the patch is for Leopard, I'd assume that You'd
have to get it from Apple, but I don't know where to look for that.
If the patch is for the extension, then you probably need to go to
the developer's site to see if the patch is posted there, or
contact the developer directly to see where this patch may be if
indeed it is necessary.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Cannot open flash slideshows in any browser

a friend cannot open flash slideshows on one of my webpages, he gets an error "progressive jpeg-unable to render" The images are not progressive jpegs.
Same problem in Firefox or Safari.
He has installed the latest flash player

sorry, they've all work fine on macs and pcs, here's one: http://www.cochraneinc.com/photos%20pages/1292Jainephotos.html

Problem Integrating Flash Slideshow

Hi there, I just found a Flash slideshow that I liked and
tried to create a template page with it. Everything works fine;
however, the Flash slideshow is only incorporated in the page after
a line break. I see the <p> tag that causes the show not to
be inserted flush after my main navigation menu; however, all my
attempts to remove it cause the show to display.
Any ideas would be greatly appreciated. Thanks a million.
You can review the page at:
http://www.fastventures.com/templates/temp_inner_Flash%20Slideshow/temp_inner_Flash%20Rota tor.html

I'm sorry but I think my post was not clear!
Hi there, I just found a Flash slideshow that I liked and
tried to create a template page with it. Everything works fine;
however, the Flash slideshow is only incorporated in the page after
a line break. I see the <p> tag that causes the show not to
be inserted flush after my main navigation menu; however, all my
attempts to remove it cause the show NOT to display.
Any ideas would be greatly appreciated. Thanks a million.
You can review the page at:
http://www.fastventures.com/templates/temp_inner_Flash%20Slideshow/temp_inner_Flash%20Rota tor.html

HTML-page into flash slideshow?

Hi,
I'm am trying to load a HTML-page into a flash slideshow. The slideshow is going to run locally on the computer and the HTML-page (or RSS-feed if that is easier) is recieved from the company´s web-page. I'm totaly new to flash, and I would be very grateful if anyone knew any way to do this. Is there any simple string I can use, like URLloader?
Thanks in advance!
Franz

You can do this only with AIR :
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/html/HTMLLoader.h tml

Overview of Alive Flash Slideshow Maker

Alive Flash Slideshow Maker is a professional slideshow builder to easily create high-impact photo slideshows. It turns your digital photos to flash ( SWF ) slideshow with background music and transition effects. So that you can upload the output flash file to websites and share your memorial moments with your family and friends. You can also post the flash slide show on MySpace, facebook, YouTube, or your Blog.
With this extremely easy to use flash slideshow maker, You don't need to learn any additional skills to make a flash slideshow. Simply drag & drop the photos into Alive Flash Slideshow Maker, click "Publish" and a stunning flash slide show will be generated. Alive Flash Slideshow Maker supports almost all picture formats including JPEG, BMP, GIF, TIFF, PNG, PSD, RAW, WMF, EMF, etc.
Features:
•Output Flash (.SWF) File and HTML page
Create two files: a Flash (SWF) file and a HTML page file. This allows you to share the slideshow via uploading the two files to your website simply..
•Output Flash (.SWF) File
Create a standalone Flash (SWF) file only. But the corresponding HTML code will be generated for embedding the flash slideshow into your own webpage. You will be able to copy and paste the code into any webpage.
•Output Executed Flash File (.EXE)
Create an executable Flash slideshow (.exe file). So that you can play and share the slideshow without webpage and browser. Just double click the generated .EXE file, the slideshow will be played without any Internet Browser.

A trial version of Alive Flash Slideshow Maker is available at website:
http://www.alivemedia.net/flash-slideshow-maker.htm. For more information about AliveMedia's multimedia programs, please visit our website
http://www.alivemedia.net.

Linking flash slideshow into HTML?

Please excuse me if this is a very "noobish" question, but is it possible to make a flash slideshow using 4 pictures,
but have each picture linked to a webpage? A family friend just got me a copy of Flash Pro CS6 through his company but I have genuinely zero experience with flash (Just HTML and CSS).
I set all 4 images to the same size. I realize I could do this in HTML, I'd just rather get some flash practice in.
Thanks in advance for the help.

Yes, you can create the images as objects and assign code to them to have them open html pages. If you are using Actionscript 3 you want to look into using the navigateToURL() function for linking to web pages.

Scale transformations in flash slideshows

Similar Messages

Maybe you are looking for