ยินดีต้อนรับ...สู่บทเรียนคอมพิวเตอร์ช่วยสอน บนเครือข่ายคอมพิวเตอร์ วิชา การตกแต่งภาพกราฟิกด้วย Adobe Photoshop CS6 ชั้นมัธยมศึกษาปีที่ 2 (ง22201) โดยครูสาวิตรี ด้วงตะกั่ว ตำแหน่ง ครู วิทยฐานะ ครูชำนาญการ โรงเรียนเวียงวงกตวิทยาคม สพม.25


เนื้อหาเรื่อง : การสร้างตัวอักษรและข้อความ

ก่อนนักเรียนจะเริ่มเรียนให้ทำแบบทดสอบก่อนนะคะ




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

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

        กลุ่มของเครื่องมือ Text ประกอบด้วย Horizontal Type, Vertical Type, Horizontal Type Mask และ Vertical Type Mask ดังรูป

การใช้ Horizontal Type Tool

        การสร้างตัวอักษรโดยใช้ Horizontal Type Tool จะเป็นการสร้างตัวอักษรแบบธรรมดาทั่วไป ซึ่งมีขั้นตอน ดังนี้

        1.สร้างไฟล์รูปภาพใหม่โดยคลิกที่เมนู File -> New เลือกขนาดของพื้นที่การทำงานตามต้องการ จากนั้นคลิกที่ปุ่ม OK

        2. คลิกที่เครื่องมือ Horizontal Type Tool จากนั้นนำไปคลิกบนพื้นที่การทำงานแล้วพิมพ์ข้อความลงไป เช่น คำว่า “กราฟิก”

        3. ปรับเปลี่ยนรูปแบบข้อความที่ออปชันบาร์ ซึ่งมีรายละเอียดดังนี้

        มีรายละเอียดดังนี้

                1 กำหนดรูปแบบตัวอักษร

                2 กำหนดสไตล์ตัวอักษร

                3 กำหนดขนาดตัวอักษร

                4 กำหนดความเรียบของตัวอักษร

                5 กำหนดรูปแบบการจัดวางข้อความ

                6 กำหนดสีตัวอักษร

                7 กำหนดรูปแบบพิเศษให้ข้อความ

การใช้ Vertical Type Tool

        การสร้างตัวอักษรโดยใช้ Vertical Type Tool จะเป็นการสร้างตัวอักษรแบบแนวตั้ง ซึ่งมีขั้นตอนดังนี้

        1.สร้างไฟล์รูปภาพใหม่โดยคลิกที่เมนู File -> New เลือกขนาดของพื้นที่การทำงานตามต้องการ จากนั้นคลิกที่ปุ่ม OK

        2. คลิกที่เครื่องมือ Vertical Type Tool จากนั้นนำไปคลิกบนพื้นที่การทำงานแล้วพิมพ์ข้อความลงไป เช่น คำว่า “Vertical”

        3. ปรับเปลี่ยนออปชันตามต้องการ

การใช้ Horizontal Type Mask Tool

        การสร้างตัวอักษรโดยใช้ Horizontal Type Mask Tool จะเป็นการสร้างตัวอักษรแบบแนวนอนแต่จะเป็นลักษณะการ Selection ข้อความที่พิมพ์ไว้เพื่อให้สามารถเลือกพื้นที่หรือสีของข้อความได้ ซึ่งมีขั้นตอน ดังนี้

        1. เปิดไฟล์ภาพที่ต้องการสร้างเป็นข้อความ

        2. คลิกที่เครื่องมือ Horizontal Type Mask Tool จากนั้นนำไปคลิกบนพื้นที่การทำงานแล้วพิมพ์ข้อความ เช่น คำว่า “GRAPHIC” สังเกตภาพจะจางลง ดังรูป

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

        4. คลิกที่เมนู Edit -> Copy แล้วคลิกตำแหน่งที่ต้องการ จากนั้นคลิกที่เมนู Edit ->Paste จะได้ผลลัพธิ์ดังรูป

การใช้ Vertical Type Mask Tool

        การสร้างตัวอักษรโดยใช้ Vertical Type Mask Tool จะเป็นการสร้างตัวอักษรแบบแนวตั้ง มีขั้นตอนการใช้เหมือนกับHorizontal Type Mask Tool เมื่อทำตามขั้นตอนเสร็จเรียบร้อย จะได้ผลลัพธิ์ เช่น

การใช้พาเล็ต Character

การใช้พาเล็ต Paragraph

การปรับแต่งเลเยอร์ให้สวยงาม Layer Style

        การปรับแต่งเลเยอร์ด้วยรูปแบบต่างๆ ของเลเยอร์ หรือ ที่เรียกว่า Layer Style นั้น มีอยู่ด้วยกันหลายแบบ แต่ละแบบเมื่อนำมาใช้ในการปรับแต่งภาพแล้วจะทำให้ภาพที่ออกมาดูแปลกตา และสวยงามอย่างเหลือเชื่อ แต่ละภาพจะใช้ Laye Style ตัวเดียว หรือหลายตัวรวมกัน ก็แล้วแต่ความต้องการในการแต่งภาพ ของแต่ละภาพ หรือ ผู้แต่ง ไม่กำหนดตายตัว

        1 การใช้งาน Layer Style

            1.1 เลือก Layer ที่ต้องการ

            1.2 คลิกที่เมนู Layer เลือก Layer Style จะพบรายการเมนู ดังรูป

            1.3 คลิกที่รายการ Layer Style ที่ต้องการ

        2 รูปแบบของ Layer Style

            Inner Shadow = การเพิ่มเงาให้กับภาพ ลักษณะของเงาจะเป็นการเพิ่มกับส่วนภายในของภาพ

คลิกดูรูปภาพตัวอย่าง

            Drop Shadow = การเพิ่มเงาให้กับภาพ ลักษณะของเงาจะเป็นการเพิ่มกับส่วนภายนอกของภาพ

คลิกดูรูปภาพตัวอย่าง

            Bevel and Emboss = การเพิ่มระดับให้กับภาพ เช่น ความนูน ความโค้ง ความลึก ความเอียง โดยการใช้แสง และ เงา

คลิกดูรูปภาพตัวอย่าง

            Outer Glow = การเพิ่มแสงให้กับภาพ ลักษณะของแสงจะเป็นการเพิ่มกับส่วนภายนอกของภาพ

คลิกดูรูปภาพตัวอย่าง

            Inner Glow = การเพิ่มแสงให้กับภาพ ลักษณะของแสงจะเป็นการเพิ่มกับส่วนภายในของภาพ

คลิกดูรูปภาพตัวอย่าง

            Color Overlay = การเพิ่มสีให้กับภาพ

คลิกดูรูปภาพตัวอย่าง

            Gradient Overlay = การเพิ่ม Gradient ให้กับภาพ

คลิกดูรูปภาพตัวอย่าง

            Pattern Overlay = การเพิ่ม Pattern ให้กับภาพ

คลิกดูรูปภาพตัวอย่าง

            Stroke = การเพิ่มเส้นขอบให้กับภาพ

คลิกดูรูปภาพตัวอย่าง

            Satin = การเพิ่มลวดลายให้กับภาพ

คลิกดูรูปภาพตัวอย่าง

        3 การกำหนดค่าเพิ่มเติมด้วย Option ต่างๆ ของ Blending and Layer Style

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

            Blend Mode = ใช้สำหรับตั้งค่า Blending ให้กับภาพ

            Opacity = ปรับค่าความทึบแสง และ เงา กระทบทุกส่วนของภาพ

            Angle = ปรับมุมของแสง หรือ เงา ที่มีผลกับภาพ (90 องศา ถ้าเปรียบเทียบกับนาฬิกา จะเท่ากับ 12 นาฬิกา)

            Fill Opacity = การปรับค่าความทึบแสง หรือ เงา แต่จะไม่กระทบถึง ส่วนที่เป็น Layer Style

            Knockout = มีตัวเลือกให้สามแบบ None, Shallow, Deep หน้าที่ของมันคือการทำให้มองทะลุลงไปยังเลเยอร์ล่างได้ ทั้งนี้การใช้งานจะต้องร่วมกับการปรับ Fill Opacity ด้วย

            Use Global Light = แสง และ เงา ที่มีผลเหมือนกันกับทุก Layer Style (ใช้กับ Drop Shadow, Inner Shadow, Bevel & Emboss)

            Distance = ระยะของแสง หรือ เงา

            Chokes = ปรับความชัด ความเข้ม ของ แสง หรือ เงา

            Spread = ปรับความชัด ความเข้ม ของ แสง หรือ เงา

            Size = ขนาดความเบลอ ความอ่อนโยน ของแสง หรือ เงา

            Contour = เส้นแสดงลักษณะรูปร่าง ของ แสง หรือ เงา (รูปภาพที่แสดงในไอคอนของ Contour หมายถึงลักษณะกร๊าฟ ส่วนที่เป็นสีเทา คือ ส่วนของเส้นกร๊าฟ ส่วนที่เป็นสีขาว เป็นส่วนที่อยู่นอกเหนือเส้นกร๊าฟ ด้านซ้ายแสดงส่วนที่อยู่นอกเหนือของ Effect ด้านขวาแสดงส่วนที่อยู่ในส่วนของ Effect ด้านล่างเป็นส่วนของ Transparency ด้านบนเป็นส่วนของ Opacity

            Anti-aliased = ความเรียบ ของ แสง หรือ เงา

            Noise = เป็นการทำให้ แสง หรือ เงา คล้ายกับการพ่นสเปรย์

            Layer Knocks Out Drop Shadow = ถ้าไม่เลือกออปชั่นนี้ จะทำให้การปรับแต่งของเลเยอร์นั้นแสดงเฉพาะส่วนที่เป็น Drop Shadow เท่านั้น

            Tecnique = ใช้ควบคุม ความอ่อนโยน หรือ ความกระด้าง ของ แสง หรือ เงา

            Range = ความกว้างของ เส้นแสดงลักษณะรูปร่าง (Contour)

            Source = ส่วนที่เริ่มแสดง แสง หรือ เงา

            Gross Contour = การปรับที่มีผลต่อความส่องสว่าง หรือ Luminosity

            Depth = ความลึกของ แสง และ เงา

            Direction = ทิศทางการแสดงผล ประกอบด้วย Up คือ แสง และ เงา จะส่องจากล่างขึ้นบน Down แสดงกลับกัน ทั้งนี้ต้องขึ้นอยู่กับมุม (Angle) ของ แสง และ เงา ที่ตั้งค่าไว้ด้วย

            Soften = ปรับค่าความอ่อนโยนในการแสดง

            Altitude = ตำแหน่งความสูงของ แสง และ เงา ตำแหน่งยิ่งสูง แสง และ เงา ก็จะยิ่งน้อย

            Highlight Mode = ค่า Blend Mode ในส่วนของแสง

            Shadow Mode = ค่า Blend Mode ในส่วนของเงา

            Position = ตำแหน่งการแสดงผล

            Fill Type = ประเภทที่จะเติมให้กับภาพ เช่น เติม สี Gradient หรือ Pattern

            Color = สีที่จะเติม

            Gradient = การเติมสีแบบการไล่สี

            Pattern = การเติมภาพด้วยรูปแบบ Pattern

            Texture = คือการใส่ Pattern

            Scale = ขนาดของสี

            Make Default = การตั้งค่าการปรับ Layer Style แต่ละแบบให้เป็นค่าเริ่มต้น

            Reset to Default = การตั้งค่าใหม่สำหรับค่า Layer Style ที่มีการเปลี่ยนแปลง กลับไปใช้ค่าเริ่มต้นที่โปรแกรมตั้งไว้

            Style = รูปแบบการแสดงของ Bevel and Emboss มีด้วยกันหลายแบบ

            Inner Bevel = แสดงจากขอบเข้าสู่ด้านใน

            Outer Bevel = แสดงจากขอบออกสู่ด้านนอก

            Emboss = แบ่งการแสดงระหว่างด้านใน และ ด้านนอก ฝั่งละ 50%

            Pillow Emboss = แสดงผลจากรูปแบบของ Emboss แต่จะะแสดงโดย แสง และ เงา ส่วนละ 50% ในขอบเดียวกัน

            Stroke Emboss = จะมีผลต่อเมื่อรูปนั้นมีการใส่ Stroke

        4 คีย์ลัดของ Layer Style ทำได้โดยการกดปุ่ม Ctrl + ตัวเลข

            Ctrl + 0 = Stroke

            Ctrl + 1 = Drop Shadow

            Ctrl + 2 = Inner Shadow

            Ctrl + 3= Outer Glow

            Ctrl + 4 = Inner Glow

            Ctrl + 5 = Bevel&Emboss

            Ctrl + 6 = Satin

            Ctrl + 7 = Color Overlay

            Ctrl + 8 = Gradient Overlay

            Ctrl + 9 = Pattern Overlay


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