Categories

May 03, 2016

How to Create Latte Art in Photoshop

How to Create Latte Art in Photoshop

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!

Download The Latte Brush

25 Comments


user image You
(will not be published)

  • user image
    SoBePhoto

    Thanks Aaron for another instructive and free tutorial. I hope that all is well. I have been following what everyone has been doing with photography recently and it is extremely exciting, confusing (I am in the heart of Art Basel Miami) and mind boggling (not necessarily better nor worse, it is just the future, …, Ansel Adams might be rolling in his grave and at the same time he might be dancing for joy). You are very generous in sharing what you know. That seems a rare trait today. I am not that old, I just started very young, still I find inspiration in every episode that you post. Thanks again!

  • user image
    Chris W

    Would frequency separation not work for the texture? Love your work, good job

  • user image
    paolo.scarparo

    great video aaron. amazing.

    Can you do a video for editing architecural vizualization view and draft?

  • user image
    Steven Maguire

    Love your tutorials and learn something new every time. Please keep them coming, and the out takes.

  • user image
    chris

    I just wanted to thank you for your tutorials I’m learning so much from them

  • user image
    Belinda

    Wonderful video! Aaron rocks! I’ve learned so much from Phlearn. Can’t wait to make latte art.

  • user image
    nicholas

    please can make a tutorial on how to make this poster effect i sent you attachment

  • user image
    Ryan

    This was my result. Not the best, but I tried! I made my own brush preset too!

  • user image
    Greg

    Hi Aaron,
    Thanks for the wonderful tutorial. After playing with this for a while I found it a bit difficult to do for more detailed images. So I found a workaround, which I’d like to share here for the benefit of everybody.
    So, initially you do everything the same way – bring in the photo, and use the cutout filter. But then, when you have your cutout made, here’s what you do next:
    1. Go to select -> color range. Since you have a cutout, the colors will be very defined which will make it easy to select. Select only the parts that you want to be visible on your coffee (this gives you a certain creative freedom) and click ok.
    2. Make your cutout layer invisible, and with your selection active click on curves adjustment layer (it has to go on top of your coffee layer). So the curves adjustment layer will be created with a mask in shape of your selection.
    3. Open the curves dialog and drag the middle point on the curve upwards -> you’ll see the magic happening! 🙂 Your shape will come to life on the coffee!
    4. Continue as described in Aaron’s original tutorial with smudge tool and splatter filter, but do it on your mask that you created on the curves layer.
    Hope this helps 🙂

  • user image
    Achintha Maduka

    This is my latte Art.. Also i made my own brush.. Thank you Aaron.. Also Thank you Phlearn! I love Phlearn..

  • user image
    Kajetan "KG" Groicher

    Aaron and the Phlearn Team –
    Thanks much for the fun tutorial! I’ve not done much work in Photoshop, but found this to be a great introduction to some of the tools available. The postcard in the photo is also photoshopped in (first attempt with that too), and is the image used for the latte art. Thanks again, looking forward to learning even more.
    Best-
    KG

  • user image
    Kajetan "KG" Groicher

    Aaron and the Phlearn Team-
    Thanks much for the awesome tutorial. You addressed something that I’ve been wanting to try for sometime, but, being a PS noob, could not pull off. I decided to give your method a go, and quite like the result. In addition to the latte art, the “postcard” is a photoshop insert as well. The mountain featured in the postcard forms the basis for the latte art. Thanks again, and I look forward to trying more of your techniques.
    Best-
    KG

  • user image
    sako

    Thank you for the fun and amazing tutorial! 😀
    It was very clear and easy to follow!

    My first attempt…definitely need more practice… but I enjoyed it a lot 🙂
    Thank you, Phlearn!

  • user image
    Jennifer

    Where can I find a high res stock image so I can create the art? I want to start at the middle (and not take away any pre-existing art)

  • user image
    cyberwasp

    Aaron. Reaaly liked this tutorial. After upgrading to the latest PS 2015.5.1 I tried it again and for some reason I could not get your brush to properly cover the existing image. So I re installed the 2015.1.2 and it worked fine. Weird huh. Here’s my version.