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

หน้าเว็บเพจที่ลิงค์มาจากหน้าโฮมเพจซึ่งจะมีลักษณะคล้ายๆกัน

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

หน้าแรกของโฮมเพจ ซึ่งสามารถใส่ข้อความต่างๆลงไปและเพิ่มLinkไปยังPageอื่นๆได้

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

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

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

ภาพพื้นหลังสามารถนำรูป,ลักษณะ,รูปแบบต่างๆเข้ามาผสมผสานได้

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

ภาพที่ออกมาจะเป็นพื้นหลังที่มีหลายๆรูปหลายๆลักษณะเข้ามารวมกัน

ซึ่งสามารถแยกเป็นส่วนๆได้เพื่อความสวยงามต่อพื้นหลัง

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

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

•••ป้ายหัวรายการ•••

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

•••ภาพที่ทำออกมาจะดูเป็นรูปทรงกลมมีมิติ•••

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

•••รูป List ปุ่มหัวข้อต่างๆ•••

•••เพิ่มขนาดให้ใหญ่ขึ้นเพื่อที่จะสามารถมองเห็นได้ชัด•••

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

••• เนวิเกชั่นบาร์แบบรวม •••

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

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

•••ปุ่ม Bavigation Bar •••

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

รูปที่จะนำมาใช้ทำ Header

รูปหลังทำเสร็จ... จบ...

Workshop 1 : สร้าง TV line

รูปต้นแบบที่จะนำมาทำเป็น TV line
รูปหลังการทำ TV line เสร็จแล้ว

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

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

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

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

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

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

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

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

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

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

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

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

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



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



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

ประโยชน์ทีได้รับจากการเรียนวิชาคอมพิวเตอร์กราฟิกส์

1. ใช้แสดงผลงานด้วยภาพแทนการแสดงด้วยข้อความ ซึ่งช่วยให้เข้าใจได้ง่าย และน่าสนใจมากกว่า หลายหน่วยงานเลือกใช้วิธีนี้สำหรับแนะนำหน่วยงาน เสนอโครงการและแสดงผลงาน

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

3. ใช้ในการออกแบทางด้านต่างๆ เช่น ออกแบบบ้าน รถยนต์ เครื่องจักร เครื่องแต่งกาย การแต่งหน้า และเครื่องมือเครื่องใช้อื่นๆ ซึ่งสามารถทำได้รวดเร็วสวยงามและประหยัดค่าใช้จ่าย โดยเฉพาะงานออกแบบที่มีการเปลี่ยนแปลงรายละเอียดเพื่อเปรียบเทียบหาแบบที่เหมาะสมที่สุด การใช้คอมพิวเตอร์กราฟิกจะช่วยให้เกิดความสะดวก และทำได้รวดเร็วมาก

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

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

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

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

การใช้โปรแกรม Crop tool

ก่อนดำเนินงาน

ดำเนินงานเสร็จ