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
วันที่: 09-12-2024
|
|
|