4. การปรับรูปทรงภาพด้วยวิธี Transform

การปรับรูปทรงภาพด้วยวธิ ี Transform ในบทน้ีเราจะทาการปรับขนาดภาพ หมุนภาพ และบิดภาพ เพอ่ื ใหไ้ ดร้ ูปทรงในแบบท่ีเราตอ้ งการเราเรียกวธิ ีการน้ีวา่ “Transform” ผลการเรียนรู้ทคี่ าดหวงั 1.ปรับขนาดภาพดว้ ยวธิ ีการ Scale ได้ 2.หมุนภาพดว้ ยคาสั่ง Scale ได้ 3.เอียงภาพดว้ ยคาสง่ั Skew ได้ 4.บิดภาพดว้ ยคาสง่ั Distort ได้ 5.บิดภาพใหม้ ีมิติดว้ ย Perspective ได้ 6.ดดั ภาพใหโ้ คง้ ดว้ ยคาส่ัง Warp ได้

ในบทน้ีเราจะทาการปรับขนาดภาพ หมุนภาพ และบิดภาพ เพ่ือใหไ้ ดร้ ูปทรงภาพในแบบที่เราตอ้ งการเราเรียกวธิ ีการน้ีวา่ “ Transform” Transform คือ วธิ ีการนาภาพหรือพ้ืนท่ีภาพที่เราเลือกไว้ มาปรับรูปทรงใหเ้ ปลี่ยนแปลงไปจากเดิม เช่น ปรับภาพใหม้ ีขนาดเล็กลง ปรับทิศทางการวางภาพใหเ้ อียง ยดื และบิดภาพ เป็นตน้ ซ่ึงวธิ ีการเหล่าน้ี สามารถปรับได้ตามคาสง่ั ที่ใชโ้ ปรแกรมกาหนดไวด้ ว้ ยคาส่ัง Transform และปรับไดโ้ ดยเราเป็ นผกู้ าหนดเองดว้ ยคาส่ัง FreeTransform4.1 ปรับขนาดภาพ ( Scale ) ในการซอ้ นภาพ บางคร้ังภาพที่นามาไม่สามารถซอ้ นกนั ไดพ้ อดี ตอ้ งมีการปรับขนาดก่อน ดงั ตวั อยา่ งต่อไปน้ีตดั ภาพผหู้ ญิงมาวางซอ้ นไวบ้ นภาพแผน่ ฟิ ลม์ ภาพท่ีตดั มาวางขนาดใหญ่เกินไป ปรับขนาดภาพใหเ้ ลก็ ลง รูปที่ 2.86 ภาพการปรับขนาดภาพ1.ใช้ Rectangular Marquee Tool เลือกภาพผหู้ ญิง

2.ใช้ Move Tool ลากภาพผหู้ ญิงมาวางบนภาพแผน่ ฟิ ลม์ 3.เลือก Edit>Transform>Scale เพื่อปรับขนาดภาพ 4.ลากเมาส์ที่มมุ ภาพเพ่อื ปรับขนาดและ เลื่อนตาแหน่งภาพให้วางพอดี1. ใช้ Rectangular Marquee Tool เลือกภราูพปผทหู้ี่ 2ญ.8ิง7 ภาพตวั อยา่ ง

2. ใช้ Move Tool ลากภาพผหู้ ญิงมาวางบนภาพแผน่ ฟิ ลม์ สังเกตไดว้ า่ ภาพของผหู้ ญิงมีขนาดที่ใหญ่กวา่ พ้ืนที่ของแผน่ ฟิ ลม์ ไมส่ ามารถวางซอ้ นภาพไดอ้ ยา่ งพอดี3. เลือกคาสง่ั Edit>Transform>Scale เพือ่ เขา้ สู่การยอ่ /ขยายขนาดของภาพ4. จะปรากฏรอบสี่เหลี่ยมลอ้ มรอบภาพ จากน้นั คลิกเมาส์ท่ีมุมของกรอบ ตวั เมาส์จะเปลี่ยนเป็นรูปแลว้ ลากเมาส์เพ่อื ลดขนาดภาพตามตอ้ งการ (หากตอ้ งการปรับขนาดภาพใหไ้ ดส้ ัดส่วน ใหก้ ด แป้ น>Shift>คา้ งไว้ แลว้ ลากเมาส์ปรับยอ่ /ขยายขนาดภาพได)้5. เมื่อไดข้ นาดภาพท่ีตอ้ งการแลว้ ใหก้ ดแป้ น <Enter>เพือ่ ยนื ยนั การปรับรูปทรงภาพ หรือกดแป้ น <ESC>เพือ่ ยกเลิกการปรับรูปทรงภาพ4.2 หมุนภาพ ( Rotate)หากภาพท่ีนามาอยใู่ นทิศทาง หรือมุมที่ไม่ลงตวั เราสามารถหมุนภาพได้ ดงั ข้นั ตอนต่อไปน้ีนาภาพกบมาวางอยบู่ นภาพใบบวั ลองหมุนภาพเพ่อื ใหไ้ ดม้ มุ ลงตวั ยงิ่ ข้ึน รูปท่ี 2.88 ภาพการหมุนภาพ

2.ลากเมาส์ที่มมุ ภาพเพอ่ื หมนุ ภาพ 3.กด <Enter>เม่ือไดภ้ าพในทิศทางท่ีตอ้ งการ 1.เลือก Edit>Transform>Rotate เพอ่ื หมนุ ภาพ รูปท่ี 2.89 ภาพตวั อยา่ งการหมุนภาพ1. เลือกคาสั่ง Edit>Transform>Rotate เพ่ือเขา้ สู่การหมุนภาพ2. จะปรากฏกรอบสี่เหล่ียมลอ้ มรอบภาพท่ีจะหมุน จากน้นั เลื่อนเมาส์ไปบริเวณไอคอนส่ีเหลี่ยมเล็ก ๆ จนตวั ช้ีเมาส์เปลี่ยนเป็นรูปแลว้ ลากเมาส์หมุนภาพ(หากจะหมุนภาพใหไ้ ดค้ ร้ังละ 15 องศา ให้ กดแป้ น <Shift>คา้ งไว้ จากน้นั จึงหมุนภาพ)3. เม่ือไดภ้ าพเอียงในมุมท่ีตอ้ งการแลว้ ใหก้ ดแป้ น <Enter> เพ่อื ยนื ยนั การปรับรูปทรงภาพ หรือกดแป้ น <ESC>เพ่ือยกเลิกการปรับรูปทรงภาพ แมเ้ ราจะหมุนภาพไดอ้ ยา่ งอิสระในคาสงั่ Rotate แต่ถา้ ตอ้ งการหมุนภาพคร้ังละ 90 และ180 องศาอยา่ งพอดี ใหเ้ ปล่ียนไปใชค้ าสงั่ Edit>Transform>เลือกคาส่งั หมุนหรือกลบั ภาพตาม ตอ้ งการดงั ตวั อยา่ งต่อไปน้ี

เลือกพ้ืนที่ภาพ และเลือกคาสงั่ Edit>Transform>เลือก รูปแบบของการหมุน หรือกลบั ภาพท่ีตอ้ งการภาพตน้ แบบRotate 1800หมุนภาพ 180 องศาRotate 900 CW หมุนภาพ Rotate 900 CCW หมุนภาพFlip Horizontal กลบั ภาพในFlip Vertical กลบั ภาพในตามเขม็ นาฬิกา 90 องศาทวนเขม็ นาฬิกาไป 90 องศา แนวนอนหรือกลบั ซา้ ยเป็นขวา แนวต้งั หรือกลบั บนลงล่าง รูปท่ี 2.90 ภาพการหมุนภาพ4.3 เอยี งภาพ (Skew)

เป็นการเอียงกรอบดา้ นใดดา้ นหน่ึงของภาพ ทาใหล้ กั ษณะของภาพลาดเอียง ลองดูตวั อยา่ งต่อไปน้ีภาพที่ตอ้ งการเอียง เอียงภาพเขา้ ท่ีแลว้ 1.เลือกคาสงั่ Edit>Transform>Perspective เพือ่ บิด 1.เลือก Edit>Transform>Skภewาพให้ดูมีมิติ เพอ่ื เอียงภาพ รูปที่ 2.93 ภาพการบิดภาพใหเ้ ป็นมิติ รูปที่ 2.91 ภาพการเอียงภาพ1.เลือกคาส่งั Edit>Transform>Skew เพื่อเอียงภาพ2.จะปรากฏกรอบส่ีเหล่ียมลอ้ มรอบภาพ คลิกเมาส์ที่ดา้ นของภาพ ตวั ช้ีเมาส์เป็นรูป แลว้ ลากเมาส์เอียงภาพตามมุมต่าง ๆ ตามตอ้ งการ3.เม่ือไดภ้ าพตามที่ตอ้ งการแลว้ ใหก้ ดแป้ น <Enter>เพ่ือยนื ยนั การปรับรูปทรงภาพหรือกดแป้ น<ESC>เพอ่ืยกเลิกการปรับรูปทรงภาพ4.4 บดิ ภาพให้ผดิ สัดส่วน (Distort)

เป็นการบิดภาพใหไ้ ดผ้ ดิ สดั ส่วน ซ่ึงทาไดห้ ลายลกั ษณะ และมีรูปทรงแตกต่างกนั ไป ลองดูตวั อยา่ งตอ่ ไปกลุ่มคาสงั่ Quick mask เกี่ยวกบั การเลือกพ้ืนที่อีก 1.เลือก Edit>Transform>Distort เพ่ือบิดภาพรูปแบบหน่ึง1. เลือกคาสงั่ Edit>Transform>Distortรเูปพทื่อ่ีบ2ิด.9ภ2าภพาพการบิดภาพ2. จะปรากฏกรอบส่ีเหลี่ยมลอ้ มรอบภาพ คลิกเมาส์ท่ีมุมของภาพ ตวั ช้ีเมาส์เปล่ียนเป็นรูปแลว้ ลาก เมาส์บิดภาพตามมุมต่าง ๆ ตามตอ้ งการ3. เมื่อไดข้ นาดภาพที่ตอ้ งการแลว้ ใหก้ ดแป้ น <Enter>เพื่อยนื ยนั การปรับรูปทรงภาพหรือกดแป้ น <ESC>เพอ่ื ยกเลิกการปรับรูปทรงภาพ

4.5 บดิ ภาพให้ดูมีมติ ใิ กล้ไกล (Perspective) เป็นการบิดภาพเพือ่ สร้างมิติ มีความลึก ความสูง อทาใหเ้ กิดความรู้สึกใกลไ้ กลในภาพได้ ลองดูตวั อยา่ งต่อไป 1.เลือกคาสง่ั Edit>Transform>Perspective เพอ่ื บิดภาพ ให้ดูมีมิติ รูปที่ 2.93 ภาพการบิดภาพใหเ้ ป็นมิติ 1.เลือกคาสงั่ Edit>Transform>Perspective เพ่ือบิด รูปที่ 2.93 ภาพการบิดภาพใหเ้ ป็นมิติ

2.ลากเมาส์ท่ีมมุ ภาพเพ่อื บิดภาพ1. เลือกคาส่ัง Edit>Transform>Perspective เพอ่ื บิดภาพใหด้ ูมีมิติ2. ลากเมาส์เพื่อปรับยอ่ หรือขยายมุมของภาพพร้อม ๆ กนั ท้งั 2 มุม3. เมื่อไดข้ นาดภาพที่ตอ้ งการแลว้ ใหก้ ดแป้ น <Enter> เพ่ือยนื ยนั การปรับรูปทรงภาพ 3.กด<Enter>เมื่อไดภ้ าพ ตามรูปทรงท่ีตอ้ งการ รูปท่ี 2.94 ภาพตวั อยา่ ง4.6 ดัดภาพให้โค้ง (Warp) เป็นการดดั ภาพแนวโคง้ ใชบ้ อ่ ยในการสร้างลวดลายบนวตั ถุผวิ โคง้ ลองดูตวั อยา่ งต่อไป

รูปท่ี 2.95 ภาพตวั อยา่ งการบิดภาพให้ ภาพท่ไี ด้บดิ รูปทรงแล้วเป็ นมิติ ภาพที่ตอ้ งการดดั โคง้ ใหพ้ อดีกบั แกว้ น้า ภาพท่ีไดด้ ดั โคง้ เขา้ กบั แกว้ น้าอยา่ งลงตวั 2.ลากเมาส์ตามจดุ ตา่ งๆ เพ่ือใหภ้ าพวางพอดีกบั แกว้1.เลือก Edit>Transform>Warp เพือ่ ดดัให้โคง้ 4.กด<Enter>เมื่อไดภ้ าพโคง้ ตามรูปทรงที่ตอ้ งการ1. เลือกคาสัง่ Edit>Transform>Warp เพื่อดดั ภาพใหโ้ คง้2. จะปรากฏเส้นตารางในลกั ษณะของตาข่าย โดยเราสามารถเลื่อนตาขา่ ยใหพ้ อดีกบั ภาพที่จะปรับได้3. ดดั แขนในแตล่ ะมุมของตาขา่ ย เพือ่ ใหภ้ าพโคง้ ตามรูปทรงท่ีตอ้ งการ

4. เมื่อไดข้ นาดภาพท่ีตอ้ งการแลว้ ใหก้ ดแป้ น <Enter> เพ่ือยนื ยนั การปรับรูปทรงภาพปรับแต่งภาพทซ่ี ้อนกนั ให้สวยสมจริง 3.ดดั แขนให้ภาพโคง้ พอดีกบั แกว้ ตวั อยา่ งน้ีจะประยกุ ตก์ ารใชเ้ ลเยอร์เพอื่ ใหภ้ าพที่ซอ้ นดา้ นบน เขา้ เคลือบบนผวิของแกว้ น้า(จะกล่าวเก่ียวกบั เลเยอร์อีกคร้ังในบทเลเยอร์) รูปท่ี 2.96 ภาพการดดั ภาพให้โคง้ 1.เลือกเมนู Window>Layers4.สีภาพดดั โคง้ จะเปลี่ยน เพอ่ื ใหก้ ลมกลืนกบั สีผิวของแกว้ มากข้ึน 2.คลิกเลเยอร์ภาพท่ีใชเ้ คลือบบนผิวของแกว้NOTE การใชค้ าส่งั Edit>Transform>Again เป็นการทาซ้าคาสั่งท่ีใชไ้ ปก่อนหนา้TIP

เราสามารถใชค้ าสัง่ Transform อยา่ งต่อเนื่องไดโ้ ดยไม่ตอ้ งกด <Enter>เพอื่ จบการใชค้ าสง่ั แรกก่อนท่ีจะใช้คาสงั่ ตอ่ ไป เช่น เมื่อเราขยายภาพดว้ ยคาส่งั Scale จนไดข้ นาดภาพตามท่ีตอ้ งการแลว้ ตอ่ ไปเราเรียกใชค้ าสง่ัRotate เพือ่ หมุนภาพในมุมท่ีตอ้ งการ และสามารถใชค้ าสงั่ Transform อื่น ๆ ไดอ้ ีก จากน้นั ใหก้ ด <Enter>เพอ่ืตกลงใชภ้ าพที่ไดท้ าการปรับแต่งดว้ ยคาส่ังท้งั หมดเม่ือเราปรับรูปทรงของภาพดว้ ยคาสง่ั Transform ออปชนั่ บาร์จะแสดงตวั เลือกใหเ้ ราไดด้ งั น้ีกาหนดองศาของการหมุนและเอียงภาพ ตกลงการ Transform รูปที่ 2.97 ภาพ 3.เลือก Overlay ใหภ้ าพดดั ปรับแต่งภาพให้ โคง้ เคลือบบนผิวแกว้ (หลงัรูปแบบการดดั ภาพ ยกเลิกการTransform กาหนดพกิ ดั ให้ ศนู ยก์ ลางภาคพลโิกดทย่ี เพ่อื รักษาสดั ส่วน ขณะปรับภาพ

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

4.7 ปรับรูปทรงอสิ ระ (Free Transform) ท่ีผา่ นมาเราไดก้ ล่าวถึงการใชค้ าส่งั Transform ทีละแบบ สาหรับกรณีที่เราตอ้ งการปรับภาพเองอยา่ งอิสระอาจจะตอ้ งเรียกใชห้ ลายคาสงั่ กวา่ จะไดผ้ ลลพั ธ์ท่ีตอ้ งการ หรืออาจจะใชค้ าสงั่ Free Transform ท่ีช่วยปรับภาพไดห้ ลายแบบแทน ลองดูตวั อยา่ งต่อไป บิดโคง้ ภาพเป็นรูปที่ตอ้ งการรูปท่ี 2.98 ภาพการปรับรูปทรง ภาพหลงั จากปรับรูปทรงอยา่ งอิสระรูปที่ 2.99 ภาพการปรับรูปทรง ภาพก่อนการปรับแต่งรูปอิสระอิสระ

2.ปรากฏเสน้ กรอบส่ีเหลี่ยมเพอ่ื การปรับรูปภาพ1.คลิกเลือกคาสง่ั Edit>Free 3.คลิกเมาส์และลากลดขนาดพ้นื ที่ในแนวทแยงTransform4.คลิกเมาส์และลาก เพอ่ื หมุนพ้ืนที่1. เลือกคาส่ัง Edit >free Transform หรือกดแป้ น <Ctrl + T>2. จะปรากฏกรอบส่ีเหลี่ยมลอ้ มรอบภาพ เพื่อใชป้ รับรูปทรง3. เล่ือนเมาส์ไปยงั ตาแหน่งมุม ตวั ช้ีเมาส์จะเปลี่ยนไปเป็ น ทดลองลากเมาส์เพื่อลดขนาดพ้ืนที่ภาพใน แนวทแยง4. เลื่อนเมาส์ไปยงั ตาแหน่งขอบ ตวั ช้ีเมาส์จะเปลี่ยนไปเป็น ทดลองลากเมาส์เพื่อหมุนภาพ5. คลิกเมาส์ท่ีกลางภาพเพ่ือยา้ ยตาแหน่งภาพ เมื่อได้ตาแหน่ง ขนาดของภาพตามท่ีต้องการแล้ว ให้กด แป้ น <Enter>เพ่ือยนื ยนั การปรับรูปทรงภาพ