ในกวดวิชาพวกเราจะไปสร้าง Web ปุ่ม. นี้อย่างง่ายและมีประสิทธิภาพมากกวดวิชาเพื่อให้ทุกท่านต้องมีโปรแกรม Adobe Photoshop คือการสร้างผลนี้. ฉันหวังว่าคุณจะสนุกกับกวดวิชานี้.

วิธีการสร้าง Web ปุ่มใน Photoshop

# 1 ขั้นตอนที่

Photoshop เปิดและสร้างเอกสารใหม่ฉันเป็น 550px × 125px กับพื้นหลังสีขาว.

# 2 ขั้นตอนที่

เติมสีในเลเยอร์พื้นหลังสีระเบิด # 3A3A3A เป็น.

# 3 ขั้นตอนที่

เลือก กลมสี่เหลี่ยมผืนผ้าเครื่องมือ และสร้างปุ่มระเบิดรัศมีเป็น 7px กว้าง: 156px และ ความสูง: 38px..

# 4 ขั้นตอนที่

ตอนนี้เราจะใช้ผลได้ไหม

การแสดงข้อมูลไล่โทนสี

ออกแบบคลิก ปุ่ม สองครั้งในภาพ ปุ่ม Layer ใน ชั้น Panel เปิดกล่อง Layer Styles โต้ตอบเราจะใช้ ผลแนวตั้ง เพื่อ ไล่โทนสี ของปุ่ม. แล้วคลิกที่ สีไล่โทนสี บนด้านขวาของตัวเลือกไล่โทนสีในการเปิด สีไล่โทนสี Editor.

ดับเบิลคลิกบน ซ้ายสีหยุด และป้อนค่าสี # 9E4C45 แล้วดับเบิ้ลคลิกที่ขวาสีหยุดและป้อนค่าสี EA8484 #.

Drop Shadow

ไปใช้รูปแบบการวางเลเยอร์ Shadow. ให้ มุม ที่ 120o, กว่าเปลี่ยนค่าของความทึบ, ระยะทางและขนาด. ฉันเลือกที่จะกำหนด ความทึบ ที่ 23%, ระยะทาง ที่ 1px และ ขนาด ที่ 9px.

# 5 ขั้นตอนที่

เลือก แนวนอนประเภทเครื่องมือ และพิมพ์ข้อความในหน้า.

เราจะใช้ผลสำหรับข้อความ.

กรอม Color

ดับเบิลคลิกที่ภาพเลเยอร์ข้อความในชั้น Panel เปิดกล่องโต้ตอบ Layer Styles. ก่อนที่เราจะใช้การแสดงข้อมูลสีผมเลือกสี # 0D0D0E

Drop Shadow

สุดท้ายเราจะใช้ Drop Shadow, แรกเปลี่ยน ตัวเลือกผสม กับ Normal. เปลี่ยน Shadow Color จากค่าเริ่มต้นให้ FFFFFF #. ให้ มุม ที่ 120o, กว่าเปลี่ยนค่าของความทึบ, ระยะทางและขนาด. ฉันเลือกที่จะกำหนด ความทึบ ที่ 32% และ ระยะทาง ที่ 1px และ ขนาด ที่ 1px.

ตัวอย่าง Final

แจ้งให้เราทราบว่าที่นี้กวดวิชาได้มากขึ้นดีกว่า ถ้าคุณพบใด Photoshop อื่นๆกวดวิชาที่คุณต้องการใช้ร่วมกับเราโปรดแจ้งให้เราทราบโดยวางในข้อคิดเห็น.

หากคุณต้องการได้รับแรงบันดาลใจมากจากเราโปรดพิจารณาสมัครรับฟีดของเราโดย RSS หรือ อีเมล์.

ยื่นใต้: Tutorials Freebies, Photoshop, โดยผู้ดูแลระบบ