ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » เทคนิค photoshop

วิธีสร้างปุ่มใสๆ สวยๆ

Submitted by on วันพฤหัส, 2 เมษายน 2009One Comment


คำค้นหา: , , , , , ,

tipphotoshop ex020409 วิธีสร้างปุ่มใสๆ สวยๆ

สร้างปุ่มด้วย photoshop cs

วิธีการสร้างปุ่มใสๆ ด้วย photoshop cs  วิธีการทำนั้นไม่ยากลองทำดูครับ

1. วาดรูป สี่เหลี่ยมขึ้นมา หนึ่งรูปโดยใช้เครื่องมือ rounded rectangle tool

tipphotoshop 1020409 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

2. ตั้งค่า radius 5px

tipphotoshop 2020409 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

3. สร้างเลเยอร์ขึ้นมาใหม่ พร้อมวาดรูปสี่เหลี่ยมลงไป โดยใช้สีฟ้าเข้ม #0254cf

tipphotoshop 3020409 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

4. สร้างเลเยอร์ใหม่อีก1 เลเยอร์ วาดสี่เหลี่ยมลงไปโดยใช้ สีขาว และให้มีขนาดเล็กกว่ารูปแรกที่วาดไว้

tipphotoshop 4020409 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

5. ไปที่เลเยอร์สี่เหลี่ยมสี ฟ้าเข้มที่วาดไว้รูปแรก และตั้งค่า Opacity ให้เหลือ 20%

tipphotoshop 5020409 400x131 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

6. ไปที่เลเยอร์ สี่เหลี่ยมสีขาว คลิกขวาเลือก blending Options

tipphotoshop 6020409 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

7. ตั้งค่าตามรูป

tipphotoshop 7 1 020409 400x300 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

tipphotoshop 7 2 020409 400x187 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

tipphotoshop 7 3 020409 400x286 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

8.จะได้ผลดังนี้

tipphotoshop 8020409 วิธีสร้างปุ่มใสๆ สวยๆ

วิธีสร้างปุ่มด้วย photoshop cs

จากนั้นตกแต่งตามใจชอบ
เทคนิคนี้ เวลาจะใช้ ให้เราปรับสีของสี่เหลี่ยม สีฟ้าให้เข้ากับ background ที่นำไปใช้ จากตัวอย่างจะใช้ background สีฟ้า
หากไปใช้กับ background สีดำ สี่เหลี่ยมสีฟ้า ก็ควรเปลี่ยนเป็น สี เทา เป็นต้น

หากไม่เข้าใจ สามารถดาวน์โหลดไฟล์ psd เป็นตัวอย่างได้ ดาวน์โหลดไฟล์ตัวอย่าง photoshop
>>>> DOWNLOAD FILE PSD<<<<<

<<< google Plus (กูเกิ้ล พลัส)ซัดที่นี่


Related Posts

คุณอาจจะสนใจ บทความต่อไปนี้(มั้ง)

  สามารถนำบทความไปเผยแพร่ต่อได้ แต่ต้องทำ ลิงค์กับมาที่บทความนั้นๆด้วยนะครับ หากไม่ทำตามจะมีความผิดทางกฏหมายตาม พรบ. เกี่ยวกับลิขสิทธิ์ นะครับ


One Comment »

  • psdmeclub said:

    ค่ะ อ่านแล้ว ออ เลย ได้ความรูั้มากๆจริงๆ จะเข้ามาบ่อยๆนะค่ะ เก็บไว้เป็น เว็บในดวงใจเลยละ

    Reply to this commentตอบกลับความเห็นนี้

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can add images to your comment by clicking here.