Tuesday, September 1, 2020

How to Create a Photo Caricature in Adobe Photoshop

How to Create a Photo Caricature in Adobe Photoshop
Final product image
What You'll Be Creating

Caricatures are a fun alternative to traditional portraits. The idea is to comically exaggerate particular features to create a humorous representation of that person. In this tutorial, I'll show you how to turn a photo into a caricature using Photoshop. 

What You'll Learn in This Tutorial on How to Create a Photo Caricature in Adobe Photoshop:

  • How to create a caricature from a photo in Photoshop
  • How to convert a photo to a caricature
  • How to warp photos in Photoshop
  • How to change the size of facial features in Photoshop
  • How to create a caricature Photoshop effect

Follow along with us over on our Envato Tuts+ YouTube channel:

An Optional Shortcut

If you're looking for a shortcut, you can create some great effects using the Photoshop actions on Envato Elements.

Photoshop actions on Envato Elements

Or for something more personal and customized, you can find a wide range of caricaturists on Envato Studio. They'll draw a unique caricature based on the photo and instructions you provide.

caricaturists on Envato Studio

If you'd rather do it yourself, however, read on for the full manual process.

Tutorial Assets

This caricature tutorial requires two files. The files you will need are:

  • A portrait photo. Feel free to use one of your own, or use the same one I used.
  • A textured background. I created this one using the Adobe Texture Paper Pro extension (available to download as the attachment)
Textured background

1. Prepare the Photograph to Caricature

The essential technique for creating a caricature is to find elements that are already naturally pronounced, and exaggerate them to a comical degree. In our starter photo here, the man's jawline is rather large, and his smile is very prominent. The horn-rimmed glasses are noticeable, and the hairline is beginning to recede. These are all aspects of his portrait we can have fun with.

The Beginning Portrait

Step 1

Now I'll show you how to make a caricature in Adobe Photoshop. In Photoshop, it’s easy to extract the figure from the background. Just pick the Magic Wand Tool (I), click Select Subject, and then press Control-J to create a cutout layer of the man.

select subject tool
Extract the figure from the background

Step 2

It's much easier to work with particular features if they are isolated. Use the Curvature Pen Tool (P) to outline the individual elements, and press Control-Enter to turn the outline into a selection. The body and clothing layer should follow the neckline of his shirt.

Cutout the bodyclothes

Keep the selection large and rough when creating the chin layer—we will make it blend in nicely later.

Create a Chin Layer

Keep the mouth layer selection outside the lip area so there's room to blend it in later.

Create a Mouth Layer

Likewise, keep the selection around the nose rough, with plenty of room to spare.

Create a nose layer

Keep the selection around the glasses nice and tight, and include the eyes.

Create a selection for the glasses layer

Keep the selection tight around the outside contour of the ear, but give yourself room to work with on the inner side.

Create the ear layer

Step 3

Just to keep things as flexible as possible, let's transform each layer into a Smart Object. Grab each layer individually and right click > Convert to Smart Object.

2. Change the Size of the Facial Features

Now that the different features are all on their own layer, we can begin transforming them into an exaggerated caricature. Use the flexibility of the Smart Objects to work with different size combinations to get a humorous effect.

Step 1

A common caricature technique is to make the head extremely large in proportion to the body. To accomplish this, shrink the body layer down significantly with Edit > Free Transform (or use the shortcut Control-T).

Step 2

Use Edit > Transform > Warp to begin shaping the head layer. Fit the neck into the neckline of the shirt and inflate the top of the head. The goal of this step is just to establish the basic shape of the head, and that serves as a foundation for the other layers to build on.

Warp the head layer

Step 3

Distort the chin layer to elongate it and sharpen it slightly. Try to keep the top aligned so the seams are not overly visible. Hold Control to drag the corners separately.

Distort the chin

Step 4

Make that big grin even larger by stretching out the mouth layer.

Stretch the mouth into a larger grin

Step 5

Caricatures frequently make noses extremely large and exaggerated. Expand the nose layer to comical proportions—even if it overlaps the mouth, it's OK.

Increase the nose size

Step 6

The glasses layer requires more attention than the simple scaling we used with the other features. The Edit > Transform > Warp tool can be used to adjust their shape to the head.

Size up the glasses and use warp to fit them to the face

Step 7

All the distortion has nearly eliminated the ear on the base head layer. Good thing we have an ear layer to scale up so that it can support the heft of those glasses!

Increase the ear layer too

Step 8

Now add a Layer Mask to each layer and use a soft brush with black paint to blend the individual elements into a cohesive whole. Masking the chin is the most challenging, as you have to work around the hairs of the beard. Just use a smaller sized brush and work carefully.

blend the elements of the face
add layer mask to each layer

Step 9

Add a new layer above all the cutout layers and use the Spot Healing Brush (J) set to Sample All Layers to paint over any obvious seams or trouble areas that escaped the masking process.

Top layer to cover over seams

3. Warp Facial Features

Next up is the true power behind the caricature process. It's the infamous Liquify feature. We've already done much of the warp work with the different transformations, but it's the Liquify feature that is really going to create a fluid, funny, exaggerated appearance. The Liquify tools are powerful and can be unpredictable, but fortunately the feature supports Smart Filtering, so there's no worries!

Step 1

Select all of the cutout layers and the seam cover layer and merge them into a single Smart Object with Layer > Smart Object > Convert to Smart Object.

Step 2

Go to Filter > Liquify. Use the Forward Warp Tool with a big brush to increase the size of his forehead. Gently push the skin area up towards the hairline.

Push the hairline back even further

Step 3

Use the Bloat Tool to click a few times on the tip of his nose to make it look more bulbous.

Create a larger tip to his nose

Step 4

Use the Freeze Mask Tool to highlight the frames of the glasses. This will prevent the frames from distorting while we work with the eyes.

Freeze Mask the glasses frames

Step 5

Use the Bloat Tool to create a slightly larger shape to the eyes—just be sure to reduce the size of the brush to be similar in size to the eyeballs. When you've finished, click the None button in the Mask Options to unfreeze the masked area.

exaggerate the shape of the temple area

Step 6

Extend the chin a bit more using the Forward Warp Tool and create a more rounded, bulbous end with the Bloat Tool.

Chin Extension

Step 7

Finally, make his smile even bigger by using the Forward Warp Tool to push the corners of his mouth up into the folds on his cheeks. Just be careful not to warp the shape of the teeth.

Bigger smile

Apply the Liquify effect, and your caricature should look something like this.

Liquify effect applied

4. Add a Background

Now that we've twisted up this poor man's face, let's make it look more like a painted image. We'll start by having a more artistic background.

Step 1

Add a Layer Mask to the caricature layer and use a textured brush to fade the bottom of the layer out. I chose the Sponge Brush Projection brush preset here (you can find it in the Legacy brush set).

texture brush
Mask out the bottom of the caricature layer

Step 2

Open the BackgroundTexture.jpg file from the tutorial assets and place it as a layer underneath the caricature layer.

Add the textured background

Step 3

Add a new layer over the textured background. Fill it with white and use the same textured brush from the mask work to add a white brushed border effect.

Brushed border

5. Add a Painterly Effect

Now we are ready to transform the caricature itself into a painting. We want to retain some of the photographic qualities, but still give the impression of a hand-painted piece. This is easily done using a smudge painting technique.

Step 1

Smaller details tend to disrupt the smudge painting process, so it's best to smooth them out first. Go to Filter > Blur > Smart Blur. Set Quality to High, and experiment with the sliders.

add smart blur
Smart Blur to remove the finer details

Step 2

The highlights in the photo appear a little bright. Correct this by clipping a Curves Adjustment Layer to the caricature layer and using the Curves to decrease the bright areas.

curves adjustment layer
Curves to bring down the highlights

Step 3

Create a new layer at the top of the layer stack. Grab the Smudge Tool with a Brush Size around 40 pixels. Set the Strength to 80% and check the Sample All Layers option. Then begin smudging along the major features of the image. Follow the natural grain of the skin to keep the appearance very fluid.

smudge tool settings
Smudge along the major features

Step 4

Reduce the brush size to about 5 pixels and begin smudging along the smaller details of the image like the eyebrows, individual strands of hair, his eyes, and his teeth.

begin smudging along the smaller details of the image

Step 5

Create a merged layer of the smudge layer, the caricature layer, and the adjustment layer by selecting all of them and holding the Alt key while going to Layer > Merge Layers (Control-E). Then go to Filter > Other High Pass set the Radius to 5.0 Pixels or more. Call this layer Details.

Use the High Pass Filter
high pass filter effect

Step 6

Change the Details layer Blending Mode to Overlay, reduce the Opacity to 78%, and then go to Layer > Layer Mask > Hide All. Use a soft, white brush on the mask to reveal the details in the eyes, eyebrows, nose, mouth, and beard.

layer settings
Reveal the details with a layer mask

Step 7

Add a new layer called Dodge/Burn and fill it with 50% gray through the Edit > Fill feature. Set the Blending Mode to Overlay and then use a soft Black brush at 30% Opacity to simulate a Burn effect. Switch to White to simulate a Dodge effect.

Simulated DodgeBurn effect

Step 8

Add a final color effect. First, create a merged layer of all the layers by pressing Control-Alt-Shift-E. Then go to Filter > Camera Raw and play with the Contrast, Clarity, and Vibrance to create a more painterly effect.

Camera Raw final color effects

Done!

And now you are finished! Behold your amazing photo caricature work. Now take these techniques and go apply them to photos of your friends and family to create some fun, unique, and personal portraits!

The Final Caricature

Cartoon Photoshop Actions

If you're interested in Photoshop cartoon photo effects, check out these great resources from Envato Elements:

Cartoonize Photoshop Action (ATN)

Cartoonize Photoshop Action

This action will turn your photo into a cartoon picture with just a single click. So if you want to make your caricature picture more artistic, use this action to do it in one step!

Cartoon Halloween Text Styles (ASL, PSD)

Cartoon Halloween Text Styles

This set contains seven different styles with a neat layout that's ready to use—you only need to add your own text to create a cartoon effect text!

Turn Photo Into Cartoon Photoshop Action (ATN)

Turn Photo Into Cartoon Photoshop Action

This powerful action will turn you into a cartoon character! You can choose from many backgrounds and color looks, and as a bonus, it's possible to animate the end result!

Zombie Grime Art Photoshop Action (ATN, PAT)

Zombie Grime Art Photoshop Action

Create a trendy zombie grime effect with this action. It's highly customizable—you can adjust the drip parameters to your needs. And it's animated as well!

Cartoon Style Text Effects (PSD, ASL)

Cartoon Style Text Effects

Choose from ten different styles to cartoonize your text. This set contains Smart Objects that can be edited to give you instant results.

Want More?

This tutorial is just an excerpt from a larger, more detailed set of instructions found in my Tuts+ course, Fluid Photo Manipulation: Transform, Warp, and Liquify. Also be sure to check out my profile of courses and tutorials here at Tuts+ and find this course, and much more!

You can also check out our other free tutorials:

Extra Resources

If you're interested in getting some help with your caricatures, Envato Studio has a great collection of caricature and portrait services that you might like to explore.

Or you could go the automatic route and use a caricature Photoshop action from Envato Market.


Monday, August 31, 2020

20 Top Business Slideshow Templates for Premiere Pro

20 Top Business Slideshow Templates for Premiere Pro

In this article we're exploring the Envato Elements collection to show you 20 of the best corporate slideshow template projects for Adobe Premiere Pro, describing what I like best and how they can work for you.

Envato Elements is a creative resource offering hundreds of thousands of professional-quality resources. With an all-inclusive monthly membership, you can unlock unlimited downloads of project templates, stock footage, fonts, images, and more.

Multimedia projector in an office
Projector in an office at an agency by Wayneknoesen/Twenty20

Be sure to check out the video previews as you explore these options, and remember that with Elements you can try as many as you like to find one you want to use.

Top Slideshow Video Templates for Businesses From Envato Elements

There are thousands of Adobe Premiere Pro video templates to choose from on Envato Elements, but here are our favorites. Let's dig in, shall we?

1. Dynamic Slideshow

This video slideshow template is here to energize your corporate presentation. The bold text and smooth transitions add some dynamism to your photos. You can easily edit everything to complement the content you're showing.

 

2. Elegant Timeline Slideshow

Part of the fun of the destination is the journey you took to get there. Walk your audience through your company or project's history with Elegant Timeline Slideshow. Edit dates, images, and more with placeholders.

 

3. Corporate Business Slideshow – Premiere Pro

Simple, clean, and modern, Corporate Business Slideshow is easy to design. You can quickly edit and duplicate slides, text, and photos with this HD template. If you need a minimal look for a business slideshow, try out this template.

 

4. Corporate Slideshow

This dynamic template is our pick for top corporate slideshow for Premiere. Featuring clean corporate fonts and boardroom-inspired graphics, it’s the perfect fit for your next photo presentation at work.

 

5. Corporate Slideshow v.2

Continuing the theme of the choice above, version two of the corporate slideshow delivers new polish to the graphics you’ve already explored. The minimal, modern styling ensures that audience focus remains on your message.

 

6. Digital Slideshow

This template is an inspiring and uplifting corporate slideshow opener that’s perfect for introducing yourself, and your brand, to the world. With parallax graphics, simply drop in your images and you’ll be competing with world-class marketing efforts everywhere.

 

7. Clean Corporate - Premiere Presentation

With simple, no-frills graphics, this clean presentation is built for executive presentations and marketing slideshows alike. A plethora of included simple animations stylishly rolls out all of your content.

 

8. Corporate Trend

Designed especially for image promos, the Corporate Trend template embraces all the best in modern corporate style. Flashy text overlays complement your finest marketing material in a combined package of unforgettable style.

 

9. Moments

Moments is a new and unique slideshow template that will give your next corporate slideshow a different look and feel. Try it out for a full slideshow, or as a quick intro—the choice is yours, and it’s built to do anything.

 

10. Slice Transitions

While it appears simple, it's style is timeless. With this quick elegant transition template, you can maximize screen-time for your corporate images without wasting time on lengthy and distracting transitions.

 

11. Corporate Events

Themed around your next corporate event, this template is ready to support your next board meeting, company picnic, or any gathering in between. It includes fashionable typography to support your photos with any kind of detail.

 

12. Bold Slideshow

Although not staid and reserved like many corporate themes, this slideshow template brings out an element of fun in your next video project. Unbeatable for marketing and sure to inject fun into internal slideshows, this corporate template is worth a second look.

 

13. Corporate Minimal

Luxurious graphics are great, but sometimes they can just be distracting. Rise above the clutter with this inspired professional template. Drop in your photos, and let the minimal, refined graphics do the work.

 

14. Corporate Letters

A picture might be worth a thousand words, but that doesn’t mean your words don’t matter. If you need strong typography and captions in your corporate slideshow, start right here with this professional template.

 

15. Ink Parallax Slideshow

Parallax graphics are popular in today’s productions, and you can add them to your corporate slideshow here. Perfect as a simple presentation or special event showreel, it meets any need with just a few clicks.

 

16. Minimal Portfolio Display

For another text-inspired corporate slideshow template, check out this colorful and multipurpose Elements template. It’s low-key enough to match any style, but powerful enough to meet any need. For text overlays without fuss, this one is hard to beat.

 

17. Business Promo

Designed around marketing but suited for all manner of corporate content, Business Promo lives to make your business look better. Simple slideshow graphics evolve into advanced transitions based on your design choices.

 

18. Emotional Slideshow I Opener I Premiere Pro

Try out this spectacular template if your corporate slideshow serves as your brand’s introduction to the world. Cinematic in style and robust in creativity, Emotional Slideshow is the key to making your slideshow into something truly spectacular.

 

19. Business Technology Trends

The Business Technology Trends slideshow template lives up to its name. Fire up Premiere Pro, and add your logos, text, and media to this modern style theme. It has eight main themes and is in full HD.

 

20. Business Slideshow

This Premiere Pro slideshow template is stylish yet right at home in corporate settings. The transition effects are smooth, and you can show off your media in a fresh way. Business Slideshow also renders quickly, so you won't have to wait long for the finished product.

 

More Resources From Envato

Learn How to Use Adobe Premiere Pro

Get the most out of Premiere Pro with these tutorials:

Boost Your Video Marketing With the Envato Guide

Boost your video marketing skills with our comprehensive guide: You'll learn video marketing from start to finish.

Download Free Video, Music, and Templates From Mixkit

Check out Mixkit for free stock videosfree stock music, and free templates for Adobe Premiere Pro.

Make a Motion Graphics Video Online With Placeit

Placeit is an online video maker with professionally-designed motion graphics templates.

Envato Elements: Unlimited Downloads

Envato Elements offers millions of stock items: photosmusicvideo clipsfonts, video project templates for After EffectsPremiere ProFinal Cut Pro and Motion, and creative courses from Envato Tuts+, all with a single subscription: Download as many items as you want for one low monthly price.

Envato Elements Design Without Limits

More Eye Catching Premiere Pro Video Templates