Workshop 15 : ออกแบบหน้าเว็บเพจอื่นๆภายในเว็บไซท์

Woekshop 14 : ออกแบบหน้าโฮมเพจ (index.html)

Workshop 13 : ออกแบบหน้าโฮมเพจ

Workshop 12 : สร้างภาพพื้นหลังขนาดใหญ่

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

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

สามารถกดที่นี่เพื่อดูการเปลี่ยนแปลงของรูปภาพเมื่อนำเมาค์ไปกดที่ปุ่ม

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

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

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

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

Workshop 5 :การสร้าง Navigation Bar แนวนอน

ปุ่ม Bavigation Bar

Workshop 2 : ออกแบบภาพส่วนหัวของเว็บเพจ

Workshop 1 : สร้าง TV line

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

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

ปุ่ม Button กลุ่มแนวตั้ง

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

ปุ่ม Gradient สีชุด Style

ปุ่ม Gradient สีชุด Simple

ลดขนาดความละเอียดของรูปภาพ ขนาดภาพ 200x300 pixel

ภาพ ขนาด Maximum ซึ่งจะเป็นขนาดที่ชัดแต่ขนาดความจุก็จะเพิ่มมากขึ้น

ภาพ ลดขนาดเป็น Low จะสังเกตุเห็นได้ว่าภาพมันเริ่มแตกลาย

ภาพต้นฉบับจะมีขนาด 200x300 ซึ่งยังไม่มีการปรับแต่ง

ลดขนาดของไฟล์ให้มีขนาดไม่เกิน 100 KB โดยไม่ลดความละเอียด

ขนาดรูปภาพเมื่อลดขนาดแล้วจะอยู่ที่ 350x263

ขนาดภาพเริ่มต้นจะอยู่ที่ 800x600

ก่อนทำ

หลังทำ

นำความรู้วิชาคอมพิวเตอร์กราฟิกส์ไปทำอะไรได้บ้าง

ไม่ว่าจะทำเป็น สัญลักษณ์ โลโก้ กระดาษ การ์ตูน แผ่นพับ โฆษณา

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