ภาพกราฟิกแบบราสเตอร์ raster มีชื่อเรียกอีกชื่อหนึ่งว่า

ภาพกราฟิกแบบราสเตอร์หรือบิตแมป เป็นภาพกราฟิกที่เกิดจากการเรียงตัวของจุดสี่เหลี่ยมเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) มีการเก็บค่าสีที่เจาะจงในแต่ละตำแหน่งจนเกิดเป็นภาพในลักษณะต่าง ๆเช่น ภาพถ่าย โปรแกรมที่นิยมใช้ในการสร้างภาพแบบราสเตอร์ ได้แก่ โปรแกรม Paintbrush โปรแกรม Adobe Photoshop เป็นต้น

ข้อดี: เหมาะสำหรับภาพที่ต้องการสร้างสีหรือกำหนดสีที่ต้องการความละเอียดและสวยงามน

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

เพิ่มเตืม

Pixel

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

แอสเป็กเรโชของภาพ คือ อัตราส่วนระหว่างจำนวนพิกเซลทางแนวขวาง และจำนวนพิกเซลทางแนวดิ่งที่ใช้ในการสร้างภาพ เมื่อนำไปเปรียบเทียบกับกระดาษกราฟ จะเห็นว่าภาพบิตแมปใดๆ ก็ตามจะมีจำนวนพิกเซลคงที่ในมิติแนวขวางและแนวดิ่ง ซึ่งอัตราส่วนมีไว้อ้างถึงขนาดของภาพและมักจะเขียนในรูปของการคูณกัน เช่น  800 x 600 (ซี่งหมายถึงรูปภาพที่มี 800 พิกเซลในแนวขวาง และ 600 บรรทัดของพิกเซลในแนวดิ่ง) รูปนี้จะมีพิกเซลทั้งหมด 480,000 พิกเซล ซึ่งจำนวนดังกล่าวไม่ได้หมายถึงขนาดของไฟล์ของภาพนั้นๆ

Resolution

รีโซลูชัน หมายถึง รายละเอียดที่อุปกรณ์แสดงกราฟิกชนิดหนึ่งมีอยู่ ค่ารีโซลูชันมักระบุเป็นจำนวนพิกเซลในแนวนอนคือแนวแกน X และจำนวนพิกเซลในแนวตั้งคือแนวแกน Y เช่น รีโซลูชัน 720 x 348 หมายความว่า อุปกรณ์แสดงกราฟิกชนิดนี้สามารถแสดงพิเซลในแนวนอนได้ไม่เกิน 720 พิกเซล และแสดงพิกเซลในแนวตั้งได้ไม่เกิน 348 พิกเซล ผู้ผลิตอุปกรณ์แสดงกราฟิกบางรายจะระบุค่ารีโซลูชันเป็นระดับสูง (High Resolution) ปานกลาง (Medium Resolution) และระดับต่ำ (Low Resolution) โดยพิจารณาจากจำนวนพิกเซลในแนวนอนเพียงอย่างเดียว

• ระดับต่ำ: ค่าน้อยกว่า 128
• ระดับกลาง: ค่าระหว่าง 128 ถึง 512
• ระดับสูง: ค่าสูงกว่า 512

//sangrawee1366.blogspot.com/p/1.html

มารู้จักภาพแบบ Raster กับ Vector

         บทความนี้เราจะมาพูดถึงเรื่องภาพภาพแบบ Raster กับภาพแบบ Vector คือภาพที่เก็บอยู่ในคอมพิวเตอร์ของเรานั้น คอมพิวเตอร์จะมีการประมวลผลภาพอยู่ด้วยกัน 2 รูปแบบ คือ
       1. การประมวลผลแบบ Raster หรือ Bitmap
       2. การประมวลผลแบบ Vector
1.การประมวลผลแบบ Raster

       การประมวลผลแบบ Raster หรือแบบ บิตแมป(Bitmap) หรือเรียกว่าเป็นภาพแบบ Resolution Dependent โดยหลักการทำงาน คือ จะเป็นการประมวลแบบอาศัยการอ่านค่าสีในแต่ละพิกเซล ซึ่งมีชื่อเรียกอีกอย่างหนึ่งว่า Bitmap ซึ่งจะเก็บค่าของข้อมูลเป็นค่า 0 และ 1 และในแต่ละพิกเซลจะมีการเก็บค่าสีที่เจาะจงในแต่ละตำแหน่ง ลักษณะสำคัญของภาพประเภทนี้ คือ จะประกอบขึ้นด้วยจุดสีต่างๆที่มีจำนวนคงที่ตายตัว ตามการสร้างภาพที่มีความละเอียดแตกต่างกันไป ภาพแบบ Bitmap นี้ มีข้อดี คือ เหมาะสำหรับภาพที่ต้องการระบายสี สร้างสี หรือกำหนดสีที่ต้องละเอียดและสวยงามได้ง่าย ข้อจำกัดคือ เมื่อมีพิกเซลจำนวนคงที่ นำภาพมาขยายให้ใหญ่ขึ้น ความละเอียดก็จะลดลง มองเห็นภาพเป็นแบบจุด และถ้าเพิ่มความละเอียดให้แก่ภาพ จะทำให้ไฟล์มีขนาดใหญ่ และเปลืองเนื้อที่หน่วยความจำมาก 

ไฟล์ของรูปภาพที่เกิดจากการประมวลผลแบบ Raster คือ ไฟล์พวกที่มี นามสกุล เป็น .BMP .PCX .TIF .JPG .GIF .MSP .PNG .PCT โดยโปรแกรมที่ใช้จัดการกับภาพประเภทนี้ คือ โปรแกรมประเภทจัดการภาพ ตกแต่งภาพ ซึ่งปัจจุบันนี้มีโปรแกรมมากมายให้เราได้ใช้กัน เช่น Photoscape,Paintbrush,Photoshop,Photostyler และอีกมากมาย

2. การประมวลผลแบบ Vector
       ภาพแบบเวกเตอร์ หรือ Object-Oriented Graphics หรือ เรียกว่า เป็นรูปภาพ Resolution-Independent เป็นภาพที่มีลักษณะของการสร้างจากคอมพิวเตอร์ที่มีการสร้างให้แต่ละส่วนของภาพเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรง หรือ ส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์ หรืออาศัยการคำนวณทางคณิตศาสตร์ โดยมีสีและตำแหน่งของสีที่แน่นอน ฉะนั้นไม่ว่าจะมีการเคลื่อนย้าย หรือย่อขยายขนาดของภาพ ก็จะไม่เสียรูปทรง และความละเอียดของภาพจะไม่ลดลง จึงทำให้ภาพยังคงชัดเจนเหมือนเดิม แม้ขนาดของภาพจะมีขนาดใหญ่ขึ้นหรือเล็กลงก็ตาม แต่มีข้อเสียที่ไม่สามารถใช้เอฟเฟคในการปรับแต่งภาพได้เหมือนกับภาพแบบ Raster 
      การประมวลผลภาพแบบ Vector ได้แก่ภาพที่มี นามสกุล .AI, .DRW, .CDR , .EPS, .PS ซึ่งโปรแกรมที่ใช้ในการวาดภาพก็มีมากมายหลายโปรแกรม เช่น Illustrator, CorelDraw และ ภาพ .WMF ซึ่งเป็นภาพคลิปอาร์ตในโปรแกรม Microsoft Word และภาพ .DWG ในโปรแกรมการออกแบบ AutoCAD เป็นต้น

มาดูตัวอย่างของ การประมวลผลแบบ Vector และ การประมวลผลแบบ  Raster (Bitmap) ดังรูป

ภาพ 2 แบบมีคุณสมบัติต่างกัน ก็แล้วแต่นักออกแบบว่าจะนำไปใช้อย่างไร

How to Illustrator วิธีสร้างเงาตัวหนังสือใน Illustrator

How to Illustrator บทความนี้ผมจะสอน วิธีสร้างเงาให้ตัวหนังสือ ไว้ใช้เพิ่มลูกเล่นในการออกแบบงานกราฟฟิก ขั้นแรกเราก็ต้องสร้างตัวหนังสือที่เราต้องการก่อน เสร็จแล้วคลิกเลือกที่ตัวหนังสือ แล้วไปที่ Effect>Stylize>Drop Shadow จะมีหน้าต่าง Drop Shodow ขิ้นมาให้เราใส่ค่าที่ต้องการ Mode: เป็นการผสมระหว่างเงากับพื้นหลัง Opacity: ความโปร่งแสง X Offset และ Y Offset: เป็นทิศทางของเงา Blur: ปรับให้เงาBlur Color: สีของเงา ในการปรับแต่งให้ลองกด Preview ดูก่อน ถ้าใช้ได้แล้ว คลิก OK ก็จะได้ตัวหนังสือที่มีเอ็ฟเฟ็กเงาเพิ่มขึ้นมา วิธีนี้เป็นวิธีที่ไม่ยากแต่ทำให้งานกราฟฟิกของเราดูมีมิติมากขึ้นอย่างไม่น่าเชื่อเลย ลองนำไปใช้กันดูนะครับ

กราฟฟิกคืออะไร เรามีคำตอบ

กราฟฟิก คืออะไร ผมว่าหลายคนคงสงสัยกันอยู่ วันนี้มีคำตอบ     คำว่า กราฟฟิก (Graphic)  นั้นมีที่มาจากภาษากรีก 2 คำด้วยกันคือ 1. Graphikos หมายถึง การวาดเขียน 2. Graphein หมายถึง การเขียน     มีคนที่ให้ความหมายหรือคำจำกัดความของคำว่า  "กราฟฟิก" ไว้มากมายหลายแบบด้วยกัน แต่หลักๆก็มีดังนี้ -  กราฟฟิก เป็นศิลปะแบบหนึ่งที่แสดงออกถึงความคิดอ่านและอารมณ์โดยใช้เส้น รูปภาพ ภาพเขียนหยาบๆ ไดอะแกรม ฯลฯ -  กราฟฟิก เป็นการสื่อความหมายด้านการใช้ภาพวาด ภาพสเกต แผนภาพ การถ่ายภาพ และอื่นๆ ที่ต้องอาศัยศิลปะ เข้ามาช่วยเพื่อทำให้ผู้ดูเกิดความคิดและการตีความหมายได้ตรงตามที่ผู้ส่งสารต้องการ เช่น แผนภูมิ แผนภาพ ภาพโฆษณา การ์ตูน เป็นต้น - วัสดุที่เกิดจากการวาดและการเขียนงานออกแบบต่างๆ ในสิ่งที่เป็นวัตถุ 2 มิติ มีความกว้างและความยาวเท่ากัน อันได้แก่ งานสถาปนิกในการเขียนแปลนบ้าน การเขียนภาพเหมือนของจิตรกร การออกแบบโฆษณาของช่างออกแบบ -  กราฟฟิก เป็นศิลปะหรือศาสตร์ในการเขียนภาพลายเส้น รวมไปถึงการพิมพ์ การแกะสลัก การถ่ายภาพ และการจัดทำหนังสือ    ดังนั้นสรุปได้ว่า กราฟิก  นั้นหมายถึง ศิลปะแ