2.หลักการสร้างงานกราฟิก และใช้เครื่องมือพื้นฐาน

หลกั การสร้างงานกราฟิ ก และใช้เคร่ืองมอื พนื้ ฐาน ในบทน้ีเราจะกล่าวถึงแนวคิดในการสร้างงานการฟฟิ กวา่ ตอ้ งกาหนดวตั ถุประสงคก์ าหนดคุณสมบตั ิในการสร้างภาพและจดั เตรียมภาพ จากน้นั จึงเนน้ ถึงการสร้างชิ้นงานท่ีไดจ้ ากการนาภาพมาประกอบ การใส่สีขอ้ ความและการจดั ซอ้ นภาพ ส่วนการตกแตง่ ภาพถ่าย การปรับสีในภาพ และการวาดภาพจะกล่าวถึงในส่วนต่อไป เพราะเน้ือหาส่วนแรกจะปูพ้ืนฐานการสร้างงานกราฟิ กใหเ้ ขา้ ใจกนั อยา่ งถูกตอ้ งเสียก่อนผลการเรียนรู้ทคี่ าดหวงั 1. อธิบายหลกั การสร้างงานกราฟิ กได้ 2. เลือกใชส้ ีโฟร์กราวนด์และแบค็ กราวดด์ ว้ ยวธิ ีตา่ ง ๆ ได้ 3. ลบภาพในส่วนที่ไมต่ อ้ งการออกได้ 4. ตดั เปล่ียนขนาด และเพมิ่ ขนาดพ้นื ท่ีภายในภาพได้ 5. ยอ่ ขนาดภาพใหเ้ หมาะกบั การตกแต่งภาพได้2.1 แนวคิดในการสร้างงานกราฟิ ก

การออกแบบงานกราฟิ กท่ีดีจะช่วยใหก้ ารนาเสนอสินคา้ หรือโฆษณาดูมีมลู ค่า สวยงาม ตรงกลุ่มเป้ าหมาย และช่วยดึงดูดความสนใจของคนทว่ั ไป ในตวั อยา่ งเราจะสร้างแผน่ โฆษณาสินคา้ ประเภทชาสมุนไพรใบหม่อน เพื่อลงในนิตยสารประชาสมั พนั ธ์สินคา้ โดยมีแนวคิดในการสร้างแผน่ โฆษณาเพือ่ ดึงดูดใหล้ ูกคา้ เขา้ มาซ้ือสินคา้ชาสมุนไพรใบหม่อนของเราดงั ข้นั ตอนตอ่ ไปน้ี ข้นั ตอนท่ี 1 วเิ คราะห์/ประเมินผลสินคา้ ข้นั ตอนท่ี 2 ร่างแบบภาพคร่าวๆ ข้นั ตอนที่ 3 หาภาพที่จะใช้ ข้นั ตอนท่ี 4 เครื่องมือสร้างแผน่ โฆษณาข้นั ตอนท่ี 1 วเิ คราะห์/ประเมินผลสินค้า ตวั อยา่ งการโฆษณา1. วตั ถุประสงค์ รูปที่ 2.37 ภาพการออกแบบงานกราฟิ ก1.1 เพอื่ สร้างงานโฆษณาประชาสมั พนั ธ์สินคา้ ออกใหม่ลงในนิตยสารขนาด18.5 x 26 ซม.1.2 เพอ่ื ใหส้ ินคา้ เป็ นที่รู้จกั ในกลุ่มเป้ าหมาย2. วเิ คราะห์สินค้าข้อดี 1.สินคา้ ประเภท ชา ทามาจากใบหมอ่ น ซ่ึงไมม่ ีคาเฟอีน 2.สินคา้ เนน้ ใหป้ ระโยชน์ดา้ นสุขภาพ 3.สินคา้ มีท้งั หมด 4 รส สามารถชงดื่มแบบร้อน และแบบเยน็ ได้ข้อเสีย 1.สินคา้ เป็นผลิตภณั ฑใ์ หม่ ยงั ไมเ่ ป็นท่ีรู้จกั ในตลาด 2.สินคา้ ทามาจากใบหม่อน ซ่ึงใบหม่อนเป็ นภาพลกั ษณ์ของผลิตภณั ฑ์ พ้นื บา้ นตอ้ งสร้างภาพลกั ษณ์ใหม่ใหก้ บั สินคา้3. วเิ คราะห์กล่มุ เป้ าหมาย 3.1 กลุ่มเป้ าหมายมีอายใุ นช่วง 15 ถึง 80 ปี 3.2 กลุ่มเป้ าหมายที่นิยมดื่มชา

3.3 กลุ่มเป้ าหมายท่ีรักการดูแลสุขภาพเป็นสาคญั 4. ประเมนิ ผลการวเิ คราะห์ 4.1 รูปแบบจะเป็ นในทิศทางท่ีมุ่งเนน้ สุขภาพ เพื่อจบั กลุ่มเป้ าหมายที่รักสุขภาพจากภายใน และรสนิยมของผดู้ ื่มชาที่มีระดบั ดว้ ยการใชภ้ าพผหู้ ญิงเล่นโยคะเป็นตวั สื่อสาร 4.2 ยกระดบั สินคา้ จากสินคา้ ที่ทาจากผลิตภณั ฑพ์ ้นื บา้ นใหส้ ามารถติดตลาดบนไดด้ ว้ ยการ เปล่ียนภาพลกั ษณ์ 4.3 สร้างภาพใหช้ าใบหม่อนเป็นท่ีคุน้ ตา และรู้จกั วา่ เป็นชาที่บารุงสุขภาพและใหค้ วามสดช่ืน ไดด้ ว้ ยสีเขียวของใบหม่อน 4.4 สร้างภาพความเป็นชาดว้ ยการส่ือสารโดยแสดงใหเ้ ห็นถึงถว้ ยชา 4.5 ขอ้ ความบรรยายสรรพคุณ เพื่อใหเ้ ห็นถึงประโยชน์ของผทู้ ี่ดื่มชาสมุนไพรใบหมอ่ น 5. รูปแบบส่ือทที่ าการประชาสัมพนั ธ์  ประเภทส่ิงพมิ พ์ พิมพ์ 4 สี  นิตยสาร สภากาชาด ขนาด 18.5 x 26 ซม.ข้นั ตอนท่ี 2 ร่างแบบภาพคร่าวๆ เป็นการเขียนโครงร่างของชิ้นงานโฆษณาอยา่ งคร่าวๆ ก่อนลงมือออกแบบชิ้นงาน เพื่อช่วยใหก้ ารสร้างชิ้นงานเป็นไปในแนวทางเดียวกบั ท่ีเราคิด และร่างไว้ และป้ องกนั การสบั สนในการสร้างสรรคช์ ิ้นงาน โลโก้ ชื่อสินคา้รูปภาพ ขอ้ ความแสดง สรรพคุณของ สินคา้

ขอ้ ความติดตอ่ กลบั รูปท่ี 2.38 ภาพการร่างแบบภาพคร่าว ๆข้นั ตอนที่ 3 หาภาพทจี่ ะใช้ 1. ภาพในตวั อยา่ งน้ี จะเป็นสินคา้ ชาในหมอ่ น เรา สามารถถ่ายภาพสินคา้ หรือกล่องสินคา้ เพอ่ื นา มาใชป้ ระกอบในแผน่ โฆษณาของเราดว้ ยกลอ้ ง ดิจิตอล 2. ภาพองคป์ ระกอบอ่ืน ๆ เช่น ภาพผหู้ ญิง หรือภาพ ถว้ ยชา เราสามารถคน้ หาไดจ้ ากเวบ็ ไซต์ เพือ่ นา มาประกอบการตกแตง่ ได้ข้นั ตอนที่ 4 ลงมือสร้างแผ่นโฆษณา ในข้นั ตอนน้ีเราจะแสดงเครื่องมือ หรือคาสงั่ ตา่ งๆ ในโปรแกรม Photoshop ท่ีใชใ้ นการตกแตง่ งานโฆษณาชาสมุนไพรใบหมอ่ นชิ้นน้ีใหส้ วยงามและน่าสนใจ ดงั รูป (รายละเอียดของการใชเ้ คร่ืองมือและคาสง่ั ต่างๆ อยา่ ละเอียด ดูไดใ้ นบทต่อ ๆ ไปของหนงั สือเล่มน้ี)

2.2 หลกั การสร้างงานกราฟิ ก เมื่อเราไดว้ างแนวทางของชิ้นงานแลว้ วา่ จะนาเสนอเร่ืองอะไร ใชส้ ี ภาพและขอ้ ความอะไรเรียบร้อยแลว้ ต่อไปเราก็จะมาทราบถึงแนวทางการสร้างชิ้นงานกนั ตอ่ ซ่ึงอาจจะไมต่ ายตวั เสมอไปแตก่ พ็ อเป็นแนวทางสรุปโดยรวมได้ ดงั น้ี 1. กาหนดพนื้ หลงั ของภาพ เป็นการกาหนดภาพ หรือสีพ้ืนหลงั โดยภาพหรือสีพ้นื หลงั ท่ีใชน้ ้นั ควรมีโทนสีท่ีใหอ้ ารมณ์และส่ือความหมายไดถ้ ูก ตอ้ งตามจุดประสงคข์ องชิ้นงาน (ดูรายละเอียดในหวั ขอ้ ต่อไป) 2. เลอื กพนื้ ทภ่ี าพทต่ี ้องการใช้งาน เป็นการตดั หรือคดั ลอกบางส่วนของภาพตา่ งๆ ท่ีเรา จะนามาใชใ้ นชิ้นงานของเรา (ดูรายละเอียด ในบทเรื่อง “การ แตง่ และตดั ภาพเฉพาะส่วน” ) 3. จัดวางภาพให้เหมาะสม เม่ือเรานาภาพส่วนประกอบมารวมกนั ในชิ้นงาน อาจมี บางภาพท่ีมีขนาด และมุมการจดั วางไมล่ งตวั เราก็สามารถ ขยาย หมุนและบิดภาพใหเ้ ขา้ กนั (ดูรายละเอียดในบทเร่ือง “การปรับรูปทรงภาพดว้ ยวธิ ี Transform”) 4. ใส่ข้อความทเี่ ป็ นชื่อเรื่อง หรือคาบรรยายต่างๆ เป็นการใส่ขอ้ ความท่ีเป็นชื่อเรื่อง หรือคาบรรยายต่างๆ เขา้ ไปตกแต่งเพม่ิ เติม (ดูรายละเอียดในบทเรื่อง “การสร้าง ขอ้ ความตกแต่งภาพ”) 5. นาภาพส่วนประกอบมาจัดซ้อนกนั นาภาพส่วนประกอบท่ีเลือกไวม้ าทาการซอ้ นกนั โดยบาง ส่วนอาจอยดู่ า้ นบน หรือดา้ นล่าง ตามจุดประสงคท์ ่ีวางไว้ (ดูรายละเอียดในบทเรื่อง “การทางานกบั เลเยอร์”)

6. ตกแต่งทุกส่วนประกอบเข้ากนั อย่างกลมกลนื สุดทา้ ยเราจะพิจารณาภาพรวมชิ้นงานที่ได้ และปรับแต่งรายละเอียดของภาพประกอบแต่ละส่วนใหด้ ูกลมกลืนกนั เพอื่ รูปท่ี 2.39 ภาพหลกั การสร้างใหไ้ ดผ้ ลงานท่ีสวยงาม (ดูรายละเอียดในบทเรื่อง “เทคนิคการ ภาพกราฟิ กตกแต่งภาพในเลเยอร์”)2.3 การทางานกบั สี สขี องโฟร์กราวนด์ เมื่อเรากาหนดขนาดชิ้นงานเรียนร้อยแลว้ Switch Colorก่อนที่จะทาการลงสีพ้ืนหลงั ของชิ้นงานเราจะมาเร่ิมตน้ รู้จกั กบั การเลือกใชส้ ีกนั ก่อนโดยใน Photoshop CS4 สขี องแบ็คกราวนด์จะมีกล่องเครื่องมือและพาเนลในการทางานกบั สีดงั น้ี รูปที่ 2.40 ภาพการทางานกบั สีสีโฟร์กราวนด์ (Foreground) และสีแบค็ กราวนด์ (Background) เป็นพ้นื ที่แสดงสีและกาหนดการใชส้ ีซ่ึงตอ้ งทางานควบคู่กบั เครื่องมือในการระบายสี และเครื่องมืออื่นๆท่ีเก่ียวขอ้ งกบั สีท้งั หมด โดยสีของโฟร์กราวนดจ์ ะเป็ นสีท่ีเราเลือกใชใ้ นการลงสี ส่วนสีของแบค็ กราวนดจ์ ะเป็นสีพ้ืนหลงั ของภาพ นอกจากน้นั โปรแกรม Photoshop CS4 ยงั ใชส้ ีของโฟร์กราวนดใ์ นการเติมสีภาพ และ ใชส้ ีของแบค็ กราวนดแ์ ทนการลบพ้นื ที่ภาพอีกดว้ ย เมื่อเราเปิ ดโปรแกรมข้ึนมาใชง้ าน สีของโฟร์กราวนด์ และแบค็ กราวนดจ์ ะถูกกาหนดเป็นมาตรฐาน คือโฟร์กราวนด์เป็นสีดา และแบค็ กราวนดเ์ ป็นสีขาว  Default color คลิกเมาส์ทที่ เพ่ือเปลี่ยนสีของโฟร์กราวนด์ และแบค็ กราวนดก์ ลบั มา เป็นส่ีมาตรฐาน คือ สีดาเป็นสีของโฟร์กราวนด์ และสีขาวเป็นสีของแบค๊ กราวนด์  Switch Color คลิกเมาส์ที่ เพ่อื สลบั สีของโฟร์กราวนดม์ าเป็นสีของแบค็ กราวนด์ และสี ของแบค็ กราวนดม์ าเป็นสีโฟร์กราวนดแ์ ทน (หรือกดแป้ น <X> ที่คียบ์ อร์ด)

มีวธิ ีการเลือกสี 3 วธิ ี ไดแ้ ก่ การเลือกสีจาก Color Picker, Color Panel และ Swatch Panelเลอื กสีจาก Color Picker 1.คลิกเมาส์ท่ีโฟร์กราวนด์Color Picker เปรียบไดก้ บั จานสีขนาดใหญท่ ่ีมีสีนบั ลา้ นๆ สีให้เราเลือกโดยเลือกตามสเปคตรัมสีท่ีปรากฏหรือตามการกาหนดค่าเป็ นตวั เลข ซ่ึงเป็นการที่นิยมใชก้ นั มานานในการเลือกสี รายละเอียดการใช้ Color Picker มีดงั น้ี หรือคลิกสีแบค็ กราวนด์ 2.เล่ือนสไลดเ์ ลือกโทนสีแดง แสดงสีที่เลือก คือสีแดง 4.คลิกเมาส์เพ่อื ตกลงใชส้ ีท่ีเลือก เพ่ิมสีท่ีเลือกลงในพาเนล Swatches แสดงสีเดิมคือสี ด3.าคลิกเลือกสีแดง กาหนดคา่ สีสาหรับสิ่งพิมพ์ กาหนดคา่ สีสาหรับเวบ็ รูปท่ี 2.41 ภาพการเลือกสี

1. คลิกเมาส์ท่ีสีโฟร์กราวนด์ หรือสีของแบค็ กราวนดท์ ี่เราตอ้ งการกาหนดสี จากน้นั จะปรากฏหนา้ ต่าง Color Picker2. คลิกเลือกสไลดเ์ พ่อื เลือกโทนสี ซ่ึงจะมีแม่สีหลกั ๆ ไล่เฉดสีใหเ้ ราไดเ้ ลือกกนั3. คลิกเลือกสีจากระดบั ความเขม้ ที่มีการไล่เฉดสี หรือพิมพค์ า่ สีลงไปในช่อง RGB หรือช่อง CMYK ตามท่ีตอ้ งการ (แลว้ แต่โหมดสี่ท่ีเราใช้4. คลิกเมาส์ป่ ุม จะเห็นวา่ สีของโฟร์กราวนด์ หรือแบค็ กราวนดเ์ ปล่ียนไปเป็ นสีที่เรา เลือกเลอื กสีจาก Color Panelจะใชใ้ นการกาหนดค่าสีโดยใชก้ ารเลื่อนสไลดเ์ พ่อื ระบุสี เราสามารถเรียกพาเนล Colorข้ึนมาไดโ้ ดยใชค้ าส่ังWindow>Color ใหม้ ีเครื่องหมายถูกหนา้ คาสัง่ น้ี ซ่ึงจะปรากฏพาเนล Color ข้ึนมา คลิกเลือกสีท่ีตอ้ งการ เลือกแถบสไลดเ์ พือ่ ผสมสีเลอื กสีจาก Swatch Panel รูปท่ี 2.42 ภาพการเลือกสีจาก color panelคลิกเมาส์ที่สีในพาเนล Swatches จะเป็นการเลือกสีโฟร์กราวนด์หรือกดแป้ น<Ctrl>+ คลิกเมาส์ท่ีสีในพาเนล Swatches จะเป็นการเลือกสีแบค็ กราวนด์ คลิกเมาส์เลือกสีท่ีตอ้ งการใช้พาเนล Swatches ต่างจากพาเนล Color ตรงท่ีพาเนลSwatches เป็นเหมือนจานสีส่วนตวั ของเรา โดยใชเ้ กบ็ สีที่เราผสมไว้ หรือตอ้ งการนามาใชบ้ ่อย เราสามารถเรียกใช้พาเนล Swatches ได้ โดยใชค้ าส่ัง Window>Swatches ให้

มีเคร่ืองหมายถูกเกิดข้ึนหนา้ คาส่ัง คลิกเมาส์เพื่อเติมสีใหม่ คลิกเมาส์เพือ่ ลบสี รูปที่ 2.43 ภาพการเลือกสีจาก Swatch Panelเพมิ่ สีใหม่ในพาเนล Swatches การเพ่มิ สีใหม่ จะตอ้ งกาหนดสีท่ีโฟวก์ ราวนด์ จากน้นั คลิกเมาส์ท่ีป่ ุม สีท่ีโฟร์กราวนดจ์ ะถูกสีสร้างเป็นสีใหม่ใน Swatches ทนั ที (หรืออาจจะเลื่อนเมาส์ไปบริเวณท่ีวา่ งบนจานสี จะปรากฏตวั ช้ีเมาส์เป็นรูปแลว้ คลิกเมาส์ท่ีบริเวณท่ีวา่ ง จะปรากฏหนา้ ต่าง Color Swatches Name ใหเ้ ราต้งั ช่ือสีใหม่ ดงั รูป) 2.พิมพก์ าหนดช่ือใหมใ่ หก้ บั สีท่ีอยใู่ นจานสี Swatch1.เลื่อนเมาส์ไปบริเวณท่ีว่างแลว้ คลิกเมาส์ 3.คลิกเมาส์ใช่ชื่อสีตามที่กาหนดลบสีจากพาเนล Swatches รูปท่ี 2.44 ภาพการเพมิ่ สีใหมใ่ นพาเนลคลิกเมาส์ตรงสีท่ีตอ้ งการลบ และลากไปไวท้ ี่ไอคอน หรือกดแป้ น <Alt>คา้ งไวแ้ ลว้ คลิกที่สีน้นั2.4 การเทสีด้วยถงั สี (Paint Bucket Tool) รูปที่ 2.45 ลบสีจากพาเนล SwatchesPaint Bucket Took เป็ นเครื่องมือที่ช่วยใหเ้ ราเติมสีภาพในบริเวณติดกนั และมีค่าสีใกลเ้ คียงกนั กบั บริเวณที่เราคลิกเมาส์ ทาใหเ้ ราไดส้ ีที่มีระดบั ความเขม้ เทา่ กนั ท้งั ภาพ ดงั ตวั อยา่ งเราจะทาการเปล่ียนสี ตวั อยา่ งใชส้ ีพ้ืนหลงั โทนสีเดียว ท่ีดูเรียบง่าย แตเ่ ม่ือตกแต่งดว้ ย ขอ้ ความและภาพจะทาให้ดูโดดเด่น ข้ึน

พ้ืนหลงั ของหนา้ ปกนิตยสารจากการเทสีใหมล่ งไป โดยใช้ PaintBucket Tool ไดด้ งั น้ี 1.คลิกเลือก Paint Bucket 4.คลิกเมาส์เทสีลงบนพ้นื หลงั ท่ี เราตอ้ งการ 2.คลิกเลือกสีโฟร์กราวนด์3.เลือกรูปแบบของการเติมสีเป็น Foreground รูปที่ 2.46 ภาพการเทสีดว้ ยถงั สี1. คลิกเมาส์ท่ี Paint Bucket Tool2. คลิกเมาส์ท่ีสีโฟร์กราวด์ เพ่ือเลือกสีที่จะเติม ในตวั อยา่ งเลือกโทนสีน้าเงิน3. ปรับค่าสีท่ีจะเติมในภาพดว้ ยออปชนั่ บาร์โดยในช่อง Fill สามารถเลือกรูปแบบของการเติมสี ไดแ้ ก่ Foreground ใชส้ ีเดียวกนั สีโฟร์กราวนด์ Pattern เติมภาพดว้ ยลวดลาย4. คลิกเมาส์เทสีโฟรกราวนดท์ ่ีเราเลือกไวล้ งในพ้นื ท่ีภาพเทพนื้ หลงั ด้วยลวดลาย Patternเราสามารถใส่ลวดลายลงไปตกแตง่ ภาพไดเ้ หมือนกบั การเทสีโดยการใช้ Paint Bucket Tool และกาหนดรูปแบบการเติมสีเป็นลวดลาย (Pattern) ดงั ตวั อยา่ งเราจะใส่ลายรูปดอกไมล้ อ้ มรอบภาพ ดงั น้ี

2.คลิกเลือกรูปแบบของการเติมสีแบบมีลวดลาย Pattern 3.คลิกป่ มุ ลูกศรและเลือกลวดลายท่ีตอ้ งการ 4.ปรับค่าความใกลเ้ คียงของสีที่ จะถูกแทนท่ี 5.คลิกเมาส์เทสีลวดลายท่ีเรา เลือกลงไปท่ีพ้ืนหลงั 1.คลิกเลือก Paint Bucket2.5 การเทสีแบบไล่เฉดสี (Gradient Tool) รูปท่ี 2.47 ภาพการเทสีดว้ ยถงั สี การเทสีพ้ืนหลงั ภาพดว้ ยโทนสีเดียว เช่น สีแดง จะทาใหผ้ ลงานดูแขง็ ๆ เรียบ แตถ่ า้ ลองไล่เฉดสีจากสีหน่ึงไปยงั สีหน่ึง เช่นสีฟ้ าไปยงั สีขาว จะช่วยใหภ้ าพดูแรงยง่ิ ข้ึน ดงั ตวั อยา่ งเราจะทาการไล่สีพ้ืนหลงั ใหก้ บั ภาพผหู้ ญิงท่ีมีพ้นื หลงั โปร่งใส ดงั น้ี3.คลิกเลือกรูปแบบการไล่เฉดสี4.เลือกแนวการไล่เฉดสี 5.ลากเมาส์กาหนด1.คลิกเลือก Gradient Tool2.เลือกสีโฟร์กราวนด์2.1 เลือกสีแบค็ กราวนด์6.ปรากฏผลลพั ธข์ องการไล่เฉดสี รูปที่ 2.48 ภาพการเทสีแบบไล่เฉดสี 7.เปิ ดภาพที่มีพ้ืนหลงั โปร่งแสง

8.ใช้ Move Tool ดึงภาพมาชอ้ นอยู่ บนพ้นื หลงั ท่ีมีการไล่เฉดสี 9.ผลลพั ธข์ องภาพที่ใชพ้ ้นื หลงั แบบการไล่เฉดสี รูปท่ี 2.49 ภาพการเทสีแบบไล่เฉดสี1. คลิกเมาส์ท่ีไอคอน Gradient Tool2. คลิกเมาส์เลือกสีโฟร์กราวนด์ และสีแบค็ กราวนดท์ ่ีตอ้ งการ เพื่อกาหนดการไล่สีจากสีของโฟร์กราวนด์ไปยงั สีแบค็ กราวนดท์ ี่กาหนดเอาไว้3. คลิกเมาส์เลือกชนิดของการไล่โทนสีท่ีออปชน่ั บาร์ในตวั อยา่ งเลือก เป็นการไล่เฉดสีตามเส้น(Linear Gradient)4. คลิกป่ ุมลูกศรท่ี เลือกแนวการไล่เฉด ในท่ีน้ีเลือกแบบการไล่เฉดสีจากสีน้าเงินไปสีขาวแบบแนวเฉียง5. ลากเมาส์จากจุดเร่ิมตน้ ไปยงั จุดปลาย ตามตาแหน่งท่ีตอ้ งการ แลว้ ปล่อยเมาส์  จุดท่ีเริ่มกดเมาส์ ถือวา่ เป็นจุดเริ่มตน้  จุดที่ปล่อยเมาส์ ถือวา่ เป็ นจุดปลาย6. จะไดก้ ารไล่ของสีโฟร์กราวนดไ์ ปยงั สีแบค็ กราวนด์ คือ สีน้าเงินไปสีขาว

7. เปิ ดภาพท่ีมีพ้ืนหลงั โปร่งแสง เพอ่ื จะนามาซอ้ นอยบู่ นภาพเบ้ืองหลงั ที่มีการไล่เฉดสีในท่ีน้ีเปิ ดภาพ ผหู้ ญิงท่ีมีพ้นื หลงั โปร่งแสงข้ึนมา8. ใช้ Move Tool ดึงภาพผหู้ ญิงมาซอ้ นอยบู่ นพ้นื หลงั ท่ีมีการไล่เฉดสี9. สงั เกตวา่ ภาพผหู้ ญิงท่ีถูกนามาซอ้ นบนพ้ืนหลงั ท่ีมีการไล่เฉดสีจะดูน่าสนใจ โดดเด่นมากข้ึน และไม่ เรียบจนเกินไป2.6 การระบายสีด้วยพ่กู นั และดนิ สอ (Brush and Pencil Tool)พกู่ นั Brush Tool และดินสอ Pencil Toolเป็นเคร่ืองมือระบายสี และวาดใส่ลวดลายต่าง ๆ ลงในภาพการใชพ้ กู่ นั และดินสอน้นั จะมีขนาดของหวั แปรง และรูปแบบการใชง้ านใหเ้ ลือกใชไ้ ด้ ดงั น้ี 1.คลิกเลือก Brush Tool 2.คลิกเลือกสีของพกู่ นั เป็นสีแดงรูปที่ 2.50 ภาพการระบายสีดว้ ยพกู่ นั และดินสอ 3.คลิดป่ มุ ลูกศร แลว้ เลือกขนาด และ รูปแบบขนาดหวั พกู่ นั4.คลิกเมาส์ใชห้ วั พกู่ นั วาดแบบดอกไมล้ งไปตามจานวนท่ีตอ้ งการ

รูปที่ 2.51 ภาพการระบายสีดว้ ยพกู่ นั และ1. ใชเ้ คร่ืองมือ BrusดhินTสooอl หรือ Pencil Tool2. คลิกเมาส์เลือกสีโฟร์กราวนดท์ ่ีตอ้ งการ ในที่น้ีเลือกเป็นสีแดง3. คลิกป่ ุมลูกศร บนออปชนั่ บาร์ เพอ่ื เลือกขนาด และรูปแบบของหวั พกู่ นั ดงั น้ี Master Diameter กาหนดขนาดเส้นผา่ นศูนยก์ ลางของหวั พกู่ นั Hardness กาหนดความคมชดั ของขอบพกู่ นั4. คลิกเมาส์ระบายหวั พกู่ นั ลงบนหนา้ กระดาษตามตอ้ งการใจตวั อยา่ งจะไดก้ ารวาดดว้ ยพูก่ นั เป็นรูปดอกไมต้ ามแบบท่ีเราเลือกไว้2.7 การลบส่วนประกอบในภาพทไี่ ม่ต้องการ (Eraser Tool) การลบส่วนประกอบในภาพสามารถทาไดห้ ลายรูปแบบตามวตั ถุประสงคข์ องการนาไปใชง้ านดงั น้ีEraser Tool ลบพ้ืนท่ีของภาพในส่วนที่ไมต่ อ้ งการออกโดยแทนท่ีดว้ ยสีแบค็ กราวนด์Background Eraser Tool ลบพ้ืนที่ภาพท่ีลากเมาส์ผา่ นใหม้ ีลกั ษณะท่ีโปร่งใสMagic Eraser Tool ลบพ้ืนท่ีภาพท่ีสีใกลเ้ คียงรกูปบั ทจ่ี ุด2.ท5่ี2 ภาพการลบส่วนประกอบในภาพที่คลิกเมาส์ใหโ้ ปร่งใส ไมต่ อ้ งการการลบภาพโดยแทนทดี่ ้วยสีแบค็ กราวนด์ ใชใ้ นกรณีท่ีเราตอ้ งการทาให้สีแบค็ กราวนดไ์ ปแทนที่พ้ืนหลงั ในจุดท่ีลากเมาส์ ดงั ตวั อยา่ งเราจะลบพ้นืหลงั โดยใชแ้ บค็ กราวนดส์ ีขาวไปแทนท่ี3.คลิกเลือกปรับขนาดของหวั ยางลบ 1.คลิกเลือก Eraser Tool

4.ลากเมาส์ลบบริเวณภาพที่ไม่ตอ้ งการออกไป 2.เลือกสีพ้นื หลงั เป็นสีขาว รูปที่ 2.53 ภาพการลบภาพโดยแทนทีดว้ ยสี แบค็ กราวนด์ก่อนการลบภาพ หลงั การลพภาพที่ไมต่ อ้ งการออกไฟ รูปที่ 2.54 ภาพการลบภาพโดยแทนทีดว้ ยสี 1. คลิกเมาส์ท่ีไอคอนแEบrค็ aกseรrาTวนooดl์ จะปรากฏตวั ช้ีเมาส์เป็น 2. เลือกสีแบค็ กราวนดใ์ หเ้ ป็นสีเดียวกบั สีพ้นื หลงั ในตวั อยา่ งเป็นสีขาว 3. เลือกขนาดของหวั ยางลบในออปชน่ั บาร์ 4. ลากเมาส์ลบบริเวณภาพท่ีไม่ตอ้ งการออกไป แสดงภาพผลลพั ธ์ในส่วนท่ีถกู ลบออก โดยจะถูกแทนท่ีดว้ ยสีแบค็ กราวนด์ ซ่ึงจะไปกลมกลืน กบั พ้นื หลงั ของชิ้นงานการลบภาพให้เป็ นพนื้ ทโี่ ปร่งใส เป็นการลบบางส่วนของภาพใหเ้ ป็นพ้นื ท่ีโปร่งใส เพ่ือจะนาภาพไปซอ้ นกบั ภาพอื่นให้ดูเป็นชิ้นงานเดียวกนั Magic Eraser Tool ลบพ้ืนที่ภาพที่สีใกลเ้ คียงกนั ใหม้ ีลกั ษณะที่โปร่งใส เหมาะกบั พ้นื ที่ท่ีเป็นสีเดียวกนั คลิกลบเพียงคร้ังเดียว สี่ท่ีเหมือนกนั จะถูกลบออกไปท้งั หมด 1.ใช้ Magic Eraser Tool คลิกเมาส์เพ่อื ลบสี่พ้นื ท่ีเป็นสีเดียวกนั

2.แสดงสีพ้ืนหลงั ท้งั หมดถูกลบออกไป รูปที่ 2.55 ภาพการลบให้เป็นพ้นื ท่ีโปร่งใสBackground Eraser Tool ลบพ้นื ที่ภาพท่ีลากเมาส์ผา่ นใหม้ ีลกั ษณะท่ีโปร่งใส เหมาะกบั พ้นื ท่ีทมีหลายสีหรือเป็นลวดลาย ถา้ เป็นสีเดียวควรใช้ Magic Eraser Tool1.ใช้ Background Eraser Tool คลิกเมาส์ 2.แสดงลวดลายพ้นื หลงั ท่ีถูกลบออกไปลากเพอ่ื ลบลวดลายพ้นื หลงั รูปท่ี 2.56 ภาพการลบใหเ้ ป็ นพ้ืนที่โปร่งใส2.8 การใส่ข้อความข้ันเบือ้ งต้น (Type Tool)

งานกราฟิ กโดยส่วนใหญ่ จะมีขอ้ ความโฆษณาอธิบายถึงคุณสมบตั ิของสินคา้ และคาจูงใจต่างๆ ในหวั ขอ้ น้ี เราจะใส่ขอ้ ความในแบบเบ้ืองตน้ เพ่ือประกอบชิ้นงานตวั อยา่ ง โดยจะกล่าวถึงการสร้างขอ้ ความอยา่ งเตม็ รูปแบบ พร้อมกบั เทคนิคพิเศษตา่ งๆ ในบทของการสร้างขอ้ ความอีกคร้ัง พมิ พข์ อ้ ความในแนวนอนดว้ ยเครื่องมือ พิมพข์ อ้ ความในแนวต้งั ดว้ ยเคร่ืองมือ Horizontal Type Tool Vertical Type Tool รูปท่ี 2.57 ภาพการใส่ขอ้ ความข้นั เบ้ืองตน้2.9 การซูมขยาย - ย่อภาพ (Zoom Tool) เครื่องมือน้ีเป็นเหมือนแวน่ ขยาย ที่ช่วยขยายภาพใหเ้ ราตกแตง่ ไดอ้ ยา่ งละเอียดมากข้ึน และยงั สามารถยอ่ ภาพใหเ้ ลก็ ลงเพ่ือดูภาพโดยรวมไดอ้ ีกดว้ ยการขยายภาพ เราสามารถขยายภาพที่นาเขา้ มาใหด้ ูชดั เจนข้ึน โดยการใชง้ านเคร่ืองมือ Zoom Tool ดงั น้ี1.คลิกเลือก Zoom Tool 2.คลิกบริเวณที่ตอ้ งการขยายมมุ มอง 3.ภาพจะถูกขยายให้ใหญ่ข้ึน

รูปที่ 2.58 ภาพการซูมขยาย-ยอ่ ภาพถา้ ตอ้ งการขยายเฉพาะบางที่ กส็ ามารถทาไดเ้ หมือนกนั โดยลากเมาส์ครอบเฉพาะพ้ืนที่เราตอ้ งการการย่อภาพ เมื่อเราตอ้ งการยอ่ ภราูพปทให่ี 2เ้ .ล5ก็9ลภงาใพหกก้ารดซ<ูมAขlยt>า+ย-คยลอ่ ิกภเามพาส์ลงบนภาพ จากน้นั ภาพจะคอ่ ยๆ ถูกยอ่ ใหด้ ูเลก็ ลงตามจานวนคร้ังท่ีเราคลิกเมาส์1.กดป่ มุ <Alt>คา้ งไวจ้ ะมีสญั ลกั ษณ์ 2.ภาพเลก็ ลงผลจากการที่เราคลิกเมาส์ 3 คร้ัง แลว้ คลิกเมาส์ รูปท่ี 2.60 ภาพการยอ่ ภาพ2.10 การเปลยี่ นขนาดของภาพ (Image Size)

หากภาพที่เราจะนามาใชม้ ีขนาดไม่ตรงกบั ความตอ้ งการ เช่น เราตอ้ งการนาภาพที่มีขนาดไฟลใ์ หญ่มากมาใชเ้ ป็นเพยี งภาพติดบตั ร ก็ใหเ้ ราทาการลดขนาดของไฟลภ์ าพน้นั เพ่ือให้เหมาะกบั การใชง้ าน ทาให้ไม่เปลืองเน้ือท่ี และโปรแกรมจะทางานไดเ้ ร็วข้ึนดว้ ย แต่การเปลี่ยนขนาดน้ีจะไม่เหมาะกบั การขยายภาพให้ใหญ่ข้ึนเพราะภาพที่ออกมาจะไม่คมชดั เหมือนภาพตน้ ฉบบั 3.คลิกเมาส์2.กาหนดขนาดของภาพใหม่ 2.กาหนดขนาดของภาพ ใหม่ภาพตน้ แบบก่อนการลดขนาดภาพ ภาพผลลพั ธห์ ลงั การลดขนาดภาพ รูปท่ี 2.61 ภาพการเปล่ียนขนาดของภาพ1. เลือกคาสัง่ Image>Image Size… จะปรากฏหนา้ ต่าง Image Size ข้ึน2. กาหนดขนาดภาพใหม่ ในค่า Image Size ตามตอ้ งการ ดงั น้ี Pixel Dimensions กาหนดขนาดความกวา้ งและความสูงของภาพเป็นจานวน พิกเซล Document Size กาหนดขนาดของภาพที่จะถูกพมิ พอ์ อกทางเคร่ืองพิมพ์3. คลิกเมาส์ท่ีป่ ุม เพื่อส่งั ใหโ้ ปรแกรมเปล่ียนขนาดภาพใหม่ตามท่ีเรากาหนด

NOTE ในส่วนของ Document Size จะมีค่า Resolution ท่ีใชก้ าหนดจุดสีต่อหน่วยความยาว เช่น 72Pixels/inch จะมี 72 จุดสีต่อ 1 นิ้ว เป็นตน้ ปกติภาพที่ใชบ้ นหนา้ เวบ็ เราจะกาหนดจุดสีไวท้ ี่ 72 Pixels/inch หรือ 18.346 Pixels/cm เท่าน้นัเพราะหนา้ จอคอมพิวเตอร์จะสามารถแสดงจุดสีต่อ 1 หน่วยความยาวไดป้ ระมาณน้ีเช่นเดียวกนั ดงั น้นัจึงไม่จะเป็นตอ้ งกาหนดค่าใหส้ ูงเกินกวา่ น้ี เพราะจะทาใหข้ นาดของไฟลภ์ าพใหญ่ข้ึนโดยไม่จาเป็น ส่วนภาพที่ใชใ้ นสื่อสิ่งพิมพเ์ ราจะกาหนดจุดสีไวท้ ี่ 300 Pixels/inch หรือ 118.11 Pixels/cmเพราะเครื่องพมิ พส์ ามารถพิมพจ์ ุดสีตอ่ 1 หน่วยความยาวไดม้ ากวา่ ท่ีจอภาพแสดง แต่ก็ตอ้ งศึกษาคุณสมบตั ิของเครื่องพิมพเ์ พ่ิมเติม วา่ เครื่องพิมพม์ ีความสามารถในการพมิ พแ์ ค่ไหน เพือ่ ท่ีเราจะไดไ้ ม่ตอ้ งกาหนดคา่ ท่ีเกินความสามารถในการพมิ พข์ องเครื่องพิมพ์ และทาใหไ้ ฟลภ์ าพมีขนาดใหญ่โดยไม่จาเป็นอีกดว้ ย2.11 การเพมิ่ พนื้ ทข่ี องภาพ (Canvas Size) ในระหวา่ งที่เราตกแต่งภาพอาจจะมีความตอ้ งการใหพ้ ้นื ท่ีการทางานเพ่มิ ข้ึนอีก เพ่ือจะมีพ้นื ท่ีพอใส่รายละเอียดตา่ งๆ เพม่ิเติมลงไปในงานกราฟิ กของเราได้ สามารถทาไดด้ งั น้ี 1.เลือก Image>Canvas Size 2.เพิ่มความสูงของพ้ืนท่ีภาพ

3.กาหนดทิศทางของการเพมิ่ พ้ืนที่ 4.คลิกเมาส์เพ่อื เพมิ่ พ้นื ท่ี 5.พ้นื ท่ีภาพเพ่มิ ข้ึน โดยภาพ เดิมจะอยชู่ ิดดา้ นบน รูปท่ี 2.62 ภาพการเพ่ิมพ้ืนที่ของภาพ1. เลือก Image>Canvas Size จะปรากฏหนา้ ต่าง Canvas Size ข้ึนมา2. เปล่ียนขนาดพ้ืนท่ีภาพตามความกวา้ ง (Width) และความสูง (Height) ที่ตอ้ งการในตวั อยา่ งพมิ พ์ ความสูงเป็น 33.86 เซนติเมตร(ความสูงเป็ น 2 เทา่ จากเดิม)3. กาหนดทิศทางของพ้ืนที่วา่ จะเพ่มิ เขา้ มาดา้ นใด เช่น บน ล่าง ซา้ ย หรือขวา สงั เกตวา่ ในตวั อยา่ งจะ เพ่ิมพ้นื ท่ีในตาแหน่งดา้ นล่าง โดยใหภ้ าพเดิมชิดอยดู่ า้ นบนของพ้นื ที่ภาพ4. คลิกเมาส์ที่ป่ ุม เพอื่ เพ่ิมพ้นื ท่ี5. สงั เกตเห็นวา่ ขนาดพ้ืนท่ีภาพน้นั จะเพมิ่ ข้ึน และมีสีตามสีของแบค็ กราวนด์ ทดลองวางภาพอื่น ๆ เพ่มิ เขา้ มาในพ้นื ท่ีท่ีไดเ้ พ่ิมเอาไว้ โดยเปิ ดภาพใหมข่ ้ึนมา จากน้นั ลากภาพน้นัมาปล่อยบนพ้นื ที่ที่เตรียมไว้1.ใช้ Move Tool ดึงภาพใหมม่ าวางไนพ้นื ที่ท่ีไดเ้ พมิ่ เอาไว้ ทดลองเปิ ดภาพใหม่

2.ปรับตาแหน่งของภาพให้ลงตวั รูปท่ี 2.63 ภาพการทดลองวาดภาพ2.12 ย้อนกลบั การทางานในข้ันตอนล่าสุด ทนั ทีที่เราทางานผดิ พลาด เราสามารถทาใหย้ อ้ นกลบั ไปยงั การทางานล่าสุดก่อนการผดิ พลาดได้ โดยยกเลิกข้นั ตอนท่ีเพ่งิ ทาผา่ นมาดว้ ยคาสงั่ Edit>Undo หรือกดป่ ุม <Ctrl>+Zแสดงข้นั ตอนการระบายภาพดอกไมส้ ีแดงท่ี เม่ือกดป่ มุ <Ctrl>+Z ภาพดอกไมส้ ีแดงที่เราตกแตง่ บนภาพเป็ นข้นั ตอนส่าสุด ตกแต่งบนภาพจะหายไปรูปท่ี 2.64ภาพการยอ้ นกลบั การทางานในขนั้ ตอนสดุ ท้าย2.13 ย้อนกลบั การทางานในหลายข้ันตอน ทุกคร้ังท่ีมีการเปล่ียนแปลงภาพ ข้นั ตอนการทางานน้นั จะถูกบนั ทึกลงในพาเนล History โดยอตั โนมตั ิโดยข้นั ตอนที่ทาก่อนจะถูกเรียงอยบู่ นและข้นั ตอนล่าสุดจะอยลู่ ่างสุดในรายการ ดงั น้นั ถา้ เราทางานผดิ พลาดมาหลายคาสง่ั จะตอ้ งยอ้ นกลบั การทางานดว้ ยพาเนล History เพราะคาส่งั Undo ยอ้ นได้เพยี งคาสง่ั ท่ีไดท้ าไปล่าสุดเทา่ น้นั ดูตวั อยา่ งดงั น้ี 1.ใช้ Brush Tool วาดรูปดาวลงบนภาพ 2.พาเนล History จะแสดง ข้นั ตอนการแตม้ ส่ีเราตกแต่งลงใน ภาพแลว้

3.คลิกเมาส์ที่ข้นั ตอนแรกเพื่อยกเลิกการแตม้ สี ท้งั หมดท่ีเราทาไวก้ ่อนหนา้ น้ีบนภาพ หรือคลิกยอ้ นไปเฉพาะช้นั ตอนท่ีตอ้ งการรูปที่ 2.64ภาพการยอ้ นกลบั การทางานในข้นั ตอนหลายข้นั ตอน