สร้าง 3D Button ด้วย Photoshop

จริงๆในปัจจุบันก็มีพวก  icon หรือ button ให้ download อยู่มากมายนะคะ แต่สำหรับบางคนที่อยากลองทำ button เอง อย่างง่ายๆ ก็ลองทำดูได้นะคะ

1.เปิดโปรแกรม Adobe Photoshop คลิก เมนู file > New เพื่อสร้างภาพใหม่ ขนาดใดก็ได้ค่ะ ซึ่งตามแต่ขนาดของปุ่มที่ต้องการนะคะ

 

2. จากนั้นก็เลือกที่  Elliptical Marquee Tool (M) เพื่อสร้างปุ่ม ถ้าต้องการให้เป็นวงกลมไม่เป็นวงรี ก็ให้กด Shift ค้างก่อนวาดวงกลมนะคะ ดังรูปค่ะ

               

 

3. แล้วเลือก Gradient Tool (G) และเลือกให้เป็นแบบ Radial Gradient นะคะ และให้ติ๊กถูกตรง  Reverse เพื่อจะให้เงาสวยงามค่ะ

            

 

4. จากนั้นให้ลากเส้นจากบนซ้ายลงมาทางขวาล่างในวงกลมที่วาดไว้แล้วดังรูปนะคะ

 

5. ก็จะได้เป็นวงกลมที่มีแสงเงา แล้วให้ deselect ที่เมนู Select > Deselect นะคะ

 

6. แล้วก็วาดวงกลมอีกวงให้เล็กกว่าวงแรกดังรูปค่ะ

 

7. จากนั้นให้เลือกเมนู Edit > Transform > Rotate 180 องศา แล้วจะได้เป็นวงกลมที่เป็นบุ๋มลงไปตรงกลาง ดังรูปนะคะ

            

 

8. จากนั้นเลือก Select > Modify > Contract ใส่สัก 2 หรือ 1 pixels ก็ได้ค่ะ แล้วให้กดปุ่ม Ok เพื่อให้เกิดเงาของปุ่มขึ้นค่ะ

         

9. แล้วเลือกเมนู Image > Adjustments > Hue/Saturation… เพื่อเพิ่มสีให้ปุ่มนะคะ

 

10. แล้วให้ Deselect โดยเลือกเมนู Select > Deselect ก็จะได้ปุ่มหรือ button เป็นมิติตามต้องการนะคะ

              

 

Hosting ฟรี 30 วัน คลิกเลย
Web Design สวยๆ คลิกเลย

 

About skyyin