VS: Cover Flow Effect

For VideoStudio, MediaStudio Pro, VideoGraphics Lab, Cool3D

Moderator: Ken Berry

Post Reply
rguthrie
Posts: 425
Joined: Wed Nov 16, 2005 1:56 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Pegatron IPMTB-TK
processor: Intel Core i7 930
ram: 9GB
Video Card: GeForce GTX 750 Ti
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 2TB

VS: Cover Flow Effect

Post by rguthrie »

In this tutorial, we're going to learn how to recreate a very popular effect that has become ubiquitous on the internet and even in software. For example, one company uses this in their "cover flow" view in its very popular music media management software that supports its personal media player. You can see an example of this effect (with two different versions shown in the video) below





So first thing you'll need to do is a gradient mask using your favorite photo editing software. When creating a mask, all you need to remember is that white will allow the video to show through, whereas black will mask out the video. If you don't have any photo editing software, no worries, simply copy the example below to your computer to use.

Image

Now, to recreate the first example as seen in my YouTube video, we'll first want to add another video track.

Select Settings > Track Manager... from the menu, click on Overlay Track #2 (which I'll refer to as track2 from now on), then OK.

Now, drag a video asset from your library onto Overlay Track #1 (which I'll call track1 from now on), and repeat for track2.

Resize your video clip on track1 as needed.

Now for video clip on track2, move it until it's just under the video clip on track1, and resize it so that it matches the size of the video clip on track1.

HINT: To make resizing and placement of track2 more accurate, click on the Enlarge icon on the bottom right of the preview screen.

Now in the options panel for track2, select Mask & Chroma Key.

Next select the checkbox for Apply Overlay Options, then for Type:, select Mask Frame.

Now click on the plus icon (Add mask item(s)), located to the right of the displayed masks and add the gradient mask you either created or saved to your computer. Then select it to use on your video.

Now let's also change the Transparency to 50.

Next, go to Filters and drag the Flip filter to you video asset on track2.

Choose Customize Filter, select the Vertical radio button, then OK.

And voila, you now have an interesting effect to add to your scrolling credits. In my sample video, I show another example of this technique in action. I'll leave that one for you to experiment.

Have fun and be creative!
SFC (Retired) Ronald Guthrie (aka Alt0S4x)

VS4SE/6-11.5+/X2-X10 Ultimate/2018-2020 Ultimate; MotionStudio 3D; PI11/PIX3;Corel PainterEssentials 4
ParticleIllusion SE; Photoshop CS5; Audacity; SonicFire Pro 6.0
Wacom Bamboo Fun Tablet
Canon Rebel T4i
Black Lab
Posts: 7430
Joined: Wed Dec 15, 2004 3:11 pm
operating_system: Windows 8
System_Drive: C
32bit or 64bit: 64 Bit
Location: Pottstown, Pennsylvania, USA

Re: VS: Cover Flow Effect

Post by Black Lab »

Very cool effect, Ronald. I'll have to give it a try.
rguthrie
Posts: 425
Joined: Wed Nov 16, 2005 1:56 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Pegatron IPMTB-TK
processor: Intel Core i7 930
ram: 9GB
Video Card: GeForce GTX 750 Ti
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 2TB

Re: VS: Cover Flow Effect

Post by rguthrie »

Thanks Jeff!
SFC (Retired) Ronald Guthrie (aka Alt0S4x)

VS4SE/6-11.5+/X2-X10 Ultimate/2018-2020 Ultimate; MotionStudio 3D; PI11/PIX3;Corel PainterEssentials 4
ParticleIllusion SE; Photoshop CS5; Audacity; SonicFire Pro 6.0
Wacom Bamboo Fun Tablet
Canon Rebel T4i
ParabikMiOi
Posts: 1
Joined: Thu Dec 11, 2014 11:17 am
operating_system: Vista Business
System_Drive: R
32bit or 64bit: 64 Bit
Hard_Drive_Capacity: 32-bit

VS Cover Flow Effect

Post by ParabikMiOi »

Hi,
does anyone know how to add a users cover photo to the main feed page?
I tried adding as a block and it does not work.

Thanks in advance
Plastic
Posts: 2
Joined: Mon Feb 23, 2015 11:35 am
operating_system: Windows 7 Home Premium
System_Drive: C
32bit or 64bit: 64 Bit

Re: VS: Cover Flow Effect

Post by Plastic »

Thanks for tutorial, but I think I'm doing something wrong, could You add screenshots of steps?
BrianCee
Posts: 5487
Joined: Sat Jan 21, 2012 1:04 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
ram: 8GB
Hard_Drive_Capacity: 4TB
Monitor/Display Make & Model: HP
Corel programs: VS X4,X5,X6,X7,X8, X9, X10, 2018 , 2019
Location: London England UK

Re: VS: Cover Flow Effect

Post by BrianCee »

Well we haven't seen Ron for the last 9 months or so - so I am not sure you will get an answer from him.

I don't know what version he used to do this but I am currently unable to replicate his example exactly - primarily because I do no seem to be able to apply transparency to a mask - but I made this video using the instructions above - - http://youtu.be/46U8IoZSQV0

what is the problem you are having not sure what screen shots you think would help - this is my final arrangement
flowing.PNG
rguthrie
Posts: 425
Joined: Wed Nov 16, 2005 1:56 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Pegatron IPMTB-TK
processor: Intel Core i7 930
ram: 9GB
Video Card: GeForce GTX 750 Ti
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 2TB

Re: VS: Cover Flow Effect

Post by rguthrie »

Plastic,

Could you please tell me what version of VS you're using? I wrote this tutorial some time ago (for an older version of VS), so I'll need to revisit this for the current version. I'll repost new instructions if needed, or at least respond to help you a bit more.
SFC (Retired) Ronald Guthrie (aka Alt0S4x)

VS4SE/6-11.5+/X2-X10 Ultimate/2018-2020 Ultimate; MotionStudio 3D; PI11/PIX3;Corel PainterEssentials 4
ParticleIllusion SE; Photoshop CS5; Audacity; SonicFire Pro 6.0
Wacom Bamboo Fun Tablet
Canon Rebel T4i
rguthrie
Posts: 425
Joined: Wed Nov 16, 2005 1:56 pm
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Pegatron IPMTB-TK
processor: Intel Core i7 930
ram: 9GB
Video Card: GeForce GTX 750 Ti
sound_card: Realtek High Definition Audio
Hard_Drive_Capacity: 2TB

Re: VS: Cover Flow Effect

Post by rguthrie »

OK, so using VS X8.5 I'm still able to do this. I'll review my instructions and clarify them. One thing I noticed, and perhaps this changed over time in the newer versions, but as Brian noticed, you can't seem to apply the transparency to the mask because once you click on Apply Overlay Options the Transparency box is greyed out. To accomplish that, either apply the transparency before clicking on Apply Overlay Options, or deselect the check box for Apply Overlay Options and change the Transparency to 50.
SFC (Retired) Ronald Guthrie (aka Alt0S4x)

VS4SE/6-11.5+/X2-X10 Ultimate/2018-2020 Ultimate; MotionStudio 3D; PI11/PIX3;Corel PainterEssentials 4
ParticleIllusion SE; Photoshop CS5; Audacity; SonicFire Pro 6.0
Wacom Bamboo Fun Tablet
Canon Rebel T4i
Post Reply