Exercise 19 [Creating Coffee Cream in Photoshop] by Chorn Samol
Here is new one tutorial how to create coffee cream using just a few Photoshop filters.
In the beginning of tutorial we should find some appropriate picture with cup of coffee. You can find it on the Google Images of feel free to use mine picture. Open up the picture and start our tutorial. I would like to add some gradient to our dark liquid surface. Use the Elliptical Marquee Tool to create selection as shown on the picture below.
![Creating Coffee Cream in Photoshop 01 Creating Coffee Cream in Photoshop 01](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_01.jpg)
After that use Select > Modify > Feather to feather selection borders about 3 pixels to bring our future gradient more realistic view. Ok, now select some appropriate colors, for example colors of #000000, #573700 and drag a linear gradient.
![Creating Coffee Cream in Photoshop 02 Creating Coffee Cream in Photoshop 02](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_02.jpg)
Remove selection with Ctrl+D and change layer mode to Screen for this layer.
![Creating Coffee Cream in Photoshop 03 Creating Coffee Cream in Photoshop 03](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_03.jpg)
Ok, time to create coffee cream. Create new layer and add a few white spots with Brush Tool and a soft round brush.
![Creating Coffee Cream in Photoshop 04 Creating Coffee Cream in Photoshop 04](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_04.jpg)
After that apply Filter > Distort > Twirl with similar settings to these:
![Creating Coffee Cream in Photoshop 05 Creating Coffee Cream in Photoshop 05](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_05.jpg)
The result should be next:
![Creating Coffee Cream in Photoshop 06 Creating Coffee Cream in Photoshop 06](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_06.jpg)
Looks not bad for now, isn̢۪t it? Ok, goon on. After that apply another one Filter > Distort > ZigZag and set up next parameters for it:
![Creating Coffee Cream in Photoshop 07 Creating Coffee Cream in Photoshop 07](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_07.jpg)
Your picture should look as mine:
![Creating Coffee Cream in Photoshop 08 Creating Coffee Cream in Photoshop 08](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_08.jpg)
Ok, move to the next step. Now apply Filter > Distort > Wave with next settings:
![Creating Coffee Cream in Photoshop 09 Creating Coffee Cream in Photoshop 09](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_09.jpg)
Result:
![Creating Coffee Cream in Photoshop 10 Creating Coffee Cream in Photoshop 10](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_10.jpg)
Don̢۪t be afraid that cream goes out of cup borders. We will correct it later. Now apply Filter > Distort > Wave one more time, but don̢۪t forget to change settings as shown on my picture below.
![Creating Coffee Cream in Photoshop 11 Creating Coffee Cream in Photoshop 11](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_11.jpg)
The result should be next:
![Creating Coffee Cream in Photoshop 12 Creating Coffee Cream in Photoshop 12](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_12.jpg)
Ok, time to correct cream out of cup borders. Use Ctrl+T to reduce coffee cream size a little bit.
Then select the Eraser Tool and a soft round brush about 30 pixels and clear all the strokes out of liquid area.
![Creating Coffee Cream in Photoshop 14 Creating Coffee Cream in Photoshop 14](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_14.jpg)
And the last one thing that we have to do is to change a little bit cream color. Change layer mode to Overlay for current layer.
![Creating Coffee Cream in Photoshop 15 Creating Coffee Cream in Photoshop 15](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_15.jpg)
Now it looks not so bright isn̢۪t it? Ok in this way duplicate current layer and set opacity up to 50% for new layer.
![Creating Coffee Cream in Photoshop 16 Creating Coffee Cream in Photoshop 16](https://cdn.photoshopstar.com/media/2010/03/coffee_cream_16.jpg)
Ok, we are done for this tutorial. We got very nice realistic view coffee cream. Hope, u have the same good result!
Exercise 19 [Creating Coffee Cream in Photoshop] by Chorn Samol
Reviewed by John
on
October 11, 2017
Rating:
No comments