ใบความรู้ที่ 9 ลูกเล่น
TRANSCRIPT
![Page 1: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/1.jpg)
225
ใบความรประกอบแผนการจดการเรยนรท 9 การสรางลกเลนตางๆ จากโปรแกรม Photoshop
สรางกลองรปภาพ ดวยเครองมอ Free Transform
เครองมอ Free Transform ใชส าหรบการยอ/ขยาย/หมน หรอปรบแตงขนาดของรปภาพใหมขนาดตามตองการ ในตวอยางนจะแนะน าการใชเครองมอ Free Transform ในการปรบแตงรปภาพใหมลกษณะเหมอนกลองสเหลยม ซงจะชวยใหผเรมตน เขาใจหลกการท างานของ Free Transform มากยงขน เรมตนดวยการสรางงานใหมขนมา แลวท าการ copy รปภาพ 3 ภาพ มา path ลงในแผนงาน(ซงเราจะน าภาพ 3 ภาพน มาประกอบเปนกลองสเหลยม)
โดยใหแตละภาพนนอยคนละเลเยอร คลกเมาสปดตา สองอนแรกไปกอนครบ(เพอใหสะดวกในการปรบแตง)
![Page 2: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/2.jpg)
226
คลกเมาสเลอกท Layer 3 เราจะมาปรบแตงภาพใน layer 3 กนครบ ไปทเมน Edit เลอก Free Transform (หรอจะกดปม Ctrl+t กไดครบ)
สงเกตทรปภาพของเราจะมกลองสเหลยมเลกๆ จ านวน 8 จดดวยกน เอาละทนกมาเรมปรบแตงขนาดกนเลยครบ กดปม Ctrl และปม Alt คางไวทงสองปม จากนนเลอนเมาสไปคลกทกลองสเหลยมเลกๆ ดานบนซาย แลวลากลงมาดานลางเลกนอย ดงภาพ (ในขณะทลากเมาส ยงคงกดปม Ctrl กบ Alt คางไวกอนนะครบ อยาปลอยมอกอนละ)
เมอไดขนาดพอดแลวกปลอยมอจากปม Ctrl และ Alt ไดแลวครบ คลกเมาสทกลองสเหลยมตรงกลางดานซาย (ไมตองกดปม Ctrl+Alt นะครบ) แลวลากเขามาเลกนอยเพอใหภาพดสมดลยไมยดจนเกนไป
![Page 3: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/3.jpg)
227
จากนนกดปม Enter บนคยบอรดเพอยกเลกเครองมอ Free Transform มาปรบแตงเลเยอรอนกนตอ คลกเมาสเปดตาเลเยอรทอยตรงกลาง และคลกเมาสเลอกการท างานทเลเยอรน
เชนเดมครบ ไปทเมน Edit เลอก Free Transform
กดปม Ctrl บนคยบอรดคางไว แลวคลกเมาสทกลองสเหลยมเลกๆ มมซายบนดงภาพ
จากนนกลากลงมาเขามมกบภาพทเราไดปรบแตงกอนหนาน
ทมมดานลางกเชนเดยวกน กดปม Ctrl คางไว คลกเมาสทกลองสเหลยมมมลางซาย แลวลากขนไปตดมนของภาพกอนหนาน ดงภาพดานลาง
![Page 4: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/4.jpg)
228
ทมมดานบนขวา กดปม Ctrl คางไวแลวคลกเมาสลากใหไดดงภาพ
และสดทายมมลางขวา กดปม Ctrl คางไวแลวคลกเมาสลากใหไดดงภาพ
เมอเรยบรอยแลวกด Enter บนคยบอรดเพอยกเลกเครองมอ Free Transform เปนอนเสรจสนการปรบแตงในเลเยอรน มาถงเลเยอรอนสดทาย กอนอนใหท าการคลกเมาสเปดตา และคลกเลอกการท างานทเลเยอรน
![Page 5: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/5.jpg)
229
เรมดวยการกดปม Ctrl คางไว แลวคลกเมาสทกลองสเหลยมมมบนซาย
แลวลากขนมาตดกบมมของภาพดานบน ดงภาพตวอยาง
ทมมบนดานขวากเชนเดยวกน
กดปม Ctrl คางไว คลกเมาสลากขนไปตดกบมมของภาพดานบน ทมมลางขวา กดปม Ctrl คางไว คลกเมาสลากขนไปตดกบมมของภาพดานบน ดงภาพ
![Page 6: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/6.jpg)
230
สดทายมมลางซาย กดปม Ctrl คางไว คลกเมาสลากขนไปใหไดขนาดดงภาพ
จากนนกดปม Enter เพอยกเลกเครองมอ Free Transform ครบ
อาจจะตกแตงเพมเตมโดยการเตม Background เขาไปกเปนอนเสรจสมบรณแลวครบ ออกมาเปนกลองสเหลยมกนหรอเปลาเอย ลองหดปรบแตงบอยๆ นะครบ จะไดช านาญมากยงขน Note: การกดปม Ctrl+Alt รวมกบการคลกเมาสจะชวยใหการปรบแตงภาพนนสมพนธกน กลาวคอเมอมมดานใดดานหนงถกปรบ มมอกดานหนงกจะปรบตามไปดวย แตส าหรบการกดเฉพาะ ปม Ctrl รวมกนการคลกเมาสนน จะปรบเฉพาะมมดานทเราคลกเมาสเลอกเทานน มมในดานอนๆ จะคงทไมเปลยนแปลง นอกจากนยงสามารถใชปม Ctrl+Alt+Shift รวมกนการคลกเมาส หรอการกดปม Shift+Alt รวมกนการคลกเมาส และการกดปม Shift รวมกนการคลกเมาส ซงผลทไดจากการใชปมตางๆ กจะแตกตางกนออก
![Page 7: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/7.jpg)
231
เทคนคการสรางกลองรปภาพสามมต
ขนตอนท1 สรางไฟลภาพขนาดพนท 350 x 350 เพอเปนพนทการวางไอคอนรปภาพ ขนตอนท2 เปดไฟลรปภาพมาดงภาพ.แลวท าการโหลด Selection แลวท าการ Copy ไป Paste ทไฟลใหมทท าแลว
ขนตอนท3 เมอได Layer1 แลวใหท าการ Paste ภาพอกครงหนง (ในทนก าหนด Layer1 เปนดานหลง) ขนตอนท4 เมอได Layer2 ใหการน างานอยท Layer2. แลวมาท Edit ---> Transform --> Flip Vertical (เพอพลกภาพ)เมอท าการพลกภาพแลวใหมาท Edit --> Transform --> Distort แลวท าการดดรปใหไดดงภาพ.( ก าหนด Layer2 เปนดานลางของกลอง)
![Page 8: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/8.jpg)
232
ขนตอนท5 ใหท าการ Paste ภาพอกครงจะได Layer ใหมแลวใหการท างานมาท Layer ใหมแลวใหมาท Edit ---> Transform --> Flip Horizontal (เพอสลบขางภาพ) แลวใหมาท Edit ---> Transform --> Distort แลวท าการดดรปใหไดดงภาพ. (ก าหนด Layer3 เปนดานขาง)
ขนตอนท6 ใหท าการ Copy Layer3 (จะได Layer ใหมเปน Layer4.)แลวท าการ Move Layer4. ใหอยตรงขาม Layer 3. ดงภาพ. (ก าหนดให Layer4. เปนดานตรงขาม Layer3.)
ขนตอนท7 ใหการท างานมาอยท Layer1. อกครงแลวใหท าการ Copy แลวท าการ Paste ภาพโดยมขอแมวา Layer ใหมใหอยดานบนสด. (จะไดเปน Layer5.) ขนตอนท8 ใหท าการ Move Layer5. แลวใหลดคา Opacity ของ Layer5. ใหมคาเทากบ 50% จะไดดงภาพ.
![Page 9: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/9.jpg)
233
ขนตอนท9 ใหการท างานมาอยท Layer2. แลวท าการ Copy แลวท าการ Paste ภาพลงไปจะได Layer ใหมโดยใหอยดานบนสดจะไดดงภาพ. (ถาภาพไมมความสมดลใหเราดดภาพโดยมาท Edit --> Transform --> Distort)
ขนตอนท10 ใหท าการปรบคา Opacity ทก Layer ใหเทากบ 80% ทงหมด จะไดดงภาพ. (ใหยกเวน Layer5 = 50 จะไดมองเหนทะลทก layer) เปนอนเสรจกระบวนการ
![Page 10: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/10.jpg)
234
วธการสรางบอลสามมตจากรปภาพ
ขนตอนท 1. เปดไฟลภาพมาหนงไฟล ให Copy รปภาพโดยการกด Ctrl + A แลวกไปท Edit -> Copy แลว ใหสรางไฟลใหม โดยไปท File -> New แลวกวางรปภาพลงไป (Edit Paste) จะได Layer ใหม
(Layer1)แลวท าการตดสวนทตองการของภาพดวยอปกรณ Ellipticol Marquee Tool
ขนตอนท 2. เมอคลอบรปภาพเปนวงกลมเสรจแลวกท าการ Copy สวนทเปนวงกลม โดยมาท Edit -> Copy
![Page 11: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/11.jpg)
235
ขนตอนท 3.
เสรจใหสราง Layer ใหมขนมา โดยการสรางนนใหไปคลกไอคอนรปกระดาษท บอกของ Layerจะไดเปน layer2
ขนตอนท 3. ท าใหภาพนนเปนรปลกบอกสามมตโดยไปท Filter -> Render -> Lighting Effects ปรบคาตางๆดงภาพ
![Page 12: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/12.jpg)
236
ขนตอนท 4.
เมอไดบอลสามมตแลวเราสามารถท าใหบอลดลกษณนวลตาขนโดยไปท layers -> Effects -> Inner Glow
ขนตอนท 5. เราจะไดบอลสามมตดงภาพ
![Page 13: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/13.jpg)
237
สรางพนหลงกราฟกอยางงายดวย Photoshop
1. สราง file ใหมคะ แลวไปท Filter>Render>Clouds จะไดตามดานลางนะคะ
2. Filter>Pixelate>Mezzotint จากนนใหเลอก short strokes แลวจงกด OK คะ
![Page 14: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/14.jpg)
238
3. Filter>Blur>Radial Blur แลวตงคาตามดานลางคะ
4. Filter>Disort>Twirl
![Page 15: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/15.jpg)
239
5. ใหท าการ click ขวาท layer แลวเลอก Duplicate Later คะ แลวไปเลอกท Edit ---> Transform ---> Flip Horizontal
จะไดตามรปคะ
![Page 16: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/16.jpg)
240
6. เลอก Lighten ทอยในสวนของ Layer ตามรปดานลางคะ
จะไดตามรปดานลางคะ
![Page 17: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/17.jpg)
241
7. กด Ctrl+U แลวท าการตงคาสคะ
8. ตกแตงใหเรยบรอยจะไดตามรปดานลางคะ
![Page 18: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/18.jpg)
242
เทคนคการน ามาประยกต "การท าฟาผาบนภาพวาด"
ขนตอนท1 เปดไฟลภาพทจะท าขนมา ดงภาพ.
ขนตอนท2 ใชอปกรณ lasso Tool ตดตามต าแหนงตางๆ ทเราตองการจากตนจนจบ จากนนเรากจะไดSelection ดงภาพ
ขนตอนท3 เพอท าใหภาพทตดดนมยงขนใหมาท Select --> Feather ใหปรบคาFeather Radius = 5 แลวใหเปลยนเปน Default Forgroud&blackground Color หรอใหกดปม D
![Page 19: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/19.jpg)
243
ขนตอนท4 เสรจแลวใหมาท Filter --> Rader --> Clouds เมอเสรจแลว ใหมาทFilter --> Rader --> Difference Clouds ขนตอนท5 แลวใหมาท Image --> Adjust --> Auto Levels แลวใหมาท Image -->Adjust --> Levels ปรบคาตางๆ ดงภาพ
ขนตอนท6 เสรจแลวเรากจะไดภาพฟาผาดงภาพ.
![Page 20: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/20.jpg)
244
เทคนคการเชอมตอภาพ
ขนตอนท1. เปดไฟลขนมาสองไฟลทเราจะมาท า Effects ดงภาพตวอยาง
ขนตอนท2. จากนนใหท าการสรางเสน Selection โดยใชอปกรณ Lasso Tool ตดในสวนทเราเลอกดงภาพตวอยาง เมอเกดเสน Selection แลวใหท าการ Smooth Selection ( Select ---> Modify ---> Smooth ) ใหปรบคา Sample Radius = 1 Pixels จากนนท าการ Feather ( Select ---> Feather = 1 Pixels )แลวท าการ Copy แลวสรางไฟลแลวท าการ Paste ในไฟลใหม
![Page 21: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/21.jpg)
245
ขนตอนท3. เมอไดไฟลรปภาพใหมทงสองอนแลวใหท าการเลอกตวใดตวหนงเปนภาพหลกแลวท าการตดโดยใชอปกรณ Lasso Tool ตดตามสวนทเราตองการตดตอดงแลวท าการเสน selection ดานนอกแลวท าการ Delete กจะไดดงภาพ
![Page 22: ใบความรู้ที่ 9 ลูกเล่น](https://reader033.vdocuments.pub/reader033/viewer/2022052910/559ccaa81a28ab530a8b4608/html5/thumbnails/22.jpg)
246
ขนตอนท4. จากนนท าการตดสวนทเราตองการเชอมตอในอกภาพหนงแลวท าการ Copy แลว Paste ลงในภาพทเรา เลอกเปนภาพแรกจะเหนไดจากตวอยาง. แลวท าการหดภาพทสอง ( Edit ---> Transform ---> Scale ) ใหขนาดเทากบภาพทหนงดงภาพ.