Pan effect for a large image
May 16, 2013
Hi All
I have a tricky problem and hoping someone may have found a solution to this already.
I need to create a pan effect of an extremely large image for systems based training. Basically a long series of screen captures joined together. When i save this very large image and re-import it automatically resizes to fit the screen. I then added multiple zoom effect stacked along each other to create the pan effect. Unfortunately due to the import the resolution looks rubbish and is completely un-usable.
There must be another way to make a pan effect over this image. Alternative though is to use the raw image and make the image move up and the screen doesn’t do anything. No idea how to even attempt this.
Can anyone suggest a solution? Slide attached.
Thanks
Rachael
18 Replies
If you don't mind handing over control of the panning to the user you could try a Scrolling Panel? that way you could also have the image as full size and high res.
Thanks,
Laith
Something like this maybe?
If I understand correctly you have a very large image that you want to be able to zoom into and pan about to see detail. But when you insert the image it scales down to fit the screen and then when you zoom it it looks pixelated and rubbish. What you need to do, and I know this sounds weird is...
Now when the image zooms it will use the data from the full size version offscreen to draw the zoomed region onscreen. By putting several zoom regions on the timeline consecutively it will give the impression of panning and zooming between them and is a pretty cool effect.
Check out this thread. Or this thread. There are a couple of other discussions about this that I can't find at the moment.
Hi Laith
Thank you so much, this is exactly what i needed. It worked perfectly and the trainees love the realistic application.
Thanks again.
Rachael
Hi Rachael,
My pleasure! Glad to be able to help and that it was well received by the trainees .
Thanks,
Laith
FYI - not a solution to this, however - the latest version of SnagIt has a wonderful "Capture Scrolling Window" function that can be used to make the initial capture.
Bruce
Hello,
Never posted here before but just wanted to express my appreciation for the tremendous support available in the Articulate community. I was experiencing the same problem as Rachael and after following Brett's clear instructions was able zoom into my large screenshots without blurriness or pixelation.
Thanks a million!
Shane
Hi Shane,
I'm glad that this thread was able to assist you and welcome to the Heroes community!
Hi,
I have a screen with three clickable buttons at the bottom . Upon clicking the left most button, the learner is taken to the left. i.e. the image moves/ pans to the left end... Similarly, if the learner clicks the third button, the learner is taken to the extreme right end. i.e. panning towards right.
And on clicking the central button, the learner is brought back to the center of the screen/image.
What size of image should I take out from Photoshop? stage size ins toryline : 1000 X 554
How do I resize in storyline (360)?
I need help urgently...Looking forward to hear from you.
Regards
Hi Chetana,
I would suggest using an image with the same height as the Storyline slide, and the width should be wider than the Storyline slide.
Are you looking for ways to resize an image in Storyline? If so, have a look at this tutorial on zooming, cropping, and resizing images.
If you need more help, attach your slide here, and one of the staff or someone from the community can take a look!
Also, see this recent thread here for some info and examples.
Thanks for the prompt reply Alyssa. I have to take out the background image
from PSD file. I need help on that.
Can you help me?
Regards
Hi Zeeee Veee,
I've dabbled in Photoshop a time or two, but editing images in Photoshop really isn't my strongsuit. Perhaps you could share the .PSD file here in the forum, and another community member who is Photoshop-savvy can lend a hand!
Thnx Alyssa
Hi Elyssa,
Please accept my sincere apologies for the delay. I had serious health
issues.
Please find attached the story file in which I need to add a panning effect.
The frame begins with the couple center stage. The learner needs to click
the three buttons on the panel below to pan to the respective directions. I
have added triggers as per the requirement but am not getting the suitable
results. I need you help urgently as my deliverable is slated to the client
tomorrow EOD.
Please feel free to shoot as many questions as possible. I will be eagerly
waiting for your reply.
Panning.story
<https://drive.google.com/file/d/1Z0uSbLD5q3Yfy8XwOOtoYjOrQuBsW-xG/view?usp=drive
Have a look at the attached and see if that's what you wanted. I added a variable CurrentPosition that is set by clicking any of the three buttons. I also added Right/Left motion path animations to move the Group one step or two, depending on the CurrentPosition and which button is clicked.
Thanks for the reply Michael. I downloaded the file from the hyperlink
(heading). This is totally different from what I am looking for. Did you
have a look at the file I posted in the forum? If not, then can you provide
me your email ID. I will send you ASAP now.
Regards
Your description said "The frame begins with the couple center stage. The learner needs to click the three buttons on the panel below to pan to the respective directions.". My suggestion does exactly that (at least I think it does), see here. Sorry I couldn't help you.
This discussion is closed. You can start a new discussion or contact Articulate Support.