หน่วยการเรียนรู้ที่3 ตอนที่ 2 เรื่อง การสร้างตัวอักษร

หลังสอบกลางภาคสัปดาห์ที่ 2

เรื่อง การสร้างตัวอักษร

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

หากนักเรียนมีพื้นฐานในการพิมพ์งานในโปรแกรม microsoft word  มาบ้าง คงจะเข้าใจได้ไม่ยากนัก เพียงแต่ต้องมาศึกษาถึงรูปแบบการใช้งาน ตำแหน่งการเรียกใช้งานเครื่องมือที่ใช้ในการสร้างตัวอักษรให้เข้าใจอีกนิดหน่อย หากพร้อมแล้ว เราจะมาทำความรู้จักเครื่องมือที่ใช้ในการสร้างตัวอักษร ในโปรม Adobe Photoshop CS6 กันเลย

เครื่องมือที่ใช้ในการสร้างตัวอักษร

มีทั้งหมด 4 เครื่องมือด้วยกัน สังเกตง่ายๆ ว่าจะเป็นรูป ตัวอักษร T
1. horizontal type tool
 เครื่องมือตัวนี้มักใช้งานย่อยที่สุด เป็นการพิมพ์ตัวอักษรปกติ

2. Vertical type tool
เป็นเครื่องมือที่พิมพ์ตัวอักษรแนวดิ่งลงมาก

3. horizontal type mask tool
เครื่องมือตัวนี้ใช้พิมพ์ตัวอักษร เมื่อเราพิมเสร็จแล้ว จะเกิด Selection รูปตัวหนังสือแทนตัวหนังสือปกติ มีประโยชน์ในการที่เราอยากให้ตัวอักษรของเรามีสีสัน ตามพื้นหลังและตัดไปใช้งานได้ง่าย และยังสามารถใช้ประโยชน์อื่นๆ ได้อีก

4. vertical type mask tool
เป็นการสร้างตัวอักษรแนวดิ่งที่มีลักษณะเหมือนเครื่องเมือชิ้นที่ 3


วิธีการใช้เครื่องมือในการพิมพ์ตัวอักษร

1. แน่นอนว่าหากต้องการจะพิมพ์ตัวอักษรจำเป็นต้องมีพื้นที่ในการพิมพ์ นักเรียนจึงต้องสร้างพื้นที่ในการพิมพ์หรือนำรูปภาพที่ต้องการใส่ข้อความมาเป็นพื้นที่ในการพิมพ์

2. คลิกเลือกที่เครื่องมือที่ใช้ในการพิมพ์ อันใดอันหนึ่งตามลักษณะของงานที่ได้รับมอบหมาย แล้ว นำมาคลิกลงในพื้นที่ที่เปิดขึ้น

จากนั้นทำการพิมพ์ตามปกติ เราสามารถปรับขนาดตัวอักษร รูปแบบตัวอักษร  สี และอื่นๆ ได้ที่ Tool control bar หรือ Option bar ของ เครื่องมือนี้

เห็นไหมครับ ง่ายๆ แค่นี้เอง แต่นี่เป็นเพียงพื้นฐานของการสร้างข้อความในโปรแกรม Photoshop CS6 เท่านั้น

นักเรียนสามรถดูเทคนิคพิเศษเพิ่มเติมได้ตามลิ้งด้านล่างต่อไปนี้นะครับ

http://socialintegrated.com/photoshop_design_with_text_effects
 ซึ่งจะมีเนื้อหาที่น่าสนใจดังต่อไปนี้

1. ใส่ลายน้ำ (watermark) ให้รูปถ่ายของตัวเองด้วย Photoshop
2. ใส่ข้อความแบบมืออาชีพในสไตล์นิตรสาร ด้วย Photoshop
3. ทำตัวหนังสือโค้งๆ ก็ไม่ยากใน Photoshop
4. ตัวหนังสือในสไตล์ Starwar ก็ทำได้ด้วย Photoshop
5. สร้างข้อความแบบมีรูปภาพข้างในด้วย Photoshop
6. เติมเงาให้ตัวหนังสือด้วยเทคนิคง่ายๆ ใน Photoshop
7. เทคนิคขึ้นเทพเมือภาพกับตัวหนังสือมาเจอกันใน Photoshop
8. จัดบทความใน Photoshop อย่างมืออาชีพ

*---------------------------------------------------------------------------------------------------*

หน่วยการเรียนรู้ที่ 3 ตอนที่ 1 การจัดการเลเยอร์

หลังสอบกลางภาคสัปดาห์ที่ 1

เรื่องการใช้งาน เลเยอร์ Layer

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

http://www.youtube.com/watch?v=chULgA4gQ2U

สรุปลงสมุด และนำสมุดส่ง ในชั่วโมงหน้า

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

หัวข้อที่จะสอบ
1. คุณสมบัติพื้นฐานของโปรแกรม Adobe Photoshop CS6
2. กลุ่มเครื่องมือในการตัดฟภาพ เลือกพื้นที่ภาพ
3. การสร้างหัวแปรง
4. การใส่สีภาพขาวดำ การปรับแต่งสีรูปภาพ
5. การรีทัชภาพ

ข้อสอบเป็นปรนัยทั้งสิ้น  25 ข้อ

หน่วยการเรียนรู้ ที่2 ตอนที่ 4 เรื่อง การรีทัชภาพ(ภาคปฏิบัติ)

หน่วยการเรียนรู้ ที่2 

ตอนที่ 4 เรื่อง การรีทัชภาพ(ภาคปฏิบัติ)

จากที่นักเรียนได้รับชมวีดิทัศน์สาธิตการรีทัชภาพไปแล้ว พร้อมทั้งยังได้ทำการสรุปเนื้อหาสาระของการรีทัชภาพลงสมุด ต่อมา เราจะได้ทำการรีทัชภาพกันแล้ว คุณพร้อมหรือยัง?

เครื่องมือที่ใช้ในการรีทัชภาพ ในบทเรียนนี้ที่จะแนะนำให้ใช้ได้แก่

1. clone stamp tool

Clone Stamp tool

คุณสมบัติ คือ เปรียบเสมือนตราปั้ม  

วิธีใช้ คือ  1. กด Alt ที่คีบอร์ดค้างไว้ แล้วคลิกในพื้นที่ที่เราอยากจะให้ภาพที่รีทัชมีพื้นผิวแบบเดียวกัน

                 2. เมื่อกดแล้วจะสังเกตว่า เมาส์ของเราจะมีพื้นที่นั้นติดมาด้วย แล้วนำไปปั้มในส่วนที่ต้องการปกปิด เพื่อทำการรีทัชภาพ

****หมายเหตุ ต้องอาศัยความพยายามและความอดทนเพื่อความสวยงามและความเรียบเนียนของภาพที่รีทัช

2. healing brush tool

healing brush tool

คุณสมบัติ ทำหน้าที่คล้ายคลึงกับ Clone Stamp tool

วิธีใช้ คือ  1. กด Alt ที่คีบอร์ดค้างไว้ แล้วคลิกในพื้นที่ที่เราอยากจะให้ภาพที่รีทัชมีพื้นผิวแบบเดียวกัน

                 2. เมื่อกดแล้วจะสังเกตว่า เมาส์ของเราจะมีพื้นที่นั้นติดมาด้วย แล้วนำไปปั้มในส่วนที่ต้องการปกปิด เพื่อทำการรีทัชภาพ

****หมายเหตุ ต้องอาศัยความพยายามและความอดทนเพื่อความสวยงามและความเรียบเนียนของภาพที่รีทัช

3. spot healing brush tool

spot healing brush tool

คุณสมบัติ ใช้ในการรีทัชรอยจุด เช่น รอยสิว หรือตัวอักษร เป็นกลุ่มๆ

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

****หมายเหตุ ต้องอาศัยความพยายามและความอดทนเพื่อความสวยงามและความเรียบเนียนของภาพที่รีทัช

4. patch tool

 patch tool

คุณสมบัติ ใช้ในการรีทัชกลุ่มภาพเล็ก ๆ 

วิธีใช้  1. การใช้งานจะต่างจากสามเครื่องมือข้างต้น เนื่องจากต้องวาดส่วนที่ต้องการรีทัช เอง แล้วจะปรากฏ selecttion

          2. เมื่อปรากฏ selection แล้ว ใช้เมาส์ดึงไปหาพื้นที่ที่อยากให้ส่วนที่รีทัชมีลักษณะเหมือนหรือคล้ายคลึง  

****หมายเหตุ ต้องอาศัยความพยายามและความอดทนเพื่อความสวยงามและความเรียบเนียนของภาพที่รีทัช

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

1. การใช้งานคำสั่ง liquify โดยไปที่ menu bar เลือกที่ filter> เลือก liquify จะปรากฏหน้าต่างดังภาพ

2. ทางด้านซ้ายมือจะเป็นแถบเครื่องมือในการจัดการรูปภาพ

3. ทางด้านขวามือเป็น ตัวเลือกปรับค่าหัวแปรง ขนาดของหัวแปรง เพื่ออำนวยความสะดวกในการใช้เครื่องมือ

---------------------------------------------------------------------------------------------

รูปภาพที่นำมารีทัช

รูปที่ 1

รูปที่ 2

รูปที่ 3

-------------------------------------------------------------------------

ภาระงาน

1. ให้นักเรียนรีทัชจุดจากภาพที่ 1 ออกให้หมด โดยให้เหลือแต่ลายแถบสีรุ้ง บันทึกชื่อ รีทัช1_เลขที่

2. ให้นักเรียนเลือกรีทัชภาพนกแก้วรูปที่ 2หรือ3ก็ได้ โดย

2.1 ถ้าเลือกรูปที่ 2  เอานกแก้วออกไป ให้เหลือแต่background และที่นกแก้วเกาะ บันทึกชื่อ รีทัช2_เลขที่

2.2 ถ้าเลือกรูปที่3 ให้เอานกแก้วออกทั้งหมด โดยเหลือแต่กิ่งไม้กับพื้นหลัง บันทึกชื่อ รีทัช 2_ เลขที่

หน่วยการเรียนรู้ที่ 2 ตอนที่ 4 การรีทัชรูปภาพ 1

หน่วยการเรียนรู้ที่ 2 

ตอนที่ 4 เรื่อง การรีทัชรูปภาพ 1

http://www.youtube.com/watch?v=poKmA6gNgZ4#t=795

ให้นักเรียนดูวีดิโอตามลิ้งดังกล่าว แล้วสรุปความรู้ที่ได้จากวีดิโอ ลงสมุด 

หน่วยการเรียนรู้ที่ 2 การใช้เครื่องมือพื้นฐาน ตอนที่ 3

หน่วยการเรียนรู้ที่ 2

ตอนที่ 3 การปรับสี  ของภาพนิ่ง 

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

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

เครื่องมือที่ใช้ในการปรับแต่งสีของรูปภาพ

เครื่องมือที่ใช้หลัก ก็คือ Brush tool นั้นเอง

วิธีการทำภาพให้เป็นสีที่เราต้องการ

1. เลือกาภพที่ต้องการทำแล้วเปิดใน Photoshop โดยการไปที่ file>open

2. ในภาพนี้เป็นดอกกุหลาบ ขาวดำ ต้องการเปลี่ยนดอกกุหลาบให้มีสีแดง โดยเลือก ที่ Brush tool แล้วไปคลิกที่ Edit in Quick mask mode

ในกล่องเครื่องมือ ด้านล่างสุด 

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

เมื่อระบายเสร็จแล้ว จะมีลักษณะคล้านมีแจลสีแดงเคลือบอยู่ 

4. ระบายเสร็จแล้ว ก็ให้กลับไปกดที่Edit in Quick mask mode ตัวเดิม 

5. เมื่อคลิกแล้วก็จะเกิด selection ขึ้น แล้วให้ไปที่ menu bar เลือก select > inverse เพื่อทำการเลือกพื้นที่ดอกกุหลาบ

6. เสร็จแล้วไปที่ menu bar เลือก layer> new fill layer > solid color จะปรากฎหน้าต่างขึ้นมาดังรูป

7. ในช่อง Mode เลือกเปลี่ยนเป็น Soft light แล้วกด OK จะปรากฎ หน้าต่างแถบสีขึ้นมา  ให้เลือกสีแสงสดมุมขวาบนสุดดอกกุหลาบของเราก็จะกลายเป็นสีแแดง ดังรูป

8. เมื่อเลือกแล้ว กด ok  จะได้ดอกกุหลาบสีแดง แต่ยังแดงไม่มาก เราต้องการแดงสดๆกว่านี้ ให้ไปที่ หน้าต่าง Panel Layer

9. ดูแถบล่างสุด ที่เป็นวงกลมสีขาวดำ คลิก แล้วเลือก  Vibrance จะปรากำหน้าต่างดังภาพ

10. ให้ดึงแถบ Saturation ไปทางขวาจะเห็นได้ว่า สแดงมีความสดขึ้น  เป็นอันเรียบร้อย

จะได้ภาพกุหลาบแดง จากภาพขาวดำ

-------------------------------------------------------------------------------------------------

อีกวิธีหนึ่งในการเปลี่ยนสีภาพอย่างรวดเร็วคือ การใช้คำสั่ง Hue/saturation

1. ทำการเลือกรูปภาพที่ต้องการ แล้วทำการวาด Selection รอบส่วนที่ต้องการจะเปลี่ยนสี

2. ไปที่ menu bar เลือก image >adjustment > Hue/saturatuion

3. ลองเลือนดูก็จะเห็นความเปลี่ยนแปลงของสี อย่างง่ายดาย นั่นเอง  เสร็จแล้วก็เอา Selection ออก โดยกด Ctrl + D 

--------------------------------------------------------------------------------------------

ภาระงาน 

1. ให้นักเรียน เปลี่ยนสีภาพ ดอกกุหลาบ ให้เป็นสีต่างๆ ที่นักเรียนต้องการ ตามวิะีการที่ได้ศึกษาจาก Blog   คนละ 1 ดอก แล้วบันทึกงานชื่อ ดอกกุหลาบ_เลขที่

2. ให้นักเรียนทำการเปลี่ยนสีภาพดวงตา ให้เป็นสีอื่น แล้วบันทึกชื่อ สีตา_เลขที่

3. ให้นักเรียนหาภาพดารา แล้ว นำมาเปลี่ยนสีผม (หรือจะใช้รูปตัวเองก็ได้) แล้วบันทึกงานเป็นชื่อ เปลี่ยนสีผม_เลขที่

***ส่งท้าบคาบเรียน***

หน่วยการเรียนรู้ที่ 2 การใช้เครื่องมือพื้นฐาน ตอนที่ 2

หน่วยการเรียนรู้ที่ 2 

ตอนที่ 2 การสร้างหัวแปรง(Brush)ด้วยรูปภาพ

การทำ Brush ไว้ใช้งานใน Photoshp CS6 นั้นสามารถทำได้ง่ายมาก แต่หลักสำคัญของการทำ Brush ไว้ใช้เองนั้น คือการเลือกรูปภาพ จำเป็นต้องใช้รูปภาพหรือข้อความที่มีความชัดเจน ไม่มีพื้นหลัง หรือ Background จะต้องเป็นภาพที่มีแต่ ภาพหลัก จึงจะทำให้ Brush ที่ทำออกมานั้น มีความชัดเจนและ สวยงาม

1. การเลือกรูปมาทำ Brush  ตัวอย่าง

จะเห็นได้ว่ารุปภาพดังกล่าวไม่มีภาพพื้นหลัง สามารถนำมาทำ Brush ได้สวยงามและชัดเจน

----------------------------------------------------------------------------------------------

2. ขั้นตอนการทำ Brush

กำหนดขนาดพื้นที่การทำงานเป็น 1000*1000 pixel 
resolution 100 pixel/centimate
พื้นหลัง Transperent

2.1 เปิดโปรแกรม Photoshop CS6 ขึ้นมา แล้วทำการ Open รูปภาพที่ต้องการทำ Brush เข้ามาในพื้นที่การทำงาน

2.2 หากเป็นภาพที่มีพื้นหลังขาวติดมาด้วย ให้ทำการตัดพื้นหลังออก ด้วยเครื่องมือ Magic ward tool

ดังที่ได้สอนไปแล้วเมื่อหน่วยการเรียนรู้ที่ 2 ตอนที่ 1 เมื่อลบแล้วจะได้พื้นหลังโปร่งแสง (Transparent) ตามรูปภาพที่ 2.1 นั่นเอง

2.3 เมื่อทำการลบพื้นหลังให้เป็นพื้นหลัง โปร่งแสง  (Transparent) เรียบร้อยแล้ว ให้เลือกที่เครื่องมือ Brush 

2.4 เมื่อเลือกที่เครื่องมือ Brush แล้ว  ให้ทำการ Reset ฺฺBrush โดยการ ไปที่ Tool control bar ของ เครื่องมือ Brush ดังภาพ  คลิกที่รูปฟันเฟือง จะปรากฎแถบตัวเลือกตังภาพ เลือกที่ Reset Brush กด ok 

2.5 เมื่อทำการ Reset Brush เรียบร้อยแล้ว ต่อไปจะเป็นการสร้าง Brush โดยไปที่ Edit แล้วเลือก Define Brush Preset ดังภาพ

2.6 จะปรากฎหน้าต่าง Preset Brust ขึ้นมาดังภาพ ทำการตั้งชื่อ Brush ของเราตามชอบ แล้วกด OK

2.7 เมื่อกด Ok แล้ว ให้เราไปเปิดดู Collection Brush ที่ Tool control bar ของเครื่องมือ Brush  

2.8 หัวแปรง หรือBrush ที่เราสร้างจะอยู่อันสุดท้าย ตามภาพ เราสามารถนำมาให้ได้เลย ตามอัธยาศัย สามารถทำ Credit คล้ายๆ กับตราปั้มส่วนตัว  

-------------------------------------------------------------------------------------------------

ภาระงาน

ให้นักเรียนศึกษาใบความรู้ออนไลน์จาก blog : teacherjaray.blogspot.com

เรื่อง หน่วยการเรียนรู้ที่ 2 ตอนที่ 2 การทำ Brush

ให้นักเรียนฝึกทำตามขั้นตอนจนสำเร็จและชำนาญ และให้นักเรียนทำ Brush คนละ 5 ชิ้น ส่งท้ายคาบ 

วิธีการส่งให้ สร้างพื้นที่การทำงานขนาด A4 พื้นหลังขาวปกติ แล้วให้นักเรียน ปั้ม Brush ที่สร้างขึ้นทั้ง 5 Brush ลงใน A4 ที่สร้างขึ้น แล้ว

Save งานชื่อว่า หัวแปรง_เลขที่

โดยทำการ Save งานไว้ที่ Local disk D: 

สร้างFloder ที่ชื่อว่า "ครูจเร"  แล้วเซฟงานไว้ในนั้น