Support
Web Programming
(083) 0466100
Your shopping cart
ดูตะกร้าสินค้าของคุณ
ไม่มีสินค้าในตะกร้าของคุณ

Glossy Icons

slotjunz | 23-09-2553 | เปิดดู 22307 | ความคิดเห็น 7

Glossy Icons

Step 1

ทำ  adobe icon เริ่มด้วยการสร้างวงกลมขึ้นมา1 อัน

 

 

 

Step 2

ใส่ layer style / gradient ลงในวงกลม ให้เซ็ทค่าสีตามรูปตัวอย่าง  (Dark Blue – #004f7f / Light Blue – #0072b6 / White)  ปรับสีจนกว่าคุณจะพอใจ

 

 

 

 

 

Step 3

เปลี่ยน the Gradient Angle เป็น -45 degrees.

 

 

 

 

Step 4

 

ใส่ Stroke ของวงกลมด้วยและเปลี่ยนเป็น Gradient และให้ทำ gradient ปรับตามภาพปรับเล่นสีจนกว่าจะพอใจ

 

 

 

 

Step 5

เปลี่ยนขนาดเส้น stroke เป็น 21. เปลี่ยน angle เป็น -45 degrees. / Scale 100% รายละเอียดตามรูป

 

 

 

 

Step 6

 

ใส่ Inner Shadow เซ็ท  Opacity  เป็น  59% / Angle : 120 degrees / Distance : 26px / Size : 13 px.

 

 

 

 

Step 7

 

จากนั้นใส่  Inner Glow  /  Blending Mode  เป็น  Normal / Opacity: 75% / Color: Black / Size : 46px.

 

 

 

 

Step 8

 

ต่อมาใส่  Bevel and Emboss. / Style: Stroke Emboss / Depth: 113% / Size: 3px / Soften: 6px.

 

ส่วนล่าง  Shading > Highlight Mode Opacity: 100% / Shadow Mode Opacity: 49%  ตั้งค่าตามรูปตัวอย่าง

 

 

 

 

Step 9

 

ทีนี้ให้เรา  convert วงกลมให้เป็น  Smart Object โดยคลิกขวาที่เลเยอร์แล้วเลือก (หรือใต้ Layers tabตรงมุมขวาบน) > Convert to Smart Object.

 

 

 

 

Step 10

 

จากนั้นให้ใส่  Bevel and Emboss อีกครั้งหลังจาก converted object มาแล้ว ให้เซ็ทค่าตามรูปตัวอย่าง

 

 

 

 

Step 11

 

ใส่  Drop Shadow เซ็ทค่าตามรูป

 

 

 

 

Step 12

 

บนเลเยอร์วงกลมนั้นให้เราใส่ข้อความลงไปในที่นี้เราใส่ ‘Ps’. ปรับตำแหน่งและขนาดให้มันอยู่ตรงกลางของวงกลมตามรูป

 

 

 

 

Step 13

 

ที่เลเยอร์ text ให้เราใส่ Inner Shadow แล้วปรับค่าตามรูป

 

 

 

 

Step 14

 

ทีนี้เราจะมาใส่  glossy effect ให้เราวาดรูปทรงขึ้นมาตามแบบตัวอย่าง

 

 

 

 

Step 15

 

จากนั้นสร้างเลเยอร์ขึ้นมาใหม่ไว้บนเลเยอร์ที่เพิ่งสร้างไปก่อนหน้านี้ แล้วให้เราเลือกทั้ง2เลเยอร์ไว้จากนั้น Merge มันเข้าด้วยกัน (หรือกด Ctrl + E)

 

 

 

 

Step 16

เลือกที่ Merge layer ให้เราคลิกที่ตัว shape 1เพื่อสร้างตัว selection ที่เลเยอร์วงกลม

 

 

 

 

Step 17

 

เมื่อเราได้ selection ขึ้นมาแล้ว เราต้องมาเลือกที่ merge layer ที่เราเพิ่งทำจากนั้นให้  invert ตัว selection (หรือกด Ctrl+Shift+I) แล้ว  Delete.

 

 

 

 

Step 18

 

ทีนี้ตั้งค่าของ merge layer/  Blending Mode เป็น Soft Light. / Opacity เป็น 45%.

 

 

 

 

Step 19

 

ใส่ gloss เพิ่ม ให้เราสร้างวงรีตารูปตัวอย่างปรับขนาด และจัดวางตำแหน่งตามรูป Opacity เป็น 85%.

 

 

 

 

Step 20

 

จากนั้นวาดเส้นโดยใช้  Pen Tool สร้างเส้นเคิฟขึ้นมาตามรูปเซ็ท  Opacity เป็น 50%.

 

 

 

Step 21

นี่คือเมื่อเสร็จออกมาแล้วจะได้  Adobe icon.ตามแบบนี้

 

 

สามารถสร้างไอคอนเพิ่มเติมได้แค่ปรับเปลี่ยน text และสี gradient ที่เราต้องการ.

 



Thanks Credit: By Chinthaka Sandaruwan  /  Psdtuts

Translate: Slotjunz

 

ความคิดเห็น

วันที่: 28-11-2022

แสดงความคิดเห็น
All Comments: 7 Pages: 1/1
guest
chatmaso
- Guest -

29/09/2010 14:17 Post : 29/09/2010 14:17

สวยครับ

Quote

guest
chatmaso
- Guest -

29/09/2010 14:17 Post : 29/09/2010 14:17

สวยครับ

Quote

guest
Panu
- Guest -

05/12/2010 18:12 Post : 05/12/2010 18:12

ทำได้แล้ว ขอบคุงครับ  

Quote

guest
Songpol Sangsakoo
- Guest -

18/01/2011 15:34 Post : 18/01/2011 15:34

สวยยย ๆ ครับบบ..

Quote

guest
Songpol Sangsakoo
- Guest -

18/01/2011 15:34 Post : 18/01/2011 15:34

สวยยย ๆ ครับบบ..

Quote

guest
วิชาญ
- Guest -

13/05/2012 20:56 Post : 13/05/2012 20:56

ขั้นตอนเยอะมากนะครับ..แต่ออกมาสวย

 

Quote

guest
วิชาญ
- Guest -

13/05/2012 20:58 Post : 13/05/2012 20:58

ขั้นตอนเยอะมาก..แต่ออกมาสวยดีครับ

Quote

1