วันอาทิตย์ที่ 14 ธันวาคม พ.ศ. 2551

Workshop 11 : สร้างภาพ Background สำหรับพื้นเว็บ

สร้างภาพฉากหลังแนวนอน





>>>> ตัวอย่างการนำภาพฉากหลังไปใช้งานใน Dreamweaver

^ ^

Workshop 10 : สร้างปุ่มสำหรับทำเมนูแบบ Rollover

>>> ปุ่มกดในเว็บเพจบ้างครั้งจะนิยมสร้างเอฟเฟ็คต์เป็นแบบ Rollover ที่มีการโต้ตอบได้เมื่อผู้ชมเลื่อนเมาส์ไปบนปุ่ม เช่น มีการเปลี่ยนรูปภาพจากรูปภาพหนึ่งเป็นอีกรูปภาพหนึ่ง ซึ่งรูปภาพจะต้องเป็นขนาดเดียวกันแต่แตกต่างกันที่สี

>>> ตัวอย่างปุ่มแบบ Rollover


ปุ่มแบบ Rollover ก่อนจะเลื่อนเมาส์ไปชี้ที่ปุ่ม

ปุ่มแบบ Rollover หลังจากเลื่อนเมาส์ไปชี้ที่ปุ่มซึ่งสีจะเปลี่ยนไปจากเดิม

^ ^

Workshop 9 : การสร้างป้ายหัวรายการ

ตัวอย่างป้ายหัวรายการ










^ ^

Workshop 8 : เทคนิคการสร้างปุ่มแบบมีมิติ

ปุ่มแบบมีสองมิติ


^ ^

Workshop 7 : สร้างรูปภาพทำ List รายการ

ตัวอย่างรูปภาพที่จะใช้ไปสร้างลิสต์ในเว็บเพจ



^ ^

วันศุกร์ที่ 12 ธันวาคม พ.ศ. 2551

Workshop 6 : สร้าง Navigation Bar บนรูปภาพ

ใช้เครื่องมือ Slice ตัดแบ่งภาพให้เป็นภาพเล็กๆหรือแยกเป็นเมนูออกไป












..............................^ ^..............................


ลักษณะของ Navigation Bar อีกแบบหนึ่งที่แสดงบนรูปภาพส่วนหัวเว็บ



^ ^

วันจันทร์ที่ 8 ธันวาคม พ.ศ. 2551

วันอาทิตย์ที่ 7 ธันวาคม พ.ศ. 2551

Workshop 4 : สร้างปุ่ม Button กลุ่มแนวตั้ง



๐ สร้างปุ่ม Button กลุ่มแนวตั้ง

การ Slice ปุ่ม Navigation Button โดยใช้ Slice Tool


Button แนวตั้งแบบตัดซึ่งจะง่ายต่อการโหลด



Button กลุ่มแนวตั้งแบบเต็ม




^ ^

Workshop 3 : สร้างปุ่มบนเว็บแบบง่ายๆ

สร้างปุ่มบนเว็บแบบง่ายๆๆ





กำหนดเลเยอร์สไตล์ให้กับปุ่มกด



^ ^

วันอาทิตย์ที่ 30 พฤศจิกายน พ.ศ. 2551

วันอาทิตย์ที่ 23 พฤศจิกายน พ.ศ. 2551

การปรับขนาดภาพ

ภาพต้นฉบับ
Deminsions : 400 x 268 pixel
Size : 61.6 KB

ภาพปรับลดขนาด
>>> ปรับลดเฉพาะความละเอียดภาพโดยไม่ลด Deminsions ของภาพ ภาพจะมีขนาดเท่าเดิมแต่ความละเอียดลดลง ทำให้ภาพไม่ชัดเท่าต้นฉบับ
Deminsions : 400 x 268 pixel
Size : 8.54 KB


>>> ปรับลด Deminsions และลดความละเอียดลงให้สมดุลกัน ภาพที่ได้จะชัดเหมือนกับต้นฉบับแต่ขนาดจะเล็กลง
Deminsions : 200 x 134 pixel
Size : 35.4 KB



^ ^

วันอาทิตย์ที่ 16 พฤศจิกายน พ.ศ. 2551

การตัดภาพ





รูปจริงก่อนการตัด






รูปหลังตัด




วันอาทิตย์ที่ 9 พฤศจิกายน พ.ศ. 2551

ประโยชน์ของคอมพิวเตอร์กราฟิกส์

ประโยชน์ของคอมพิวเตอร์กราฟิกส์

ช่วยเพิ่มสีสันและความสวยงามให้กับภาพ

สามารถตกแต่งและแก้ไขภาพถ่ายจากการถ่ายภาพปกติได้ โดยที่การถ่ายภาพปกติไม่สามารถทำได้หรือทำได้ไม่ดีเท่า

ทำให้ภาพในจินตนาการสามารถเป็นจริงได้ด้วยภาพ ทั้งที่ความจริงแล้วเราอาจไม่สามารถทำตามอย่างภาพได้

สามารถนำมาสร้างเว็บเพื่อเผยแพร่ข้อมูลความรู้ต่างๆได้

นำมาสร้างความโดดเด่นให้กับการประชาสัมพันธ์ โฆษณา เพื่อสร้างความสนใจและความได้เปรียบทางการค้า

 
l
r
i
G
l
o
o
C