การทำปุ่มวงกลม

ปุ่มวงกลม


• สร้างไฟล์ใหม่ขึ้นมา แล้วสร้างลูกบอลสี ขาว-ดำ ขึ้นมา 2 ลูก โดยให้สร้างแบบมีเส้นขอบเป็นสีดำ ลูกใหญ่ให้แสงตกกระทบด้านซ้ายบน ส่วนลูกเล็กให้แสงตกกระทบด้านขวาล่าง ตามภาพด้านล่างนี้ (หากยังไม่รู้วิธีสร้างลูกบอลให้ไปดูได้ที่นี่ >>> วิธีสร้างลูกบอล)

• คลิกที่ selection tool แล้วนำเมาส์มาวาดสี่เหลี่ยมครอบลูกเล็กแล้วเลื่อนมาอยู่ตรงกลางของลูกใหญ่ หากยังไม่ได้ให้ใช้ลูกศร ซ้าย-ขวา . ขึ้น-ลง ที่แป้นคีย์บอร์ดค่อยๆขยับเอา

• สร้างลูกบอลสี แดง-ดำ ให้เล็กกว่าลูก ขาวดำ อันเล็กไว้ที่ด้านนอกแล้วทำจุดกระทบแสงให้เหมือนๆ กับลูกใหญ่

• คลิกที่ selection tool แล้วนำเมาส์มาวาดสี่เหลี่ยมครอบลูกเล็กแล้วกด Crtl + G เพื่อกรุ๊ปชุดนี้ เอาไว้เวลานำไปสร้าง Symbol จะได้สะดวกในการเปลี่ยนสี ตอนปกติกับตอนเอาเมาส์ไป over แล้วค่อยจัดมาอยู่ตรงกลางในสุด ดังภาพด้านล่าง ก็เป็นอันเสร็จสิ้นภารกิจ มีปุ่มสวยๆไว้ใช่ไม่ต้องง้อ photoshop ก็ได้

ดูตัวอย่างที่สร้างเป็นปุ่มแล้ว เอาเมาส์ชี้ดูครับ

ตัวย่างไฟล์งาน >>>> download

อยากได้ปุ่มมีสีไหนก็ทดสอบเอาจาก Gradient สีอื่นๆ มาลองทำกันเลยนะ ขอให้มีความสุขกับการสร้างงานแจ่มๆ

******************************************

||แสดงความคิดเห็นผ่าน Facebook||


ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *