Finishing is all about creating a sense of unity and cohesiveness to your motion design boards. After gathering elements from different sources, they often come from different color spaces and can sometimes clash. These photoshop tips can help you smooth out the rough edges, polish your design and make it all work.
Motion Design Boards Finishing Tips
1. Add Noise/Grain
- Make a solid 50% gray layer.
- Filter Noise: 3-7% based on taste.
- Set the layer to overlay, put that on the top of the stack to uniform the shot.
This makes it look like something that was shot on camera and makes everything looks like it was in the same space and source even if it’s different.
2. Gradient Map Color Treatment
- Add a gradient map and pick a custom gradient or a preset. You want something that has a balanced color harmony.
- Put this near the top of the layer stack.
- Adjust fill to taste.
- Adjust opacity to taste.
- For extra subtitles and blending set the layer to overlay, screen or color.
This is great for treatment of footage and assets from different sources. It can help with unity like noise, but also can give a richer color depth. It’s up to you how much to use, but I either use it very subtle…. barely noticeable or heavy, close to a two-tone but with some of the source color peaking through. I don’t always use this, but it’s a good trick to give a bit of extra depth to your boards.
3. Dynamic Range With Curves
This may seem counter-intuitive, but you can increase the dynamic range by putting a curves layer over everything and dial back some of the blacks and whites. A light touch is key here, you don’t want to lose all your contrast. You want enough to give you some headroom to brighten or punch-in the mid-tones as you see fit. Sometimes I'll make a point in the middle of the curves to lock in the mid-tones, then adjust the black point or white point. Later I'll go back and adjust the mids.
4. Shot Layout Board
5. Value Structure Hierarchy
- Add a black layer at the top of everything overall you boards groupings.
- Set it to color. This should turn everything to a correct B&W to check your value structure.
- This is a guide layer that you can turn on and off as you design or at the end for final touches.
A dark vignette can help strengthen the focal point of the frame. I use a curves adjustment layer over everything and bring down the mids, blacks, and whites. I'll use a vector mask to mask out the area I want to leave as it's normal tone, with a high feather value to soften the blend between the lighter and darker values. If used with extreme values it can look a bit like a harsh spotlight. I prefer to use it with subtle effect to draw the eye to the important part of the frame.
7. The Usual Suspects: Depth of Field, Motion Blur, Glows, Lens Flares, Volumetric Lighting etc…
I’m not going into too much detail here since it’s a in-depth subject and there are heaps of tutorials on all these techniques elsewhere. Since they are used in adding a finished look to your boards, I’d be remiss if I didn’t address it. For transition frames, it can help sell the shot if you have some depth of field, motion blur and a sense of movement. Lens flares and glow effects can also provide a bit pop when used sparingly. To add depth of field put a simple gaussian blur on foreground objects or the background. A directional blur on any elements you want to portray as moving can add some dynamism. There’s plenty of volumetric lighting and fog tutorials online, but if you are using Octane to render any 3D elements you can do some of the post effects in Octane instead of photoshop. In fact, Octane is quickly pivoting to be the creative directors' renderer for this reason. You can achieve a lot of rich different looks “in-camera” and render fast for concepting and look dev.
Attribution: The boards featured here were created as a homework assignment for the Design Bootcamp course from School of Motion, Inc. All work is speculative and created for educational purposes. These are some of the tips I learned at School of Motion Design Bootcamp. Photo images have been graciously provided by Shutterstock for use in the creation of course content and exercises. Visit them at shutterstock.com.