1024programmer Photoshop Icon design, use PS design to create a realistic jade pattern – button icon

Icon design, use PS design to create a realistic jade pattern – button icon

In many people’s perception, PS layer styles can only be used to modify some special text effects, or make some icons. But in fact, the layer style function is much more powerful than you think. For example, can you believe that the jade in the picture below was made using layer style P? Believe it or not, it is indeed made using layer styles. Isn’t it great? Let’s learn it together.

Rendering:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.comTo learn PS, please go to www.16xx8.com

Tutorial begins

1. Create a new pure white canvas size: 800*800PX resolution 300PX

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

2. Create a solid color layer

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

3. Fill color – color code is #f2f45

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

4. Create a new rounded rectangle with parameters as shown below

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

5. The color of the rounded rectangle is as shown below

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

6. Press shortcut keys http://www.16xx8.com/photoshop/jiaocheng/110097.html “ctrl+T” to deform – expand – align the deformation degree of the rounded rectangle to fine-tune (adjust to achieve the effect you want)

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

7. Add “Layer Style” – “Shadow” to “Graphics” (effect 2 times)

Projection once. The parameters are as follows:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

Projected twice, the contour parameters do not change. The parameters are as follows:

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

8. Add “Layer Style” – “Inner Shadow” to “Graphics” (3 times effect)

Inner shadow 1 time parameters are as follows:

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

Inner shadow 2 times parameters are as follows:

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

The parameters for inner shadow 3 times are as follows:

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

9. Add “Layer Style” – “Inner Glow” effect to “Graphics” – the parameters are as follows:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

10. Add “Layer Style” – “Bevel and Emboss” effect to “Graphics” – the parameters are as follows:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

11. Next, create effects for “Jade”

Find “Filter” – “Rendering” – “Clouds” in the menu bar – change the layer blending style to “Color Burn”

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

12. Create clipping Maskhttp://www.16xx8.com/tags/38847/ Shortcut key: Ctrl+Alt+G

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

13. Next – you can find a “small icon” at will – and put it on the “jade”, as shown below

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

14. Modify “Fill” to “0%” and the pattern of the newly imported icon cannot be seen in the picture. The effect is as shown below

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

15. Add “Layer Style” – “Bevel and Emboss” to the “Small Icon”. The parameters are as follows

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

16. Add “Layer Style” – “Inner Shadow” to the “Small Icon”. The parameters are as follows

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

17. Add “Layer Style” – “Projection” to the “small icon”. The parameters are as follows

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

18. Finally, create a clipping mask for the “small icon” http://www.16xx8.com/tags/38848/, and use “Curve” to adjust the brightness (this operation is adjusted according to personal preference) You can) create the clipping mask again, the effect is as follows

Icon design, create a realistic jade pattern through PS design_  www.16xx8.comTo learn PS, please go to www.16xx8.com

The entire tutorial has been completed. Interested students can learn how to make it together. I believe you will do better.

In many people’s perception, PS layer styles can only be used to modify some special text effects, or make some icons. But in fact, the layer style function is much more powerful than you think. For example, can you believe that the jade in the picture below was made using layer style P? Believe it or not, it is indeed made using layer styles. Isn’t it great? Let’s learn it together.

Rendering:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.comTo learn PS, please go to www.16xx8.com

Tutorial begins

1. Create a new pure white canvas size: 800*800PX resolution 300PX

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

2. Create a solid color layer

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

3. Fill color – color code is #f2f45

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

4. Create a new rounded rectangle with parameters as shown below

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

5. The color of the rounded rectangle is as shown below

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

6. Press shortcut keys http://www.16xx8.com/photoshop/jiaocheng/110097.html “ctrl+T” to deform – expand – align the deformation degree of the rounded rectangle to fine-tune (adjust to achieve the effect you want)

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

7. Add “Layer Style” – “Shadow” to “Graphics” (effect 2 times)

Projection once. The parameters are as follows:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

Projected twice, the contour parameters do not change. The parameters are as follows:

Icon design, create a realistic jade through PS design�Pattern_www.16xx8.com

8. Add “Layer Style” – “Inner Shadow” to “Graphics” (3 times effect)

Inner shadow 1 time parameters are as follows:

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

Inner shadow 2 times parameters are as follows:

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

The parameters for inner shadow 3 times are as follows:

Icon design, create a realistic jade pattern through PS design_www.  16xx8.com

9. Add “Layer Style” – “Inner Glow” effect to “Graphics” – the parameters are as follows:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

10. Add “Layer Style” – “Bevel and Emboss” effect to “Graphics” – the parameters are as follows:

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

11. Next, create effects for “Jade”

Find “Filter” – “Rendering” – “Clouds” in the menu bar – change the layer blending style to “Color Burn”

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

12. Create clipping Maskhttp://www.16xx8.com/tags/38847/ Shortcut key: Ctrl+Alt+G

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

13. Next – you can find a “small icon” at will – and put it on the “jade”, as shown below

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

14. Modify “Fill” to “0%” and the pattern of the newly imported icon cannot be seen in the picture. The effect is as shown below

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

15. Add “Layer Style” – “Bevel and Emboss” to the “Small Icon”. The parameters are as follows

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

16. Add “Layer Style” – “Inner Shadow” to the “Small Icon”. The parameters are as follows

Icon design, create a realistic jade pattern through PS design_www.16xx8.com

17. Add “Layer Style” – “Projection” to the “small icon”. The parameters are as follows

Icon design, create a realistic jade pattern through PS design_  www.16xx8.com

18. Finally, create a clipping mask for the “small icon” http://www.16xx8.com/tags/38848/, and use “Curve” to adjust the brightness (this operation is adjusted according to personal preference) You can) create the clipping mask again, the effect is as follows

Icon design, create a realistic jade pattern through PS design_  www.16xx8.comTo learn PS, please go to www.16xx8.com

The entire tutorial has been completed. Interested students can learn how to make it together. I believe you will do better.

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/icon-design-use-ps-design-to-create-a-realistic-jade-pattern-button-icon/

author: admin

Previous article
Next article

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

Contact us

181-3619-1160

Online consultation: QQ交谈

E-mail: 34331943@QQ.com

Working hours: Monday to Friday, 9:00-17:30, holidays off

Follow wechat
Scan wechat and follow us

Scan wechat and follow us

Follow Weibo
Back to top
首页
微信
电话
搜索