Hi. This is Marty from Blue Lightning TV. I'm going to show you how to create customizable, latte coffee art.
I provided this photo as a base for us to work on. Its link is in my video's description or project files.
Before we begin, if you haven't already subscribed to Blue Lightning TV,
click that "Subscribe" button to let you know as soon as I upload new Photoshop tutorials.
Open a high-contrast, black and white graphic, which will be the
source of our latte art. It could be a logo, clip art or even text. We'll place it onto
the coffee cup image. If the Move Tool isn't active, press "v" on your keyboard.
Drag your graphic onto the tab of the base photo and without releasing your mouse or pen, drag it down and release.
Reduce the graphic's opacity, so we can see the cup under it.
To resize our graphic, open the Transform Tool by pressing Ctrl or Cmd + T. Go to a corner.
If you're using a version earlier than CC 2019, press and hold Alt or Option + Shift
as you drag it in or out. If you're using a later version, just press Alt or Option
as you drag it. To reposition it, go inside the Transform's bounding box and drag the
graphic. To rotate it, go to a corner and drag it clockwise or counterclockwise to an
angle you like. Then, press Enter or Return. We can now increase its opacity back to 100%.
Since the nature of foamed milk doesn't have sharp corners or edges, I'll show you a way
to a quick, effective way to round out our graphic. Go to Filter, Blur and Gaussian Blur.
Blur it between 3 to 6 pixels. Keep in mind, the more you blur it, the more the shape of
the graphic will be rounded out. Go to Image, Adjustments and Threshold.
The default amount is 128. Basically, any pixels lighter than 128 are converted to white and any pixels darker
than 128 are converted to black. Dragging the Threshold to the left constricts all the
shapes, while dragging it to the right expands them. Choose a threshold that has the balance
that looks good for your graphic. Keep in mind, if the corners are too round or conversely,
too sharp, you can always go back to adjust the amount of blur.
Hide the background and open the Channels panel. If you don't see it, go to Window and Channels.
Cmd-click any of the channel thumbnails to make a selection of the shape.
Open back the Layers Panel. Press the "Delete" key on your keyboard to delete the white area surrounding
our graphic. Then, deselect it by pressing Ctrl or Cmd + D.
Make the background visible again. We want to convert our graphic into a Smart Object, so we can modify it non-destructively.
To do this, click the icon at the upper, right to open the fly-out list and click "Convert to Smart Object".
Double-click an empty area of the layer next to your graphic to open its Layer Style window.
Click "Color Overlay" and the color box. Pick white and click OK.
The Blend Mode is Normal and the opacity is 100%. Click "Satin" and the color box.
In the hexadecimal field, type in: F6EDC5. The Blend Mode is Multiply, the Opacity is 100%
and the Angle is 90 degrees. The Distance is 30 pixels, the Size is 40 pixels and the
Contour is Linear. Click "Bevel & Emboss". The Style is "Emboss", the Technique is "Smooth"
and the Depth is 210%. The Direction is Up, the Size is 30 pixels and the Soften is 5 pixels.
"Use Global Light" is unchecked. The Angle is 120 degrees and the Altitude is 50 degrees.
The Highlight Mode is "Linear Dodge", the color is white and the opacity is 20%.
The Shadow Mode is "Hard Light". Click the color box and type in: 582C19. Then, click OK on both windows.
Lastly, we'll distort the overall shape and add air bubbles to our latte art.
Go to Filter, Distort and ZigZag. Make the Amount: 21, the Ridges: 6 and the
Style: "Out From Center". Go back to Filter, Blur and Gaussian Blur. Blur it 1 pixel.
We'll make a composite snapshot of our visible image, so we can add air bubbles to the art.
Press Alt + Ctrl + Shift + E on Windows or Option + Cmd + Shift + E on a Mac.
Open the Patch Tool. This tool essentially matches the texture of sampled pixels using selection-defined
areas instead of a brush. At the top, we have a choice of two Patch modes: Normal and Content Aware.
Choose "Normal". There's also two buttons: "Source" and "Destination". When the Source
button is selected, draw a selection within the art and drag it outside the art and release.
Then, deselect it. Notice it copied the outside texture and then blended it onto the art.
When the "Destination" button is selected, draw a selection outside the art and drag
it inside the art to fill it with the texture. If I draw a selection and drag it over an
edge, that edge is softened because the Patch Tool blended them together. Continue to add
air bubbles to areas of your latte art until you're happy with the result.
This is Marty from Blue Lightning TV. Thanks for watching!