บทเรียนที่ 2 การนำภาพเข้ามาใช้ในโปรแกรม Photoshop

เอกสารประกอบการเรยี นการสอน Online รหัสวชิ า ว30286 รายวชิ า การตกแตงภาพกราฟก 1 ระดับชนั้ มัธยมศึกษาปท ี่ 4 บทเรียนท่ี 2 การนำภาพเขามาใชใ นโปรแกรม Photoshop

บทเรียนท่ี 2 การนำภาพเขา มาใชใ นโปรแกรม Photoshop สาระสำคญั ของบทเรยี น โปรแกรม Photoshop สามารถปรับเปลี่ยนขนาดของภาพทั้งความกวางและ ความยาว ตัดสวนที่ไมตองการออก ตลอดจนคาความละเอียดของภาพได อีกทั้งยัง สามารถปรับแตงสีและแสงเงาของรูปภาพ ทำใหรูปภาพมีความคมชัดและมีสีสันสวยงาม ยง่ิ ข้นึ จุดประสงคก ารเรยี นรู 1. นักเรยี นบอกขั้นตอนการนำรูปภาพเขามาใชง าน ในโปรแกรม Photoshop ได 2. นกั เรยี นสามารถนำรูปภาพเขา มาใชงาน และปรบั แตง สใี หคมชดั สวยงามได

การนำภาพเขา มาใชง าน ขัน้ ตอน ดังนี้ 1. เลือกเมนู File > Open 2. เลอื กโฟลเดอรที่เก็บไฟลรูปภาพ 3. เลือกไฟลร ปู ภาพที่ตอ งการ 4. คลิก Open การปรบั ขนาดของรปู ภาพ ขั้นตอน ดังนี้ 1. เปด รูปภาพทต่ี องการปรบั ขนาด 2. เลือกเมนู Image > Image Size 3. คลิกเลอื ก Constrain Proportions เพอ่ื ใหสดั สว นของภาพไมบ ิดเบี้ยว 4. ปรบั ขนาดความกวาง ความสงู ของรูปภาพที่ Document Size 5. คลิก OK การเพม่ิ พน้ื ที่ของรูปภาพ ขั้นตอน ดงั นี้ 1. เปด รปู ภาพที่ตองการเพม่ิ พื้นท่ี 2. เลอื กเมนู Image > Canvas Size 3. กำหนดขนาดใหมของรปู ภาพทช่ี อ ง Width และ Height 4. กำหนดทศิ ทางการขยายพื้นทท่ี ่ีชอ ง Anchor 5. คลิก OK

การปรบั แตง สใี หกับรูปภาพ Adjustments เปนคำส่ังท่ีใชใ นการปรบั สีและแสงใหก บั รูปภาพ โดยจะมคี ำสัง่ ยอ ยๆ สำหรบั ปรบั แตง สไี วมากมาย คำสัง่ Brightness / Contrast เปนการปรับความสวาง –ความคมชัด ใหกบั รูปภาพ ขั้นตอน ดงั นี้ 1. เปด รูปภาพทีต่ อ งการปรบั ความสวาง – ความคมชัด 2. เลือกคำสง่ั Images >Adjustments> Brightness / Contrast 3. คลิกถกู ทช่ี อ ง Preview เพอื่ แสดงผลการปรบั แตง รูปภาพ 4. ปรบั เล่ือนสไลดท ่ี Brightness เพือ่ ปรบั คาความมืด-สวา งใหกับ รปู ภาพ 5. ปรบั เลอื่ นสไลดท ่ี Contrast เพอ่ื ปรับคา ความคมชัดใหก ับ รปู ภาพ 6. คลิก OK คำสั่ง Level เปนการปรับระดับสีของรูปภาพใหเขมขึ้นหรือจางลงได โดยอาศัยการเพิ่มโทนสีดำ (Shadow) และโทนสีขาว (Highlight) หรือปรับระดับสีรูปภาพใหอยูระดับกลาง (Midtone) เพื่อเนนเรื่อง ความสวาง-มดื ของรปู ภาพ ขั้นตอน ดงั น้ี 1. เปดรูปภาพที่ตองการปรับระดบั สี 2. เลือกคำสงั่ Images >Adjustments> Level 3. คลกิ ถูกท่ชี อ ง Preview เพอ่ื แสดงผลการปรบั แตงรูปภาพ 4. ปรับเลอื่ นสไลดท ี่ Input Levels เพอ่ื ปรับคา ความมืด-สวาง ใหก บั รูปภาพ 5. ปรับเลื่อนสไลดท ี่ Output Levels เพอื่ ปรบั โทนสใี หก บั รปู ภาพ 6. คลกิ OK

คำสงั่ Curves เปนการปรบั ระดับแสงเงาภาพ สามารถต้ังคา ความสวางเฉพาะจดุ ได ทำใหภ าพท่ี ออกมามีแสงและมิติมากขึน้ ขน้ั ตอน ดงั น้ี 1. เปดรูปภาพที่ตอ งการปรบั ระดับแสงเงา 2. เลือกคำสงั่ Images > Adjustments > Curves 3. คลิกถูกท่ชี อ ง Preview เพือ่ แสดงผลการปรับแตงรูปภาพ 4. ใชเ มาสล ากเสน Curve ปรบั ระดับแสงเงาตามความตอ งการ 5. คลกิ OK คำสั่ง Color Balance เปนการปรับแตงแกไขสีของรูปภาพ โดยสามารถเลือกปรับเฉพาะสวนที่สวาง มาก สวนที่สวางปานกลาง หรือสวนมืด คำสั่งนี้เหมาะสำหรับใชแกไขรูปภาพที่มีสีผิดเพี้ยน เชน ภาพเกา, ภาพทส่ี แกนแลว สเี พ้ียน ข้นั ตอน ดงั น้ี 1. เปดรูปภาพทีต่ อ งการปรับแตงแกไขสี 2. เลอื กคำสั่ง Images > Adjustments > Color Balance 3. คลกิ ถูกทีช่ อ ง Preview เพอ่ื แสดงผลการปรับแตง รูปภาพ 4. ปรับเลอื่ นสไลดเ พอ่ื ปรบั โทนสใี หกับรปู ภาพ 5. คลิก OK

การเลอื กพน้ื ท่ีภาพแบบรปู ทรงเรขาคณติ เครอื่ งมือกลุม Marquee Tool เปนการเลือกพนื้ ท่ภี าพในลกั ษณะทต่ี อ งการมีขอบเขตท่ี ตายตัว ซึง่ จะอยใู นรูปทรงเรขาคณิต มี 4 รูปแบบ คือ Rectangular Marquee Tool Elliptical Marquee Tool Single Row Marquee Tool Single Column Marquee Tool Rectangular Marquee Tool เปนเครื่องมอื ทใี่ ชเลอื กขอบเขตพื้นทก่ี ารทำงาน แบบสเี่ หลยี่ มผืนผา และสเี่ หลย่ี มจตรุ สั ขั้นตอน ดงั นี้ 1. เลอื กเครื่องมือ Rectangular Marquee Tool 2. ลากเมาสเพอ่ื เลือกบรเิ วณทตี่ องการ เมือ่ ปลอยเมาสจ ะปรากฏพืน้ ทท่ี ่ี เลอื กเปนเสน ปะ 3. เลือกเครือ่ งมอื Move Tool เพือ่ ยา ยภาพไปใสใ น หนา กระดาษท่เี ตรยี มไว ถา ตองการยอ หรือขยายขนาดของ รปู ภาพใหค ลกิ ถกู ท่คี ำสงั่ Show Transform Controls จะมกี รอบเกดิ ขึ้นมา ใหน ำเมาสไปทีจ่ ุดมุมใด มุมหน่ึง เมาสจ ะเปล่ียนลูกศร 2 ทศิ จากนัน้ ยอ หรอื ขยายภาพไดตามตองการ เม่อื ยอหรือขยายภาพไดตาม ตอ งการใหคลกิ เครือ่ งหมายถกู

Elliptical Marquee Tool เปน เคร่อื งมอื ท่ีใชเ ลือกขอบเขตพน้ื ทีก่ ารทำงานแบบ วงกลม และวงรี (ถาตอ งการใหเ ปน วงกลมกดปมุ shift คา งไว) ขน้ั ตอน ดงั นี้ 1. เลือกเคร่อื งมอื Elliptical Marquee Tool 2. ลากเมาสเพอ่ื เลือกบริเวณท่ีตอ งการ เม่ือปลอ ยเมาสจะปรากฏพืน้ ที่ท่ี เลือกเปนเสน ปะ 3. เลือกเคร่ืองมือ Move Tool เพื่อยายภาพไปใสใ น หนากระดาษทเี่ ตรยี มไว Single Row Marquee Tool เปนเครื่องมือที่ใชเ ลอื กขอบเขตพืน้ ท่กี ารทำงานเปน แนว เสน ตรงในแนวนอน ความกวาง 1 พกิ เซล Single Column Marquee Tool เปน เครอ่ื งมอื ท่ใี ชเ ลือกขอบเขตพื้นท่กี ารทำงานเปน แนวเสนตรงในแนวตงั้ ความกวาง 1 พิกเซล ขนั้ ตอน ดังน้ี 1. เลือกเคร่ืองมือ Single Row Marquee Tool หรือ Single Column Marquee Tool 2. คลิกเมาส 1 คร้ัง ก็จะไดเ สน ตรงในแนวนอนหรือแนวต้ัง 3. เลอื กเคร่อื งมอื Move Tool เพื่อยายภาพไปใสใ น หนากระดาษทเ่ี ตรียมไว

การเลอื กพ้นื ท่ีภาพแบบอสิ ระ เครอื่ งมือกลมุ Lasso Tool เปนการเลอื กพื้นทภี่ าพในลักษณะทไี่ มเ ปน รปู ทรงเรขาคณิต ซึง่ การเลอื กพืน้ ทีจ่ ะสามารถลากไปตามภาพไดอ ยา งอิสระ มี 3 รูปแบบ คอื Lasso Tool Polygonal Lasso Tool Magnetic Lasso Tool Lasso Tool เปน เครื่องมอื ท่ีใชเ ลือกขอบเขตพ้ืนทก่ี ารทำงานแบบอิสระ ข้ันตอน ดังน้ี 1. เลือกเครือ่ งมือ Lasso Tool 2. คลกิ พรอมลากเมาสไ ปตามขอบพนื้ ทีท่ ่ีตอ งการเลอื ก 3. ลากเมาสไ ปจนกวา จะบรรจบทีจ่ ุดเรม่ิ ตน จะปรากฏพ้นื ท่ที ่เี ลอื ก 4. เลือกเครือ่ งมือ Move Tool เพื่อยายภาพไปใสใน หนา กระดาษท่ีเตรยี มไว

Polygonal Lasso Tool เปนเคร่ืองมอื ทใี่ ชเ ลอื กขอบเขตพ้นื ทกี่ ารทำงานแบบ มมุ เหลย่ี ม ข้นั ตอน ดังนี้ 1. เลือกเคร่ืองมอื Polygonal Lasso Tool 2. คลิกเมาส 1 ครั้งท่ีตำแหนง เริ่มตน 3. คลกิ ทตี่ ำแหนง ที่ 2 และจดุ ถัดๆ ไป 4. คลกิ แลวลากจนมาบรรจบท่ีจุดเรมิ่ ตน จะปรากฏพ้ืนที่ท่ีเลอื ก 5. เลือกเครอื่ งมอื Move Tool เพื่อยา ยภาพไปใสใ น หนากระดาษทเ่ี ตรียมไว Magnetic Lasso Tool เปน เครอ่ื งมอื ทใี่ ชเลือกขอบเขตพ้นื ทก่ี ารทำงานแบบ อัตโนมตั ิ เหมือนแมเหลก็ แตมีขอ จำกัดคอื สามารถใชก ับรูปภาพที่มขี อบคมชัด และสขี องเสนขอบตางกบั พนื้ หลงั ของรปู ภาพอยางชัดเจน ขน้ั ตอน ดังน้ี 1. เลอื กเครื่องมือ Magnetic Lasso Tool 2. คลกิ เมาส 1 คร้ังทตี่ ำแหนง เร่มิ ตน แลว ลากเมาสไ ปตามขอบภาพ 3. ลากเมาสจนบรรจบกับจดุ เริม่ ตน แลวคลกิ เมาส จะปรากฏพนื้ ท่ที ่เี ลอื ก 4. เลือกเครื่องมือ Move Tool เพื่อยายภาพไปใสในหนากระดาษ ที่เตรียมไว Quick Selection Tool เปน เคร่อื งมือท่ใี ชในการระบายเพอ่ื เลือกขอบเขตพนื้ ท่ี การทำงาน โดยเมอื่ ลากเมาสโปรแกรมจะทำการเลือกพน้ื ท่ขี างเคยี งอยางตอ เน่อื ง ครอบคลุมสวนของพนื้ ทีท่ ีม่ ีคา สีใกลเ คียงกันทั้งหมดโดยอตั โนมัติ ขั้นตอน ดงั น้ี 1. เลือกเคร่อื งมอื Quick Selection Tool 2. ปรบั ขนาดของ Quick Selection Tool ตามตอ งการ 3. คลิกพรอ มลากเมาส เพ่ือระบายในสวนของพนื้ ทีท่ ่ตี อ งการเลือก จะปรากฏพ้นื ทท่ี เ่ี ลอื ก 4. เลอื กเครอ่ื งมือ Move Tool เพื่อยายภาพไปใสใ น หนากระดาษทีเ่ ตรยี มไว

ชื่อ........................................................นามสกลุ .................................................เลขที่...........ชั้น............. แบบทดสอบกอนเรียนบทเรยี นท่ี 2 เรอ่ื ง การนำภาพเขามาใชใ นโปรแกรม Photoshop คำชแี้ จง นกั เรยี นเลอื กคำตอบที่ถกู ตอ งท่ีสดุ เพียงขอเดียว 1. การนำภาพเขามาใชในโปรแกรม Photoshop ตองไปทเี่ มนใู ด? File > Open File > Save File > Image Window > Deselect 2. ถา ตองการเพิม่ พ้ืนทข่ี องรปู ภาพ ตอ งไปท่เี มนูใด? File > Open File > Save Image > Image Size Image > Canvas Size 3. ขอ ใดเปน คำส่งั ในการปรับสีและแสงใหก บั รูปภาพ? Image Size Canvas Size Adjustments Feather 4. เครอ่ื งมือในขอใด ไมใช เครื่องมือในกลุมของ Marquee? 5. เครอ่ื งมือในขอ ใด ไมใ ช เครื่องมือในกลุม ของ Lasso?

ชอ่ื ........................................................นามสกลุ .................................................เลขท่ี...........ชั้น............. 5ใบงานท่ี เร่ือง การนำภาพเขามาใชงาน คำชี้แจง ใหนกั เรียนตอบคำถามตอไปนี้ใหถูกตอ ง 1. การปรับขนาดของรูปภาพ มีขน้ั ตอน คอื ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. 2. การเพิ่มพื้นทข่ี องรูปภาพ มขี น้ั ตอน คอื ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. .................................................................................................................................................................................

ใบงานที่ 6ชอ่ื ........................................................นามสกุล.................................................เลขท่ี...........ชั้น............. เรอ่ื ง การปรบั แตง สีใหกบั รปู ภาพ คำชแ้ี จง ใหน ักเรยี นบอกหนา ท่ีคำสง่ั การปรับแตง สีใหกับรปู ภาพ Adjustments คอื ................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. คำสัง่ Brightness / Contrast …………………………………………………………………………………..……… ……………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………. คำส่ัง Level …………………………………………………………………………………..…………………………..…… ……………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………. คำสัง่ Curves …………………………………………………………………………………..……………….………..…… ……………………………………………………………………………………………………………….……………………………………. ………………………………………………………………………………………………………………………………….…………………. คำสัง่ Color Balance ………………………………………………………..………..…………………………..…… ……………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………. …………………………………………………………………………………………………………………………………………………….

ช่ือ........................................................นามสกุล.................................................เลขท่ี...........ชัน้ ............. 7ใบงานท่ี เร่ือง การเลอื กพนื้ ท่ภี าพแบบรปู ทรงเรขาคณติ คำชีแ้ จง ใหน ักเรยี นบอกหนา ทข่ี องเครื่องมอื ตอ ไปน้ี Rectangular Marquee Tool ………………………………………………………………………………..…… …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..…………….. Elliptical Marquee Tool …………………………………………………..…………………………………..…… …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..…………….. Single Row Marquee Tool …………………………………………………..………………………………….. …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..…………….. Single Column Marquee Tool …………………………………………………….………………………….. …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..…………….. …………………………………………………………………………………………………………………………………………..……………..

ชอ่ื ........................................................นามสกุล.................................................เลขท.ี่ ..........ช้นั ............. 8ใบงานท่ี เรือ่ ง การเลอื กพน้ื ที่ภาพแบบอิสระ คำช้แี จง ใหน กั เรียนบอกหนา ทขี่ องเคร่ืองมอื ตอ ไปน้ี 1. Lasso Tool .................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. 2. Polygonal Lasso Tool................................................................................................................ ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. 3. Magnetic Lasso Tool................................................................................................................... ................................................................................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. 4. Quick Selection Tool.................................................................................................................. ................................................................................................................................................................................. ................................................................................................................................................................................. .................................................................................................................................................................................