Catalog > Free Tutorials > How to Create Latte Art in Photoshop
  • How to Create Latte Art in Photoshop

  • by Aaron Nace
    May 3, 2016
  • Add to



Download Sample Images

Click the link below to download the sample images and follow along with this tutorial.


Tutorial Description

Learn how to take any photo and convert it into latte art using our free custom brush and the Smudge Tool!

How to Remove Original Designs

Removing the original latte art design may be necessary, depending on the image you start with. In this example, we created a custom Brush made of tiny dots. Using the Brush dialog ‘Window-Brush’, we add Size Jitter, Angle Jitter, and Scattering.

This creates many different dots of Color as you paint, recreating the latte Texture and allowing you to remove any existing latte art. Download the brush we use in this episode below.

Use Filters to Convert Photos to Art

In this example, we use a photo of a lion to create latte art. Because latte art is made of foam, we need the design to be one Color, and as simple as possible. Using the ‘cutout’ filter in the ‘Filter Gallery’, we simplified the shape and Color of the original photo, making it perfect for latte art. You can use this Filter with any image in Photoshop.

Use the Smudge Tool to Create Streaks

The next step is to make the latte art look as though it was created by hand – not Photoshop. To create latte art, a barista will drag a small Tool through the foam to create a design in the cup. In this case, we are using a digital version of the same Tool – the Smudge Tool. Start by creating small streaks to get the hang of it, and when you are ready, make large bold streaks.

Finishing Steps

To add more Texture at the end, use a ‘Spatter’ Filter in the ‘Filter Gallery’ to give the edges a more realistic look. Then use the brush we created at the beginning of the episode to add small dark spots, imitating bubbles in the latte!

New & Popular Tutorials

One Subscription. All of PHLEARN

Get Instant Access to Every Tutorial