daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your...

7
Selecting your Foreground Element(s): With your background layer selected, use the Pen Tool if you want to draw freehand or use the Magnetic Lasso Tool in the Tools Panel to carefully trace around the edge of your foreground subject(s). Make sure you don’t include any of the background elements in your selection. Close your path by right clicking and choose “Make Selection” and apply a 0.5 pixel feathering option to eliminate the selection’s hard edge. PEN TOOL

Transcript of daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your...

Page 1: daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your background layer selected, use the Pen Tool if you want to draw freehand or use

Selecting your Foreground Element(s):

With your background layer selected, use the Pen Tool if you want to draw freehand or use the Magnetic Lasso Tool in the Tools Panel to carefully trace around the edge of your foreground subject(s). Make sure you don’t include any of the background elements in your selection.

Close your path by right clicking and choose “Make Selection” and apply a 0.5 pixel feathering option to eliminate the selection’s hard edge.

PEN TOOL

Page 2: daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your background layer selected, use the Pen Tool if you want to draw freehand or use

Copy and paste this selection onto a new layer.

Removing the Foreground Element(s) from the Background Layer:

Double click the background layer to make it a Workable Layer. With the background layer now selected, hold the control Key and click the foreground layer’s thumbnail above to load the foreground layer’s selection onto the background layer.

With the background layer selected go to Select > Modify > Expand and enter 10 pixels to give Photoshop some room to move.

Page 3: daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your background layer selected, use the Pen Tool if you want to draw freehand or use

Next, go to Edit > Fill and make sure the option is set to Content Aware and wait for Photoshop recreate the background where the foreground element is. 

As you can see from the above, the result from the content-aware fill isn’t perfect but this step will help disguise those background areas where the foreground selection exposes when it moves from its original position during the animation (which I will get to later in this tutorial).

 

Page 4: daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your background layer selected, use the Pen Tool if you want to draw freehand or use

Bringing your photo to life using the Zoom 2.5D Parallax Effect:

Ensure both foreground and background layers are visible and create a new Photoshop document. I want it to be a traditional movie aspect so I chose a 1920x1080 pixel document size, 72 pixel resolution, 8-BIT RGB Colour Profile. These options are entirely up to you, as I know all the people on Instagram have historically stuck to a square ratio.

Next, go back to the original picture document and select both layers then click and drag them into the new ‘video’ document you just created. Select each of the layers individually and choose ‘convert to smart objects’ from the right-click menu. This option will allow you to scale the image down without affecting the image quality. 

Page 5: daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your background layer selected, use the Pen Tool if you want to draw freehand or use

Next go to Window > Timeline

Press CREATE VIDEO TIMELINE

Make sure you create a Video Timeline NOT a Frame Animation. 

The next steps will be setting up key-frames at the start and end of the timeline for each layer to give a zooming effect.  

Make sure the play-head is at the start of the timeline and then click the drop-down arrow for background layer and click the little stopwatch icon to set a key-frame under the transform option. With the key-frame selected, Transform (Command + T) the layer and then hold SHIFT and click to scale the background to fill the majority of the frame dimensions.

Next with the background layer still selected, move the play-head to the end of the timeline and click the little key-frame icon again to set a new key-frame position. Again, transform (Command + T) the layer but this time scale up the background image slightly. 

Page 6: daveturnermedia.files.wordpress.com€¦ · Web viewSelecting your Foreground Element(s): With your background layer selected, use the Pen Tool if you want to draw freehand or use

Photoshop will automatically morph the image between those two key-frames to give the zoom effect to your background. Cool, huh!?

The image above is transforming my foreground layer for the beginning key-frame shown by the yellow diamond on the timeline.

Next, repeat the previous steps with your foreground layer but this time with the play-head at the start of the timeline transfer the key-frame layer up/larger. With the play-head at the end of your timeline, set a new key-frame and Transform the layer smaller/down.

In summary to give the Zoom effect, the Background layer is getting larger (small to big) and the Foreground layer is getting smaller (big to small). SIMPLE!

Press the play icon in the timeline to get Photoshop to render the transitions between the key-frames. It may be a little jumpy on the first go but from the second play onwards it should be super smooth.

This step if the most creative part of the tutorial. Feel free to have a play around with your start and end key frames of both layers to shorten/lengthen their movements including their direction. 

Finally, export your timeline to a video by going to File > Export > Render Video and choose the YouTube preset if you have the Adobe Media Encoder installed otherwise the H.264 format is fine as shown below.