They're here! More Muvipix.com Guides by Steve Grisetti!
The Muvipix.com Guides to Premiere & Photoshop Elements 2024
As well as The Muvipix.com Guide to CyberLink PowerDirector 21
Because there are stories to tell
muvipix.com

Opacity Gradient

Specific to Premiere Elements Version 7.

Opacity Gradient

Postby Dave McElderry » Wed Jan 20, 2010 11:55 am

...for lack of a better description. This is in conjunction with a project that I referred to in a previous post. I'm making a scrolling list title, like movie credits. What I would like to happen is for the text to gradually fade in until the text reaches the middle of the screen. As it continues towards the top it would fade out. I know this is one of those doh! moments because it can't be that difficult. I've tried several different ways and can't get it as seamless as I would like.
Be yourself; everyone else is taken.

Asus X570-E motherboard; AMD Ryzen 9 3900X 3.8 GHz; 64GB DDR4; GeForce RTX 2060 6GB; 1TB Samsung 970 Pro M.2 SSD
User avatar
Dave McElderry
Moderator
Moderator
 
Posts: 4758
Joined: Fri Feb 23, 2007 10:18 am
Location: Lost In Middle America

Re: Opacity Gradient

Postby Chuck Engels » Wed Jan 20, 2010 12:44 pm

There must be a way to do this with some kind of gradient mask. Overlay a graphic at the top and another graphic at the bottom with varying opacity from top to bottom. This doesn't seem like something that should be too difficult but I am having trouble working through just how it might be done :-k
1. Thinkpad W530 Laptop, Core i7-3820QM Processor 8M Cache 3.70 GHz, 16 GB DDR3, NVIDIA Quadro K1000M 2GB Memory.

2. Cybertron PC - Liquid Cooled AMD FX6300, 6 cores, 3.50ghz - 32GB DDR3 - MSI GeForce GTX 960 Gaming 4G, 4GB Video Ram, 1024 Cuda Cores.
User avatar
Chuck Engels
Super Moderator
Super Moderator
 
Posts: 18154
Joined: Sun Feb 11, 2007 10:58 pm
Location: Atlanta, GA

Re: Opacity Gradient

Postby Chris B » Wed Jan 20, 2010 1:26 pm

If your background is a single colour then a title overlayed on the text works fine. Create two rectangles with a linear gradient from your background colour to fully opaque.

If you want to use a "real" background then you can create a gradient elsewhere (paint program or the like) and use the image matte effect. If you use white to black then the "luma" category makes a nice gradient.
Intel Core i7 8700 - 32GB DDR4 - 500GB Evo 970 SSD - 3+2 TB HDD - GTX 1080- MSI Z370 Pro - Win10 64 bit - Cannon HV30 (PAL) - Sony A6000 - GoPro 3 Black
User avatar
Chris B
Moderator
Moderator
 
Posts: 819
Joined: Tue Apr 24, 2007 6:04 pm
Location: UK

Re: Opacity Gradient

Postby Dave McElderry » Thu Jan 21, 2010 4:26 am

Let's see if I'm with you on this Chris. I'm just using the default black background with white text. I create a separate title with two rectangles. One rectangle covers approximately the upper third, and the other the lower third. It's the next part that has me stumped yet. I know how to create a color gradient in the rectangles, but you say to make the gradient "from the background color to fully opaque." That was the original question - how do I do that? I don't know how to create an opacity gradient.
Be yourself; everyone else is taken.

Asus X570-E motherboard; AMD Ryzen 9 3900X 3.8 GHz; 64GB DDR4; GeForce RTX 2060 6GB; 1TB Samsung 970 Pro M.2 SSD
User avatar
Dave McElderry
Moderator
Moderator
 
Posts: 4758
Joined: Fri Feb 23, 2007 10:18 am
Location: Lost In Middle America

Re: Opacity Gradient

Postby Steve Grisetti » Thu Jan 21, 2010 8:41 am

One other solution is to use the Track Matte and use it to track a stationary, soft-edged rectangle.

I can explain and even provide the graphic if you don't find another solution.
HP Envy with 2.9/4.4 ghz i7-10700 and 16 gig of RAM running Windows 11 Pro
User avatar
Steve Grisetti
Super Moderator
Super Moderator
 
Posts: 14442
Joined: Sat Feb 17, 2007 5:11 pm
Location: Milwaukee, Wisconsin

Re: Opacity Gradient

Postby RJ Johnston » Thu Jan 21, 2010 2:17 pm

The Gradient Wipe transition would work. The transition would cover the entire length of the title. In the transition's properties you select your gradient wipe image, and move the slider to change the softness (127=softest).

For the gradient, I temporarily created a title with two rectangles, one covering the top half of the title and the other covering the bottom half. The top rectangle had a linear gradient going from black at the top to white at the bottom, and the other going white at the top to black at the bottom. The color properties of a title allow you to specify a linear gradiant and direction. Then I took a snapshot and saved as a bitmap. The bitmap is what I selected in the transition's custom properties.
User avatar
RJ Johnston
Premiere Member
Premiere Member
 
Posts: 3143
Joined: Thu Apr 12, 2007 4:33 pm
Location: Northern California, USA

Re: Opacity Gradient

Postby Bob » Thu Jan 21, 2010 5:57 pm

If you have an image editor such as Photoshop Elements, you can easily make a gradient with transparency. Don't use a background layer and don't flatten. Save it as a PSD or PNG file to keep the transparency and import it into Premiere Elements (PE).

If you want to work entirely within PE, probably the easiest way to do this is with the track matte key as PE doesn't provide the tools to make the gradient with transparency directly.

You can make the gradient in the Titler by creating two rectangles, one covering the bottom half and the other covering the top half. When you create the rectangle, click on the color properties button in the titler and select linear gradient. Under the gradient will be two buttons. On the bottom rectangle click on the right button and set the color to black, on the top rectangle click on the left button and set it to black. By adjusting the spacing between the black and white buttons, you can control the width and positioning of the transition area. Heres a capture of what it looks like:
gradient.jpg

Note that the transition is different on the top than on the bottom because I used different positions for the buttons. You can get quite a bit of control this way.

When you are happy with the gradient, exit the titler and place the title over the other title with the text. Apply the track matte key effect to the text title and set the properties to use the gradient track as the matte and composite using matte luma.
You do not have the required permissions to view the files attached to this post.
User avatar
Bob
Moderator
Moderator
 
Posts: 5925
Joined: Wed Feb 21, 2007 4:49 am
Location: Southern California, USA

Re: Opacity Gradient

Postby Dave McElderry » Thu Jan 21, 2010 7:23 pm

You folks are the greatest! It's working. I even added a little color flare. Thank you.
Be yourself; everyone else is taken.

Asus X570-E motherboard; AMD Ryzen 9 3900X 3.8 GHz; 64GB DDR4; GeForce RTX 2060 6GB; 1TB Samsung 970 Pro M.2 SSD
User avatar
Dave McElderry
Moderator
Moderator
 
Posts: 4758
Joined: Fri Feb 23, 2007 10:18 am
Location: Lost In Middle America

Re: Opacity Gradient

Postby Chuck Engels » Fri Jan 22, 2010 12:21 pm

Well this is great news Dave, glad you got this working :)

Excellent little tutorial there Bob :TU:
1. Thinkpad W530 Laptop, Core i7-3820QM Processor 8M Cache 3.70 GHz, 16 GB DDR3, NVIDIA Quadro K1000M 2GB Memory.

2. Cybertron PC - Liquid Cooled AMD FX6300, 6 cores, 3.50ghz - 32GB DDR3 - MSI GeForce GTX 960 Gaming 4G, 4GB Video Ram, 1024 Cuda Cores.
User avatar
Chuck Engels
Super Moderator
Super Moderator
 
Posts: 18154
Joined: Sun Feb 11, 2007 10:58 pm
Location: Atlanta, GA

Re: Opacity Gradient

Postby Bob » Sat Jan 23, 2010 3:18 am

Thanks, Chuck!

Glad you got it working, Dave! :-D
User avatar
Bob
Moderator
Moderator
 
Posts: 5925
Joined: Wed Feb 21, 2007 4:49 am
Location: Southern California, USA


Return to PRE Version 7 


Similar topics


Who is online

Users browsing this forum: No registered users and 10 guests