Photoshop draw a full coffee with foam effect cup production tutorial

Source: Internet
Author: User
To the users of Photoshop software for detailed analysis and sharing to draw a coffee with foam effect of the production of a cup of the tutorial.
Tutorial Sharing:
Effect chart.

The first thought is to use the brush and material, and then see the reply below "not embarrassed oneself how to become strong", then think with the brush will be too simple, did not solve the problem to ask ... So the following process uses only the PS default circle brush and the default filter, not the texture material. Conversely, there are times when ideas can be used to make textures. For the domestic difficult to buy the authentic texture material of the environment, more or less may play a point of significance (?)
First, observe
Before you start, observe the effect of what you want to make the most important to restore the place, and then in the mind of the operation steps, will make the entire production process more concise.

This is the original image, the focus of personal observation:
The background color of the coffee has mottled colour block, after all, the liquid such as a cup is difficult to do very pure, such effect in the production of appropriate exaggeration is also possible. The white foam on the coffee, concentrated in the place more inclined to pure white, scattered thinner place biased to light soil yellow. The more concentrated the more compact the bubble, the more dispersed the place the greater the bubble. The place of concentration is a sort of a hill-like stereo figure with a slightly higher altitude, not a complete plane. It also means adding the right shade to the place where it is backlit. Large bubbles have very small reflections in the direction of the light, with projections on the surface of the coffee. Maybe it's just been stirred, the coffee has a very light spiral on the surface, and the grease on the coffee floats or something else has a tendency to wrap around.
Then, based on the content of these productions, the production steps are developed:
Do the background color first. Make a spiral on the surface of the coffee. (Although I think so, but I forgot when I made it) and then make a color block and a broken bubble background. The individual wants the coloring block and the broken bubbles to be able to do together, after all, the color block is not so obvious. Then do a more concentrated bubble background. The effect of the bubble is to knock out the background. Finally with the filter to the overall texture of the three-dimensional processing.
Second, start production
First choose the background. (The filter effect below will adjust the value according to the actual needs.) It doesn't make sense to give a specified number if you do things differently. I will write every reason to use the filter.

Third, the new layer to do color spots and bubbles
Color spots and bubble edge are softer, so the brush hardness to the minimum, open with pen pressure control transparency. Color selection than the background brightness slightly higher, hue yellow as a sparse bubble. (see 2nd of observation)
The way of painting is more concentrated and more transparent in the middle. The margins are decentralized where transparency is low.

To do the middle and the edge of the white concentrated bubble background.
Again here I refer to the original image adjusted the color of the background.

When the air bubbles are hollowed out, they begin to have the effect of bubbles. When you knock out the 2nd, focus on the area there are several large bubbles, the rest are small bubbles, as far as possible to avoid too regular. (The color is adjusted again here).
Then the direction of the backlight to the white bubble plus light shade, give the preliminary three-dimensional sense. The edge uses the brush that has been used before to erase mode to wipe, avoid perfect.

Digging these finely broken bubbles here is a bit tiring, so I thought about whether there is a way to quickly knock out a lot of dense bubbles.
And then think of a way: with PS from the rendering of clouds to create disorderly color and brightness. Then use the noise with the threshold to convert the clouds into spots, and then use Gaussian blur to make these spots soft round spots. Then use the channels to select the spots to make the selection and use the selection to knock out the bubble layer.
(Add a thought to this method: First, the bubbles are hollowed out on the bubble background, and a quick knockout of many places is first thought to be a selection.) The question is how to make a tiny selection. Bubbles cannot be a hard edge, so these selections will have to be translucent and only use the channels. That direction becomes how to generate a picture with lots of soft, dense spots to extract a selection from the channel.
The position of the bubble needs to be randomly generated, and the cloud can only be used to define the randomness without material. Then the bubbles can be abstracted into dense dots, and the noise + threshold to change the clouds to small spots must be out of the running. It says that the edge of the bubble needs to be softer, so the dots can be treated as small dots with soft edges, stretching and Gaussian blur. )
The process is as follows:

The effect is as follows:


The effect is as follows:


The effect is as follows:


The effect is as follows:


The effect is as follows:

Ctrl-click the RGB channel to select all the white in the screen. To keep this selection to the foam layer, click Delete to knock out the bubbles. Don't think digging is clean enough, just a few more times delete.

Five, do spiral shading
The way I use this is to keep the top selection and fill it with white. Then do spiral radial blur on these white soft spots. Swing position. This layer can use overlay mode, the transparency will have a faint yellow.
In this step, with a translucent brush and translucent specular highlights (to remember the direction of the light), create a layer underneath the bubble layer to give the bubbles a lighter shade on the coffee surface.

VI, because it appears that the bubble is too vague and soft, direct sharpening and inconvenient to retain the soft edge, so need to change the method sharpening and enhance the details of the three-dimensional, this must use filters.
To duplicate a layer of bubbles and textures by two layers:
One layer filter-other-high contrast retention. The aim is only to sharpen the original sharpness of the higher part.
Layer layer with filter-style-carving effect. The aim is to add very inconspicuous icing and grease to the small bubbles and oils.
Color processing, the coffee surface is finished.
The surface of the coffee is done, and the edge of the cup to soften a little bit, with the feather of the magic wand selected after the removal can be.
Because the cup is not the focus, the painting is also more casual, do not start to say.
Get the final effect:

The coffee produced here is still unsatisfactory place, the bubble is too small, the number of large bubbles is not enough, the oil drift is also a bit blunt. But the idea should be sorta.
The whole process from observation to production is about 1.5 hours.
When making materials and images, in fact many specific operations are done over and over again to observe and think. But before you do it, you have to make a clear thread of the whole process.
For example, I did not think well before the start of the need to use a carving effect to do three-dimensional, here the last found need to add. But the whole process of production has been finalized according to observation. We do not have to follow a step-by-step, because it is possible to observe their own time to find I missed the focus, so that the effect should be better.
Okay, the above information is small compiled to you photoshop this software users of the detailed rendering of coffee with foam effect of the production of a cup of the full content of the product, you see the users here now you are very clear to make a tutorial, Now, everyone, just try it yourself.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.