E-Book โปรแกรมกราฟิก 2204-2105

6. ขอ้ ใดหมายถงึ การสร้างภาพเคลอื่ นไหวแบบ Tween
ก. เปน็ การสรา้ งภาพเคลือ่ นไหวโดยใหโ้ ปรแกรมช่วยสรา้ งภาพจากเฟรมเร่มิ ต้น
ข. เปน็ การสรา้ งภาพเคลื่อนไหวโดยให้โปรแกรมชว่ ยสรา้ งภาพจากเฟรมสุดท้าย
ค. เป็นการสรา้ งภาพเคล่ือนไหวโดยผู้ใชร้ ะหวา่ งเฟรมเร่มิ ต้นกับเฟรมสุดท้าย
ง. เปน็ การสรา้ งภาพเคล่ือนไหวโดยใหโ้ ปรแกรมช่วยสร้างภาพระหว่างเฟรมเรมิ่ ตน้ กับ เฟรม

สุดทา้ ย
7. ขอ้ ใดคือเฟรมที่เพมิ่ ขน้ึ เมื่อสรา้ งภาพแบบ Tween

ก. เฟรมแรกผู้ใช้ได้สรา้ งข้ึน
ข. เฟรมสดุ ท้ายผใู้ ช่ได้สร้างข้ึน
ค. เฟรมแรกและเฟรมสดุ ท้ายที่โปรแกรมชว่ ยสรา้ งภาพสรา้ งข้นึ
ง. ขอ้ ก. และ ข. ถูก
8. ขอ้ ใดคือคุณสมบัติของเครื่องมือ Image Size
ก. สามารถลดขนาดไฟล์ของภาพได้
ข. สามารถปรบั ลดหรือขยายขนาดภาพ
ค. สามารถเคล่อื นท่ตี วั อักษรไดต้ ามตอ้ งการ
ง. สามารถเคลือ่ นตำแหน่งพร้อมปรบั ขนาดภาพ
9. ขอ้ ใดคือประโยชนข์ องเคร่ืองมือ Canvas Size
ก. ผสานภาพ Animation ใหเ้ ปน็ Layer เดียวกนั
ข. แตกไฟล์ Animation ออกเป็น Layer ต่างๆ
ค. เพ่ิมหรอื ลดพ้นื ที่วา่ งจากรูปภาพ
ง. ทำภาพใหม้ ีลกั ษณะโปร่งใสโดยงา่ ย
10. ขอ้ ใดเป็นการกำหนดค่า Anchor
ก. ตกิ๊ √ ทกี่ ล่อง Relative

ข. ซอ่ นเลเยอร์โดยการคลกิ ท่ี ของเลเยอรข์ ้อความ
ค. กำหนดเปน็ จดุ ก่ึงกลางซ้ายเพื่อเพิม่ พน้ื ที่ความกว้างทางขวา
ง. ปรบั เวลาให้เป็น 0.5 ทงั้ 2 เฟรม ก.

ใบงานที่ 10.1

คำส่ัง สรา้ งปา้ ยโฆษณาบนเว็บไซต์ขนาดตามภาพ (เปน็ เวบ็ ไซต์ขายกระเป๋าบุรุษและสตรีโดยเปดิ
รูปภาพทก่ี ำหนดให้ แลว้ ใชเ้ ครือ่ งมือแทรกข้อความไม่เหมาะสมกับภาพและปรบั รูปภาพของ
ข้อความใหด้ นู ่าสนใจเชน่ layer Style, Style Warp Text จากนั้นใหท้ ำข้อความเคลอื่ นไหว
เพ่ือให้ดนู ่าสนใจ บันทกึ ไฟล์งานช่ือ “ใบงานท่ี20-1.gif”-“ใบงานท่2ี 0-2.gif”

ลำดับท่ี หวั ข้อ คะแนน
(เต็ม 10 คะแนน)

1 ใสข่ อ้ ความในรูปภาพได้
2 จัดตำแหนง่ ข้อความไดเ้ หมาะสมกับรปู ภาพ
3 ปรับแตง่ ข้อความไดน้ ่าสนใจ
4 ขอ้ ความเคล่ืนไหวดูนา่ สนใจ และอ่านได้ใจความ
5 บนั ทกึ ไฟลง์ านตามชอื่ ในใบงาน

คะแนนเฉล่ีย

หน่วยการเรียนรทู้ ี่ 11 รูปภาพกราฟฟิกแบบสามมติ ิ

แนวคิด
ภาพกราฟิกสามมติ ิ จะทำให้ภาพท่สี ร้างข้นึ มีความเหมือนจรงิ มากยิ่งขนึ้ ทง้ั สี แสง และเงา มี

การนำไป ประยุกต์ใช้การออกแบบผลิตภณั ฑ์ สถาปัตยกรรม ภาพเคลอื่ นไหวแบบสาม มติ ิ
โปรแกรมอะโดบีโฟโตช้อปก็มีการพัฒนาใหส้ ามารถใช้งานกราฟกิ สามมิติไมใ่ ชร่ ่วมกับภาพ

สองมิติไดด้ ้วย

สาระการเรียนรู้
1. ภาพกราฟกิ แบบ 3 มิติ (3D)
2. ความหมายและประเภทของ Texture
3. การเรียกใช้หนา้ ต่าง 3D
4. การสร้างภาพกราฟิกแบบสามมติ ิโดยใชเ้ ลเซอร์
5. การสร้มติ ิโดยใช้รูปภาพสาม มติ ิโดยใช้รปู ภาพ
6. การใชเ้ คร่อื งมือจัดรูปแบบสามมติ ิ
7. การประยุกต์นำภาพสามมิติไปใช้ร่วมกบั ภาพสองมติ ิ

ผลการเรียนรทู้ ี่คาดหวงั
1. อธบิ ายภาพกราฟิกแบบสาม มติ ิ(3D) ได้
2. อธบิ ายการเรียกใชห้ น้าตา่ ง 3D ได้
3. สรา้ งภาพกราฟกิ แบบสามมิติโดยใชเ้ ลเซอร์ได้
4. สร้างภาพกราฟกิ แบบสามมีติ โดยใชร้ ปู ภาพได้
5. ใช้เคร่อื งมือจัดการรูปภาพแบบสามมติ อได้
6. ประยกุ ตน์ ำภาพสาม มิติไปใช้ร่วมกบั ภาพสอง มติ ไิ ด้

ภาพกราฟกิ แบบสามมติ ิ (3D)

ภาพกราฟกิ แบบสามมติ ิน้นั มาจากภาพกราฟิกที่ใชโ้ ปรแกรมสรา้ งสามมติ ิ เช่น 3D max, Maya
สรา้ งขน้ึ เพื่อให้ภาพท่มี ีสีและแสงเงาเหมือนจรงิ เหมาะสมสำหรับการออกแบบและสถาปตั ยกรรม
เช่น การผลิตรถยนต์ ภาพยนตร์การต์ ูนสามมิติ

คำว่า 3D (Three Dimension) หมายถึง อาณาเขต 3 มติ ิ ประกอบด้วยความกวา้ ง ความสูง และ
ความลกึ ซ่ึงโดยปกติแกนx ใช้แทนความกว้าง แกน Yใช้แทนความสงู และแกน Z ใชแ้ ทนความลกึ

รูปภาพแสดงเส้นทเ่ี ป็นส่วนหนง่ึ ของ
และรปู ภาพแสดงการทำงานของแกนต่างๆ ในโปรแกรมอะโดบโี ฟโตชอ็ ป

ปัจจบุ ันการสรา้ งภาพสามมิติมจี ำนวนท่ีสูงขนึ้ ซึง่ โปรแกรมอะโดบโี ฟโตช้อปต้ังแตร่ ุ่น cs3ขึ้นไปมี
การสนบั สนุนการสรา้ งภาพ 3 มติ ทิ ี่เรยี กวา่ โมเดล 3 มติ ิ ซึ่งรองรับไฟลน์ ามสกลุ ดังน้ี

1. ไฟล์นามสกลุ 3ds เป็นไฟล์ท่ีได้จากโปรแกรม 3ds max
2. ไฟลน์ ามสกุล Obj เป็นไฟล์ได้จากโปรแกรม Wavefront
3. ไฟล์นามสกุล DAE เปน็ มาตรฐานไฟล์เพื่อใช้แลกเปลย่ี นข้อมูลระหว่างซอฟตแ์ วร์เพื่องาน

กราฟิก 3 มติ กิ ับซอฟต์แวร์ที่มีการประมวลผล 3 มติ ิ
4. ไฟล์นามสกุล KMZ เป็นไฟล์ไดจ้ ากโปรแกรม google Earth
5. ไฟลน์ ามสกลุ U3D เปน็ ไฟล์ของข้อมลู 3D ตามมาตรฐานของ w3c ปจั จบุ นั อะโดบีแอโคร

แบต และไมโครสเตชันรบั รองการทำงานของไฟลน์ ามสกลุ U3Dมเี ครอ่ื งมือในการแปลงไฟล์
โปรแกรมท่ีสำคัญตา่ งๆมาเป็นนามสกุลน้ี

ตวั อยา่ งภาพไฟล์ 3DS ตัวอยา่ งภาพไฟล์ Obi

ตัวอย่างภาพไฟล์ KMZ ตวั อย่างภาพไฟล์ DAE

ตัวอยา่ งภาพไฟล์ U3D

ความหมายและประเภทของ Texture

Texture คือ ลกั ษณะของพน้ื ผิวของวตั ถุใดๆ ในปจั จบุ นั จะเนน้ ในทาง 3 มิติ ซึ่งมีการใชแ้ สงเงา
จดุ เด่น จะเปน็ ตวั เสรมิ ให้พนื้ ผิวดูเดน่ ชดั ประโยชน์ของการใช้Texture ท่เี หน็ ได้ชัดคือการปกปดิ ท่วี า่ ง
(space) เพ่ือไมใ่ ห้งานดหู ลวมหรอื โลง่ มากเกินไป

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

1. Icon textures เป็นรปู ภาพทม่ี ขี นาดเล็ก ปจั จุบนั เปน็ ส่ีเหลี่ยมจัตรุ ัสขนาด 100 * 100 พิกเซล
2. CG Texture เป็นรปู ภาพขนาดใหญ่ เป็นทั้งส่ีเหล่ียมจัตรุ ัสและสเ่ี หลี่ยมผนื ผา้ มีขนาดไม่

แนน่ อน

รูปภาพแสดงตัวอย่าง Icon textures

รูปภาพแสดงตัวอย่าง CG Texture

การเรยี กใช้หน้าตา่ ง 3D

โปรแกรมอะโดบโี ฟโตช้อป สามารถเรียกหนา้ ตา่ ง 3D ขึ้นมาแสดงโดยเขา้ ไปท่เี มนู windowแล้ว
เลือกคำส่งั ย่อย 3D โปรแกรมจะแสดงหนา้ ต่าง 3D ดังภาพ

รปู ภาพแสดงการเรียกใชห้ นา้ ต่าง 3D

การสรา้ งภาพกราฟิกแบบ 3 มิตโิ ดยใชเ้ ลเยอร์

1. สร้างภาพใหม่โดยใช้คำสง่ั fire เลือก new
1.1 กำหนดความกว้างเปน็ 500 พิกเซล
1.2 กำหนดความสูงเปน็ 500 พิกเซล
1.3 กำหนดความละเอียดเป็น 72 พกิ เซลต่อน้ิว
1.4 โหมดสี RGB color 8 bit
1.5 Background Content เลอื กเป็น White
1.6 คลกิ OK

2. คลกิ เลอื ก Paint Bucket Toot
3. เลือกสที ่ีต้องการ(จากตัวอย่างเลอื ดเปน็ สเี หลอื ง)
4. เทสีลงพนื้ ทีท่ ำงาน

5. ทห่ี นา้ ตา่ ง 3D กำหนดตัวเลอื กดงั นี้
5.1 Source เลือกเปน็ Selected Layer(s)
5.2 เลือกที่ 3D Shape Form Preset
5.3 เลือกรปู ทรงทีต่ ้องการ(จากตวั อย่างเลือกเปน็ Ring)
5.4 คลิก Create (สงั เกตหน้าตา่ ง 3 b มีการเปลี่ยนแปลง)

6. เลเยอร์ ถกู เปลี่ยนเปน็ รูปทรง 3 มติ ิทีไ่ ดเ้ ลือกไว้



รปู ภาพแสดงการสรา้ งภาพกราฟกิ แบบสามมติ ิโดยใชเ้ ลเยอร์

รูปภาพเลเยอร์ Background ปกติ รปู ภาพเลเยอร์ Background ทเี่ ปน็ สามมติ ิ

การสร้างภาพกราฟิกแบบสามมติ ิโดยใชร้ ปู ภาพ

1. เปดิ รูปภาพทต่ี ้องการสรา้ งภาพกราฟกิ แบบสามมิตโิ ดยเลือกเมนู file แลว้ เลอื ก open
2. ทหี่ น้าต่าง 3D กำหนดตัวเลือกดงั น้ี

2.1 Source เลอื กเป็น Selected Layer(s)
2.2 เลอื กท่ี 3D Shape Form Preset
2.3 เลือกรปู ทรงทีต่ อ้ งการ (จากตวั อยา่ งเปน็ Soda Can)
2.4 คลิก Create (สังเกตท่ีหน้าต่าง 3D มีการเปลยี่ นแปลง)
3. เลเยอร์ถูกเปลย่ี นเป็นรปู ทรงสามมติ ทิ ี่ได้เลอื กไว้

รูปภาพแสดงการสรา้ งภาพกราฟิกแบบสามมติ โิ ดยใช้รปู ภาพ

รปู ภาพเลเยอร์ Background รปู ภาพพปกติ รูปภาพเลเยอร์ Background รูปภาพที่เปน็ สามมติ ิ

การเปล่ยี นพ้ืนผวิ ใหก้ บั กระป๋อง สามารถทำได้ดงั นี้
1. หลงั จากทสี่ รา้ งวสั ดุ 3D แลว้ ใหไ้ ปทห่ี นา้ ต่าง 3D หัวข้อ Cap เลือก Cap_Material
2. คลกิ เลอื กรปู แบบท่ีตอ้ งการ (จากตวั อยา่ งในรูปแบบเลอื ก Wood Balssa)
3. ปรบั สตี ามใจชอบ

รูปภาพท่มี กี ารใส่พนื้ ผวิ ใหก้ บั กระป๋ องท่ีสมบรู ณ์

การใช้เครื่องมอื จัดการรูปภาพแบบสามมิติ

เคร่อื งมอื ที่ใช้ในการจดั การรปู ภาพแบบสามมิติในกล่องเคร่ืองมือของโปรแกรมอะโดบีโฟโตช็
อป มีอยู่ 2 ชนดิ ดงั นี้

1. เครอื่ งมือจดั การกบั วัตถุ
2. เคร่อื งมือจดั การมมุ กล้อง

เคร่อื งมือจดั การกับวตั ถุ เครอ่ื งมอื จดั การมมุ กลอ้ ง

จากชื่อเคร่ืองมือจะพบว่ามชี ื่อคลา้ ยกนั ซ่งึ เคร่ืองมือท้ังสองประเภทน้ีทำหน้าทีใ่ กล้เคยี งกัน
คอื เคร่ืองมือจัดการกับวัตถุ กับเครือ่ งมอื จดั การมุมกล้อง หากใชส้ ลบั กนั จะทำให้เกิดความสบั สนได้
ในการใช้งานจรงิ เคร่อื งมือทง้ั สองประเภทน้สี ามารถใชง้ านแทนกนั ได้

การใชแ้ ถบเครือ่ งมอื ทงั้ สองชนดิ ก็เป็นรูปแบบเดียวกัน คอื คำสง่ั จะมาเป็นแบบเดยี วกนั
เหมอื นกบั เครื่องมือที่ได้กล่าวขา้ งต้น

ตำแหน่ง/มุมมอง ความหมาย
Default คา่ เร่มิ ต้น
Left มองจากด้านซา้ ย
Right มองจากด้านขวา
Top มองจากด้านบน
Bottom มองจากดา้ นลา่ ง
Back มองจากด้านหลงั
Front มองจากดา้ นหนา้

รปู ภาพแสดงมุมมองของวัตถุในแต่ละรปู แบบ

การประยุกตน์ ำภาพสามมิติไปใชร้ ่วมกับภาพสองมติ ิ

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

1. เปดิ รปู ภาพสามมติ ทิ ส่ี รา้ งเรยี บรอ้ ยแล้ว
2. เลือกรปู ภาพทั้งหมด โดยเลือกเมนู Select แลว้ เลอื ก All
3. คดั ลอกรปู ภาพ โดยเลือกเมนู Edit แล้วเลือก Copy
4. เปดิ รูปภาพสองมิติทีต่ ้องการน ภาพสามมิติมาใช้
5. วางรูปภาพ โดยเลอื กเมนู Edit แล้วเลือก Paste โปรแกรมจะแปลงเลเยอร์ 3D เปน็ เล
เยอร์ปกติ
6. ย้ายตำแหน่งภาพโดยใชเ้ ครอ่ื งมือ Move
7. เพมิ่ ข้อความโดยใช้เคร่ืองมือ Horizontal Type
8. เลอื กแบบอกั ษร สี และจดั ข้อความให้สวยงาม





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

เว็บไซต์รวบรวมไฟล์ภาพ 3 มิติ มีดงั นี้
1. http://sketchup.google.com/3dwarehouse
2. http://www.md2.sitters-electronics.nl/models.html
3. http://www.3dmodelfree.com/
4. http://www.sweethome3d.com/importModels.jsp
5. http://graphics.im.ntu.edu.tw/-robin/courses/gm05/model/
6. http://www.themovies3d.com/en/downloads/viewcategory/16-3d-models.html
7. http://www.oyonale.com/modeles.php?lang=en&format=OBJ
8. http://www.chromesphere.com/3dmodels.html
9. http://thefree3dmodels.com/stuff

รูปภาพตัวอยา่ งเวบ็ ไซต์ทีร่ วบรวมไฟล์ภาพสามมิติ และสามารถดาวนโ์ หลดไฟลม์ าใชง้ านได้

การดาวน์โหลดไฟล์มาใช้งานต้องดวู ่าไฟลท์ ีจ่ ะดาวน์โหลดมานน้ั โปรแกรมอะโดบีโฟโตชอ็ ป
รองรบั หรอื ไม่ หากไมร่ องรับจะทำให้ไม่สามารถเปดิ ไฟล์ขนึ้ มาได้ และในบางเว็บไซต์อาจมีการ บบี อัด
ไฟล์ จงึ ต้องใช้โปรแกรม WinRAR ในการคลายการบีบอัดไฟล์เสียกอ่ นจงึ จะสามารถใชง้ านได้

แบบประเมนิ ผลหลงั เรียนหน่วยที่ 11

คำสัง่ จงเลือกคำตอบทถ่ี ูกต้องเพียงข้อเดียว
1. 3D หรอื Three Dimension 3 แกน ประกอบด้วยอะไรบ้าง

ก. x ใช้แทนความกว้าง แกน Y ใช้แทนความยาว และแกน Z ใชแ้ ทนความสูง
ข. x ใช้แทนความยาว แกน Y ใช้แทนความกวา้ ง และแกน Z ใชแ้ ทนความลึก
ค. X ใช้แทนความกวา้ ง แกน Y ใชแ้ ทนความยาว และแกน Z ใชแ้ ทนความลึก
ง. x ใชแ้ ทนความสงู แกน Y ใช้แทนความกว้าง และแกน Z ใชแ้ ทนความลกึ
2. ข้อใดคือประโยชน์ของการใช้ Textures ท่ีเหน็ ไดช้ ัดเจน
ก. Icon Textures เปน็ รปู ภาพท่มี ีขนาดเล็ก
ข. CG Textures เปน็ รูปภาพทีม่ ขี นาดใหญ่
ค. การปกปดิ ที่ว่าง (space) เพ่อื ไม่ใหง้ านดหู ลวมหรอื โลง่ มากเกินไป
ง. การใชแ้ สง เงาเป็นตัวเสรมิ ให้วตั ถดุ ูเด่นชัด
3. Textures สามารถแบ่งได้เปน็ ประเภท อะไรบา้ ง
ก. 3 ประเภท ไดแ้ ก่ Icon Textures, CG Textures และ Space Textures
ข. 3 ประเภท ได้แก่ Icon Textures, CG Textures และ Solid Textures
ค. 2 ประเภท ได้แก่ Space Textures และ Solid Textures
ง. 2 ประเภท ได้แก่ Icon Textures และ CG Textures
4. ขนั้ ตอนใดเป็นการทำภาพให้เปน็ รูปทรงสามมิติ
ก. เลือกเมนู File แล้วเลือก Open
ข. Source เลอื กเปน็ Selected Layer(s)
ค. คลกิ Create
ง. ไมม่ ีข้อใดถกู
5. ข้อใดคือขนั้ ตอนการเรียกหนา้ ต่าง 3D ขน้ึ มาใชง้ าน
ก. เขา้ ท่ี Image แลว้ เลือกค่าส่งั ยอ่ ย 3D
ข. เข้าที่ Window แลว้ เลอื กคำสั่งย่อย 3D
ค. เข้าท่ี View แลว้ เลือกคำสั่งย่อย 3D
ง. เข้าที่ Select แล้วเลือกคา่ สัง่ ย่อย 3D
6. เครือ่ งมือจัดการรปู ภาพแบบสามมติ มิ ีอยกู่ ชี่ นดิ อะไรบา้ ง

ก. 2 ชนดิ คอื เครอื่ งมือจัดการกบั วัตถุ และเครอ่ื งมือจดั การมมุ กล้อง

ข. 2 ชนดิ คอื เคร่อื งมอื จัดการกับวตั ถุ และเครื่องมือจดั การข้อความ

ค. 3 ชนดิ คือ เครอื่ งมือจัดการกบั วัตถุ เครอื่ งมือจัดการขอ้ ความ และเครื่องมือจัดการมุมกลอ้ ง

ง. 3 ชนิด คือ เครื่องมอื จดั การกบั วตั ถุ เครือ่ งมือจดั การข้อความ และเครื่องมอื จดั การ รูปภาพ

7. คำว่า Default ในเครอื่ งมือจัดการรูปภาพหมายถึงข้อใด

ก. มองจากดา้ นหน้า ข. มองจากดา้ นหลงั

ค. คา่ เริม่ ตน้ ง. คา่ สดุ ท้าย

8. ข้อใดเป็นโปรแกรมทีใ่ ช้คลายการบบี อัดไฟลส์ ำหรับบางเว็บไซต์ทีร่ วบรวมภาพสามมิติ

ก. Win Amp ข. WinRAR

ค. Adobe ง. ถกู ทุกข้อ

9. ข้อใดไมใ่ ชเ่ วบ็ ไซต์รวบรวมไฟลภ์ าพสามมติ ิ

ก. http://www.3dmodelfree.com

ข. http://graphics.im.ntu.edu.tw/-robin courses/gm05/model/

ค. http://www.google.com

ง. http://thefree3dmodels.com/stuff

10. การใสภ่ าพสามมิติ ลงในภาพสองมติ ิสามารถทำไดโ้ ดยใช้คำสง่ั ใด

ก. Horizontal Type ข. Move

ค. Edit ง. Past Special

ใบงานที่ 11.1

คำสง่ั เปดิ รปู ภาพที่กำหนดให้ แลว้ สร้างเปน็ ภาพสามมิติ โดยเปลย่ี นลกั ษณะของ Texture เป็น
รูปแบบตา่ งๆบันทกึ ไฟลง์ านช่ือ “ใบงานท่ี 21-1.jpg”-“ใบงานที่ 21-3.jpg”

ลำดบั ท่ี ตารางการใหค้ ะแนน คะแนน
(เตม็ 10 คะแนน)
1 หวั ข้อ
2
ใช้ Texture เปน็ ภาพสสามมิตทิ รงกลมได้
บันทกึ ไฟล์งานตามช่ือในใบงาน

คะแนนเฉล่ีย

ใบงานท่ี 11.2

คำสั่ง เลือกเปิดโมเดลตา่ งๆ ท่ีกำหนดให้ เพ่อื นำมาประยกุ ตใ์ ชด้ บั รูปภาพพนื้ หลงั จำนวน 3 ภาพ
บนั ทกึ ไฟลง์ านชอ่ื “ใบงานท่ี 22-1.jpg”-“ใบงานท่ี 22-3.jpg”

ลำดบั ที่ ตารางการให้คะแนน คะแนน
(เตม็ 10 คะแนน)
1 หัวข้อ
2
ใช้ Texture เป็นภาพสสามมิตทิ รงกลมได้
บันทกึ ไฟล์งานตามชอื่ ในใบงาน

คะแนนเฉล่ีย

หนว่ ยการเรยี นรทู้ ี่ 12 ทกั ษะการใชโ้ ปรแกรมกราฟิก

แนวคิด
การใชโ้ ปรแกรมกราฟิกใหช้ านาญตอ้ งมกี ารฝึกฝนการใช้โปรแกรมอยสู่ ม่ำเสมอเพ่ือใหเ้ กิด

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

สาระการเรียนรู้ 5. การปรับแสงสรี ปู ภาพให้ดูสวยงาม
1. การทำภาพขาวดำ 6. การปรับภาพคนใหด้ สู วยงาม
2. การทำภาพโทนสีน้ำตาล (Sepia) 7. การทำรูปสใี นรูปขาวดำ
3. การทำข้อความสามมติ ิ 8. การสรา้ งภาพจากตัวหนังสือ
4. การทำข้อความสามมิติจาก Texture

ผลการเรยี นรู้ทค่ี าดหวงั 5. ปรับแสงสรี ปู ภาพให้ดสู วยงามได้
1. ทำภาพขาวดำได้ 6. ปรับภาพคนให้ดูสวยงามได้
2. ทำภาพโทนสีนำ้ ตาล (Sepia) ได้ 7. ทำรปู สีในรูปขาวดำได้
3. ทำขอ้ ความสามมติ ิได้ 8. สรา้ งภาพจากตวั หนงั สอื ได้
4. ทำขอ้ ความสามมิติจาก Texture ได้

แบบประเมนิ ผลกอ่ นเรียนหน่วยท่ี 12
คำส่งั จงเลือกคำตอบท่ีถูกต้องเพยี งข้อเดียว
1. ขอ้ ใดกลา่ วถูกต้องเกย่ี วกบั การเรยี นรโู้ ปรแกรมอะโดบีโฟโตช็อป

ก. บางคำสัง่ สามารถใช้งานทาแทนกนั ได้
ข. ผลลัพธบ์ างคำสง่ั อาจจะเหมือนหรอื แตกต่างกันเล็กน้อย
ค. การทำงานเพ่ือสรา้ งช้ินงานจริงต้องอาศยั ทกั ษะ
ง. ถกู ทกุ ขอ้
2. ในการทาํ ภาพเป็นสโี ดยไม่ตอ้ งสรา้ ง Layer ใหมส่ ามารถทำไดห้ รือไม่
ก. ไม่สามารถทำได้ ดว้ ยข้อกำหนดของโปรแกรม
ข. ไม่สามารถทำได้ เน่ืองจากการทำเปน็ ภาพสตี ้องอาศยั ชั้นของ Layer
ค. สามารถใชค้ ำสงั่ Photo Filter หรือ Channel Mixer... Photo Filter
ง. สามารถทำได้โดยไมท่ ำใหภ้ าพตน้ ฉบบั เปลี่ยนแปลง
3. การทำภาพสเี ป็นภาพขาวดำสามารถทำได้โดยใชเ้ ครื่องมือใด
ก. Black and White
ข. Hue/Saturation
ค. Color balance
ง. Sepia
4. ข้อใดหมายถงึ เครือ่ งมอื Horizontal Type
ก. เป็นการใสข่ ้อความในรปู ภาพตามแนวดิง่
ข. เปน็ การใสข่ ้อความในรปู ภาพตามแนวขวาง
ค. การสร้างเลเยอร์ใหม่สำหรับข้อความโดยเฉพาะ
ง. การใสร่ ปู ภาพในข้อความ

5. ข้อใดคือช่ือเรียกเคร่ืองมือดงั ภาพ
ก. 3d Rotate Camera
ข. 3d Object Rotate
ค. 3d Camera Rotate
ง. 3d Rotate Object

6. ขอ้ ใดกลา่ วไมถ่ ูกต้อง
ก. การเปล่ียนโทนสีไมส่ ามารถทำให้ภาพสามมิติสมจรงิ
ข. ตวั อักษรสามารถทา่ เปน็ สามมิติได้
ค. 3d Rotate Camera ช่วยในการเปลยี่ นมุมมองข้อความท่ีเป็นสามมติ ิ
ง. 3d Object Rotate ช่วยเพม่ิ ข้อความที่เปน็ ภาพสามมิติ

7. การตง้ั ค่า Image > Adjustment > Curves ช่วยปรับภาพในเรื่องใด
ก. การกาหนดค่าคณุ สมบตั ขิ องรปู ภาพ
ข. การปรับรปู ภาพดว้ ยเสน้ โค้ง
ค. การปรบั ความสมดุลของสี
ง. การปรบั เฉดสี

8. ข้อใดเป็นคุณสมบตั ิของ Edit > Free transform
ก. สามารถเคลือ่ นย้ายรูปภาพได้
ข. สามารถเกลีย่ สภี าพได้
ค. สามารถปรบั ขนาดของภาพได้
ง. สามารถปรบั สมดุลของสไี ด้

9. ข้อใดเปน็ การสร้างเลเยอร์ใหม่ทถ่ี ูกตอ้ ง
ก. Layer > New > Layer...
ข. New > Layer...
ค. Layer > New
ง. Shift + Ctrl +A

10. ข้อใดเปน็ ฟังก์ชันคยี ล์ ัดของ Image size
ก. Alt + Ctrl + T
ข. Alt + Ctrl + 1
ค. Alt + Ctrl + S
ง. Alt + Ctrl + L

การทำภาพขาวดำ

1. เปดิ รปู ภาพทีต่ อ้ งการ
2. สร้างเลเยอร์ใหม่โดยเลอื กเมนู file เรื่อง newเลือก layer.
3. กด ok แลว้ คลิกเลอื ก layer 1
4. เลอื กเคร่ืองมือ Paint Bucket
5. เลอื กForeground color เปน็ สีขาว
6. เทสขี าวบน layer 1
7. เลือก Blending Mode ของ Layerเป็น Color
8. สงั เกตผลลัพธ์ทไี่ ด้

การทำภาพโทนสนี ้ำตาล (Sepia)

หลังจากทไี่ ดภ้ าพขาวดำแลว้ หากต้องการเปลย่ี นโทนสเี ปน็ สีนำ้ ตาลหรอื สีอนื่ ๆ ให้ทำดังน้ี
1. ขน้ั ตอนน้เี ป็นขัน้ ตอนทำต่อจากภาพขาวดำให้คลิกท่ี layer 1
2. เลือกForeground color เป็นสีนำ้ ตาล
3. เลอื กเครื่องมือ Paint Bucket
4. เทสีท่ีเลือกลงบน layer 1
5. สงั เกตผลลัพธ์ท่ีได้

หมายเหตุ หลงั จากทำสนี ำ้ ตาล หากตอ้ งการเปล่ียนเป็นสีอ่ืน สามารถเลอื กสีใหม่มาแทนสเี ดมิ ไดห้ าก
ต้องการปรบั เปลี่ยนสีสามารถทำได้อีก 2 วธิ ีคือ เลือก layer 1 แลว้ คลกิ ทเ่ี มนู imageแลว้
เลอื ก color balanceหรือHue/Saturation แล้วปรบั สีตามตอ้ งการ

การทำรปู ภาพขาวดำสามารถทำไดโ้ ดยใชค้ ำส่ัง black and white และในการทำภาพเป็นสี
สามารถใชค้ ำสง่ั photo Filter..หรือ Channel Mixer..แทนได้ แต่คำสั่งเหลา่ น้จี ะใช้ในรปู แบบภาพท่ี
เปน็ Background(ไมต่ อ้ งสร้างเลเยอร์ใหม่) ซึ่งสง่ ผลทำใหภ้ าพต้นฉบบั มกี ารเปลี่ยนแปลง

ภาพต้นฉบับ เลอื กที่

การเลือกเมนูเพ่อื ใชง้ าน
รูปภาพแสดงหนา้ ตา่ งจากคำสัง่
รปู ภาพแสดงหน้าตา่ งจากคำสัง่
รูปภาพแสดงหน้าตา่ งจากคำสั่ง

การทำข้อความสามมิติ ช่วยใน

1. เปิดรปู ภาพทีต่ ้องการ

2. เลือกเคร่ืองมือ Horizontal Type
3. พิมพ์ข้อความทีต่ ้องการ
4. คลิกทีเ่ ลเยอร์ขอ้ ความทต่ี ้องการทำข้อความ 3 มิติ
5. เร่ืองเมนู 3D เลือก Repousse เลือก Text Layer
6. กดป่มุ yes
7. เลือกรปู แบบท่ีต้องการ
8. กด ok

หมายเหตุ สามารถใชเ้ ครื่องมือ 3D Object Rotate หรอื 3d Rotate Camera
การเปลย่ี นมมุ มองข้อความทเี่ ปน็ สามมิตไิ ด้

รปู ภาพแสดงการทำขอ้ ความสามมติ ิ

การทำข้อความสามมติ จิ าก texture

1. เปดิ รูปภาพทอ้ งฟ้า
2. เลอื กเคร่ืองมือHorizontal Type
3. พิมพ์ขอ้ ความทต่ี ้องการ
4. คลกิ ทีเ่ ลเยอร์ข้อความท่ีต้องการทำขอ้ ความ
5. เลอื กเมนู 3DเลือกRepousse เลือก Text Layer
6. กดปมุ่ yes

7. เลือกเมนู 3DเลือกRepousse เลือก Text Layer
7.1 เร่มิ เมนู 3D รปู แบบ Extrude
7.2 กำหนดค่า Extrude ให้ Depth เปน็ 5
7.3 กำหนดคา่ Extrude ให้ Scale เปน็ 0.3
7.4 กำหนดคา่ Scene Settings ให้ Mesh Quality เป็น Batter
7.5 กดปุ่ม ok

8. ใชเ้ ครอ่ื งมือ 3b Objected หรอื 3b Rotate Camera ชว่ ยในการเปล่ียนแปลง
มมุ มองข้อความทีเ่ ป็น 3 มิติ ตามภาพ

9. ในเลเยอรข์ อ้ ความ 3 มิติท่ี Scan กลมุ่ 3Dbเลือก3D Front Inflation Material

10. ในการกำหนดคา่ ให้กดท่ีปมุ่
11. เลือก Load Texture
12. หาไฟล์รูปคอนกรีต
13. กด open
14. ในเลเยอร์ข้อความ 3 มิติ Scan กลุม่ 3Dbเลือก3D Front Inflation Material

15. ในการกำหนดค่าให้ กดท่ีปุม่
16. เลือก Load Texture
17. หารปู กำแพงอฐิ
18. กด open

19. กำแพงอิฐจะดูไมส่ มบูรณ์ ใหก้ ดท่ปี ุ่ม เลอื ก Edit properties…..
19.1 กำหนดคา่ Target เปน็ Composite
19.2 กำหนดคา่ U Scale เป็น 10
19.3 กำหนดคา่ V Scale เป็น 10
19.4 กด ok



20. ในหนา้ ตา่ ง 3D เลือก Infinite Light1
21. กำหนดค่า Light Type เลือก Point
22. กำหนดIntensity ใส่ค่าเปน็ 2
23. คลิกที่ Create Shadows ใหข้ ้ึนเคร่ืองหมายถูก
24. เปลีย่ นค่า Softness เปน็ 100%

25. เลือกเลเยอร์ Background
26. เลอื ก Imageเลือก Adjustments เลอื ก Hue/Saturation..

26.1 ปรับค่า Hue เป็น -180
26.2 Saturation เป็น -25%
26.3 กด Ok

27. สร้างเลเยอร์ใหม่ Layer>New>Layer
28. กด Ok
29. เลอื กเมนู Filter>Render>Clouds

30. ปรบั Blending Mode เป็น Linear Light
31. ปรับ Opacity เป็น 50%
32. ปรบั Fill เปน็ 50%
33. คลกิ ท่ี Layer 1 ค้างไว้แลว้ เล่ือนเลเซอรม์ าไวบนสดุ
34. ปลอ่ ยเมาส์
35. ปรับมุนของข้อความใหส้ วยงามโดยใชเ้ ครอื่ งมอื 3d Object Rotate หรอื 3d
Rotate Camera ช่วยในการทำงานการเปล่ยี นมมุ มองข้อความที่เป็นสามมิติ ตามภาพ

ผลจากข้อที่ 34 รปู ภาพทีม่ ีการปรับมมุ

การปรบั แสงสรี ูปภาพให้ดสู วยงาม

1. เปิดรูปภาพท่ีตอ้ งการ
2. เข้าไปท่เี มนู image> Adjustment>Curves
3. ปรับแต่งค่าตามตอ้ งการ
4. สรา้ งเลเยอร์ใหม่ Layer>New>Layer
5. กด Ok

6. คลิกเครอ่ื งมอื Eyedropper
7. ดดู สใี ห้ Foreground color บรเิ วณทีต่ อ้ งการทำให้แสง ดงั ภาพ
8. ดูดสใี ห้ Background Color บรเิ วณทตี่ อ้ งการทำให้แสง ดังภาพ
9. คลิกตัวไลส่ ี Gradient
10. เลือกแบบไลส่ เี ปน็ Radial Gradient
11. ไลส่ จี ากจดุ กึง่ กลาง Layer 1
12. ปรบั คา่ Blending mode เปน็ Overlay

ภาพต้นฉบับ ภาพท่ีมกี ารตกแต่งจากโปรแกรม

การปรับภาพคนใหด้ ูสวยงาม

1.เปิดรูปภาพทีต่ ้องการปรับแต่ง
2.เลอื กรปู ภาพโดยใช้เคร่ืองมือ Magic Wand
3.สลับกนั เลอื กโดยเข้าเมนู Select>Inverse
4.ทำขอบฟงุ้ เข้าเมนู Select>Modify>Feather
5.ใส่ความฟงุ้ เป็น 5 แล้ว กด ok
6.คดั ลอกภาพโดยเข้าเมนู Edit>Copy

7.เปดิ รปู ภาพท่ีต้องการทำใหเ้ ป็นพื้นหลัง
8.วางภาพท่ีคดั ลอกลงในภาพใหม่โดยการเจา้ เมนู Edit>Paste

9. ปรบั ขนาดภาพท่วี างโดยเข้าเมนู Edit>Free Transform
10.ปรับขนาดภาพไดต้ ามทีต่ ้องการแลว้ กด Enter

11.ปดั แก้ม ด้วยการสร้างเลเยอร์ใหม่ Layer>New>Layer.
12.ตง้ั ชื่อเป็น"แก้ม"แล้วกด ok
13.เลือก Brush แล้วปรับขนาดหวั แปรง
14.เลือกสีที่ต้องการปัดแก้ม เช่น สแี ดง
15.ระบายสที ห่ี นา้ ท่ีต้องการปัดแกม้
16.เขา้ เมนู Filter>Blur>Gaussian Blur
17.ปรับ Radius ตามความต้องการ(จากภาพทมี่ ีคา่ เป็น31.2) โดยสงั เกตผลการปรบั ท่ี
รปู ภาพจากนัน้ กด OK

18.คลกิ บน Layer 1
19.ลบรอยใตต้ าโดยใชเ้ คร่ืองมอื Spot Healing Brush Tool

ทำการลบรอยใต้ตา

ภาพท่ีลบรอยใต้ตาเรยี บร้อยแล้ว
20.เพมิ่ สีเปลอื กตาด้วยการสร้างเลเยอรใ์ หม่Layer>New>Layer.
21.ตัง้ ชื่อ"เปลือกตา" แลว้ กด OK
22.เลอื ก Brush แล้วปรบั ขนาดหัวแปรงตามความเหมาะสม
23.เลือกสีที่ต้องการเพิ่มสเี ปลอื กตา เช่น สีฟ้า
24.ระบายสีเปลือกตา 25.ปรับ Fill ลงเหลือ
25 หรือตามความเหมาะสม
26.เกลย่ี สดี ้วยเครอ่ื งมอื Smudge ให้สวยงาม

27.เปล่ียนสีเปลอื กตาดว้ ย Image>Adjustments>Hue/Saturation.
28.ปรบั สีที่ Hue ตามความพอใจแลว้ กด OK

รปู ภาพแสดงการปรบั เฉดสี
29.เติมปลบิ สตกิ ทร่ี ิบฝีปากด้วยเคร่ืองมือ Lasso
30.ใช้เคร่ืองมือ Lasso เลอื กบรเิ วณฝีปากตามภาพ
31.เลือก Layer 1
32.เขา้ เมนู Image>Adjustments>Hue/Saturation.
33.ปรบั สที ี่ Saturation ประมาณ 30 หรือตามความพอใจแลว้ กด Ok
34.ยกเลกิ การเลือกโดยการเข้าไปทเี่ มนู Select>Deselect

ภาพตน้ ฉบับ ภาพท่มี ีการตกแตง่ จากโปรแกรม