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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Navigation Bar แนวนอน

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

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

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

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

ปุ่ม Gradient สีชุด Simple

ปุ่ม Gradient สีชุด Style

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

จะเป็นการออกแบบรูปภาพเพื่อที่จะนำมาทำเป็น Header ของหัว Blog

Workshop 1 : สร้างภาพ TVline

ภาพ TVline

ภาพก่อนทำ TVline

ลดขนาดรูปภาพ

รูปภาพลดขนาดและความคมชัด 150 x 200 size 23.6 kb

ภาพขนาดเท่าเดิม1536 x 2045 size 59.6 kb แต่ลดขนาดความคมชัดลง

รูปภาพเดิมก่อนลดความชัด 1536 x 2045 size 650 kb

Select

Befor

After

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

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

- สามารถแก้ไขและตกแต่งภาพเพิ่อเติมได้ง่าย

- สามารถทำระบบภาพแบบมีมิติได้

- สามรถสร้างเว็บเพจเพื่อการโฆษณา ประชาสัมพันธ์ได้

- ใช้แสดงผลงานด้วยภาพแทนการแสดงด้วยข้อความซึ่งช่วยให้เข้าใจได้ง่าย และน่าสนใจมากกว่า

- คอมพิวเตอร์กราฟิกส์สามารถนำมาสร้างภาพนิ่ง ภาพสไลด์ ภาพยนต์ และรายการวิดีโอ ซึ่งทำให้ดูสมจริงได้ดีกว่าการสร้างด้วยวิธีอื่น

- ใ ช้แสดงแผนที่ แผนผัง และภาพของสิ่งต่างๆ ซึ่งภาพเหล่านี้ไม่สามารถแสดงในลักษณะอื่นได้ นอกจากการแสดงด้วยภาพเท่านั้น

- คอมพิวเตอร์กราฟิกส์ยังสามารถนำมาสร้างเกมส์ ที่เล่นกันอย่างแพร่หลายในปัจจุบันอีกด้วย