[Lights, Camera, Action]

Home    Forums    Tutorials    Search    Books    Links 

Windows Movie Maker tips, tutorials, forums and more...



 
Windows Movie Maker Home   Search   Login   Register   Member List  
Movie Maker Users Showcase  > Share Your XP Transitions and Effects!!  > Animated photo stack transition(uses PIP+)    
Previous Thread :: Next Thread 
 Author Thread: Animated photo stack transition(uses PIP+)
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Animated photo stack transition(uses PIP+)
Posted: 15 Apr 2008 07:27 PM
Someone asked for this a long time ago and though it
has limitations...you can only have a real stack 2 deep, we
can pretend. Think of it as a backdrop on a movie set.

Goes something like this...
clip


You would alternate these 2 transitions and you need to clean up the beginning and
end of the seqeuence. I did my demo in a single pass, no clean-up, by using an inverted
title overlay at the start and finish and placing transitions to start right after the
previous one finishes.


<TransitionsAndEffects Version="1.0" SpecialIconFileID="1033" SpecialIconResourceID="101">
<Transitions>
<TransitionDLL guid="{4EF98DF5-794F-4fd3-8E77-559F82C8D10C}">

<Transition name="PIP+ photo stack" iconid="0">
<Param name="RectA" value=" 0.0, 0.12, 0.15, 0.75, 0.75, 1.0;
0.1, 0.12, 0.15, 0.75, 0.75, 1.0;
0.4, 0.12, 0.15, 0.75, 0.75, 1.0;
0.6, 0.90, 0.08, 0.75, 0.75, 1.0;
0.61,0.90, 0.08, 0.75, 0.75, 0.1;
0.8, 0.12, 0.15, 0.75, 0.75, 0.1;
0.96, 0.12, 0.15, 0.75, 0.75, 0.1, 1.0;
1.0, 0.12, 0.15, 0.75, 0.75, 0.1, 1.0;
"/>
<Param name="Bordera" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="RectB" value=" 0.0, 0.14, 0.12, 0.75, 0.75, 0.0, 1.0;
0.05, 0.14, 0.12, 0.75, 0.75, 0.0,1.0;
0.6, 0.14, 0.12, 0.75, 0.75, 0.0;
0.61, 0.14, 0.12, 0.75, 0.75, 1.0;
0.9, 0.14, 0.12, 0.75, 0.75, 1.0;
1.0, 0.14, 0.12, 0.75, 0.75, 1.0;" />
<Param name="Borderb" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="Background" value="C:\Program Files\Movie Maker\Shared\stack8.png" />
</Transition>

<Transition name="PIP+ photo stack Part II" iconid="0">
<Param name="RectA" value=" 0.0, 0.14, 0.12, 0.75, 0.75, 1.0;
0.1, 0.14, 0.12, 0.75, 0.75, 1.0;
0.4, 0.14, 0.12, 0.75, 0.75, 1.0;
0.6, 0.90, 0.08, 0.75, 0.75, 1.0;
0.61,0.90, 0.08, 0.75, 0.75, 0.1;
0.8, 0.14, 0.12, 0.75, 0.75, 0.1;
1.0, 0.14, 0.12, 0.75, 0.75, 0.1;
"/>
<Param name="Bordera" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="RectB" value=" 0.0, 0.12, 0.15, 0.75, 0.75, 0.0, 1.0;
0.04, 0.12, 0.15, 0.75, 0.75, 0.0, 1.0;
0.6, 0.12, 0.15, 0.75, 0.75, 0.0;
0.61, 0.12, 0.15, 0.75, 0.75, 1.0;
0.9, 0.12, 0.15, 0.75, 0.75, 1.0;
1.0, 0.12, 0.15, 0.75, 0.75, 1.0;" />
<Param name="Borderb" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="Background" value="C:\Program Files\Movie Maker\Shared\stack8.png" />
</Transition>
</TransitionDLL>
</Transitions>
</TransitionsAndEffects>

You need this background...
background

and this border..
border


hope someone finds this interesting
dlk
glow is not online. Last active: 2/28/2016 4:07:11 AM glow
Top 25 Poster
Joined: 17 Jan 2005
Total Posts: 1441
 
Re: Animated photo stack transition(uses PIP+)
Posted: 15 Apr 2008 10:44 PM
Very clever dlk Big Smile

I use Firefox+Greasemonkey scripts for easier editing of forum posts, FAQs and displaying embedded images Wink
glow is not online. Last active: 2/28/2016 4:07:11 AM glow
Top 25 Poster
Joined: 17 Jan 2005
Total Posts: 1441
 
Re: Animated photo stack transition(uses PIP+)
Posted: 16 Apr 2008 08:45 AM
Seems to be an errant line 4
</Transition>

dlk, could you give a bit more detail about the inverted title overlay you used at the beginning and end.

I use Firefox+Greasemonkey scripts for easier editing of forum posts, FAQs and displaying embedded images Wink
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 16 Apr 2008 09:34 AM
Thanks Glow....I fixed that.(I had multiple versions before I got it just right,
and I did a "cut and paste" from the testing XML).

As far as the inverted title overlay, I use that all the time to cause a "fade to/from"
or a black out over something I want to hide. A lot easier than saving the
movie and cutting it out in a 2nd pass.

Just create a "scroll-inverted" title, hit the space bar in the text box, set the "text color" to black,
and make sure transparency is set to zero. Put that title on the title overlay track where you
want to hide something and you can hide anything ugly, for the length you want.
This title would just do a instant black out.


<TransitionsAndEffects Version="1.0">
<Titles>
<TitleDLL guid="{353359C1-39E1-491b-9951-464FD8AB071C}">
<Title name="Inverted Text" iconid="13" >
<Param name="InternalName" value="TitleStandard"/>
<Param name="Description" value="Video shows through text"/>
<Paragraph>
<Param name="ExitDuration" value="2.0"/>
<Param name="MainEffect" value="EffectInverse"/>
<Param name="EntranceZoom" value="1.0 1.0"/>
<Param name="MainZoom" value="1.0 1.0"/>
<Param name="ExitZoom" value="1.0 1.0"/>
</Paragraph>
</Title>
</TitleDLL>
</Titles>
</TransitionsAndEffects>
considerate_guy is not online. Last active: 8/7/2015 5:49:08 PM considerate_guy
movies.blainesville.com
Top 25 Poster
Forum Moderator
Joined: 23 Mar 2005
Total Posts: 24219
 
Re: Animated photo stack transition(uses PIP+)
Posted: 16 Apr 2008 09:57 AM
I removed the offending line from the XML. Did Rob forget to give you edit rights? Rob? Rob?

Blaine
Movie Maker (Custom Titles, Effects. etc.)Cool
WMM 6.0 on Windows 7 or 8
YouTube videos
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 16 Apr 2008 10:12 AM
No, I have edit capabilities, and I thought I did edit it.
Hmmmm....
Anyway... should be good now.
dickmr is not online. Last active: 3/26/2017 11:43:26 PM dickmr
Top 25 Poster
Joined: 10 Oct 2005
Total Posts: 3100
 
Re: Animated photo stack transition(uses PIP+)
Posted: 17 Apr 2008 11:26 AM
A great creation! Works great, and looks great if one intermittently inserts vids between pics. Looks like you are getting close to making a turning album page to reveal an image on the next page!! LOL This is already one of my favorite templates...thanks for creating it.
PatrickL is not online. Last active: 12/4/2015 6:48:13 PM PatrickL
pleabo.home.comcast.net
Top 25 Poster
Joined: 31 Jul 2005
Total Posts: 1305
 
Re: Animated photo stack transition(uses PIP+)
Posted: 23 Apr 2008 12:18 AM
dlk, this transition is wonderful. The graphic design concept is one I have been looking for and failed.

I'm a Vista person, and would like to try to port this graphic design concept to ShaderTFX if you wouldn't mind. If you do mind, I'll halt and desist. I would certainly give you credit if I have your permission and can make it work for Vista with ShaderTFX.

PatrickL

DPL Freeware Effects and Transitions for Vista MM Website
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 23 Apr 2008 07:41 AM
PatrickL,

Thanks. Anything you come up with is fine by me. I like to share ideas,
and I get my ideas from TV or movies and just other photos.

dlk
PatrickL is not online. Last active: 12/4/2015 6:48:13 PM PatrickL
pleabo.home.comcast.net
Top 25 Poster
Joined: 31 Jul 2005
Total Posts: 1305
 
Re: Animated photo stack transition(uses PIP+)
Posted: 24 Apr 2008 08:12 AM
Hi dlk.

Here is a cut at the port to Vista and ShaderTFX. PhotoStack Demo (Updated with zoom out/in for start/finish)

If you can suggest any tweaks, suggest away before I package it up for Vista folk.

The XML has access to BackgroundImage, rectA, rectB, BorderWidth and BorderColor. I had to draw the border since ShaderTFX only gives access to one external image. The timeline image is shrunk to fit within the border. The z-order switch is hard-coded to 50%. The XML looks like:

...
<Transition name="1 DPL PhotoStack1" iconid="0" guid="DPL PhotoStack1" ShaderModel="2">
<Param name="ShaderFilename" value="DPL PhotoStack.fx"/>
<Param name="Technique" value="PhotoStackTransition"/>
<Param name="TextureFile" value="%ProgramFiles%\Movie Maker\Shared\AddOnTFX\PhotoStack.png" />
<Semantics>
<BorderWidth type="float" value="0.02" />
<BorderColor type="color" value="white" />
<RectB type="float4" value=" 0.15, 0.14, 0.74, 0.74"/>
<RectA evaluation="Square" type="float4">
<Point time="0.00" value=" 0.13, 0.16, 0.74, 0.74"/>
<Point time="0.33" value=" 0.13, 0.16, 0.74, 0.74"/>
<Point time="0.50" value=" 0.91, 0.12, 0.74, 0.74"/>
<Point time="0.67" value=" 0.13, 0.16, 0.74, 0.74"/>
<Point time="1.00" value=" 0.13, 0.16, 0.74, 0.74"/>
</RectA>
</Semantics>
</Transition>
...


This way, folk can design to use their own background and size and path of the rects. Also border size and color.

The port was straight forward since your design was elegant. It works nicely in 16:9 format also.

PatrickL

DPL Freeware Effects and Transitions for Vista MM Website
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 24 Apr 2008 09:58 AM
Hi PatrickL

Looks great. The built-in border is better than my method and I coulda/shoulda
done it that way, but I'm a creature of habit. I anticipate I might do an inner
shadow, or a drop shadow, or a polaroid shape... so I always fire up photoshop.

I assume the ease in/out within the photo is separate, and a matter of preference.

One thing I thought of doing was creating start and finish versions. The start
version has the full screen photo that zooms out/into the photo stack, and then
the finish zooms in on the final photo. Something to use if you were creating
a video that only used this effect for a period of time.

Again... looks great!


dlk






Rehan is not online. Last active: 5/8/2012 5:49:17 PM Rehan
www.rehanfx.org
Top 25 Poster
Joined: 21 Apr 2004
Total Posts: 2176
 
Re: Animated photo stack transition(uses PIP+)
Posted: 24 Apr 2008 06:47 PM
Great idea dlk... and very cleverly done. Way to go. Keep it up.

www.rehanfx.org - do more with Windows Movie Maker...
rehanfx.x10hosting.com - mirror site
PatrickL is not online. Last active: 12/4/2015 6:48:13 PM PatrickL
pleabo.home.comcast.net
Top 25 Poster
Joined: 31 Jul 2005
Total Posts: 1305
 
Re: Animated photo stack transition(uses PIP+)
Posted: 25 Apr 2008 09:43 AM
dlk, here is a version of entry exit zooms for the PhotoStack. Is this what you had in mind?

PhotoStack2 Demo

This approach requies 2 copies of the first and last slide. Not too good for videos. Also 2 versions of the entry and exit zooms depending on whether the first/last photo is in the upper or lower position.

I'm not so sure I like this better than your title fade in/out approach. (as soon as I can figure out how to do thatSmileyI'm not Title-Wise)

PatrickL

DPL Freeware Effects and Transitions for Vista MM Website
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 25 Apr 2008 10:52 AM
PatrickL,
Yes... that's what I had in mind. I like that look too, so I guess it's
just a matter of what the user has in mind for the video show.
I was thinking of a situation where you mix video and photos.
You run video, freeze the video in a snapshot of a frame,
shrink it down into your photo stack, flip through your photos,
get back to your freeze frame photo(so it looks like you went
through the whole stack) zoom back in and roll video.
Something like that.

Anyway, looks like you achieved your goal. Pretty good port.

dlk
oh, and think of the title trick as just hanging a black curtain
in front of the viewer until your props are ready. As crude
as that, but it works.


PatrickL is not online. Last active: 12/4/2015 6:48:13 PM PatrickL
pleabo.home.comcast.net
Top 25 Poster
Joined: 31 Jul 2005
Total Posts: 1305
 
Re: Animated photo stack transition(uses PIP+)
Posted: 25 Apr 2008 01:28 PM
OK, I'll package this up and get it out for Vista ShaderTFX users with all 6 transitions (with dlk credit of course). Thanks for the original design and your support and ideas.

BUT, I'm still stuck on the use of inverted title to phase nicely into and out of the PhotoStack. I have the XML above in Vista (with appropriate changes) and it does indeed black out uglies as advertised. But I still can't figure out how you got it to fade in (and out) of the PhotoStack like your demo video did. Mine is abrupt as you said. Could you help me one more time here? I'm missing something.

Thanks again, PatrickL

DPL Freeware Effects and Transitions for Vista MM Website
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 25 Apr 2008 01:58 PM
Ok...
add a black title on the main track
then add your photo stack on the main track
then add a title using "scroll-inverted" without text
onto the title overlay track, and place it under the
spot where the first title and the stack stuff meet.
This overlay title fades in and fades out, so stretch it and shift it
until it covers the uglies and fades out to see goodness.
It will fade in from black to black, but that's no big deal,
unless you add text as I did to start things, and then you
have to time that correctly.

hope that clears it up

dlk

PatrickL is not online. Last active: 12/4/2015 6:48:13 PM PatrickL
pleabo.home.comcast.net
Top 25 Poster
Joined: 31 Jul 2005
Total Posts: 1305
 
Re: Animated photo stack transition(uses PIP+)
Posted: 25 Apr 2008 02:38 PM
Yes it did. Thanks. My fundamental error was trying to use the XML you posted above instead of the "scroll-inverted" that you said to use. Me bad - Thump On My HeadEmbarassed

PatrickL

DPL Freeware Effects and Transitions for Vista MM Website
considerate_guy is not online. Last active: 8/7/2015 5:49:08 PM considerate_guy
movies.blainesville.com
Top 25 Poster
Forum Moderator
Joined: 23 Mar 2005
Total Posts: 24219
 
Re: Animated photo stack transition(uses PIP+)
Posted: 09 May 2008 07:00 PM
Patrick, How's it going with packaging this up for Vista? Let me know when it is ready and I'll add a link on the Vista pinned post...

Blaine
Movie Maker (Custom Titles, Effects. etc.)Cool
WMM 6.0 on Windows 7 or 8
YouTube videos
Silla is online. Last active: 9/21/2017 6:40:46 PM Silla
Joined: 28 Dec 2007
Total Posts: 50
 
Re: Animated photo stack transition(uses PIP+)
Posted: 13 Aug 2008 08:01 PM
mine is not wokring
Silla is online. Last active: 9/21/2017 6:40:46 PM Silla
Joined: 28 Dec 2007
Total Posts: 50
 
Re: Animated photo stack transition(uses PIP+)
Posted: 13 Aug 2008 08:02 PM
mine is not wokring
can anyone give the whole.. code plzz.. its bcoz.. the links on top is not wokring. and teh code.. omg so headache giving..
ad yes i have PIP + just boguht it from Rehanfx
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 15 Aug 2008 09:21 AM
Hi,
Here is just the XML you need for the 2 animations. Make sure you
download the border and background from the links above.
Let me know if this doesn't work for you, or how it could
be explained better.

dave



<TransitionsAndEffects Version="1.0" SpecialIconFileID="1033" SpecialIconResourceID="101">
<Transitions>
<TransitionDLL guid="{4EF98DF5-794F-4fd3-8E77-559F82C8D10C}">

<Transition name="PIP+ photo stack" iconid="0">
<Param name="RectA" value=" 0.0, 0.12, 0.15, 0.75, 0.75, 1.0;
0.1, 0.12, 0.15, 0.75, 0.75, 1.0;
0.4, 0.12, 0.15, 0.75, 0.75, 1.0;
0.6, 0.90, 0.08, 0.75, 0.75, 1.0;
0.61,0.90, 0.08, 0.75, 0.75, 0.1;
0.8, 0.12, 0.15, 0.75, 0.75, 0.1;
0.96, 0.12, 0.15, 0.75, 0.75, 0.1, 1.0;
1.0, 0.12, 0.15, 0.75, 0.75, 0.1, 1.0;
"/>
<Param name="Bordera" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="RectB" value=" 0.0, 0.14, 0.12, 0.75, 0.75, 0.0, 1.0;
0.05, 0.14, 0.12, 0.75, 0.75, 0.0,1.0;
0.6, 0.14, 0.12, 0.75, 0.75, 0.0;
0.61, 0.14, 0.12, 0.75, 0.75, 1.0;
0.9, 0.14, 0.12, 0.75, 0.75, 1.0;
1.0, 0.14, 0.12, 0.75, 0.75, 1.0;" />
<Param name="Borderb" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="Background" value="C:\Program Files\Movie Maker\Shared\stack8.png" />
</Transition>

<Transition name="PIP+ photo stack Part II" iconid="0">
<Param name="RectA" value=" 0.0, 0.14, 0.12, 0.75, 0.75, 1.0;
0.1, 0.14, 0.12, 0.75, 0.75, 1.0;
0.4, 0.14, 0.12, 0.75, 0.75, 1.0;
0.6, 0.90, 0.08, 0.75, 0.75, 1.0;
0.61,0.90, 0.08, 0.75, 0.75, 0.1;
0.8, 0.14, 0.12, 0.75, 0.75, 0.1;
1.0, 0.14, 0.12, 0.75, 0.75, 0.1;
"/>
<Param name="Bordera" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="RectB" value=" 0.0, 0.12, 0.15, 0.75, 0.75, 0.0, 1.0;
0.04, 0.12, 0.15, 0.75, 0.75, 0.0, 1.0;
0.6, 0.12, 0.15, 0.75, 0.75, 0.0;
0.61, 0.12, 0.15, 0.75, 0.75, 1.0;
0.9, 0.12, 0.15, 0.75, 0.75, 1.0;
1.0, 0.12, 0.15, 0.75, 0.75, 1.0;" />
<Param name="Borderb" value="C:\Program Files\Movie Maker\Shared\wborder.png" />
<Param name="Background" value="C:\Program Files\Movie Maker\Shared\stack8.png" />
</Transition>
</TransitionDLL>
</Transitions>
</TransitionsAndEffects>
smartdude is not online. Last active: 12/18/2011 9:25:17 AM smartdude
Joined: 15 Jan 2009
Total Posts: 38
 
Re: Animated photo stack transition(uses PIP+)
Posted: 27 Mar 2009 04:59 PM
how do you get the border and background?
I clicked the link but I do not know what to do after that.

When life gives you lemons, throw them at the nearest teacher and blame the person next to you
dickmr is not online. Last active: 3/26/2017 11:43:26 PM dickmr
Top 25 Poster
Joined: 10 Oct 2005
Total Posts: 3100
 
Re: Animated photo stack transition(uses PIP+)
Posted: 27 Mar 2009 09:24 PM
I don't think they are available at that site anymore. Here are some links to them on ImageShack. Right click on the pic and 'save picture'...Make certain to name them correctly in .png format (stack8 and wborder) and put them in the shared folder. If the 'wborder' one looks white and not there.....it is transparent with a white border, so right click and save the pic.
This has a very cool look. In Movie Maker set your image duration to something like 8 seconds and your transition time to 1/2 of that, or 4 seconds. Then you alternate the transitions between the pics...first the PIP+ photo stack, and then PIP+ photo stack part II... when complete I expand the timeline so that I can pull every second image together as much as possible for it to run seamlessly. Have fun.

stack8.png

wborder.png

.
smartdude is not online. Last active: 12/18/2011 9:25:17 AM smartdude
Joined: 15 Jan 2009
Total Posts: 38
 
Re: Animated photo stack transition(uses PIP+)
Posted: 28 Mar 2009 06:51 AM
I am having issues with PIP+. Every transition that needs a picture works, but there is no picture. I named everything correctly, but no matter what I do, I can not get any picture to work! Could somebody help?

When life gives you lemons, throw them at the nearest teacher and blame the person next to you
dlk is not online. Last active: 7/2/2011 1:14:29 PM dlk
Top 25 Poster
Joined: 11 Sep 2004
Total Posts: 2027
 
Re: Animated photo stack transition(uses PIP+)
Posted: 08 Apr 2009 09:20 AM
What do mean by "...works, but there is no picture"?

dlk
Previous Thread :: Next Thread 
Page 1 of 2Goto to page: [1], 2 Next
 
Movie Maker Forums  > Movie Maker Users Showcase  > Share Your XP Transitions and Effects!!  > Animated photo stack transition(uses PIP+)