How to leave still images on scrolling?
Hello
I would like to know if someone can help me. I saw today on the site the day of Adobe Muse, Carlinski's website. On this site, when you scroll down or up, the images remain motionless in the center while they change.
Can someone show me how to do this?
If I've been unclear, visit the site to see what I mean: http://www.carlinsky.nl
Regards
This effect is created using the new feature in Muse called Scroll Motion. Read about it here: http://helpx.adobe.com/muse/tutorials/parallax-scrolling.html
Please checkout this video tutorial to learn how to get a similar effect: http://www.youtube.com/watch?v=uyyAA43fLFg
Cheers,
Vikas
Similar Messages
-
I'm trying to figure out how to use still images to create an animated video - similar to:
http://www.pbs.org/wgbh/amex/oakley/promo/promo_qt_oakley.html
Any help would be much appreciated -Use tables for putting graphics together to reduce the size of a gif animation. Depending on what your animation is like, tables can help reduce its overall file size. For example, you may have an image you want to animate, but only a small part of the image will actually be the animation. You can manually cut up the image into different pieces using a program like photoshop, or automatically, using a special utility like Ulead SmartSaver Pro. If you use photoshop, you must put the resulting graphics back together in your html editor using table cells. Programs like SmartSaver creat the html file with the graphics already in the table cells. By slicing up your image into sections, the samll part of the image that animates will now be in a table cell by itself. The rest of the image in the other table cells does not become part of tthe actual animation itself, thus reducing file size.
-
How to superimpose still images onto video?
Hi there,
I'm an absolute beginner with iMovie (and video editing in general), so please forgive my ignorance!
OK, my question is this: Is it possible to superimpose still images on top of video in iMovie, and if so how? I'm using iMovie because it has a reputation for ease of use, and yet I can't figure out how to do this... Basically, all I want to do is take a single piece of video about 5 minutes long and periodically fade in and fade out some still images on top of the action. Am I being too ambitious here?! Should I just give up on the idea...?!
Any help or advice would be very gratefully received!
Thanks.Just in case anyone else is interested in doing something similar - I found two (commercial) solutions to this problem:
Gee Three software's 'Slick 4 - Hollywood edition' plug-ins package includes 'Picture-in-Picture' - $50 (also includes three other great effects): http://www.geethree.com/slick/V_04.html
cf/x's 'Picture in Clip (Static)' does exactly the same, but only costs a bargain $1.50 - available here: http://www.imovieplugins.com/plugs/pictinclipstat.html
Cheers! -
How to Caputre still images of H.263 stream over RTSP ?
Hi
i got the request from a college to write java code for capturing still images of rtsp streams in a server environment.
The stream comes from an helix server, i found out that there is
an Real sdk for jmf but i found nothing there to capture images.
I am new with JMF and have no idea how to capture images from rtsp.
It would be very nice if anyone could help me
ThanksQuickTime will not play MPEG-2 content, streaming or otherwise, without the addition of the extra-cost MPEG-2 Playback Component. Even with that component, QuickTime cannot play all MPEG-2 streams. Read the FAQ carefully for details.
-
N95 secondary camera - how to take still images?
Hi - N95 newbie here...
How do you take still image from secondary camera? It seems not to want to do it with the press of the capture button... is it possible?
NeilPress the button in the middle of the navi buttons instead of the capture button
(Has that button got an official name? lol)
Nokia History: 3110, 5110, 7110, 7110, 3510i, 6210, 6310i, 5210, 6100, 6610, 7250, 7250i, 6650, 6230, 6230i, 6260, N70, N70, 5300, N95, N95, E71, E72
Android History: HTC Desire, SE Xperia Arc, HTC Sensation, Sensation XE, One X+, Google Nexus 5 -
FCE Exporting Still Image and Maintaining a 16:9 Aspect Ratio
I am putting the finishing touches to the first movie that I have created in FCE. I'm a refugee from imovie 08.
I would like to create an ending where I run my End Title and scrolling captions over a still from the movie that I've just created.
My movie is captured in 16:9 aspect ratio.
The problem is that when I export using Quicktime conversion, and the import the still back into FCE, the still loses it's 16:9 aspect ratio.
Can someone tell me how I can some how paste a still image from my movie with a long duration of say 90 seconds while my ending titles scroll through? AND keep my 16:9 aspect ratio.
Hope you folks understand my question OK? Can anyone help me?
Thanks,
SteveThat seemed to work great.. thanks Tom.
My first movie in FCE is now finished and it looks good within FCE!!!
Now I have exporting problems!
I have added chapter markers to my movie however:
If I export using the File > Export > Quicktime Movie option I keep my Chapter markers perfectly but no mention is made of 16:9 aspect ration.
However if I use the File > Export > Using Quicktime Conversion option I have lots of settings where I can play around with the aspect ratio but it does not give me any mention of chapter markers and I do in fact lose them after the conversion.
By the way I'm selecting the DVCPRO50 when I try this.
Have you any ideas how I can export, keep my 16:9 aspect ration AND keep my chapter markers?
I'm importing into idvd-08
Many Thanks!
Steve. -
HOW DO I RENDER A STILL IMAGE AND KEEP QUALITY
I'm still in search of help with why High Res. still pictures lose quality when I render. The images are at 300dpi, roughly 1900x1200 (they vary in size). I input them fine. Then, when I go to put them on the timeline - I get a pop-up window asking me to "AutoFix" this clip? When I say "yes" it drops down the quality and it becomes grainy. If I say "no" the clip remains looking the same - great.
But - then when I go to "render" that clip, in the timeline - it drops down in quality and becomes grainy - AFTER I render it.
HOW DO I USE STILL IMAGES - AND KEEP THEM HIGH QUALITY WHEN I RENDER?
My Project Settings are; 1920/1080 --- 30fps DROP frame (should it be Non-Drop?) -- Capture is HDV and Video Rendering is only marked at "Optimize Stills"
I'm using Adobe Premiere Elements 11 on a Windows 8 PC
Any help would be greatly appreciated
thanksjoeyMPI
OK. Let us give this a try. If I go off course anywhere along the line, please let me know.
1. Open Premiere Elements 11 on Windows 8 64 bit to the Expert workspace.
A. Under Edit Menu/Preferences/General
Remove the check mark next to "Show all do not show again messages."
Set the "Timeline render quality (valid for HD projects)" = "High quality, Slow speed"
Leave a check mark next to Default Scale to Frame Size.
B. Right Click the Edit area monitor, select Magnification and make sure it is = "Fit".
C. Right Click the Edit area monitor, select Playback Quality and make sure it is = "Highest".
D. Setting the Project Preset Manually to Get the Sharpest End Product Photo Display
Go to File Menu/New/Project and Change Settings
In Change Settings, change the project preset to
NTSC
DSLR
1080p
DSLR [email protected]
Close out of there.
In the new project dialog that appears, make sure that you have a check mark next to
"Force Select Project Setting on this Project". Close out of there.
E. The project preset that has been selected has a 16:9 aspect ratio, and it will direct the program to set
up a 16:9 space in the Edit area monitor for editing. So, best results are expected with photos with a 16:9 aspect ratio.
If an imported photo does not fill the Edit area monitor space, you can try to scale it (zoom in) just to the point of
getting rid of any black borders. A quick scale can be done by clicking on the monitor screen, and dragging on a handle
of the photo's bounding box which has appeared.
But, now for the moment of truth..
a. You should not have seen any helpful Fix messages.
b. If you render the Timeline content by clicking on the render button above the Timeline
what you see should look the same or better before and after the render.
Also keep in mind, that having to scale up too much can create pixelation.
300ppi or dpi has no significance in video. Pixel dimensions are the focus. And here, video is 4:3 or 16:9 aspect ratio. In
this specific case 16:9. It would be a good idea to plan ahead on the sizing of the photos beforehand. As far as I know the perk of enhanced
sharpness in the end product is associated with just the one project preset that I pointed to in the workflow.
But, right now, our target is on the maintaining the quality of the photos in the Edit area. And, I realize that you realize
that no matter how great the resolution of the imports, the imports will be reduced to the sizing characteristic of the export
preset.
We will be watching for your results. Thank you for considering the suggestions.
ATR -
Broad Question - Horizontal Scrolling Slideshow with Still Images
Hi everyone,
I have to make a horizontal scrolling slideshow using many images of different filetypes, sizes and DPI in Premiere Pro CS5.5. I have tried a few different methods but each has its own problems:
1. Arrange still images horizontally in the timeline, adjacent to eachother, and apply a custom Push video transition between each one. This is a consistent method that doesnt require much work but it's tough to control the amount of whitespace between the images, especially when the images are all different proportions.
2. Arrange still images both horizontally and vertically in the timeline, so that there is no white space between the images (the images overlap across multiple video lanes). Then, set up motion fx for the position of the image for each clip. This is tedious and I have to make every clip the same size and make sure the distance each clip travels (in the motion fx) is the same. So for instance, I have to set the starting key to 1200 on the x-axis, and the ending key to -300, for every single image (tedious when there are many). Another problem with this is that it becomes very difficult to change the duration of the motion fx once ive set it up for many.
3. To have an easier time composing the arrangement of images, I just make a single giant image by laying out dozens of photos in InDesign, then export a very wide jpeg. The great thing about this is it's fast, easy, and the composition is exactly how i want it. The bad thing is that premiere doesn't handle many megapixel images well, and furthermore the image quality is horrific compared to the quality of importing individual images.
The biggest problem with all of these is the image quality (extremely poor compared to viewing the source images on their own) and the animation smoothness (all three methods produce very jittery and erratic videos). The biggest question I have is: should I even be doing a slideshow in Premiere? Can someone recommend a better application I should be using for something like this? Do i have to learn Flash? I am not trying to make an interactive thing, just a video/animation where I hit play and dozens of images scroll horizontally, at the same speed, with a lot of control over the scaling of the images and their horizontal and vertical arrangement (the amount of whitespace between them).
Thanks for everyone's time and help!Don't know if it is still being sold, but Grass Valley's Imaginate was the perfect application for your intended purpose. There are many others as well, but PR is not the program of choice for this.
-
Adding animated gif to a still image, how do I do this?
I used to know how to do it, but I've forgotten.
Example: The person who told me how to do it had taken an animated gif (butterfly) and placed it on her breast in a still photo of herself. I know that she used Image Ready and as I recall, she created the same number of frames of the still image as the animated butterfly and then she somehow merged the two together. Can someone help, is there a tutorial somewhere? I'm using 7.0 by the way.
Thanks,
Ray
P.S. I also remember that it had something to do with linking the layers so that you just needed to place the first frame in the sequence and link all the other layers to it, but I'm totally lost now!I don't believe that PS 7.0 supports animation, 'least I don't know how to use this function if it does. That is why I remember using Image Ready to do it. In Image Ready you can use any animated gif file to do what I want, I just can't remember how I did it. I do remember that I had to take my background image and duplicate it to get the same number of frames as the animated gif file, but I don't remember how I merged the two together. It had something to do with placing the first frame of the animated gif where I wanted it on my background and then using the link tool in the layer box to link them together, that way I didn't have to place each individual frame of the animation on to the background and avoid an alignment nightmare. I sure wish I would've taken notes!
Thank you for your suggestions.
Ray -
How do I reposition image scroller bar from middle to the right
I am customising an image thumb scroller. and trying to follow up previously developed code.
All worked fine until the last moment when thumbnails bar is positioned as if its starting point is in the middle of the screen. I suppose it was developed for the flash screen layout with centered coordinates. My stage probably has them set to the upper left corner.
I can not make the bar move.
My stage size is 1024 x 768
Where do I do my math in the code so the thumbnails will be located in the middle of the screen rather than in its right hand.
Here are the code snippets responsible for the thumbnails build up:
const _THUMB_WIDTH:Number = 50;
const _THUMB_HEIGHT:Number = 64;
const _IMAGE_WIDTH:Number = 860;//550;original #
const _IMAGE_HEIGHT:Number = 500;//355;original #
const _THUMB_GAP:Number = 2;
const _SCROLL_SPEED:Number = 12;
const _SCROLL_AREA:Number = 150;
var _progressBar:MovieClip;
var _arrowLeft:MovieClip;
var _arrowRight:MovieClip;
var _slides:Array;
var _curSlide:Slide; //Slide that is currently displaying
var _loadingSlide:Slide; //only used when a Slide is supposed to show but hasn't been fully loaded yet (like if the user clicks "next" many times before all the images have loaded). We keep track of the one that's in the process of loading and should be shown as soon as it finishes, then we set _loadingSlide back to null.
var _imagesContainer:Sprite; //the Sprite into which the full-size images are placed (this helps manage the stacking order so that the images can always be behind everything else and yet we can addChild() each image so that it shows up on top of the previous one)
var _thumbnailsContainer:Sprite; //the Sprite into which the thumbnail images are placed. This also allows us to slide them all at the same time.
var _destScrollX:Number = 0; //destination x value for the _thumbnailsContainer which is used for scrolling it across the bottom. We don't want to use _thumbnailsContainer.x because it could be in the process of tweening, so we keep track of the end/destination value and add/subtract from it when creating our tweens.
var _minScrollX:Number; //we know the maximum x value for _thumbnailsContainer is 0, but the mimimum value will depend on how many thumbnail images it contains (the total width). We calculate it in the _setupThumbnails() method and store it here for easier/faster scrolling calculations in the _enterFrameHandler()
_thumbnailsContainer = new Sprite();
addChild(_thumbnailsContainer);
//_thumbnailsContainer.x = -550;//moves x position of thumbnails, instead done in line 273 thumbnail.x = curX - 590;
_thumbnailsContainer.y = _IMAGE_HEIGHT;//moves y position of thumbnails
_thumbnailsContainer.alpha = 0; //we want alpha 0 initially because we'll fade it in later when the thumbnails load.
_thumbnailsContainer.visible = false; //ensures nothing is clickable.
var xmlLoader:XMLLoader = new XMLLoader("loadingAssets/appThumbnails/slideshow_image scroller greenSock_mine/assets/data.xml", {onComplete:_xmlCompleteHandler});
xmlLoader.load();
function _xmlCompleteHandler(event:LoaderEvent):void {
_slides = [];
var xml:XML = event.target.content; //the XMLLoader's "content" is the XML that was loaded.
var imageList:XMLList = xml.image; //In the XML, we have <image /> nodes with all the info we need.
//loop through each <image /> node and create a Slide object for each.
for each (var image:XML in imageList) {
_slides.push( new Slide(image.@name,
image.@description,
new ImageLoader("loadingAssets/appThumbnails/slideshow_image scroller greenSock_mine/assets/thumbnails/appThmb_imgs/" + image.@name + ".jpg",
name:image.@name + "Thumb",
width:_THUMB_WIDTH,
height:_THUMB_HEIGHT,
//centerRegistration:true,
//x:260, y:320,//doesn't work here but works in line 69
scaleMode:"proportionalInside",
bgColor:0x000000,
estimatedBytes:13000,
onFail:_imageFailHandler}),
//loops through all the thumbnail images and places them in the proper order across the bottom of the screen and adds CLICK_THUMBNAIL listeners.
function _setupThumbnails():void {
var l:int = _slides.length;
var curX:Number = _THUMB_GAP;
for (var i:int = 0; i < l; i++) {
var thumbnail:Sprite = _slides[i].thumbnail;
_thumbnailsContainer.addChild(thumbnail);
TweenLite.to(thumbnail, 0, {colorTransform:{brightness:0.5}});
_slides[i].addEventListener(Slide.CLICK_THUMBNAIL, _clickThumbnailHandler, false, 0, true);
thumbnail.x = curX;
thumbnail.y = -234;//defines y position of the thumbnails row
curX += _THUMB_WIDTH + _THUMB_GAP;
_minScrollX = _IMAGE_WIDTH - curX;
if (_minScrollX > 0) {
_minScrollX = 0;
function _enterFrameHandler(event:Event):void {
if (_thumbnailsContainer.hitTestPoint(this.stage.mouseX, this.stage.mouseY, false)) {
if (this.mouseX < _SCROLL_AREA) {
_destScrollX += ((_SCROLL_AREA - this.mouseX) / _SCROLL_AREA) * _SCROLL_SPEED;
if (_destScrollX > 0) { //this number is 1/2 the stage size, previously was at 0 it defines the left position of the thumbnails scroll end, has to be indentical to the number below
_destScrollX = 0; //this number is 1/2 the stage size, previously was at 0 it defines the left position of the thumbnails scroll end, has to be indentical to the number above
TweenLite.to(_thumbnailsContainer, 0.5, {x:_destScrollX});
} else if (this.mouseX > _IMAGE_WIDTH - _SCROLL_AREA) {
_destScrollX -= ((this.mouseX - (_IMAGE_WIDTH - _SCROLL_AREA)) / _SCROLL_AREA) * _SCROLL_SPEED;
if (_destScrollX < _minScrollX) {
_destScrollX = _minScrollX;
TweenLite.to(_thumbnailsContainer, 0.5, {x:_destScrollX});Hi, thanks for taking a look at my problem.
I assume that the code was difficult to read due to an unusual line brakes, which somehow I got when pasting on this site.
Please take a look I am pasting the code anew in it entirety:
(please let me know if you would like me to separate the areas which I believe give me troubles to address my previously describe problem:
All worked fine until the last moment when thumbnails bar is positioned as if its starting point is in the middle of the screen. I suppose it was developed for the flash screen layout with centered coordinates. My stage probably has them set to the upper left corner.
I can not make the bar move.
My stage size is 1024 x 768
Where do I do my math in the code so the thumbnails will be located in the middle of the screen rather than in its right hand.)
(Also wanted to mention that there an external file Slide.as which is not responsible for the construction and positioning of the thumbnails)
import com.greensock.*;
import com.greensock.loading.*;
//import com.greensock.events.LoaderEvent;
import com.greensock.loading.display.*;
//import com.greensock.TweenLite;
import com.greensock.events.LoaderEvent;
//import com.greensock.loading.ImageLoader;
//import com.greensock.loading.SWFLoader;
//import com.greensock.loading.LoaderMax;
//import com.greensock.loading.XMLLoader;
import com.greensock.plugins.AutoAlphaPlugin;
import com.greensock.plugins.ColorTransformPlugin;
import com.greensock.plugins.GlowFilterPlugin;
import com.greensock.plugins.BlurFilterPlugin;//i added this filter to blur the progressBar
import com.greensock.plugins.TweenPlugin;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
//public class SlideshowExample extends MovieClip {
const _THUMB_WIDTH:Number = 50;
const _THUMB_HEIGHT:Number = 64;
const _IMAGE_WIDTH:Number = 860;//550;original #
const _IMAGE_HEIGHT:Number = 500;//355;original #
const _THUMB_GAP:Number = 2;
const _SCROLL_SPEED:Number = 12;
const _SCROLL_AREA:Number = 150;
var _progressBar:MovieClip;
var _arrowLeft:MovieClip;
var _arrowRight:MovieClip;
var _slides:Array;
var _curSlide:Slide; //Slide that is currently displaying
var _loadingSlide:Slide; //only used when a Slide is supposed to show but hasn't been fully loaded yet (like if the user clicks "next" many times before all the images have loaded). We keep track of the one that's in the process of loading and should be shown as soon as it finishes, then we set _loadingSlide back to null.
var _imagesContainer:Sprite; //the Sprite into which the full-size images are placed (this helps manage the stacking order so that the images can always be behind everything else and yet we can addChild() each image so that it shows up on top of the previous one)
var _thumbnailsContainer:Sprite; //the Sprite into which the thumbnail images are placed. This also allows us to slide them all at the same time.
var _destScrollX:Number = 0; //destination x value for the _thumbnailsContainer which is used for scrolling it across the bottom. We don't want to use _thumbnailsContainer.x because it could be in the process of tweening, so we keep track of the end/destination value and add/subtract from it when creating our tweens.
var _minScrollX:Number; //we know the maximum x value for _thumbnailsContainer is 0, but the mimimum value will depend on how many thumbnail images it contains (the total width). We calculate it in the _setupThumbnails() method and store it here for easier/faster scrolling calculations in the _enterFrameHandler()
//function SlideshowExample() {
//super();
//activate the plugins that we'll be using so that TweenLite can tween special properties like filters, colorTransform, and do autoAlpha fades.
TweenPlugin.activate([AutoAlphaPlugin, ColorTransformPlugin, GlowFilterPlugin, BlurFilterPlugin]);//i added BlurFilterPlugin at the end
_progressBar = this.getChildByName("progress_mc") as MovieClip;
_arrowLeft = this.getChildByName("arrowLeft_mc") as MovieClip;
_arrowRight = this.getChildByName("arrowRight_mc") as MovieClip;
//////////my additions to make progress bay blurry
TweenLite.to(progress_mc.progressBar_mc.gradientbar_appLoader_mcPopUp_mc, 0, {blurFilter:{blurX:21, blurY:8}});//i added this line to make ProgressBar_mc to blur
TweenLite.to(progress_mc.rectangleGray, 0, {blurFilter:{blurX:21, blurY:8}});//i added this line to make ProgressBar_mc to blur
_arrowLeft.visible = _arrowRight.visible = false;
_imagesContainer = new Sprite();
this.addChildAt(_imagesContainer, 0);
_thumbnailsContainer = new Sprite();
addChild(_thumbnailsContainer);
//_thumbnailsContainer.x = -550;//moves x position of thumbnails, instead done in line 273 thumbnail.x = curX - 590;
_thumbnailsContainer.y = _IMAGE_HEIGHT;//moves y position of thumbnails
_thumbnailsContainer.alpha = 0; //we want alpha 0 initially because we'll fade it in later when the thumbnails load.
_thumbnailsContainer.visible = false; //ensures nothing is clickable.
var xmlLoader:XMLLoader = new XMLLoader("loadingAssets/appThumbnails/slideshow_image scroller greenSock_mine/assets/data.xml", {onComplete:_xmlCompleteHandler});
xmlLoader.load();
function _xmlCompleteHandler(event:LoaderEvent):void {
_slides = [];
var xml:XML = event.target.content; //the XMLLoader's "content" is the XML that was loaded.
var imageList:XMLList = xml.image; //In the XML, we have <image /> nodes with all the info we need.
//loop through each <image /> node and create a Slide object for each.
for each (var image:XML in imageList) {
_slides.push( new Slide(image.@name,
image.@description,
new ImageLoader("loadingAssets/appThumbnails/slideshow_image scroller greenSock_mine/assets/thumbnails/appThmb_imgs/" + image.@name + ".jpg",
name:image.@na me + "Thumb",
width:_THUMB_W IDTH,
height:_THUMB_ HEIGHT,
//centerRegist ration:true,
//x:260, y:320,//doesn't work here but works in line 69
scaleMode:"pro portionalInside",
bgColor:0x0000 00,
estimatedBytes :13000,
onFail:_imageF ailHandler}),
new SWFLoader("loadingAssets/appThumbnails/slideshow_image scroller greenSock_mine/assets/images/" + image.@name + ".swf",
name:image.@name + "Image",
width:_IMAGE_WIDTH,
height:_IMAGE_HEIGHT,
//centerRegistration:true,
x:-420, y:-260,
scaleMode:"proportionalInside",
bgColor:0x000000,
estimatedBytes:820000,
onFail:_imageFailHandler})
//now create a LoaderMax queue and populate it with all the thumbnail ImageLoaders as well as the very first full-size ImageLoader. We don't want to show anything until the thumbnails are done loading as well as the first full-size one. After that, we'll create another LoaderMax queue containing the rest of the full-size images that will load silently in the background.
var initialLoadQueue:LoaderMax = new LoaderMax({onComplete:_initialLoadComplete, onProgress:_progressHandler});
for (var i:int = 0; i < _slides.length; i++) {
initialLoadQueue.append( _slides[i].thumbnailLoader );
initialLoadQueue.append(_slides[0].imageLoader); //make sure the very first full-sized image is loaded initially too.
initialLoadQueue.load();
_setupThumbnails();
function _initialLoadComplete(event:LoaderEvent):void {
//now that the initial load is complete, fade out the progressBar. autoAlpha will automatically set visible to false once alpha hits 0.
TweenLite.to(_progressBar, 0.5, {autoAlpha:0});
//fade in the thumbnails container
TweenLite.to(_thumbnailsContainer, 1, {autoAlpha:1});
_setupArrows();
//setup the ENTER_FRAME listeners that controls the thumbnail scrolling behavior at the bottom
this.stage.addEventListener(Event.ENTER_FRAME, _enterFrameHandler, false, 0, true);
//now put all the remaining images into a LoaderMax queue that will load them one-at-a-time in the background in the proper order. This can greatly improve the user's experience compared to loading them on demand which forces the user to wait while the next image loads.
var imagesQueue:LoaderMax = new LoaderMax({maxConnections:1});
for (var i:int = 1; i < _slides.length; i++) {
imagesQueue.append( _slides[i].imageLoader );
imagesQueue.load();
//now start the slideshow
_showNext(null);
//loops through all the thumbnail images and places them in the proper order across the bottom of the screen and adds CLICK_THUMBNAIL listeners.
function _setupThumbnails():void {
var l:int = _slides.length;
var curX:Number = _THUMB_GAP;
for (var i:int = 0; i < l; i++) {
var thumbnail:Sprite = _slides[i].thumbnail;
_thumbnailsContainer.addChild(thumbnail);
TweenLite.to(thumbnail, 0, {colorTransform:{brightness:0.5}});
_slides[i].addEventListener(Slide.CLICK_THUMBNAIL, _clickThumbnailHandler, false, 0, true);
thumbnail.x = curX;
thumbnail.y = -234;//defines y position of the thumbnails row
curX += _THUMB_WIDTH + _THUMB_GAP;
_minScrollX = _IMAGE_WIDTH - curX;
if (_minScrollX > 0) {
_minScrollX = 0;
function _setupArrows():void {
_arrowLeft.alpha = _arrowRight.alpha = 0;
_arrowLeft.visible = _arrowRight.visible = true;
_arrowLeft.addEventListener(MouseEvent.ROLL_OVER, _rollOverArrowHandler, false, 0, true);
_arrowLeft.addEventListener(MouseEvent.ROLL_OUT, _rollOutArrowHandler, false, 0, true);
_arrowLeft.addEventListener(MouseEvent.CLICK, _showPrevious, false, 0, true);
_arrowRight.addEventListener(MouseEvent.ROLL_OVER, _rollOverArrowHandler, false, 0, true);
_arrowRight.addEventListener(MouseEvent.ROLL_OUT, _rollOutArrowHandler, false, 0, true);
_arrowRight.addEventListener(MouseEvent.CLICK, _showNext, false, 0, true);
function _showNext(event:Event=null):void {
//if there's a _loadingSlide we should assume that the next Slide would be AFTER that one. Otherwise just get the one after the _curSlide.
var next:int = (_loadingSlide != null) ? _slides.indexOf(_loadingSlide) + 1 : _slides.indexOf(_curSlide) + 1;
if (next >= _slides.length) {
next = 0;
_requestSlide(_slides[next]);
function _showPrevious(event:Event=null):void {
//if there's a _loadingSlide we should assume that the previous Slide would be BEFORE that one. Otherwise just get the one before the _curSlide.
var prev:int = (_loadingSlide != null) ? _slides.indexOf(_loadingSlide) - 1 : _slides.indexOf(_curSlide) - 1;
if (prev < 0) {
prev = _slides.length - 1;
_requestSlide(_slides[prev]);
function _requestSlide(slide:Slide):void {
if (slide == _curSlide) {
return;
//kill the delayed calls to _showNext so that we start over again with a 5-second wait time.
TweenLite.killTweensOf(_showNext);
if (_loadingSlide != null) {
_cancelPrioritizedSlide(); //the user must have skipped to another Slide and didn't want to wait for the one that was loading.
//if the requested Slide's full-sized image hasn't loaded yet, we need to show the progress bar and wait for it to load.
if (slide.imageLoader.progress != 1) {
_prioritizeSlide(slide);
return;
//fade the old Slide and make sure it's not highlighted anymore as the current Slide.
if (_curSlide != null) {
TweenLite.to(_curSlide.image, 0.5, {autoAlpha:0});
_curSlide.setShowingStatus(false);
_curSlide = slide;
_imagesContainer.addChild(_curSlide.image); //ensures the image is at the top of the stacking order inside the _imagesContainer
TweenLite.to(_curSlide.image, 0.5, {autoAlpha:1}); //fade the image in and make sure visible is true.
_curSlide.setShowingStatus(true); //adds an outline to the image indicating that it's the currently showing Slide.
TweenLite.delayedCall(5, _showNext); //create a delayedCall that will call _showNext in 5 seconds.
function _prioritizeSlide(slide:Slide):void {
TweenLite.to(_progressBar, 0.5, {autoAlpha:1}); //show the progress bar
_loadingSlide = slide;
_loadingSlide.imageLoader.addEventListener(LoaderEvent.PROGRESS, _progressHandler);
_loadingSlide.imageLoader.addEventListener(LoaderEvent.COMPLETE, _completePrioritizedHandler);
_loadingSlide.imageLoader.prioritize(true); //when the loader is prioritized, it will jump to the top of any LoaderMax queues that it belongs to, so if another loader is in the process of loading in that queue, it will be canceled and this new one will take over which maximizes bandwidth utilization. Once the _loadingSlide is done loading, the LoaderMax queue(s) will continue loading the rest of their images normally.
function _cancelPrioritizedSlide():void {
TweenLite.to(_progressBar, 0.5, {autoAlpha:0}); //hide the progress bar
_loadingSlide.imageLoader.removeEventListener(LoaderEvent.PROGRESS, _progressHandler);
_loadingSlide.imageLoader.removeEventListener(LoaderEvent.COMPLETE, _completePrioritizedHandler);
_loadingSlide = null;
function _completePrioritizedHandler(event:LoaderEvent):void {
var next:Slide = _loadingSlide; //store it in a local variable first because _cancelPrioritizedSlide() will set _loadingSlide to null.
_cancelPrioritizedSlide();
_requestSlide(next);
function _progressHandler(event:LoaderEvent):void {
_progressBar.progressBar_mc.scaleX = event.target.progress;
function _clickThumbnailHandler(event:Event):void {
_requestSlide(event.target as Slide);
function _rollOverArrowHandler(event:Event):void {
TweenLite.to(event.currentTarget, 0.5, {alpha:1});
function _rollOutArrowHandler(event:Event):void {
TweenLite.to(event.currentTarget, 0.5, {alpha:0});
function _enterFrameHandler(event:Event):void {
if (_thumbnailsContainer.hitTestPoint(this.stage.mouseX, this.stage.mouseY, false)) {
if (this.mouseX < _SCROLL_AREA) {
_destScrollX += ((_SCROLL_AREA - this.mouseX) / _SCROLL_AREA) * _SCROLL_SPEED;
if (_destScrollX > 0) { //this number is 1/2 the stage size, previously was at 0 it defines the left position of the thumbnails scroll end, has to be indentical to the number below
_destScrollX = 0; //this number is 1/2 the stage size, previously was at 0 it defines the left position of the thumbnails scroll end, has to be indentical to the number above
TweenLite.to(_thumbnailsContainer, 0.5, {x:_destScrollX});
} else if (this.mouseX > _IMAGE_WIDTH - _SCROLL_AREA) {
_destScrollX -= ((this.mouseX - (_IMAGE_WIDTH - _SCROLL_AREA)) / _SCROLL_AREA) * _SCROLL_SPEED;
if (_destScrollX < _minScrollX) {
_destScrollX = _minScrollX;
TweenLite.to(_thumbnailsContainer, 0.5, {x:_destScrollX});
//if an image fails to load properly, remove it from the slideshow completely including its thumbnail at the bottom.
function _imageFailHandler(event:LoaderEvent):void {
var slide:Slide;
var i:int = _slides.length;
while (--i > -1) {
slide = _slides[i];
if (event.target == slide.thumbnailLoader || event.target == slide.imageLoader) {
slide.dispose();
_slides.splice(i, 1);
_setupThumbnails();
return; -
How to Work With Still Images in Premiere Elements 10
I am struggling with the still images in my Titles for my video project, and would really appreciate some help. I have done a lot of googling on this and searched this forum, but can't seem to find the answer I need, maybe not searching the right questions or just "not getting it". Not even PE Adobe tips or Adobe TV cover this, although it seems important to know. I am not clear how PE10 will handle the resolution of an imported still image or graphic art from Photoshop. Perhaps this topic will also help others as well.
I am working on a video project for my job, editing an old training video. Created new Title graphics in Photoshop, inserted the Title images and integrated with video clips, then exported the video segments as MPEG files. I burned the whole video to DVD.
When the final DVD plays on a computer or TV screen, the photo images in the titles are fuzzy even though they were clear 300 dpi images. (I know dpi doesn't matter in video). The title text is also a bit fuzzy and the title text that has animation applied to it is even more fuzzy. Yet the old MPEG video clips look fine - it's just my title graphics and text that look bad (embarrasing).
So I need to know how to improve the quality of the still images/graphics for a video??
Project settings:
- Hard Disk, Standard 48kHz
- Editing Mode: DV NTSC
- Frame: 720 x 480 (0.9091)
- Frame rate: 29.97fps
- with "Optimize Stills" box checked
Using these settings because I am working with MPEG files from an old training video CD.
File Export: MPEG, NTSC DVD Standard
I export the video clips as MPEGS because they will be burned to a CD or DVD for distribution to our staff offices.
Work Details:
In Photoshop, I created still image graphics for each Title sized at 720 x480 with high resolution photos and company logo (300 dpi), and save them as a bitmap to import into PE10. In the Timeline, I insert the still image in "Video 1" track, then in Video 2 track create a Title over it for text (some animated, some still). Sometimes I stack 2 or three titles with text in separate video tracks over one still title image. Yes, there is a red line across the top in the Timeline because I didn't render the still images.
Questions:
• What is the best resolution for images imported into PE10 from Photoshop?
• Should I be creating title graphics/images at 720 x 480 or a larger ratio like 1920 x 1080 so it will display better when seen on a computer or TV?
• Do I need to render each title image in the timeline so that it will eventually display better in the MPEG?
• Is it better to create a title and then insert the still image into the title so they are integrated, rather than layered on separate video tracks?
I would greatly appreciate any assistance.When the final DVD plays on a computer or TV screen, the photo images in the titles are fuzzy even though they were clear 300 dpi images. (I know dpi doesn't matter in video). The title text is also a bit fuzzy and the title text that has animation applied to it is even more fuzzy. Yet the old MPEG video clips look fine - it's just my title graphics and text that look bad (embarrasing).
Remember that DVD-Video was designed for CRT TV sets, and was a major step up from VHS tape. However, when viewed on an HD computer monitor, or HD TV *, it is still ONLY 720 x 480, with is about 1/4 of the resolution as 1920 x 1080, which is about what we are used to seeing on those display devices. That is but only 25% of the quality. It can never look as good as HD material.
Good luck, and if I missed something, please point that out to me.
Hunt
* With the advent of BD players, and up-rezzing DVD players, things HAVE improved, when viewing a DVD-Video on an HD TV. The newer players have up-rezzing chips, that do a very good job of "improving" the viewed material's quality. However, even with those amazing chips, DVD-Video will NEVER be as good as a full-HD source. Also, computers do not have those up-rezzing chips, so when one views a DVD-Video on a high-rez computer monitor, it will still look pretty bad. There ARE a couple of new DVD software players, that improve the quality of DVD-Video played on a high-rez computer monitor, and a few look fairly promising. I speculate that we will see some more development in the DVD-Video area, especially as BD is not proving to be the big seller, that many promised. Even 3D is not helping BD realize its promise. -
How do I make still Images the same size as the video when importing? CS5
Hi,
I'm having a problem importing and using still images as they are so large.
The video is 720 x 576 and the image I want to use is 4752 x 3168
How can I scale it down to fit with the video. Currently it just zooms in to a part of the picture making it pretty useless.
Any suggestions would be much appreciated.
Thanks,
LoisI made a tutorial on this exact thing.
Part One: http://www.youtube.com/watch?v=oXeblQFIGlM
Part Two: http://www.youtube.com/watch?v=KjHNHf7IhKQ -
How do you edit the duration of multiple still images?
FCP X has a default duration for still images when you import them. After importing, how can I edit the duration of multiple clips?
I've tried selecting them all, control-click and change duration, but nothing changes.
BTW I want to make them 5 frames each...
thanks for any help
CraigThanks Tom, I've tried that. and nothing happens.
I presume that I type the 5 in the number sequence thing above the timeline? -
How do I make a still image (photo) fit the length of the music? I record music and want to convert the tracks to a video file with a still image of my business logo in the background. On windows movie maker you could just select "fit to music" but this program isnt as easy to figure out! Any help?
Double-click on the still image in the project timeline to open the Inspector. In the Inspector, adjust the duration by typing in a new duration to match the length of your music. I think the limit for a still image is 10 minutes. If you need more than this, simply drag the image into the timeline again then adjust its duration. The two images will play seamlessly (no gap will be visible).
See this iMovie Help topic:
http://help.apple.com/imovie/#mov3a883915
You can achieve more precision when entering durations by changing a preference in the menu item iMovie Preferences. Check (tick) the preference for Show Time As HH:MM:SS:frames. This will enable you to enter the duration of stills down to the frame level, rather than full seconds (NTSC is 30 frames per second; PAL is 25 fps). When entering times, type a colon between each time segment, such as 2:50:15, which represents 2 minutes 50 seconds and 15 frames. For 5 seconds 20 frames you would enter 5:20 and so forth.
Note that the music will only run to the length of the video in the timeline (in your case, the still images). So, after increasing the stills duration you will need to drag the end of the music track as far as required. The stills can be dragged inwards to reduce the duration if necessary.
John
Message was edited by: John Cogdell - added Note -
How can I edit a still image so that I can float it over the video?
I would like to edit a still image so that I can float it over the video - How would I save the image in Photoshop so that just the image and not the background can be imported into Final Cut and the footage behind it still shows up?
ThanksYou need to either create an Alpha channel or cut out the area of interest and paste it into a transparent Photoshop document. You can save the former as PSD, TIFF or PNG. Save the latter as TIFF with transparency enabled (shows up in TIFF Options at step 2 of the save dialog).
Maybe you are looking for
-
Incoming payment by F-28: Reason code error while posting
Hello everyone, I want to post Incoing Payment using F-28 net of TDS. I want the separate GL account to be picked up automatically for the difference when I enter the Reason Code 003. I did the following customization for the same. 1. Financial Accou
-
I have a MacBook Pro and a new 3T external harddrive. I am connecting my laptop to the harddrive using an 800 firewire. I am trying to create my first Time Machine initial back up and it is scheduled to take 1, 473 days for 267.82GB on OS 10.7.5.
-
Problem while creating URL iview (in EP7.0)
Hi, I encountered a problem while creating URL iview (in EP7.0) as when I selected the iview template for creating the URL iview, the content area got displayed as "No templates to display. You are not assigned to any existing templates." please assi
-
: / Doesn't seem to work with my appleTV
Is there any good documents on Airplay? Based on what I have read here in the forums, I'm guessing that because I don't see the airplay icon my appleTV must be a first gen, although I didn't purchase it that long ago. I've made sure everything is up-
-
Hi there, I am trying to creat a TV guide of sorts, a table that has a Monady through Friday dynamically generated dependant on current day of week and a list of session times down the left (12 slots in total) pulled from a DB as these will change de