Workshop 2 : การสร้าง Header

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

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

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

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

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

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

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

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

ปุ่ม 3 มิติ

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

แบบ สบายๆ ^ ^" ใช้ Shap + Layer Styles

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

เป็นการเอา Button + screen ภาพ และใส่ TEXT ผสมผสานกัน...

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

ปุ่ม Bavigation Bar

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

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

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

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

• ปุ่ม Gradient สีชุด Style •

• ปุ่ม Gradient สีชุด Simple •

Workshop 1 : สร้าง TV Line

รูปต้นแบบที่จะนำมาทำเป็น TV line

รูปหลังการทำ TV line เสร็จแล้ว

การเปรียบเทียบ ด้วยการปรับภาพให้มีความละเอียด

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

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

นี่คือภาพ ต้นแบบ ขนาดของภาพ 298x325 ซึ่งยังไม่มีการปรับแต่ง

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

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

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

การภาพตัดด้วย CROP

หลังทำ(After)

ก่อนทำ(Before)

การนำวิชาคอมพิวเตอร์กราฟิกมาใช้ประโยชน์

ก่อนอื่นต้องขอพูกก่อนว่า"คอมพิวเตอร์กราฟิก(Computer Graphic )"คืออ่ะไร
คอมพิวเตอร์กราฟิก(Computer Graphic) หมายถึง การสร้างและการจัดการกับภาพกราฟิกโดยใช้คอมพิวเตอร์ (ซึ่งโดยมากจะเป็นการแสดงออกทางจอภาพ และเครื่องพิมพ์ชนิดต่างๆ

คอมฟิวเตอร์กราฟฟิกนั้นสามารถนำมาใช้ประโยชน์มากมายหลายด้าน ดังนี้

1. ด้านการศึกษา

1.1 สามารานำมาเป็นสิ่งกลางในการเผยแพร่ความรู้

1.2 สามารถนำมาเป็นสื่อการสอนที่สะดวกต่อการเรียนรู้

1.3 สามารถทำเป็นที่รวบรวมความรู้จากสิ่งต่างๆ

2 ด้านการโฆษณา

2.1 สามารถนำมาเป็นสื่อกลางในการโฆษราหรือประกาศสิ่งต่างๆ