คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

Post on 24-Mar-2016

233 views 6 download

description

Slide ที่ใช้บรรยายให้รุ่นน้องที่มหาวิทยาลัยราชภัฏบ้านสมเด็จเจ้าพระยา เมื่อวันที่ 2 ตค. 2551 (2008) Upload แบบไม่มีการตัดต่อ เป็นความรู้ ณ เวลานั้น อาจมีความรู้ใหม่ๆ หักล้างได้ ผู้อ่านโปรดใช้วิจารณญาณ Credit: ผลงานออกแบบที่นำมาใช้เป็นตัวอย่าง หยิบยืมมาจาก B513Design, Be Our Friends, Mutabor, Art. Lebedev Studio, We too are Stardust, Studio G Bangkok โดยไม่ได้ขออนุญาติมาก่อน ขาดตกบกพร่องหรือผิดพลาดประการใด ขออภัยไว้ ณ ท่ีนี้

Transcript of คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

สวัสดี เรา “อ้น” รหัส 423715022 ฮ่ะ (ท่าฉายาไม่ทำให้ดูนะฮ่ะ เขิน)

วันนี้อาจารย์ “พี่ปุ๋ม” ชวนให้เรามาพูด... เรื่องเกี่ยวกับคอมท์พิวเตอร์กับการออกแบบ

Computer and Graphic Designer คอมท์พิวเตอร์ กับนักออกแบบเลขนศิลป์

Graphic Design งานออกแบบเลขนศิลป์

Print สิ่งพิมพ์

เช่น : ปฏิทิน, โปสเตอร์, โบร์ชัวร์, ไดเร็กเมล์, แค็ตตาล็อก ฯลฯ

Book หนังสือ

เช่น : รายงานประจำปี, หนังสือเฉพาะกิจ, พ็อกเก็ตบุ๊คส์ ฯลฯ

Magazine นิตยสาร

Packaging กราฟิกบนบรรจุภัณฑ์ หรือผลิตภัณฑ์

Typogarphy ศิลปะการใช้ตัวอักษร

เช่น : งานออกแบบตัวพิมพ์, การจัดตัวพิมพ์ ฯลฯ

Logo ตราสัญลักษณ์

เช่น : ตราสินค้า, สัญลักษณ์องค์กร, เครื่องหมายโครงการ ฯลฯ

Identity ออกแบบอัตลักษณ์ (รูปแบบการใช้ตราสัญลักษณ์อันนำไปสู่การจดจำ)

Display กราฟิกนิทรรศการ

Interactive อินเตอร์แอ็คทีฟ

เช่น : เว็บไซต์, มัลติมีเดีย ฯลฯ

Motion กราฟิกเคลื่อนไหว

Computer คณิตกรณ์ (ขออนุญาตไม่พูดถึง... ไว้ช่วงบ่ายได้รู้เอง ^ ^)

Application โปรแกรมคอมพิวเตอร์

(แนะนำเฉพาะโปรแกรมที่ผู้บรรยายใช้งานอยู่เป็นประจำนะฮ่ะ)

ก่อนเข้าเรื่องโปรแกรม ข้อแนะนำให้รู้จักคำเหล่านี้ไว้นิดนึงนะฮ่ะ

Vector : ภาพกราฟฟิกที่ถูกคำนวนทางเรขาคณิต หรือถ้าจะให้เข้าง่ายๆ ก็คือการที่เราวาดหรือสร้างงาน Vector ขึ้นเอง ด้วยโปรแกรมที่สนับสนุนการทำงาน ด้าน Vector บนระบบปฏิบัติการที่รองรับ เช่น Illustrator, Freehand, CorelDraw เป็นต้น ข้อดีของ Vector Graphic ที่น่าสนใจ คือ สามารถ ย่อขยายขนาดงานได้โดยไม่สูญเสียรายละเอียด เหมาะกับการสร้างแบบ Logo, Pictogram, Icon etc.

Bitmap : ภาพกราฟฟิกที่เกิดจากการเรียงต่อกัน ของพิกเซล (Pixel) หรือจุดจำนวนมากที่เรียงต่อกันบนพื้นที่หนึ่ง

ในแนวเส้นตั้งและนอนสานกัน เมื่อเราขยายภาพเข้ามาดูใกล้ๆ จะเห็นว่า

มีจุดสีสี่เหลี่ยมจตุรัสเรียงต่อกันเต็มไปหมด การใช้งานภาพ Bitmap

ควรมีความเข้าใจเรื่องความละเอียด (Resolution) ของภาพ

ที่เราต้องการนำไปผลิตงานด้วยว่าต้องการนำไปใช้กับสื่อใด

ซึ่งภาพเหล่านี้ได้มาจากการสแกนภาพถ่าย สแกนฟิล์ม หรือภาพ

ที่มาจากกล้องถ่ายภาพระบบดิจิทัล แล้วเรายังสามารถสร้างขึ้นได้เอง

โดยการวาดด้วยโปรแกรมที่สนับสนุนการทำงานด้าน Bitmap

เช่น PhotoShop, GIMP - bitmap graphic (Freeware) เป็นต้น

Resolution : ความละเอียดของจุดที่เรียงต่อกันจนเกิดเป็นภาพ นิยมใช้หน่วยของค่าความละเอียดเป็นตารางนิ้ว

(dpi = dots per inch) โดยมีค่าความละเอียดที่นิยมใช้ดังนี้

72 - 96 dpi (เหมาะกับงานที่แสดงบนหน้าจอคอมท์พิวเตอร์หรือทีวี)

100 - 150 dpi (เหมาะกับงานสิ่งพิมพ์ระบบอิงค์เจ็ท)

266 - 350 dpi (เหมาะกับงานสิ่งพิมพ์ที่ต้องการความระเอียดสูง เช่น ออฟเซ็ท, เฟรกโซ, กราเวีย)

RGB : ระบบสีแสง แสดงผลบนสื่อที่สามารถ ขับแสงได้เอง เช่น จอคอมท์พิวเตอร์, ทีวี, เป็นต้น R = Red, G = Green, B = Blue

CMYK : ระบบสีวัตถุ โดยการผสมกัน ของแม่สีสิ่งพิมพ์ 4 สี รวมกัน C = Cyan, M = Magenta, Y = Yellow, K = Black (Key Color)

Adobe Illustrator โปรแกรมสร้างงาน Vector

Adobe InDesign โปรแกรมจัดหน้าอย่างมีระบบ

Adobe PhotoShop โปรแกรมสร้างงาน Bitmap หรือจัดการตกแต่งภาพ

โปรแกรมแรก ที่ต้องเปิดใช้งานก่อนทุกครั้ง!!

ขอบคุณที่อดทนฟังฮ่ะ หากใครมีข้อสงสัยเกี่ยวกับสิ่งที่พูดมาทั้งหมดในราว 2 ชม. นี้ สามารถถามมาได้ฮ่ะ เราจะตอบเท่าที่เรารู้ละกันนะ ^ ^

a none sae taeo (อนันต์ แซ่แทว) (โฆษณาแฝง)

blog > http://aon-anone.blogspot.com social web > http://aon-anone.hi5.com

^ ^