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

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

Embed Size (px)

DESCRIPTION

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

Citation preview

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

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

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

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

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

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

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

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

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

Print สิ่งพิมพ์

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

Page 6: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 7: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 8: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 9: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 10: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 11: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

Book หนังสือ

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

Page 12: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 13: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 14: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 15: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

Magazine นิตยสาร

Page 16: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 17: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 18: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 19: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 20: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

Page 21: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 22: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 23: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 24: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 25: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

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

Page 26: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 27: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 28: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 29: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 30: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 31: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 32: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 33: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

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

Page 34: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 35: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 36: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 37: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 38: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

Page 39: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 40: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 41: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 42: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

Page 43: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 44: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 45: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 46: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

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

Page 47: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 48: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 49: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 50: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

Page 51: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 52: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 53: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 54: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 60: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 61: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 62: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

Page 63: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 64: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 65: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 66: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 67: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

Page 68: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 69: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 70: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 71: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 72: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 73: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

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

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

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

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

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

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

Page 80: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 81: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 82: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 83: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 84: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 85: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 86: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 87: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 88: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 89: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 90: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 91: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 92: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 93: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์
Page 94: คอมพิวเตอร์ กับ นักออกแบบเลขนศิลป์

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

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

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

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

^ ^