สร้างปุ่มกดด้วย Inkscape (2)

ต่อจากของเดิม
http://surapongu.blogspot.com/2008/06/inkscape.html

เราจะเพิ่มการตกแต่งสักหน่อย โดยอ้างอิงจากรูปนี้

ขั้นตอน
1. สร้างรูปให้ได้ตามกำหนด
2. Duplicate พื้นสีน้ำเงิน เปลี่ยนเป็นสีขาว กำหนดไล่สีจากสว่างมากไปสว่างน้อย แล้วลากไปวางไว้ที่ส่วนบนของปุ่ม ขั้นตอนนี้อาจต้องลองผิดลองถูกจนกว่าจะได้สีตามต้องการ
3. Duplicate พื้นสีน้ำเงิน เปลี่ยนเป็นสีขาว กำหนด blur ให้สูงๆ ลากมาวางที่ส่วนล่างของปุ่ม

4. เอาตัวหนังสือมาวาง ก็เสร็จเรียบร้อยครับ

5. ลองปรับเงาให้ไปอยู่ข้างใต้แทน โดยย้ายเงาเดิมออกมา ปรับขนาดให้เล็กลง แล้วเปลี่ยนค่า blur กับ opacity ก็จะได้รูปแบบที่ต่างออกไป

เสร็จแล้วครับ ลองเอาไปปรับเปลี่ยนได้

ขอบคุณมากๆครับ กับบทความต้นฉบับ http://howto.nicubunu.ro/shiny_web_buttons_inkscape/

สร้างปุ่มกดด้วย Inkscape

อ้างอิงจาก
http://howto.nicubunu.ro/shiny_web_buttons_inkscape/

วันนี้เราจะลองสร้างปุ่มกดสำหรับเว็บด้วย Inkscape แบบนี้ครับ

ขั้นตอน
1. เรียกโปรแกรม Inkscape (ดาวน์โหลดได้ฟรีที่ http://www.inkscape.org/)
2. สร้างพื้นปุ่ม เลือกสีตามชอบ ในที่นี้ผมเลือกสีน้ำเงิน
3. Duplicate ปุ่มนี้ เปลี่ยนสีเป็นสีดำ จากนั้นปรับสีแบบไล่สี (gradient) จากมืดไปสว่าง
4. จากนั้นลากไปทับรูปสีน้ำเงิน
5. Duplicate พื้นของปุ่มนี้ เปลี่ยนสีเป็นสีดำ ปรับค่า blur ให้สูงขึ้น

6. ลากมาวางทับปุ่มหลัก กำหนดให้ไปอยู่หลังสุดของภาพ


7. สร้างตัวหนังสือมาวางทับ ได้รูปแบบแรกดังนี้

แลัวมาต่อรูปอื่นกันครับ

ฟอกสีฟัน ด้วย Artweaver

เราเคยใช้ Paint.NET ทำเทคนิคนี้ไปแล้ว
http://surapongu.blogspot.com/2008/02/paintnet_11.html

ซึ่งสามารถใช้ artweaver ได้เช่นกัน ดังนี้

รูปต้นฉบับ
ขั้นตอน

1. เปิดรูป
2. สร้าง Layer ใหม่ ตั้งชื่อเป็น White teeth ซึ่งเราจะวาดสีขาวลงบน Layer นี้
3. เลือก Paintbrush tool แล้วเลือกสีขาว ระบายลง Layer ที่สร้างขึ้นใหม่
4. ใช้ Filter / Blur / Gaussian blur เพื่อปรับแต่งให้สีขาวกลืนเข้ากับภาพ
   
5. ปรับลด opacity ของ Layer อยากให้ขาวมาก ขาวน้อย
6. เสร็จแล้วครับ

ฟอกสีฟันด้วย Paint.NET

อ้างอิงจาก
http://graphicssoft.about.com/od/paintnet/ht/whitenteeth.htm

แหม รูปถ่ายฟันไม่ขาวอินเทรนด์เลย ทำไงดีล่ะ
ไม่ยากครับ

ตัวอย่างรูป



ผลลัพธ์ (หลังฟอกสีฟัน ฮ่าๆ)



ขั้นตอน

• เปิดรูป
• สร้าง Layer จากเมนู Layers / Add New Layer แล้วเปลี่ยนชื่อ เช่น White teeth ซึ่งเราจะวาดสีขาวลงบน Layer นี้ ให้ทับกับตำแหน่งฟันใน Background
  
• ปรับค่า Opacity ของ Layer ใหม่ให้ลดลงเหลือประมาณ 125 เพื่อไม่ให้สีขาวที่จะวาดทับฟันสว่างเกินไป

• ซูมภาพซะหน่อย
• เลือก Paintbrush tool แล้วเลือกสีขาว
• ปรับขนาดแปรงให้เล็กๆหน่อย พยายามระบายสีฟันให้ห่างจากเหงือกพอควร ตอนนี้ภาพจะดูเฟคสุดๆ
  

• ใช้ Effects / Blurs / Gaussian Blur เข้าช่วยลดการเฟค ปรับแต่ง radius ตามใจชอบ
  
• ปรับลด Opacity ของ Layer ตามใจชอบ อยากขาวมากขาวน้อย พยายามให้ดูสมจริง
• เสร็จแล้วครับ บันทึกผลลัพธ์ได้

Paint.NET เน้นรูปด้วยการทำพื้นหลังให้เป็นสีขาวดำ

อ้างอิงจาก
http://paintdotnet.forumer.com/viewtopic.php?f=15&t=4196&sid=890e9c5ce902af7e1ee09453503873c2

เคยต้องการเน้นบางส่วนของรูปภาพไหมครับ
ตัวอย่าง

ผลลัพธ์

ขั้นตอน

1. เปิดรูปด้วย Paint.NET
2. ใช้ Magic Wand คลิกส่วนของรูปที่ต้องการให้มีสี (กด Ctrl ค้างไว้เวลาคลิกเพื่อเพิ่มพื้นที่การเลือก)
   
3. ปรับแต่งการเลือกเพิ่มเติมโดยใช้ Rectangle select หรือ Ellipse select โดยกด Ctrl ค้างไว้
4. เลือกเมนู Edit / Copy
5. เลือกเมนู Edit / Paste into New Layer
6. หากต้องการ เปลี่ยนชื่อ Layer นี้เป็นชื่ออื่น เช่น Color
7. กลับมาคลิกที่ Layer แรก (Background)
8. เลือกเมนู Edit / Deselect
9. เลือกเมนู Adjustments / Black and White
10. คลิกที่ Layer ชื่อ Color แล้วทำการ merge เข้ากับ Background โดยเลือกเมนู Layers / Merge Layer Down
11. สำเร็จแล้วครับ บันทึกผลลัพธ์ได้