Look at the renderings
People who work in design and advertising often work overtime to catch up on homework, and coffee seems to have become a permanent fixture on the table. However, we should still pay attention to the balance between work and rest at work. Although the coffee is good, don’t be greedy for it.
The general idea of this tutorial is:
1. Make background
2. Make chassis
3. Cup, handle
4. Coffee in the cup
The fourth step is a bit complicated, I will explain it in detail~
1. Create a new 600*600
2. Add gradient to the background
3. Create a new layer, fill it with gray (set it according to your preference), Filter-Noise-Add Noise
4. Perform blur-motion blur.
After execution, set the opacity to 50% and the blending mode to Overlay.
5. Next, add inner shadow to the background layer that was previously filled with blue gradient.
(Why not add it together in the first step? It is because some textures were added to the background layer in steps 3 and 4. After adding the inner shadow in the fifth step, what you have done will be used without any modification. Otherwise, It may need to be modified again because it is inconsistent with the texture.)
6. Draw a 450 px * 450 px circle as the base and add a gradient.
7. Add gloss. To darken the middle of the plate, leave the top and bottom unchanged.
8. Add strokes. Softer.
9. Draw a 420 px * 420 px circle and add a blue stroke. #8dc3ff
10. Add gradient overlay, #f0f3f7—#bfc2c8.
11. Duplicate the chassis, fill it with black, move it down a few pixels as the shadow of the chassis, and add Gaussian blur.
12. Add motion blur. The angle is 90 degrees, spreading the shadow downward.
13. Add reflection to the plate. Use the pen to draw a path and then add the gradient. Also change the layer’s fill to 0.
14. Draw the reflective path on the left, with the values as shown below. Filled with 0.
15. Draw the white circle on the outside of the cup (refer to the completed picture). Make a 250*250 ellipse.
16. Add a gradient to the white circle outside the cup.
17. Draw a blue circle inside the cup and add light and shadow gradients.
18. Draw the handle, add a rounded rectangle, and then gradient as follows.
#e4e2ec—#a3a0a7(25% position)—#eae8e8(47%)—#cecece(65%)—#79797a
19. Add a stroke to the handle.
#999999—-#cccccc(25%)—-#cecece(70%)—-#ececec
20. Make shadows. Hide the base and background layers, then press shift+ctrl+alt+e to stamp the layers to get the following graphic. and fill it with black. (Everyone is thinking why not use projection?)
21. Add Gaussian blur.
22. Add motion blur. And move it down a few pixels.
Next, we will go into coffee making. Since there are a little too many layers, I will give you an exploded view first.
Now let’s start the detailed layering production
23. Draw a small circle and name it coffee. Outer glow#b99311
24. Add inner glow. Color is #996f14 to transparent
25. Add gloss and simulate coffee ripples.
26. Color the coffee~ (You can choose the color yourself) Copy the coffee layer you just made, clear the layer style, and fill it with color.
#463807Gradient to black.
27. Right-click and set a clipping mask on the coffee color layer.
28. Make a crescent shape. First draw two small and large circles. (In the same vector mask.) Arrange as shown.
The color of the large circle is #704309. Make the small circles as desired (they will be cut out in the next step).
29. Select the small circle and click the second cutting option to cut.
30. Use the pen tool to add some anchor points to the graphic.
(In order to make the crescent moon not a perfect circle, we make some irregular transformations because the water surface is irregular)
The status of the pen is as follows. Please select the second one on the right and overlay it.
Use the direct selection tool (shortcut key A) to make irregular changes.
31. Perform Gaussian blur.
32. Create a clipping mask.
33. Make reflections. Draw the path as shown and add gradient overlay.
The left color is #efe7e0, the opacity is 10%, the middle color is #efe7e0, the opacity is 70%, and the right opacity is 0.
The effect shown in the picture.
34. It’s time to add bubble particles. It seems very complicated, but it can be done in one step.
Draw some bubbles of different sizes, not necessarily regular, and add bevels and reliefs.
Bubbles before adding layer styles.
35. Add some bubbles to the upper part, and the angle of the light needs to be changed. More realistic.
Complete coffee and layer settings.
Complete the picture.
Look at the renderings
People who work in design and advertising often work overtime to catch up on homework, and coffee seems to have become a permanent fixture on the table. However, we should still pay attention to the balance between work and rest at work. Although the coffee is good, don’t be greedy for it.
The general idea of this tutorial is:
1. Make background
2. Make chassis
3. Cup, handle
4. Coffee in the cup
The fourth step is a bit complicated, I will explain it in detail~
1. Create a new 600*600
2. Add gradient to the background
3. Create a new layer, fill it with gray (set it according to your preference), Filter-Noise-Add Noise
4. Perform blur-motion blur.
After execution, set the opacity to 50% and the blending mode to Overlay.
5. Next, add inner shadow to the background layer that was previously filled with blue gradient.
(Why not add it together in the first step? It is because some textures were added to the background layer in steps 3 and 4. After adding the inner shadow in the fifth step, what you have done will be used without any modification. Otherwise, It may need to be modified again because it is inconsistent with the texture.)
6. Draw a 450 px * 450 px circle as the base and add a gradient.
7. Add gloss. To darken the middle of the plate, leave the top and bottom unchanged.
8. Add strokes. Softer.
9. Draw a 420 px * 420 px circle and add a blue stroke. #8dc3ff
10. Add gradient overlay, #f0f3f7—#bfc2c8.
11. Duplicate the chassis, fill it with black, move it down a few pixels as the shadow of the chassis, and add Gaussian blur.
12. Add motion blur. The angle is 90 degrees, spreading the shadow downward.
13. Add reflection to the plate. Use the pen to draw a path and then add the gradient. Also change the layer’s fill to 0.
14. Draw the reflective path on the left, with the values as shown below. Filled with 0.
15. Draw the white circle on the outside of the cup (refer to the completed picture). Make a 250*250 ellipse.
16. Add a gradient to the white circle outside the cup.
17. Draw a blue circle inside the cup and add light and shadow gradients.
18. Draw the handle, add a rounded rectangle, and then gradient as follows.
#e4e2ec—#a3a0a7(25% position)—#eae8e8(47%)—#cecece(65%)—#79797a
19. Add a stroke to the handle.
#999999—-#cccccc(25%)—-#cecece(70%)—-#ececec
20. Make shadows. Hide the base and background layers, and then press shift+ctrl+alt+e to stamp the layer to get the following graphic. and fill it with black. (Everyone is thinking why not use projection?)
21. Add Gaussian blur.
22. Add motion blur. And move it down a few pixels.
Next, we will go into coffee making. Since there are a little too many layers, I will give you an exploded view first.
Now let’s start the detailed layering production
23. Draw a small circle and name it coffee. Outer glow#b99311
24. Add inner glow. Color is #996f14 to transparent
25. Add gloss and simulate coffee ripples.
26. Color the coffee~ (You can choose the color yourself) Copy the coffee layer you just made, clear the layer style, and fill it with color.
#463807Gradient to black.
27. Right-click and set a clipping mask on the coffee color layer.
28. Make a crescent shape. First draw two small and large circles. (In the same vector mask.) Arrange as shown.
The color of the large circle is #704309. Make the small circles as desired (they will be cut out in the next step).
29. Select the small circle and click the second cutting option to cut.
30. Use the pen tool to add some anchor points to the graphic.
(In order to make the crescent moon not a perfect circle, we make some irregular transformations because the water surface is irregular)
The status of the pen is as follows. Please select the second one on the right and overlay it.
Use the direct selection tool (shortcut key A) to make irregular changes.
31. Perform Gaussian blur.
32. Create a clipping mask.
33. Make reflections. Draw the path as shown and add gradient overlay.
The left color is #efe7e0, the opacity is 10%, the middle color is #efe7e0, the opacity is 70%, and the right opacity is 0.
The effect shown in the picture.
34. It’s time to add bubble particles. It seems very complicated, but it can be done in one step.
Draw some bubbles of different sizes, not necessarily regular, and add bevels and reliefs.
Bubbles before adding layer styles.
35. Add some bubbles to the upper part, and the angle of the light needs to be changed. More realistic.
Complete coffee and layer settings.
Complete the picture.
微信扫一扫打赏
支付宝扫一扫打赏
