(083) 0466100
Glossy Icons
Glossy Icons
.jpg)
Step 1
ทำ adobe icon เริ่มด้วยการสร้างวงกลมขึ้นมา1 อัน
.jpg)
Step 2
ใส่ layer style / gradient ลงในวงกลม ให้เซ็ทค่าสีตามรูปตัวอย่าง (Dark Blue – #004f7f / Light Blue – #0072b6 / White) ปรับสีจนกว่าคุณจะพอใจ
.jpg)
Step 3
เปลี่ยน the Gradient Angle เป็น -45 degrees.
.jpg)
Step 4
ใส่ Stroke ของวงกลมด้วยและเปลี่ยนเป็น Gradient และให้ทำ gradient ปรับตามภาพปรับเล่นสีจนกว่าจะพอใจ .jpg)
Step 5
เปลี่ยนขนาดเส้น stroke เป็น 21. เปลี่ยน angle เป็น -45 degrees. / Scale 100% รายละเอียดตามรูป
.jpg)
Step 6
ใส่ Inner Shadow เซ็ท Opacity เป็น 59% / Angle : 120 degrees / Distance : 26px / Size : 13 px. .jpg)
Step 7
จากนั้นใส่ Inner Glow / Blending Mode เป็น Normal / Opacity: 75% / Color: Black / Size : 46px. .jpg)
Step 8
ต่อมาใส่ Bevel and Emboss. / Style: Stroke Emboss / Depth: 113% / Size: 3px / Soften: 6px.
ส่วนล่าง Shading > Highlight Mode Opacity: 100% / Shadow Mode Opacity: 49% ตั้งค่าตามรูปตัวอย่าง .jpg)
Step 9
ทีนี้ให้เรา convert วงกลมให้เป็น Smart Object โดยคลิกขวาที่เลเยอร์แล้วเลือก (หรือใต้ Layers tabตรงมุมขวาบน) > Convert to Smart Object. .jpg)
Step 10
จากนั้นให้ใส่ Bevel and Emboss อีกครั้งหลังจาก converted object มาแล้ว ให้เซ็ทค่าตามรูปตัวอย่าง .jpg)
Step 11
ใส่ Drop Shadow เซ็ทค่าตามรูป .jpg)
Step 12
บนเลเยอร์วงกลมนั้นให้เราใส่ข้อความลงไปในที่นี้เราใส่ ‘Ps’. ปรับตำแหน่งและขนาดให้มันอยู่ตรงกลางของวงกลมตามรูป .jpg)
Step 13
ที่เลเยอร์ text ให้เราใส่ Inner Shadow แล้วปรับค่าตามรูป .jpg)
Step 14
ทีนี้เราจะมาใส่ glossy effect ให้เราวาดรูปทรงขึ้นมาตามแบบตัวอย่าง .jpg)
Step 15
จากนั้นสร้างเลเยอร์ขึ้นมาใหม่ไว้บนเลเยอร์ที่เพิ่งสร้างไปก่อนหน้านี้ แล้วให้เราเลือกทั้ง2เลเยอร์ไว้จากนั้น Merge มันเข้าด้วยกัน (หรือกด Ctrl + E) .jpg)
Step 16
เลือกที่ Merge layer ให้เราคลิกที่ตัว shape 1เพื่อสร้างตัว selection ที่เลเยอร์วงกลม
.jpg)
Step 17
เมื่อเราได้ selection ขึ้นมาแล้ว เราต้องมาเลือกที่ merge layer ที่เราเพิ่งทำจากนั้นให้ invert ตัว selection (หรือกด Ctrl+Shift+I) แล้ว Delete. .jpg)
Step 18
ทีนี้ตั้งค่าของ merge layer/ Blending Mode เป็น Soft Light. / Opacity เป็น 45%. .jpg)
Step 19
ใส่ gloss เพิ่ม ให้เราสร้างวงรีตารูปตัวอย่างปรับขนาด และจัดวางตำแหน่งตามรูป Opacity เป็น 85%. .jpg)
Step 20
จากนั้นวาดเส้นโดยใช้ Pen Tool สร้างเส้นเคิฟขึ้นมาตามรูปเซ็ท Opacity เป็น 50%. .jpg)
Step 21
นี่คือเมื่อเสร็จออกมาแล้วจะได้ Adobe icon.ตามแบบนี้
สามารถสร้างไอคอนเพิ่มเติมได้แค่ปรับเปลี่ยน text และสี gradient ที่เราต้องการ. .jpg)
Thanks Credit: By Chinthaka Sandaruwan / Psdtuts
Translate: Slotjunz
 Next
|
ลายน้ำ |
 Previous
|
Create a Cardboard Box |
ความคิดเห็น
วันที่: Tue Apr 23 20:19:36 ICT 2024
Post : 2010-09-29 14:17:54.0
