PHP
ภาษา PHP สอน php
HTML
ภาษา HTML สอน HTML
Dreamweaver
สอน Dreamweaver
Namo WebEditor
สอน Namo WebEditor
Flash
สอน Flash Animation
Photoshop
สอน เครื่องมือ แต่งภาพ
illustrator
สอน เครื่องมือ วาดภาพ
3ds max
สอน 3D Modeling
Java Script
สอน Java, Java Script
C ,C++
เขียนโปรแกรม C,C++
Word
สอน Word เอกสาร
Excel
สอน Excel ตาราง
PowerPoint
สอน PowerPoint
Access
สอน Access ฐานข้อมูล
เทคนิคการสร้างปุ่ม Capsule แบบที่ 2
จัดทำโดย :
Mr.GuruZ
พิมพ์
:: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------
เทคนิคการสร้างปุ่ม Capsule แบบที่ 2 นี้เราจะเห็นว่าปุ่มจะยุบลงไปในพื้นด้วย มาดูขั้นตอนการทำกันเลย
ภาพตัวอย่าง
ขั้นตอนการทำ
1. สร้างเอกสารที่เปล่าขึ้นมาโดยใช้
Background
สีขาว
2. หลังจากนั้นให้เรา
New Layer
ขึ้นมา 1 Layer ครับ แล้วเติมสีขาวลงไป
3. หลังจากนั้นให้เราสร้าง Layer ขึ้นมาใหม่อีก 1 Layer เป็น Layer ที่ 2 แล้ววาดปุ่มลงไป สีปุ่ม
#98AAB1
4. หลังจากนั้นให้เราสร้าง Layer ขึ้นมาอีกเป็น Layer 3 และโหลด Selecttion ของปุ่มที่เราสร้างขึ้นมาโดยกด
Ctrl + Layer 2
แล้วใส่สีขาวโดยใช้เครื่องมือ Gradient Tool เลือกเทสีขาวในโหมด
Transparent
5. หลังจากนั้นใส่
Filter --> Blur --> Gaussian Blur
6. หลังจากนั้นให้เราคลิดที่ Layer 1 กด Delete เพื่อลบข้อมูลส่วนที่เป็นปุ่มออก
7. หลังจากนั้นยกเลิอกเส้น Selection กด
Ctrl+D
ให้ใส่
Effect Bevel and Emboss
ที่ Layer 1 จะได้ปุ่มขึ้นมาดังภาพ
8. ลองนำไปใช้ดูนะครับ
ขอให้สนุกกับการทำเว็บ
คุณอาจสนใจ
เล่นโปรแกรม Winamp แล้วเสียงกระตุกแก้อย่างไร
เว็บไทยดีดี
(17,131 - 29 ก.ย. 50)
การใช้คำสั่ง do while
Mr.POP
(58,070 - 05 พ.ย. 49)
การเลือกคำ หรือข้อความ
นายนุก
(17,767 - 22 ก.พ. 51)
การ Convert ระหว่าง char* กับ int ใน C
langjuko
(60,599 - 19 ก.ย. 51)
การ์ตูน Flash อย่างง่ายตอนที่ 2 (การลงสีให้ตัวการ์ตูน)
Black-Hawk
(99,601 - 18 ม.ค. 51)
เหตุผลที่คุณควรใช้ไฟร์วอลล์คอมพิวเตอร์
สายลม
(15,057 - 19 เม.ย. 51)
ชื่อไฟล์ต่างๆเป็นตัวหนังสือสีน้ำเงิน
เว็บไทยดีดี
(21,072 - 22 ก.ย. 50)
การทำข้อความแบบมีเวทมนต์
webthaidd
(148,799 - 19 เม.ย. 51)