วันอาทิตย์ที่ 30 ธันวาคม พ.ศ. 2555

คู่มือการใช้โปรแกรม Adobe Photoshop CS5



คู่มือการใช้โปรแกรม Adobe Photoshop CS5





การทำงานกราฟฟิกด้วย Photoshop cs5
ส่วนประกอบหลักใน Photoshop
                   การสร้างงานใหม่ด้วยคำสัง New
                   เครืองมือการเปิดไฟล์กราฟฟิคแบบใหม่ Bridge
-  การเลือกแบบต่างๆ( Selection ) และการจัดการมุมมอง
                   รู้จักกับSelection แบบต่างๆ
                   การสร้างselection แบบอิสระ แบบเรขาคณิต
                   การสร้างselection แบบอืนๆทีสามารถทำได้ใน Photoshop ,การเพิ่มหรือลบselection
                   การใช้ เครืองมือในการจัดการมุมมองภาพ zoom tool, hand tool
การใช้เครืองมือวาดภาพ
การใช้พู่กันวาดภาพ,การเลือกหัวแปรง,การเลือกสีโฟร์กราวน์และแบ็คกราวน์
การปรับแต่งขอบ selectionให้ฟุง
การวาดเส้นด้วยดินสอ
การเลือกใช้หัวแปรงแบบต่างๆ
การเลือกสีจาก Swatches
- การใช้เครืองมือตกแต่งภาพ 
การซ่อมภาพทีเสียหายด้วยเครืองมือปะแต่งภาพ
การคัดลอกพืนผิวด้วย Stamp tool และ Pattern Stamp tool
การลบภาพด้วยยางลบ
การไล่สีแบบต่างๆด้วย Gardient tool
การทำให้ภาพเบลอจากการพ่นด้วย Blur Tool
การทำให้ภาพคมชัด จากการพ่นด้วย Sharpen Tool
การเกลียภาพลบรอยเปือนด้วย Smudge Tool
การเพิมความขาวและสดใสในภาพด้วย Dodge Tool
การเพิมความเข้มและคล้ำในภาพด้วย Burn Tool
การทำให้ภาพซีดจางด้วย Sponge Tool
                   การย้อนกลับการกระทำต่างๆจาก History
                   การย้อนกลับการกระทำต่างๆจาก History Brush
-  เครืองมือสร้างภาพ Vector
                   การสร้างรูปร่างต่างๆเช่น Rectangle , Polygon , Round Rectangle
                   การเปลียนสีให้กับรูปร่างทีสร้างการสร้างเส้น line tool
                   การสร้างรูปร่างอิสระ Custom Shape Tool
-  การใช้งานเลเยอร์ (Layer)
                   การทำงานกับเลเยอร์
                   การจัดเรียงลำดับเลเยอร์ / การล็อคเลเยอร์/การลบหรือเพิมเลเยอร์
                   การใส่ Effect ให้กับวัตถุทีอยูในเลเยอร์
-  การพิมพ์ข้อความและตัวอักษร
                   การพิมพ์ข้อความใน Photoshop และการจัดรูปแบบต่างๆให้กับตัวอักษร
                   การสร้างตัวอักษรแบบพิเศษด้วย wrap tool
-   การปรับแต่งรูปร่างให้กับภาพใน Photoshop
                   เรียนรู้การใช้คำสังในการปรับแต่งรูปทรงดัวย Transform และ Free Transform
                   การหมุนการย่อ-ขยายการยืดภาพและอืนๆโดยการกรอกตัวเลขเพือกำหนดค่าหรือกำหนดเอง
                   การบิดเอียงภาพด้วยคำสัง Distort ,การปรับแต่งมิติให้ภาพด้วยคำสัง Perspective
                   การใส่ Style ให้กับภาพใน Layer
การใช้ฟิลเตอร์เพื่อสร้างงาน
                   Filter คืออะไรและใช้งานอย่างไร
                  การปรับแต่งภาพด้วย Filter แบบต่างๆ
สอนphotoshop ในการปรับแต่งและจัดการสีจากภาพถ่าย
                   การปรับความสว่างและความชัด ( Brightness / Contrast )
                   การปรับสีของภาพด้วย Color Balance
                   การปรับสีของภาพด้วย Hue and Saturation
                   การปรับภาพด้วยคำสั่ง Curve
การสร้าง web page และภาพเคลื่อนไหว
                   เรียนรู้กระบวนการสร้างภาพเคลื่อนไหว สำหรับการสร้าง web site
การสร้างภาพ 3 มิติใน Photoshop
        การสร้างรูปทรง 3 มิติชนิดต่างๆใน Photoshop
        การนำเข้าชิ้นงาน 3 มิติจากโปรแกรมอื่น
        การแก้ไขงาน 3 มิติ
 - การนำผลงาน ไปใช้ในระบบการผลิตจริง
        เรียนรู้กระบวนการผลิตผลงานในแต่ละประเภท เช่นงานสื่อสิ่งพิมพ์งานแยกสี
        เรียนรู้ระบบการพิมพ์ออฟเซ็ต ,Graphic Design, การสร้าง web site
         เพื่อสามารถนำผลงานที่ได้ไปใช้ในระบบการผลิตจริง
 - Photoshop Workshop
       ทดลองสร้างผลงานจริงตามลักษณะงานของหน่วยงานนั้นๆ
       การประยุกต์ใช้งานให้เหมาะสมกับแต่ละหน่วยงาน

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


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


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




ความละเอียด (Resolution) เป็นตัวบอกถึงความละเอียดของภาพ โดยมีหน่วยเป็นพีพีไอ ppi ย่อมาจาก (Pixels Per Inch) ภาพที่มีความละเอียดสูงหรือคุณภาพดี ควรจะมีค่าความละเอียด 300*300 ppi ขึ้นไป ค่า ppi สูงภาพจะมีความละเอียดคงชัดขึ้น    
การแสดงผลของอุปกรณ์แสดงผล ตัวอย่างเช่น เครื่องพิมพ์ (Printer) แบบดอตแมทริกช์ (Dot-matrix) หรือเลเซอร์ (Laser) รวมทั้งจอภาพ 
การประมวลภาพคอมพิวเตอร์กราฟิก   







การประมวลภาพคอมพิวเตอร์กราฟิก   



1. การประมวลผลแบบ Raster หรือ แบบมิตแมป (Bitmap) หรือเรียกว่าเป็นภาพแบบ Resolution Dependent ลักษณะสำคัญของภาพประเภทนี้ ประกอบขึ้นด้วยจุดสีต่างๆที่มีจำนวนคงที่ตายตัว ตามการสร้างภาพที่มีความละเอียดต่างกันไป ภาพแบบบิตแมปนี้ มีข้อดี คือ เหมาะสำหรับภาพที่ต้องการระบายสี สร้างสี หรือกำหนดสีที่ต้องละเอียดและสวยงามได้ง่าย ข้อจำกัดคือ เมื่อมีพิกเซลจำนวนคงที่ นำภาพมาขยายให้ใหญ๋ขึ้น ความละเอียดจะลดลง มองเห็นภาพเป็นแบบจุด และถ้าเพิ่มความละเอียดให้แก่ภาพ จะทำให้ไฟล์มีขนาดใหญ่ และเปลืองเนื้อที่หน่วยความจำมาก
      ในระบบวินโดวส์ (Windows) ไฟล์ของรูปภาพประเภทนี้ คือ พวกที่มีส่วนขยายหรือ นามสกุล เป็น .BMP , .PCX, .TIF, .JPG, .MSP, .PCD, .PCT โปรแกรมที่ใช้สร้างคือ โปรแกรมประเภทระบายภาพ (Painting Program) เช่น Paintbrush, Photoshop,Photostyler เป็นต้น




2. การประมวลผลแบบ Vector  หรือเรียกว่า เป็นรูปภาพ Resolution-Independent เป็นภาพที่มีลักษณะของการสร้างจากคอมพิวเตอร์ที่มีการสร้างให้แต่ละส่วนของภาพเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรงรูปทรงหรือส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์ หรือการคำนวณซึ่งมีทิศทางการลากเส้นไปในแนวต่างๆ จึงเรียกประเภท Vector Graphic หรือ Object Oriented ภาพเวกเตอร์นี้มีข้อดีคือ สามารถเปลี่ยนแปลงขนาด โดยมีความละเอียดของภาพไม่ลดลง ภาพสามารถเปลี่ยนแปลงหรือย้ายได้และมีขนาดของไฟล์ที่เล็กกว่าพวกบิทแมป 
RGB และ CMYK คืออะไร






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






CMYK มีแนวคิดมาจากระบบการพิมพ์ โดยภาพจะถูกแยกออกเป็นแม่พิมพ์ของสีหลักเพียง 4 สี คือ ฟ้า   (CYAN) ม่วงแดง (MAGENTA) เหลือง (YELLOW) ดำ (BLACK) ซึ่งเมื่อนำมารวมกันแล้วจะได้สีดำ



PHOTOSHOP สามารถรองรับรูปแบบไฟล์ต่างๆ ได้ ดังนี้..
 JPEG ย่อมาจาก ( Join Photographics Export Group )  สามารถบีบอัดข้อมูลที่เป็นรูปภาพประเภท Bitmap หรือ ภาพถ่ายต่างๆ
 GIF ย่อมากจาก ( Graphics Interchange Format ) เป็นการบันทึกภาพที่สามารำบีบอัดไฟล์ให้มีขนาดเล็ก ส่วนมากจะนำไปใช้บันทึกเป็นภาพเคลื่อนไหว
  PNG ย่อมากจา ( Portable Network Graphics ) ใช้ในการบันทึกไฟล์ภาพประเภท Vector บันทึกส่วนที่โปร่งใส และ สามารถเลือกระดับสีได้ถึง 16.7 ล้านสี
  BMP ย่อมาจาก ( Windows Bitmap ) เป็นรูปแบบของไฟล์มาตรฐานที่ใช้กันในระบบปฏิบัติการ Windows และ DOS
  TIFF ย่อมาจาก ( Tagged Image File Format ) เป็นการบันทึกรูปภาพซึ่งสามารถบีบอัดข้อมูล ทำให้คุณภาพของสีเหมือนต้นฉบับ แต่ไฟล์นั้นจะมีขนาดค่อนข้างใหญ่ และ สามารถนำไปใช้ร่วมกับโปรแกรม PageMaker ได้
 EPS ย่อมาจาก  ( Encapsulated PostScript ) เป็นรูปแบบไฟล์ที่สามรถบรรจุภาพแบบ Vector และ Bitmap ซึ่งนำรูปภาพไปใช้ใน Illustrator
  PDF ย่อมาจาก  ( Portable Document Format ) เป็นรูปแบบไฟล์ที่ใช้ในการนำเสนอข้อมูลบนอินเตอร์เน็ต ข้อดีก็คือ สามารถรักษารูปแบบของ หน้ากระดาษ ตัวอักษร รูปภาพ ให้เหมือนกับต้นฉบับ= 
++ แต่ส่วนใหญ่ไฟล์/นาสกุล ที่ใช้กันบ่อยใน PhotoShop ก็มีอยู่ 3 ตัว คือ JPEG, GIF, PNG
คอมพิวเตอร์กราฟิกกับเทคนิคพิเศษในภาพยนตร์
 -ปลายทศวรรษที่ 70 ตัดต่อภาพยนตร์ และควบคุมการเคลื่อนกล้อง (Motion Control) ด้วยวิธีนำคอมพิวเตอร์ไปใช้ควบคุมอุปกรณ์วัดตำแหน่งเพลาและการหมุนของมอเตอร์ที่ติดตั้งบนแท่นกล้อง
- คอมพิวเตอร์กราฟิกถูกนำมาใช้สร้างภาพเทคนิคในภาพยนตร์ครั้งแรกเมื่อปี ค.ศ. 1979
-ในปี ค.ศ. 1982 บริษัทพราราเมาส์พิกเจอร์ร่วมกับบริษัทลูกัสฟิล์ม ได้นำเสนอภาพยนตร์เรื่องสตาร์เทรค 2 (Star Trek II) ในภาพยนตร์นี้มีฉากหนึ่งที่นำคอมพิวเตอร์กราฟิกมาสร้างภาพเคลื่อนไหวยาว 20 วินาที ์ จุดเด่นของภาพคอมพิวเตอร์กราฟิกคือ เทคนิคที่แสดงภาพการระเบิดเป็นอนุภาคฝุ่นและกำแพงไฟที่ผิวดาวเคราะห์และขยายตัวไปอย่างรวดเร็วจนทั่วทั้งดวงดาว ทำให้เรียกเทคนิคพิเศษที่เป็นอนุภาค (Particle) ในเรื่องนี้ว่า Genesis Demo
- การสร้างสรรค์ภาพจากจินตนาการของผู้ประพันธ์บนให้ปรากฏออกมาในภาพยนตร์ที่ให้ความสมจริงได้ อาจกล่าวได้ว่าในกลางทศวรรษที่ 90 เป็นค้นมา การพัฒนาระบบฮาร์ดแวร์และซอฟต์แวร์ที่ใช้สร้างเทคนิคพิเศษส่งผลให้เกิดทางเลือกใหม่แผู้ผลิตภาพยนตร์
- การนำคอมพิวเตอร์กราฟิกมาใช้ทำให้เนื้อหาบทภาพยนตร์ไม่ถูกจำกัดด้วยเทคนิคและกระบวนการสร้างภาพยนตร์อีกต่อไป
- คอมพิวเตอร์กราฟิกกลายเป็นเครื่องมือชิ้นหนึ่งสำหรับการสร้างเทคนิคพิเศษ เช่น ภาพการระเบิด เปลวไฟ การลบบางส่วนของภาพออก รวมทั้งการนำไปใช้สร้างตัวละครประกอบในฉากจำนวนมากๆ
- การให้ความสมจริง คุณภาพของภาพที่ปรากฏในฉากภาพยนตร์
- การลดต้นทุนการผลิต ผู้ผลิตภาพยนตร์สามารถลดขั้นตอน
- คอมพิวเตอร์กราฟิกเป็นรูปแบบของการสร้างสรรค์งานศิลปะที่ปราศจากข้อจำกัด ซึ่งสามารถขยายพรมแดนการแสดงออกของจินตนาการ ทำให้ศิลปินสามารถสร้างสรรค์ภาพที่ไม่เคยมีผู้ใดเคยเห็นมาก่อน เช่น ภาพวัตถุที่มีขนาดเล็ก หรือยู่ห่างไกลจากความเป็นจริงด้วยระยะทางและกาลเวลา ให้ปรากฏออกมาได้อย่างสมจริง





























































วันอาทิตย์ที่ 23 ธันวาคม พ.ศ. 2555

คู่มือการใช้โปรแกรม Adobe Photoshop CS4


คู่มือการใช้โปรแกรม Adobe Photoshop CS4











วิธีการแต่งภาพให้กระพริบ ทำไม่ยาก(Adobe Photoshop CS4) 

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


















เลือกขนาดของภาพตามที่เราต้องการ ใส่ตัวเลขในช่อง Width และ Higth ภาพด้านล่างนี้นำมาเป็นตัวอย่าง แต่ที่เลือกตั่งค่าจริงคือ Width 500 และ Higth 50
























พิมพ์ตัวอักษรที่เราต้องการ


























ในแอนนิเมชั่นช่องที่ 1 จะปรากฏภาพ แต่ในแอนนิเมชั่นช่องที่ 2 จะไม่ปรากฏภาพ
ลำดับต่อมา ตั้งเวลาตามที่เราต้องการ ทั้งภาพที่ 1 และ 2











แล้ว save ก็จะได้ผลลัพธ์ดังภาพด้านล่าง คนที่สามารถสร้างการ์ตูนแอนนิเมชั่นที่ดูยุ่งยากซับซ้อนเริ่มต้นด้วยการใช้โปรแกรมง่ายๆแบบนี้











วันศุกร์ที่ 21 ธันวาคม พ.ศ. 2555

การใช้โปรแกรม Adobe Photoshop CS3



การใช้โปรแกรม Adobe Photoshop CS3

การสร้าง Selection







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



- Rectangular Maquee Tool     ใช้เลือกพื้นที่เป็นรูปสี่เหลี่ยม
- Elliptical Maquee Tool          ใช้เลือกพื้นที่เป็นรูปวงกลมหรือวงรี (ถ้าจะทำวงกลม
ให้กดปุ่ม Shift ค้างไว้ด้วย)
            - Single Row Marquee Tool    ใช้เลือกพื้นที่แนวนอนที่ความสูง 1 px. (ไม่ค่อยได้ใช้) 
            - Single Column Marquee Toolใช้เลือกพื้นที่แนวตั้งที่ความกว้าง 1 px. (ไม่ค่อยได้ใช้)

              Lasso Tool  เป็นการเลือกพื้นที่แบบอิสระ  หรือ สามารถเจาะจงไปที่ชิ้นงาน


- Lasso Tool ใช้เลือกพื้นที่แบบอิสระ เหมาะสำหรับคนที่มีเมาส์ปากกา (Tablet)
- Polygonal lasso Tool  ใช้เลือกพื้นที่ตามจุดที่เราคลิก ซึ่งช่วยคนที่ใช้เมาส์สะดวก



                - Magnetic Lasso Tool  ใช้เลือกพื้นที่แบบอัตโนมัติทันทีที่เราลากเมาส์ผ่านบริเวณสีที่ตัดกัน
Quick Mask   เป็นคำสั่งที่ใช้สร้าง Selection แบบใช้หน้ากากบัง
Magic  Wand Tool ใช้สำหรับเลือกพื้นทีพื้นที่ที่มีโทนสีใกล้เคียงกัน
Crop Tool (C)  เครื่องมือที่ใช้เลือกและตัดเฉพาะแต่ส่วนของภาพที่ต้องการ สามารถตั้งขนาดและความ          
ละเอียดได้


2.1 เลือกพื้นที่ด้วย Quick Selection
          Quick  Selection เป็นการเลือกพื้นที่แบบอัตโนมัติจะเหมาะกับรูปภาพที่มีโทนสีใกล้เคียงกัน การใช้งานให้นำเมาส์ลากรอบพื้นที่เพื่อสร้าง Selection จากนั้นใช้คำสั่ง Refine Edge  ปรับแต่งเส้น Selection ดังตัวอย่างต่อไปนี้




1. New Selection                  
2. Add to Selection               ใช้เพิ่มพื้นที่ใน Selection
3. Subtract  from Selection   ใช้ลดพื้นที่ใน Selection
         4. ใช้สำหรับปรับขนาดของหัวแปรงให้เหมาะสมกับชิ้นงาน