A step-by-step to re-learn Picture in Picture with white circle

[simon290504419lfs]

I used to use Circle and Paint bucket to do a Picture in Picture with a border. Since it was made obsolete I spent two hours trying to figure out how to do it from the internet.

I won’t tell you how I managed it in the end, but Adobe help Desk was very patient and finally got it through MY THICK HEAD.

This is for people my level.

1. Put the image to be PiP’d on V4 of your timeline 
2. The Task is now to put a black circle behind that image. So go to the Ellipse tool in the Timeline panel (the one with the arrowhead select tool at the top - it’s 7 down under the pen tool. Click on it and draw directly onto the big picture panel above (in the Program Panel). This will create an image on your timeline above the PiP image, on V5.
3. While drawing the ellipse, if you hold down the shift key, the ellipse will become circular. I draw it so that it fits behind the image. 
4. Now click on the V4 PiP image.
5. Go to the Effects Control panel on the upper left of the interface (if it’s not there, try Shift-5 to bring it up). On the Opacity control there are three symbols - Ellipse, Rectangle, Pen. Click on Ellipse It will create a blue outliner with handles on the image. Fit the blue outline to the inside of the black shape.
6. Now move V5 to V3 – ie under the PiP image.
7. And the magic happens. You can't believe it, but there the PiP is with a white circle round it. That is – if you’re on the same version as me, and you’re on a Mac, and your keyboard’s like mine, and you’re not reading this in five years time, or any of the other reasons that internet solutions don’t transfer from one user to another. 
8. Nest the two images on V3 and V4 by shift-clicking on both (or that other way of connecting them)  then Control-Click to bring up that long menu that appears with NEST conveniently close to your cursor.
9. Now you have a PiP with a white border (no idea where that came from but there must be a way top change the colour). And you can move it around the screen and make it grow in size and fade away as you wish – via the Effects panel controls. 
10. NB, Once nested, you can shorten the PiP but you can’t make it longer (unless you duplicate it (Option-click and drag) but that may not work easily if you are making the PiP bigger/smaller/rotational.
11. And finally, join a hate group pouring antipathy towards the decision-makers who change the app for the sake of it and disrupt the lives – or at least the entire afternoons – of people who thought they were getting on top of the basics. 

[Ann Bens · Accepted solution]

Why not use the properties panel all the way : quick and easy to make a pip.

Use Vector Motion to move the entire pip around the frame.

Circle and image can be manipulated independently of each other.

[simon290504419lfs]

Probably because I am not as good at this as you. Which is why, on behalf of others who perform at my low level, I wrote my version.

[R Neil Haugen]

Her suggestion is vastly simpler to do ... actually ... although yours does work, of course.

[simon290504419lfs]

Ann, Thank you for your recommendation – I'm sure Neil (below) is quite right, and I'd love to be able to get to grips with it. But owing to my limitations, I've been struggling off and on since you posted. I've got as far as getting the image and mask in the timeline – and have got the Mask With Shape panel up but when I check its box the mask in the program panel disappears. Can't combine Mask and Image. Would you be able to guide me to the next steps? I'd be most grateful.

[Ann Bens]

You need to drop the image of the owl in the Properties panel as wel

mask with the shape that is the oval.

the stroke is added separate on top of the image and oval in the Properties panel no timeline.

Take a closer look at my screenshot.

[simon290504419lfs]

Having taken a closer look at your screenshot – I'm afraid you are too expert for me to follow, Ann. I'm sure it's perfectly simple once one knows how to do it. Thank you for your time. 

[MyerPj]

When you have a video inside the graphic, (instead of the Image as in Ann's excellent example), how do you set the part (in/out) of the clip you want showing inside there?

[Ann Bens]

You stretch the graphic to the length of the video

Nest, then trim the nest to the part you want.

You cannot trim/cut the graphic with a video inside, as I will just start at the beginning of the video: hence the nesting.

If its a very long clip you can either trim on the timeline and render and replace (this you can add from the project panel to the Properties panel) or make a subclip (which btw I do not like).

[MyerPj]

No wonder, I couldn't find a control for that, and unsuccessfully Googled it. 🙂

So in the top part, leave the video outside of the graphic, it's just tied together with the nest?

Then you don't need a nest if you render/replace the item and put it into the graphic itself?

I'll give those a try, thanks very much @Ann Bens