กราฟิกสำหรับเว็บไซต์

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
ความรู้เบื้องต้นเกี่ยวกับงานกราฟิก
Advertisements

Graphi c Design.
บทที่ 8 การใช้รูปภาพ และการออกแบบกราฟฟิกสำหรับเว็บ
นักศึกษาทุกคน วิชา การประยุกต์ใช้คอมพิวเตอร์ทางการแพทย์
Mr.Ukrit Marang Chapter 1 : Multimedia Mr.Ukrit Marang Multimedia Chapter 1.
การแปลงขนาดไฟล์รูปภาพ เทคนิคสำคัญ!!!
รายวิชา การเขียนเว็บไซต์
หน่วยการเรียนรู้ การใช้เทคโนโลยีสร้างสรรค์
" จัดการรูปภาพเพื่อแทรกใน เอกสารต่าง ๆ หรือเวปเพจ อย่างง่ายด้วย โปรแกรม SnagIT" " จัดการรูปภาพเพื่อแทรกใน เอกสารต่าง ๆ หรือเวปเพจ อย่างง่ายด้วย โปรแกรม.
….E-Book สนุกสนาน…..
การเขียน STORYBOARD STORYBOARD.
วิชาสื่อ ประสม ง แบบทดสอบกลางภาค
หลักการจัดทำสตอรี่บอร์ดสื่อมัลติมีเดีย
องค์ประกอบของมัลติมีเดีย
การออกแบบสื่อเพื่อการศึกษา ADDIE MODAL
แบบทดสอบหน่วยที่ 1 เทคโนโลยีสื่อประสม
องค์ประกอบ และ ประโยชน์ของมัลติมีเดีย
หนังสือไร้กระดาษ.
การใช้งาน VCD CUTTER4.04.
Chapter 4 : Animation (ภาพเคลื่อนไหว)
การสร้างงานกราฟิก.
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
By…Porta Boonyatearana
Creating Effective Web Pages
การนำเสนอสื่อประสม.
การกำหนดขนาดของรูปภาพ การใช้รูปภาพเป็น Background
เทคนิคการใช้งาน Adobe Photoshop นรินทร บุญพราหมณ์
ศูนย์บรรณสารและสื่อการศึกษา มหาวิทยาลัยแม่ฟ้าหลวง
เครื่องพิมพ์ (Printer)
การเขียนโปรแกรมบนเว็บ (WEB PROGRAMMING) บทที่ 2 หลักการออกแบบและพัฒนาเว็บไซต์ ความรู้เบื้องต้นเกี่ยวกับภาษา HTML โดย อ.ปริญญา น้อยดอนไพร คณะวิทยาศาสตร์และเทคโนโลยี
การสร้างภาพเคลื่อนไหว
บทที่ 9 การใส่รูปภาพ (Image).
การจัดแสงสำหรับงานโทรทัศน์
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
โปรแกรมกราฟิก illustrator cs3
รายวิชา เว็บเทคโนโลยี (Web Technology)
ของฝากจากอาจารย์อ้อ ชุดที่25 เทคนิคการนำเสนองานด้วย Power Point
ของฝากจาก...อาจารย์อ้อ (ชุดที่ 27)
การออกแบบและพัฒนาเว็บไซต์
การออกแบบสื่อการเรียนรู้
รู้จักและใช้งาน Applet
การเตรียมรายละเอียดก่อนสร้างเว็บไซต์
ความรู้เกี่ยวกับจอ LCD ของ Notebook และเทคนิคการ เลือกซื้อ.
การนำเสนอข้อมูล หน่วยที่ 1.
การตรวจอสอบเว็บเพจที่จะสร้าง
เนื้อหาที่มีประโยชน์ Useful Content
องค์ประกอบ ของการออกแบบเว็บไซท์ อย่างมีประสิทธิภาพ
การแทรกรูปภาพ บนเว็บเพจ.
Principle of Graphic Design
เว็บเพจและเว็บไซต์ webpage website
รู้จักกับชนิดของภาพกราฟิกบนเว็บ
Animation (ภาพเคลื่อนไหว)
ซอฟต์แวร์.
อาจารย์สถิตย์ กังวานณรงค์กุล มัธยมศึกษาปีที่ 2 โรงเรียนมัธยมวัดนายโรง
www เริ่มมีพัฒนาการมา ในราวปี ค. ศ ที่ Cern ซึ่งเป็น ห้องปฏิบัติการทางฟิสิกส์ แห่งยุโรป ตั้งอยู่ที่ประเทศ สวิตเซอร์แลนด์ โดย Bernner – Lee เป็นผู้
HTML 1. รูปแบบพื้นฐานของ เอชทีเอ็มแอล
โดย นายธวัชชัย ฝ่ายพลแสน
เทคนิควิธี การซ้อนภาพให้ดูเนียน ด้วย โปรแกรม PhotoShop
นางสาวเบญจมาศ รัตน์พิทักษ์
. ในเว็บเพจนั้นมีเพียง 3 ชนิด ซึ่งเว็บบราวเซอร์ส่วน ใหญ่จะสนับสนุนฟอร์แมตของรูปภาพ GIF, JPG, PNG.
หน่วยการเรียนรู้ที่ 4 การนำเสนองาน.
โหมดสี ใน Photoshop เรื่องของสีมีความสำคัญอย่างมากในการใช้งานโปรแกรม Photoshop เพราะจะมีผลกับภาพที่เราต้องการปรับแต่งโดยตรง เราสามารถกำหนดโหมดสีใน รูปแบบต่างๆ.
นางสาวขวัญชนก ขจรภพ รหัสนิสิต กลุ่ม B06 คณะพยาบาลศาสตร์
เว็บเพจ (Web Page).
เสริมเว็บให้ดูสวย.
HOME PAGE.
(Demonstration speech)
โครงการจัดทำข้อมูลผ่านเว็บไซต์
การเก็บคะแนน 100 คะแนน ก่อนกลางภาค 30 คะแนน สมุดจด.
การออกแบบและพัฒนาเว็บ (WEB DESIGN AND DEVELOPMENT)
ใบสำเนางานนำเสนอ:

กราฟิกสำหรับเว็บไซต์ นำเสนอโดย นิติมา เตรียมโพธิ์

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

เว็บกราฟิก องค์ประกอบสำคัญในการทำเว็บให้ดูน่าสนใจ นอกจากข้อความที่มีคุณค่า ก็คงหนีไม่พ้นรูปภาพที่นำมาตกแต่ง โดยการนำภาพสำเร็จมาใช้งาน, นำภาพจากเว็บอื่นๆ ที่ดูสวยงามมาใช้ และ สร้างภาพเอง โดยอาศัยโปรแกรมกราฟิกต่างๆเช่น Photoshop

หน้าเว็บที่มีแต่เนื้อหาข้อความ หน้าเว็บที่มีภาพประกอบ

ภาพกราฟิก นิยมใช้กัน 3 ฟอร์แมต คือ JPEG (Joint Photographer’s Experts Group File) GIF (Graphics Interlace File) PNG (Portable Network Graphics)

ไฟล์สกุล JPG ภาพที่เหมาะคือ ภาพถ่าย

ไฟล์สกุล JPG ภาพที่เหมาะคือ ภาพถ่าย

ไฟล์สกุล GIF ภาพที่เหมาะคือ ภาพวาดลายเส้น

ไฟล์สกุล PNG เป็นไฟล์ภาพที่ได้รับความนิยมมากในปัจจุบัน เพราะได้นำจุดเด่นของไฟล์ JPG และ GIF มาพัฒนาร่วมกัน

การเตรียมภาพดิจิตอล ภาพถูกใจกับ Scanner ภาพทันใจด้วยกล้องถ่ายภาพดิจิตอล การจับภาพด้วยเทคนิค Screen Capture โดยใช้ความสามารถ Clipboard ของ โปรแกรม Windows (Prt Scrn), ใช้โปรแกรมจับจอภาพเฉพาะ เช่น SnagIT

ขนาดภาพสำหรับเว็บไซต์ การออกแบบกราฟิกสำหรับเว็บไซต์ จำเป็นต้องคำนึงถึงขนาดภาพ ให้เหมาะสมกับจอภาพ โดยปกติจอภาพ 14 นิ้ว มี Screen Area ได้ 3 ลักษณะ คือ 640x480, 800x600 และ 1024x768 pixel

ขนาดภาพสำหรับเว็บไซต์ ดังนั้นก่อนจะสร้างภาพกราฟิก ควรวางแผนก่อนว่า เว็บที่นำเสนอ ต้องการให้แสดงผลได้ดีที่สุดบนจอภาพที่มี Screen Area เท่าใด เช่น ขนาด 800x600 pixel ภาพกราฟิกไม่ควรยาวเกิน 780 pixel เพราะโปรแกรม เบราว์เซอร์จะมีค่ากำหนดเกี่ยวกับ Margin และ Scroll Bar เสมอ

ตัวอย่างผลงาน การออกแบบภาพกราฟิกสำหรับเว็บไซต์

Web Header

Web Poster

Web Poster

Web Poster

Web Banner

Thank you