SlideShare une entreprise Scribd logo
1  sur  23
Télécharger pour lire hors ligne
สาหรับเรื่องนี้ผู้เรียนจะได้เรียนรู้การใช้งานเครื่องมือที่ใช้ในเรื่องเกี่ยวกับสี รวมถึงวิธีการระบายสีด้วย
เครื่องมือ Brush Tool การลบพื้นที่ส่วนที่ไม่ต้องการด้วยเครื่องมือ Eraser Tool และการใช้เครื่องมือ Fill
Transform Tool เพือปรับเปลี่ยนทิศทาง การเทสีของออบเจ็กต์
                      ่



        หน้าที่การทางานของเครื่องมือ Ink Bottle Tool คือ ใช้สาหรับเทสีให้กับพื้นที่เฉพาะบริเวณ
เส้นของรูปภาพโดยสามารถกาหนดเปลี่ยนแปลงค่าสี ขนาด และรูปร่าง ให้กับเส้นของรูปภาพได้ ใหม่ตาม
ต้องการ
        แต่หากต้องการเปลี่ยนแปลงสีให้กับพื้นของรูปภาพ โปรแกรมก็ได้เตรียมเครื่องมืออีกชนิดหนึ่ง คือ
Paint Bucket Tool ที่มีหน้าที่สาหรับเปลี่ยนแปลงค่าสีพื้นของรูปภาพโดยเฉพาะ ซึ่งจะกล่าวถึงในเรื่องถัดไป
แต่สาหรับขั้นตอนการเปลี่ยนแปลงสีเส้นของรูปภาพสามารถทาได้ ดังนี้

         1. คลิกปุ่ม Ink Bottle Tool          ที่ทูลบ็อกซ์
         2. คลิกเลือกสีของเส้นจากช่อง Stroke Color
         3. คลิกเลือกขนาดของเส้นจากช่อง Stroke Height
         4. คลิกเลือกรูปแบบเส้นจากช่อง Stroke Style
         5. คลิกเทสีพื้นที่เส้นบริเวณที่ต้องการ จากนั้นที่เส้นที่เลือกจะมีสีและขนาดเปลี่ยนแปลงไปตามค่าที่
            ได้กาหนดไว้
         6. คลิกเทสีพื้นที่เส้นบริเวณที่ต้องการจนครบ จากนั้นบริเวณเส้นของรูปภาพจะมีสีและขนาด
            เปลี่ยนแปลงไป




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7                     หน้า 66
1.คลิกปุ่ม
                                                                                 3.คลิกเลือกขนาดของเส้น
 Ink Bottle Tool




2.คลิกเลือกสี
ของเส้น                                                                              4.คลิกเลือกรูปแบบเส้น


                         5.คลิกเทสีพื้นที่เส้นบริเวณ ที่ต้องการ




                                                        6.คลิกเทสีพื้นที่เส้นบริเวณที่ต้องการจนครบ




       หน้าที่การทางานของเครื่องมือ Paint Bucket Tool คือ ใช้สาหรับเทสีให้กับพื้นที่เฉพาะบริเวณ
  พื้นของรูปภาพโดยสามารถกาหนดเปลี่ยนแปลงค่าสีให้กับเส้นของรูปภาพได้ใหม่ตามต้องการ สาหรับขั้นตอน
  การเปลี่ยนแปลงสีพื้นสามารถทาได้ ดังนี้
            1. คลิกปุ่ม Paint Bucket Tool         ที่ทูลบ็อกซ์
            2. คลิกเลือกสีของพื้นที่ต้องการเทจากช่อง Fill Color
            3. ที่ Options ในส่วนของ Gap Size ให้คลิกเลือกขนาดของสีที่ใช้ปิดช่องว่าง


  โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7                     หน้า 67
 Don’t Close Gaps                  ไม่มีการปิดช่องว่าง
                    Close Small Gaps                  ปิดช่องว่างขนาดเล็ก
                    Close Medium Gaps                 ปิดช่องว่างขนาดกลาง
                    Close Large Gaps                  ปิดช่องว่างขนาดใหญ่
                4. คลิกเทสีพื้นของรูปภาพบริเวณที่ต้องการ จากนั้นพื้นที่บริเวณที่คลิกเลือกจะมีสีเปลี่ยนแปลงไป
                   ตามค่าสีที่กาหนดไว้




1.คลิกปุ่ม Paint Bucket Tool

  2.คลิกเลือกสีของพื้น

3.คลิกเลือกขนาดของสีที่ใช้
  ปิดช่องว่าง




                                                                  5.คลิกเทสีของรูปภาพบริเวณที่ต้องการ


                5. ทดลองคลิกเลือกรูปแบบ Close Large Gaps
                6. คลิกเทสีพื้นของรูปภาพบริเวณที่ต้องการ จะเห็นว่าพื้นที่บริเวณที่ถูกเทสีนั้นมีบริเวณน้อยลง




       โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7            หน้า 68
5.คลิกเลือกรูปแบบ
     Close Medium Gaps




                                                        6.คลิกเทสีพื้นของรูปภาพบริเวณที่ต้องการ


     หน้าที่การทางานของเครื่องมือ Brush Tool คือ ใช้สาหรับแปรงระบายสีลงบนภาพ โดย
สามารถกาหนดสี ขนาด รูปร่างของขนแปรง และลักษณะการแปรงได้ตามต้องการ สาหรับ
ขั้นตอนการแปรงสีโดยใช้เครื่องมือ Brush Tool สามารถทาได้ ดังนี้
    1. คลิกปุ่ม Brush Tool       ที่ทูลบ็อกซ์
    2. คลิกเลือกสีของแปรงที่ต้องการระบายจากช่อง Fill Color
    3. ที่ Options ในส่วนของ Brush Mode ให้คลิกเลือกลักษณะการแปรงระบายสี
        Paint Normal           ระบายสีโดยทับลงบนสีเส้นและสีพื้นของภาพเดิม
        Paint fills            ระบายสีโดยทับลงบนสีพื้นอย่างเดียว
        Paint Behind           ระบายสีอยู่ที่ด้านหลังของภาพ
        Paint Selection ระบายสีภาพเฉพาะพื้นที่ในส่วนที่เลือกไว้
        Paint Inside           ระบายสีตามการดรากส์เมาส์ เช่น หากเริ่มดรากส์เมาส์ที่ด้านในภาพสีก็จะ
                                ปรากฏเพียงแค่ในภาพเท่านั้น แต่หากเริ่มดรากส์ เมาส์ที่ด้านนอกของภาพ
                                สีก็จะปรากฏเฉพาะที่พื้นที่ด้านนอกของภาพ

โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7            หน้า 69
4. คลิกเลือกขนาดของแปรงที่ใช้ในการระบาย จากส่วนของ Brush Size
    5. คลิกเลือกรูปร่างลักษณะของแปรงที่ใช้ในการระบาย จากส่วนของ Brush Shape
    6. คลิกเมาส์ที่พื้นงานและให้ทาการระบายสี จากนั้นจะปรากฏสีขึ้นมาบนภาพตามลักษณะของแปรงที่ได้
       เลือกใช้ในการระบายสี




  1.คลิกปุ่ม Brush Tool


      2.คลิกเลือกสีของแปรง

                                                            6.คลิกเมาส์ทาการระบายสี

3.คลิกเลือกลักษณะการแปรง
ระบายสี อกขนาดของแปรง
 4.คลิกเลื

      5.คลิกเลือกรูปร่างลักษณะ
        ของแปรง



                                                                เมื่อคลิกเลือกลักษณะการแปรงเป็น
                                                                Paint Fills สีที่ระบายจะปรากฏขึนมา
                                                                                               ้
                                                                เฉพาะพื้นของภาพเท่านั้น




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7               หน้า 70
เมื่อคลิกเลือกลักษณะการแปรงเป็น
Paint Behind สีที่ระบายจะปรากฏ
ขึ้นมาที่ด้านหลังภาพ




                                                              เมื่อคลิกเลือกลักษณะการแปรงเป็น Paint
                                                              Selection สีที่ระบายจะปรากฏขึนมา     ้
                                                              เฉพาะบริเวณพื้นที่ที่เลือกไว้เท่านัน
                                                                                                 ้




      เมื่อคลิกเลือกลักษณะการแปรงเป็น
      Paint Inside สีที่ระบายจะปรากฏ
      ขึ้นมา ตามลักษณะการดรากส์เมาส์




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7                 หน้า 71
หน้าที่การทางานเครื่องมือ Eyedropper Tool คือ ใช้สาหรับดูดสีที่ต้องการ และเมื่อได้ทาการดูด
    สีเสร็จเรียบร้อยแล้วสามารถนาสีนั้นไปใช้งานต่อได้ เช่น อาจนาไปแทนที่สีที่ได้ตกแต่งไว้จากเครื่องมือ Brush
    Tool หรือแทนที่ส่วนต่างๆ ของภาพได้ตามต้องการ สาหรับขั้นตอนการดูดและใช้งานเครื่องมือ Eyedropper
    Tool สามารถทาได้ ดังนี้
             1. คลิกปุ่ม Eyedropper Tool            ที่ทูลบ็อกซ์
             2. คลิกดูดสีที่ต้องการจากพื้นงาน จากนั้นที่ช่อง Fill Color จะมีสีเปลี่ยนแปลงไปตามค่าสีที่ได้ดูดไว้
                และเมาส์จะเปลี่ยนเป็นเครื่องมือ Paint Bucket Tool พร้อมกับปรากฏรูปกุญแจที่แสดงว่า
                ขณะนี้กาลังล็อคสีที่เลือกอยู่ขึ้นมา
             3. คลิกเทสีที่ได้ดูดไว้ลงบนพื้นงาน จากนั้นพื้นที่บริเวณที่คลิกเลือกจะมีสีเปลี่ยนแปลงไปตามค่าสีที่
                ถูกดูดไว้
             4. คลิกเทสีที่ได้ดูดไว้ลงบนพื้นงานจนครบตามบริเวณที่ต้องการ



2.คลิกดูดสีที่ต้องการจากพื้นงาน

   1.คลิกปุ่ม Eyedropper Tool




                                                                 3.คลิกเทสีได้ดูดไว้ลงบนพื้นงาน




                                                            4.คลิกเทสีได้ดูดไว้ลงบนพื้นงานจนครบ




    โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7              หน้า 72
หน้าที่การทางานของเครื่องมือ Gradient Transform Tool สามารถแบ่งได้ 2 ลักษณะ คือ
    1. เมื่อทางานกับออบเจ็กต์และได้ทาการเทสีในลักษณะที่มีการไล่เฉดสี (Gradient) เครื่องมือ
         Gradient Transform Tool จะมีหน้าที่ในการปรับเปลี่ยนทิศทางการไล่เฉดสี รวมถึงปรับ
         ช่วงโทนสีที่ต้องการให้ปรากฏขึ้นมาได้ตามต้องการ
    2. เมื่อทางานกับภาพกราฟิกและได้สั่งทาการ Break Apart เพื่อแยกองค์ประกอบของภาพออกมาแล้ว
        เครื่องมือ Gradient Transform Tool จะมีหน้าที่ในการปรับเปลี่ยนทิศทางของภาพ สาหรับขั้นตอน
        การทางานกับเครื่องมือ Brush Tool ทั้ง 2 ลักษณะ สามารถแยกเป็นหัวข้อตามขั้นตอน ดังนี้


         เมื่อทาการเทสีลงบนออบเจ็กต์โดยมีการไล่เฉดสีในลักษณะเป็นรูปวงกลมแล้ว ที่ด้านนอกจะเป็นสีดา
ซึ่งมีความเข้มมากกว่าด้านใน นักเรียนสามารถปรับเปลี่ยนรัศมีของค่าสีด้านนอกและด้านในของรูปวงกลม ให้
มีความเข้มจาง มากน้อยตามต้องการได้ ดังนี้
         1. คลิกเลือกออบเจ็กต์ที่ต้องการเทสี
        2. คลิกปุ่ม Paint Bucket Tool       ที่ทูลบ็อกซ์
        3. คลิกเลือกสีของพื้นที่ต้องการเทจากช่อง Fill Color




   2.คลิกปุ่ม Paint Bucket Tool

       1.คลิกเลือกออบเจ็กต์




     3.คลิกเลือกสีของพื้น


โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7    หน้า 73
4. คลิกปุ่ม Free Transform Tool             ที่ทูลบ็อกซ์ค้างไว้ จากนั้นเลือก ที่ Gradient
           Transform Tool
        5. คลิกที่ออบเจ็กต์จะปรากฏจุ ดแฮนเดิลขึ้นมา จากนั้นให้คลิกที่จุดแฮนเดิลรูปวงกลม และดรากส์
           เมาส์ ทาการย่อ ขยายรัศมีของค่าสีที่ได้ในลักษณะเป็นรูปวงกลม



       4.คลิก Gradient
       Transform
       Tool




 5.คลิกที่ออบเจ็กต์จากนั้นให้
 คลิกที่จุดแฮนเดิลรูปวงกลม
 และดรากส์เมาส์




                                                 รัศมีของค่าสีด้านในจะถูกย่อให้ลดลงใน
                                                 ลักษณะเป็นรูปวงกลม พร้อมกับถูกแทนที่ด้วย
                                                 ค่าสีด้านนอก


        6. แต่หากคลิกจุดแฮนเดิลรูปสีเหลี่ยม และดรากส์เมาส์จะเป็นการย่อ ขยายรัศมีของค่าสีที่ได้เทลง
           ไปในลักษณะเป็นรูปสี่เหลี่ยมตามแนวนอน




                                          6.คลิกที่จุดแฮนเดิลรูปสี่เหลี่ยม และดรากส์เมาส์

โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7              หน้า 74
รัศมีของค่าสีด้านในจะถูกย่อให้ลดลงใน
              ลักษณะเป็นรูปสี่เหลี่ยม พร้อมกับถูก
              แทนที่ด้วยค่าสีดานนอก
                               ้




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

        1. คลิกเลือกออบเจ็กต์ที่ต้องการเทสี
        2. คลิกปุ่ม Paint Bucket Tool         ที่ทูลบ็อกซ์
        3. คลิกเลือกสีของพื้นที่ต้องการเทจากช่อง Fill Color
        4. คลิกปุ่ม Free Transform Tool              ทีทูลบ็อกซ์ค้างไว้ จากนั้นเลือก ที่ Gradient
                                                       ่
           Transform Tool
        5. คลิกที่ออบเจ็กต์จะปรากฏจุดแฮนเดิลขึ้นมา จากนั้นให้คลิกที่จุดแฮนเดิลรูปสี่เหลี่ยมและดรากส์
           เมาส์ทาการย่อ ขยายช่วงโทนสี ของค่าสีที่ต้องการ



   1.คลิกเลือกออบเจ็กต์
           2.คลิกปุ่ม Paint Bucket
           Tool




             3.คลิกเลือกสีของพื้น


โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7              หน้า 75
4.คลิกปุ่ม Gradient Transform Tool



                                                           5.คลิกที่ออบเจ็กต์จากนั้นให้คลิกที่จุด
                                                           แฮนเดิลรูปสี่เหลี่ยม และดรากส์เมาส์




                                              ช่วงโทนสีด้านในจะถูกย่อให้ลดลงพร้อมกับ
                                              ถูกแทนที่ด้วยค่าสีด้านนอก


        6. แต่หากคลิกจุดแฮนเดิลรูปวงกลมด้านบน และดรากส์จะเป็นการหมุนช่วงโทนสีไปในทิศทางต่างๆ


                                                           6.คลิกจุดแฮนเดิลรูปวงกลมด้านบน
                                                           และดรากส์เมาส์หมุน




                            ช่วงโทนสีจะถูกหมุนเอียงไป
                            ตาม ลักษณะการดรากส์เมาส์




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7              หน้า 76
เปิดหน้าต่าง Color Swatches ด้วยการกดปุ่ม <Shift+F3> จะปรากฏช่องสี่เหลี่ยมเล็กแสดงสี
ต่างๆ ให้เลือกซึ่งสีที่ได้จะเป็นสีเดียวกันกับ Swatches ของกรอบแสดงสีของเครื่องมือ Fill ในกล่องเครื่องมือ
นั่นเอง นั่นคือเมื่อเราเลือกสีใดจากกรอบแสดงสี หรือหน้าต่าง Color Swatches จะมีค่าเท่ากันคือ เป็นสี
เดียวกันเสมอหากต้องการสีสันมากกว่านี้แนะนาให้ไปเลือกกาหนดเอาในหน้าต่าง Color Mixed ในหัวข้อ
ถัดไป




                                        หน้าต่าง Color Swatches


        สิ่งสาคัญของการกาหนดสีสันในหน้าต่างนี้จะอยู่ที่การกาหนดให้ไล่เฉดสีเรียกว่า Gradient นอกจากนี้
ยังสามารถกาหนดสีในโหมด RGB , HSB รวมถึงการกาหนดค่าความโปร่งใสของการเติมสี (Alpha) ได้อีกด้วย
เปิดหน้าต่าง Color Mixed ด้วยการกดปุ่ม <Shift+F9> หรือคลิกเมนู Window > Design Panels >
Color Mixer การกาหนดสีแบบตางๆ ได้อย่างอิสระในหน้าต่าง Color Mixed มีรายละเอียดดังนี้



    การใส่สีสันให้กับชิ้นงานด้วยวิธีไล่เฉดสีนี้ นอกจากจะช่วยเพิ่มความสนใจให้กับชิ้นงานแล้วยัง
ทาให้มุมมองของภาพ 2 มิติ คล้ายกับภาพ 3 มิติได้อีกด้วย การใส่สีแบบ Gradient มีด้วยกัน 2 ลักษณะ ที่
ต่างกัน คือ การไล่เฉดสีแบบแนวรัศมี (Radial Gradient) ซึ่งวิธีการกาหนดและใช้งานสีแบบ Gradient ทั้ง 2
แบบมีรายละเอียดดังนี้



โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7           หน้า 77
การไล่เฉดสีแบบนี้มักจะใช้กับชิ้นงานที่เป็นวงกลม วงรี หรือลักษณะของการสร้างปุ่ม ก็เพราะ
การไล่เฉดสีแบบนี้ทาให้สร้างมุมมองชิ้นงาน ดังตัวอย่างต่อไปนี้

        1. คลิกเครื่องมือสร้างรูปดาวในกล่องเครื่องมือ
        2. คลิกเมาส์แล้วลากสร้างรูปดาวบนสเตจ



          1

                                                                                 2



        3. เปิดหน้าต่าง Color คลิกเมนู Window แล้วเลือก Color หรือกดปุ่ม <Shift+F9>




                                           3




        4. คลิกตัวเลือก Radial Gradient
        5. ตอนนี้จะเลือกไล่เฉดสีเพียง 2 สีก่อน สังเกตว่าปุ่มเลื่อนปรับสีจะมี 2 อัน อยู่ซ้ายสุดกับขวาสุดบน
           แถบสี
        6. คลิกถังเติมสีในกล่องเครื่องมือ

โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7            หน้า 78
7. คลิกเมาส์กลางวงกลม 1 ครั้งเพื่อเปลี่ยนสีให้กับวงกลมตามที่กาหนด ซึ่งจะเห็นว่าสีใหม่ที่ได้จะมี
           การเลือกเอาไว้
        8. คลิกเมาส์บนปุ่มเลื่อนปรับสีอันขวามือ
                                                                                                4


                      6
                                                                5
                                                                                                    8
                                                  7




        9. ทาการเปลี่ยนสีโดยคลิกเมาส์บนกรอบแสดงสี
        10. เมื่อเมาส์เปลี่ยนเป็น รูปวงกลม แล้วให้คลิกเมาส์เลือกสีที่ต้องการ


                                                      9



                                                          10




        11. คลิกเมาส์ค้างไว้แล้วเลื่อนปุ่มเลื่อนอันขวามือมาทางซ้ายเพื่อปรับขอบเขตของสี ยิ่งเลื่อนเข้ามา
            มากสีที่กาลังปรับจะมีพื้นที่ของสีนั้นๆ มากขึ้นและจุดเปลี่ยนของสีจะขยับไปด้วย



โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7              หน้า 79
เลื่อนเพื่อปรับขอบเขตของสี




        12. คลิกเมาส์เติมสีใหม่ให้กับวงกลม




     ในทานองเดียวกันกับการไล่เฉดสีแบบแนวรัศมี สามารถที่จะใส่สีสันในแนวตรงได้เช่นเดียว
กัน มักจะนิยมใช้เทคนิคนี้ไปตกแต่งสีพื้นหลังของเว็บไซต์หรือชิ้นงานอิสระหรืออาจจะนา ไปสร้างเป็น Theme
เพื่อให้ชิ้นงานทั้งหมดมีลวดลายใกล้เคียงกัน ในหัวข้อนี้จะเพิ่มเติมในเรื่องการเพิ่มสีที่จะเข้ามาเกี่ยวข้องกับการ
ไล่เฉดสีด้วย
           1. คลิกเครื่องมือสร้างสี่เหลี่ยมในกล่องเครื่องมือ
           2. ปรับมุมของสี่เหลี่ยมโดยไปที่ Properties




             ใส่ตัวเลข 20 ลงในช่องตัวเลขแล้วคลิกปุ่ม Enter ที่ keyboard




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7                หน้า 80
1




                                                 2

        3. คลิกเมาส์แล้วลากเพื่อสร้างสีเหลี่ยมบนสเตจ
        4. คลิกตัวเลือก Linear Gradient ในหน้าต่าง Color
        5. ตอนนี้จะเลือกไล่เฉดสีเพียง 2 สีก่อน สังเกตว่าปุ่มเลื่อนปรับสีจะมี 2 อัน อยู่ซ้ายสุดกับทางขวา
           บนแถบสี
        6. คลิกถังเติมสีในกล่องเครื่องมือ
        7. คลิกเมาส์กลางสี่เหลี่ยม 1 ครั้ง เติมสีใหม่ที่ได้จะมีการไล่เฉดสี 2 สี


                                                                                            4

                                             7
            6                                                  5
                                                       3




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

โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7            หน้า 81
9. คลิกเมาส์ค้างไว้บนลูกศรปรับโทนสี แล้วเลื่อนขึ้นหรือเลื่อนลงเพื่อให้ได้สีตามที่ต้องการ
        10. ทาเลือกสีในกรอบใหญ่ โดยการคลิก 1 ครั้ง




                                                                         9

                                             10

                                                                      เพิ่มปุ่ มเลื่อนปรับสี

        11. คลิกเมาส์เติมสีใหม่ให้กับสี่เหลี่ยม (หากเมาส์ไม่เปลี่ยนเป็นถังเติมสีให้คลิกเลือกเครื่องมือเติมสีใน
            กล่องเครื่องมือก่อน)




             11




        12. หากต้องการเอาปุ่มเลื่อนปรับตัวไหนออก ให้คลิกที่ปุ่มนั้นค้างไว้แล้วลากให้ห่างจากแถบสีแล้ว
            ปล่อยเมาส์




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7                หน้า 82
12




โดยการเปลี่ยนตัวเลขค่าสีของแม่สีในช่องโดยตรง ในหน้าต่าง Color
        ช่อง R จะเป็นสีแดง
        ช่อง G จะเป็นสีเขียว
        ช่อง B จะเป็นสีน้าเงิน
        ช่อง Alpha จะปรับความโปร่งใสของสีในหน่วยเปอร์เซ็นต์สามารถเลื่อนแถบเลื่อนปรับ
           ค่าได้หรือจะใส่ตัวเลขลงไปโดยตรงก็ได้




                                                     ใส่ค่าตัวเลขสีลงไปโดยตรงในช่อง


                                                          ปรับค่าความโปร่งใส




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7   หน้า 83
การแสดงโค้ดสี จะแสดงเป็นตัวเลขฐาน 16 จานวน 6 หลักและขึ้นต้นด้วยเครื่องหมาย #
เช่น สีแดงจะแทนด้วยโค้ดสี #FF0000 เป็นต้น




                                                  ใส่โค้ดสีลงไปโดยตรง




    เปลี่ยนปลายแปรงทาสี หรือปลายพู่กันให้เป็นรูปภาพ มักพบเห็นโดยทั่วไปในการสร้างงาน
ด้วยโปรแกรมกราฟิกในโปรแกรม Flash ก็ได้เตรียมคุณสมบัตินี้เอาไว้ให้แล้วเช่นเดียวกัน ตัวอย่างต่อไปนี้
น่าจะช่วยให้ความกระจ่างได้เกี่ยวกับเทคนิคนี้
    1. คลิกเมนู File > Import > Import to Library
    2. ดับเบิลคลิกเลือกไฟล์รูปที่จะเอามาทาปลายพู่กัน




        1




                                2




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7          หน้า 84
3.   เปิดหน้าต่าง Color กดปุ่ม <Shift+F9>
    4.   คลิกตัวเลือก Bitmap จะพบว่ารูปที่ดึงเข้ามาจะแสดงในหน้าต่าง Color นี้ทั้งหมด
    5.   คลิกแปรงทาสีในกล่องเครื่องมือ
    6.   เมื่อเมาส์เปลี่ยนเป็นแปรงทาสีแล้ว ให้คลิกไปบนรูปโดยตรงในหน้าต่าง Color
    7.   ทดสอบการวาดบนสเตจ

                                                                                         3

                                                          4

                5
                4                                             6



                                                              7
                                                              4




    8. คลิกไปบนรูปอื่นโดยตรงในหน้าต่าง Color
    9. ทดสอบการวาดอีกครั้ง คราวนี้ก็สามารถเปลี่ยนปลายพู่กันได้แล้ว และนาไปประยุกต์ใช้งานได้ต่อไป




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7       หน้า 85
8



                  9




   หน้าที่การทางานของเครื่องมือ Eraser Tool คือ ใช้สาหรับลบพื้นที่บริเวณส่วนที่ไม่ต้องการ
ออกไปจากภาพโดยสามารถกาหนดรูปแบบลักษณะวิธีในการลบได้มากมายหลากวิธี ซึ่งการใช้งานเครื่องมือนี้
จะคล้ายกับการใช้เครื่องมือ Brush Tool เพียงแต่ Eraser Tool จะมีไว้เพื่อลบสีออก แต่เครื่องมือ Brush
Tool มีไว้สาหรับระบายสีเพิ่มสาหรับขั้นตอนการลบโดยใช้เครื่องมือ Eraser Tool สามารถทาได้ดังนี้

    1. คลิกปุ่ม Eraser Tool      ที่ทูลบ็อกซ์
    2. ที่ Options ในส่วนของ Eraser Mode ให้คลิกเลือกลักษณะวิธีการลบ
       Erase Normal                   ลบโดยทับลงสีเส้นและสีพื้นของภาพ
       Erase Fills                    ลบโดยทับลงบนสีพื้นของภาพเท่านั้น
       Erase Lines                    ลบโดยทับลงบนสีเส้นของภาพเท่านั้น
       Erase Selected Fills           ลบเฉพาะพื้นที่บริเวณที่ถูกเลือกไว้เท่านั้นโดยไม่ทาการลบเส้นให้
       Erase Inside                   ลบตามลักษณะการดรากส์เมาส์ เช่น หากเริ่มดรากส์เมาส์ที่ด้านใน
                                       ภาพพื้นที่บริเวณที่ถูกลบก็จะเป็นเพียงแค่พื้นที่ด้านในภาพเท่านั้น

    3. คลิกเลือกรูปร่างลักษณะของยางลบที่ใช้ในการลบ จากส่วนของ Eraser Shape
    4. ดรากส์เมาส์ทาการลบบริเวณพื้นที่ที่ไม่ต้องการ จากนั้นบริเวณพื้นที่ที่ทาการดรากส์เมาส์จะถูกลบ
       หายไป

โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7          หน้า 86
5. คลิกปุ่ม Faucet           รูปก๊อกน้าล้างสี เพื่อให้การลบเป็นไปอย่างรวดเร็ว เนื่องจากเพียงแค่คลิกที่
           บริเวณพื้นหรือเส้นของภาพเท่านั้น โปรแกรมก็จะทาการลบพื้นที่บริเวณที่คลิกเลือกให้ทั้งหมด
        6. คลิกพื้นที่บริเวณที่ต้องการลบ จากนั้นพื้นที่บริเวณที่คลิกไว้จะถูกลบออกไป

1.คลิกปุ่ม Eraser Tool




  2.คลิกเลือกลักษณะ
     วิธีการลบ




           3.คลิกเลือกรูปร่างลักษณะของยางลบ              4.ดรากส์เมาส์ทาการลบ




       5.คลิกปุ่ม Faucet                         6.คลิกพื้นที่บริเวณที่ต้องการลบ
   โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7              หน้า 87
ภาพที่ถูกลบแล้ว




โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7   หน้า 88

Contenu connexe

Tendances

เครื่องมือต่างๆและหน้าที่การทำงาน
เครื่องมือต่างๆและหน้าที่การทำงานเครื่องมือต่างๆและหน้าที่การทำงาน
เครื่องมือต่างๆและหน้าที่การทำงาน
กชพร มณีพงษ์
 
ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์
ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์
ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์
peter dontoom
 

Tendances (18)

Pwp data2.6 2.10
Pwp data2.6 2.10Pwp data2.6 2.10
Pwp data2.6 2.10
 
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paintเครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
 
Desing
DesingDesing
Desing
 
5.4
5.45.4
5.4
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
4.2
4.24.2
4.2
 
Lesson3
Lesson3Lesson3
Lesson3
 
ใบความรู้ที่ 10 เครื่องมือโพลีกอนและเครื่องมือไตรแองเกิล
ใบความรู้ที่ 10 เครื่องมือโพลีกอนและเครื่องมือไตรแองเกิลใบความรู้ที่ 10 เครื่องมือโพลีกอนและเครื่องมือไตรแองเกิล
ใบความรู้ที่ 10 เครื่องมือโพลีกอนและเครื่องมือไตรแองเกิล
 
เครื่องมือต่างๆและหน้าที่การทำงาน
เครื่องมือต่างๆและหน้าที่การทำงานเครื่องมือต่างๆและหน้าที่การทำงาน
เครื่องมือต่างๆและหน้าที่การทำงาน
 
Unit 4
Unit 4Unit 4
Unit 4
 
Chapter1
Chapter1Chapter1
Chapter1
 
เครื่องมือที่ใช้ลงสีในโปรแกรม Paint
เครื่องมือที่ใช้ลงสีในโปรแกรม Paintเครื่องมือที่ใช้ลงสีในโปรแกรม Paint
เครื่องมือที่ใช้ลงสีในโปรแกรม Paint
 
Illustrator stickerline
Illustrator stickerlineIllustrator stickerline
Illustrator stickerline
 
ใบความรู้ที่ 12 เครื่องมือเฮ็กซากอนและเครื่องมือแอร์โรวร์
ใบความรู้ที่ 12 เครื่องมือเฮ็กซากอนและเครื่องมือแอร์โรวร์ใบความรู้ที่ 12 เครื่องมือเฮ็กซากอนและเครื่องมือแอร์โรวร์
ใบความรู้ที่ 12 เครื่องมือเฮ็กซากอนและเครื่องมือแอร์โรวร์
 
ใบความรู้หย่วยที่5.2 brush tool
ใบความรู้หย่วยที่5.2 brush toolใบความรู้หย่วยที่5.2 brush tool
ใบความรู้หย่วยที่5.2 brush tool
 
Bku illustrator cs
Bku illustrator csBku illustrator cs
Bku illustrator cs
 
ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์
ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์
ข้อสอบติวเตอรมัธยมต้น เดือนกุมภาพันธ์
 
Gimp Manual Book Thai
Gimp Manual Book ThaiGimp Manual Book Thai
Gimp Manual Book Thai
 

En vedette

Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
focusstorm124
 
การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)
การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)
การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)
Augusts Programmer
 

En vedette (7)

Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
 
Lesson7
Lesson7Lesson7
Lesson7
 
Lesson5
Lesson5Lesson5
Lesson5
 
Lesson2
Lesson2Lesson2
Lesson2
 
Lesson9
Lesson9Lesson9
Lesson9
 
Lesson8
Lesson8Lesson8
Lesson8
 
การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)
การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)
การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)
 

Similaire à Lesson4

Photoshop cs
Photoshop csPhotoshop cs
Photoshop cs
noismart
 
เครื่องมือต่างๆ (Toolbox)
เครื่องมือต่างๆ (Toolbox)เครื่องมือต่างๆ (Toolbox)
เครื่องมือต่างๆ (Toolbox)
wattikorn_080
 
Lesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพLesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพ
Errorrrrr
 
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
Nimanong Nim
 
เทคนิคโฟโต้
เทคนิคโฟโต้เทคนิคโฟโต้
เทคนิคโฟโต้
weena22
 
โปรแกรม Paint
โปรแกรม Paintโปรแกรม Paint
โปรแกรม Paint
guestf00501
 
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
Wilasineejib
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
Khanittha Bumrunglan
 

Similaire à Lesson4 (20)

Lesson4
Lesson4Lesson4
Lesson4
 
Flash4
Flash4Flash4
Flash4
 
ใบความรู้ที่ 4 การตกแต่งภาพให้มีสีสันสวยงาม
ใบความรู้ที่  4 การตกแต่งภาพให้มีสีสันสวยงามใบความรู้ที่  4 การตกแต่งภาพให้มีสีสันสวยงาม
ใบความรู้ที่ 4 การตกแต่งภาพให้มีสีสันสวยงาม
 
Photoshop cs
Photoshop csPhotoshop cs
Photoshop cs
 
การใช้โปรแกรม Paint
การใช้โปรแกรม Paintการใช้โปรแกรม Paint
การใช้โปรแกรม Paint
 
Photoshop7
Photoshop7Photoshop7
Photoshop7
 
หน่วยที่ 5.2 การใช้brush
หน่วยที่ 5.2 การใช้brushหน่วยที่ 5.2 การใช้brush
หน่วยที่ 5.2 การใช้brush
 
4.3
4.34.3
4.3
 
คู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop csคู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop cs
 
Lesson4
Lesson4Lesson4
Lesson4
 
Adobe photoshop cs
Adobe photoshop csAdobe photoshop cs
Adobe photoshop cs
 
เครื่องมือต่างๆ (Toolbox)
เครื่องมือต่างๆ (Toolbox)เครื่องมือต่างๆ (Toolbox)
เครื่องมือต่างๆ (Toolbox)
 
ใบความรู้หย่วยที่5การตกแต่งสีพื้น
ใบความรู้หย่วยที่5การตกแต่งสีพื้นใบความรู้หย่วยที่5การตกแต่งสีพื้น
ใบความรู้หย่วยที่5การตกแต่งสีพื้น
 
Lesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพLesson 7 การใช้เครื่องมือวาดภาพ
Lesson 7 การใช้เครื่องมือวาดภาพ
 
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
 
เทคนิคโฟโต้
เทคนิคโฟโต้เทคนิคโฟโต้
เทคนิคโฟโต้
 
โปรแกรม Paint
โปรแกรม Paintโปรแกรม Paint
โปรแกรม Paint
 
Shape stork and fill
Shape stork and fillShape stork and fill
Shape stork and fill
 
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
ใบความรู้ที่ 2 รู้จักกับเครื่องมือต่างๆ
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 

Plus de Augusts Programmer

การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว Preload
Augusts Programmer
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุ
Augusts Programmer
 
การเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shapeการเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shape
Augusts Programmer
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุ
Augusts Programmer
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
Augusts Programmer
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
Augusts Programmer
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screen
Augusts Programmer
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลง
Augusts Programmer
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร Blur
Augusts Programmer
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูป
Augusts Programmer
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเอง
Augusts Programmer
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Augusts Programmer
 
การทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashการทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flash
Augusts Programmer
 
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
Augusts Programmer
 
สร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flashสร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flash
Augusts Programmer
 
เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่
Augusts Programmer
 
เทคนิคการสร้าง Cursor
เทคนิคการสร้าง Cursorเทคนิคการสร้าง Cursor
เทคนิคการสร้าง Cursor
Augusts Programmer
 
เทคนิคการทำภาพ Zoom เข้า zoom ออก
เทคนิคการทำภาพ Zoom เข้า zoom ออกเทคนิคการทำภาพ Zoom เข้า zoom ออก
เทคนิคการทำภาพ Zoom เข้า zoom ออก
Augusts Programmer
 

Plus de Augusts Programmer (20)

การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว Preload
 
การวาด Flare
การวาด Flareการวาด Flare
การวาด Flare
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุ
 
การเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shapeการเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shape
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุ
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screen
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลง
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร Blur
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูป
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเอง
 
การ Import file
การ Import fileการ Import file
การ Import file
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
 
การทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashการทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flash
 
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
 
สร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flashสร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flash
 
เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่
 
เทคนิคการสร้าง Cursor
เทคนิคการสร้าง Cursorเทคนิคการสร้าง Cursor
เทคนิคการสร้าง Cursor
 
เทคนิคการทำภาพ Zoom เข้า zoom ออก
เทคนิคการทำภาพ Zoom เข้า zoom ออกเทคนิคการทำภาพ Zoom เข้า zoom ออก
เทคนิคการทำภาพ Zoom เข้า zoom ออก
 

Lesson4

  • 1. สาหรับเรื่องนี้ผู้เรียนจะได้เรียนรู้การใช้งานเครื่องมือที่ใช้ในเรื่องเกี่ยวกับสี รวมถึงวิธีการระบายสีด้วย เครื่องมือ Brush Tool การลบพื้นที่ส่วนที่ไม่ต้องการด้วยเครื่องมือ Eraser Tool และการใช้เครื่องมือ Fill Transform Tool เพือปรับเปลี่ยนทิศทาง การเทสีของออบเจ็กต์ ่ หน้าที่การทางานของเครื่องมือ Ink Bottle Tool คือ ใช้สาหรับเทสีให้กับพื้นที่เฉพาะบริเวณ เส้นของรูปภาพโดยสามารถกาหนดเปลี่ยนแปลงค่าสี ขนาด และรูปร่าง ให้กับเส้นของรูปภาพได้ ใหม่ตาม ต้องการ แต่หากต้องการเปลี่ยนแปลงสีให้กับพื้นของรูปภาพ โปรแกรมก็ได้เตรียมเครื่องมืออีกชนิดหนึ่ง คือ Paint Bucket Tool ที่มีหน้าที่สาหรับเปลี่ยนแปลงค่าสีพื้นของรูปภาพโดยเฉพาะ ซึ่งจะกล่าวถึงในเรื่องถัดไป แต่สาหรับขั้นตอนการเปลี่ยนแปลงสีเส้นของรูปภาพสามารถทาได้ ดังนี้ 1. คลิกปุ่ม Ink Bottle Tool ที่ทูลบ็อกซ์ 2. คลิกเลือกสีของเส้นจากช่อง Stroke Color 3. คลิกเลือกขนาดของเส้นจากช่อง Stroke Height 4. คลิกเลือกรูปแบบเส้นจากช่อง Stroke Style 5. คลิกเทสีพื้นที่เส้นบริเวณที่ต้องการ จากนั้นที่เส้นที่เลือกจะมีสีและขนาดเปลี่ยนแปลงไปตามค่าที่ ได้กาหนดไว้ 6. คลิกเทสีพื้นที่เส้นบริเวณที่ต้องการจนครบ จากนั้นบริเวณเส้นของรูปภาพจะมีสีและขนาด เปลี่ยนแปลงไป โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 66
  • 2. 1.คลิกปุ่ม 3.คลิกเลือกขนาดของเส้น Ink Bottle Tool 2.คลิกเลือกสี ของเส้น 4.คลิกเลือกรูปแบบเส้น 5.คลิกเทสีพื้นที่เส้นบริเวณ ที่ต้องการ 6.คลิกเทสีพื้นที่เส้นบริเวณที่ต้องการจนครบ หน้าที่การทางานของเครื่องมือ Paint Bucket Tool คือ ใช้สาหรับเทสีให้กับพื้นที่เฉพาะบริเวณ พื้นของรูปภาพโดยสามารถกาหนดเปลี่ยนแปลงค่าสีให้กับเส้นของรูปภาพได้ใหม่ตามต้องการ สาหรับขั้นตอน การเปลี่ยนแปลงสีพื้นสามารถทาได้ ดังนี้ 1. คลิกปุ่ม Paint Bucket Tool ที่ทูลบ็อกซ์ 2. คลิกเลือกสีของพื้นที่ต้องการเทจากช่อง Fill Color 3. ที่ Options ในส่วนของ Gap Size ให้คลิกเลือกขนาดของสีที่ใช้ปิดช่องว่าง โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 67
  • 3.  Don’t Close Gaps ไม่มีการปิดช่องว่าง  Close Small Gaps ปิดช่องว่างขนาดเล็ก  Close Medium Gaps ปิดช่องว่างขนาดกลาง  Close Large Gaps ปิดช่องว่างขนาดใหญ่ 4. คลิกเทสีพื้นของรูปภาพบริเวณที่ต้องการ จากนั้นพื้นที่บริเวณที่คลิกเลือกจะมีสีเปลี่ยนแปลงไป ตามค่าสีที่กาหนดไว้ 1.คลิกปุ่ม Paint Bucket Tool 2.คลิกเลือกสีของพื้น 3.คลิกเลือกขนาดของสีที่ใช้ ปิดช่องว่าง 5.คลิกเทสีของรูปภาพบริเวณที่ต้องการ 5. ทดลองคลิกเลือกรูปแบบ Close Large Gaps 6. คลิกเทสีพื้นของรูปภาพบริเวณที่ต้องการ จะเห็นว่าพื้นที่บริเวณที่ถูกเทสีนั้นมีบริเวณน้อยลง โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 68
  • 4. 5.คลิกเลือกรูปแบบ Close Medium Gaps 6.คลิกเทสีพื้นของรูปภาพบริเวณที่ต้องการ หน้าที่การทางานของเครื่องมือ Brush Tool คือ ใช้สาหรับแปรงระบายสีลงบนภาพ โดย สามารถกาหนดสี ขนาด รูปร่างของขนแปรง และลักษณะการแปรงได้ตามต้องการ สาหรับ ขั้นตอนการแปรงสีโดยใช้เครื่องมือ Brush Tool สามารถทาได้ ดังนี้ 1. คลิกปุ่ม Brush Tool ที่ทูลบ็อกซ์ 2. คลิกเลือกสีของแปรงที่ต้องการระบายจากช่อง Fill Color 3. ที่ Options ในส่วนของ Brush Mode ให้คลิกเลือกลักษณะการแปรงระบายสี  Paint Normal ระบายสีโดยทับลงบนสีเส้นและสีพื้นของภาพเดิม  Paint fills ระบายสีโดยทับลงบนสีพื้นอย่างเดียว  Paint Behind ระบายสีอยู่ที่ด้านหลังของภาพ  Paint Selection ระบายสีภาพเฉพาะพื้นที่ในส่วนที่เลือกไว้  Paint Inside ระบายสีตามการดรากส์เมาส์ เช่น หากเริ่มดรากส์เมาส์ที่ด้านในภาพสีก็จะ ปรากฏเพียงแค่ในภาพเท่านั้น แต่หากเริ่มดรากส์ เมาส์ที่ด้านนอกของภาพ สีก็จะปรากฏเฉพาะที่พื้นที่ด้านนอกของภาพ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 69
  • 5. 4. คลิกเลือกขนาดของแปรงที่ใช้ในการระบาย จากส่วนของ Brush Size 5. คลิกเลือกรูปร่างลักษณะของแปรงที่ใช้ในการระบาย จากส่วนของ Brush Shape 6. คลิกเมาส์ที่พื้นงานและให้ทาการระบายสี จากนั้นจะปรากฏสีขึ้นมาบนภาพตามลักษณะของแปรงที่ได้ เลือกใช้ในการระบายสี 1.คลิกปุ่ม Brush Tool 2.คลิกเลือกสีของแปรง 6.คลิกเมาส์ทาการระบายสี 3.คลิกเลือกลักษณะการแปรง ระบายสี อกขนาดของแปรง 4.คลิกเลื 5.คลิกเลือกรูปร่างลักษณะ ของแปรง เมื่อคลิกเลือกลักษณะการแปรงเป็น Paint Fills สีที่ระบายจะปรากฏขึนมา ้ เฉพาะพื้นของภาพเท่านั้น โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 70
  • 6. เมื่อคลิกเลือกลักษณะการแปรงเป็น Paint Behind สีที่ระบายจะปรากฏ ขึ้นมาที่ด้านหลังภาพ เมื่อคลิกเลือกลักษณะการแปรงเป็น Paint Selection สีที่ระบายจะปรากฏขึนมา ้ เฉพาะบริเวณพื้นที่ที่เลือกไว้เท่านัน ้ เมื่อคลิกเลือกลักษณะการแปรงเป็น Paint Inside สีที่ระบายจะปรากฏ ขึ้นมา ตามลักษณะการดรากส์เมาส์ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 71
  • 7. หน้าที่การทางานเครื่องมือ Eyedropper Tool คือ ใช้สาหรับดูดสีที่ต้องการ และเมื่อได้ทาการดูด สีเสร็จเรียบร้อยแล้วสามารถนาสีนั้นไปใช้งานต่อได้ เช่น อาจนาไปแทนที่สีที่ได้ตกแต่งไว้จากเครื่องมือ Brush Tool หรือแทนที่ส่วนต่างๆ ของภาพได้ตามต้องการ สาหรับขั้นตอนการดูดและใช้งานเครื่องมือ Eyedropper Tool สามารถทาได้ ดังนี้ 1. คลิกปุ่ม Eyedropper Tool ที่ทูลบ็อกซ์ 2. คลิกดูดสีที่ต้องการจากพื้นงาน จากนั้นที่ช่อง Fill Color จะมีสีเปลี่ยนแปลงไปตามค่าสีที่ได้ดูดไว้ และเมาส์จะเปลี่ยนเป็นเครื่องมือ Paint Bucket Tool พร้อมกับปรากฏรูปกุญแจที่แสดงว่า ขณะนี้กาลังล็อคสีที่เลือกอยู่ขึ้นมา 3. คลิกเทสีที่ได้ดูดไว้ลงบนพื้นงาน จากนั้นพื้นที่บริเวณที่คลิกเลือกจะมีสีเปลี่ยนแปลงไปตามค่าสีที่ ถูกดูดไว้ 4. คลิกเทสีที่ได้ดูดไว้ลงบนพื้นงานจนครบตามบริเวณที่ต้องการ 2.คลิกดูดสีที่ต้องการจากพื้นงาน 1.คลิกปุ่ม Eyedropper Tool 3.คลิกเทสีได้ดูดไว้ลงบนพื้นงาน 4.คลิกเทสีได้ดูดไว้ลงบนพื้นงานจนครบ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 72
  • 8. หน้าที่การทางานของเครื่องมือ Gradient Transform Tool สามารถแบ่งได้ 2 ลักษณะ คือ 1. เมื่อทางานกับออบเจ็กต์และได้ทาการเทสีในลักษณะที่มีการไล่เฉดสี (Gradient) เครื่องมือ Gradient Transform Tool จะมีหน้าที่ในการปรับเปลี่ยนทิศทางการไล่เฉดสี รวมถึงปรับ ช่วงโทนสีที่ต้องการให้ปรากฏขึ้นมาได้ตามต้องการ 2. เมื่อทางานกับภาพกราฟิกและได้สั่งทาการ Break Apart เพื่อแยกองค์ประกอบของภาพออกมาแล้ว เครื่องมือ Gradient Transform Tool จะมีหน้าที่ในการปรับเปลี่ยนทิศทางของภาพ สาหรับขั้นตอน การทางานกับเครื่องมือ Brush Tool ทั้ง 2 ลักษณะ สามารถแยกเป็นหัวข้อตามขั้นตอน ดังนี้ เมื่อทาการเทสีลงบนออบเจ็กต์โดยมีการไล่เฉดสีในลักษณะเป็นรูปวงกลมแล้ว ที่ด้านนอกจะเป็นสีดา ซึ่งมีความเข้มมากกว่าด้านใน นักเรียนสามารถปรับเปลี่ยนรัศมีของค่าสีด้านนอกและด้านในของรูปวงกลม ให้ มีความเข้มจาง มากน้อยตามต้องการได้ ดังนี้ 1. คลิกเลือกออบเจ็กต์ที่ต้องการเทสี 2. คลิกปุ่ม Paint Bucket Tool ที่ทูลบ็อกซ์ 3. คลิกเลือกสีของพื้นที่ต้องการเทจากช่อง Fill Color 2.คลิกปุ่ม Paint Bucket Tool 1.คลิกเลือกออบเจ็กต์ 3.คลิกเลือกสีของพื้น โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 73
  • 9. 4. คลิกปุ่ม Free Transform Tool ที่ทูลบ็อกซ์ค้างไว้ จากนั้นเลือก ที่ Gradient Transform Tool 5. คลิกที่ออบเจ็กต์จะปรากฏจุ ดแฮนเดิลขึ้นมา จากนั้นให้คลิกที่จุดแฮนเดิลรูปวงกลม และดรากส์ เมาส์ ทาการย่อ ขยายรัศมีของค่าสีที่ได้ในลักษณะเป็นรูปวงกลม 4.คลิก Gradient Transform Tool 5.คลิกที่ออบเจ็กต์จากนั้นให้ คลิกที่จุดแฮนเดิลรูปวงกลม และดรากส์เมาส์ รัศมีของค่าสีด้านในจะถูกย่อให้ลดลงใน ลักษณะเป็นรูปวงกลม พร้อมกับถูกแทนที่ด้วย ค่าสีด้านนอก 6. แต่หากคลิกจุดแฮนเดิลรูปสีเหลี่ยม และดรากส์เมาส์จะเป็นการย่อ ขยายรัศมีของค่าสีที่ได้เทลง ไปในลักษณะเป็นรูปสี่เหลี่ยมตามแนวนอน 6.คลิกที่จุดแฮนเดิลรูปสี่เหลี่ยม และดรากส์เมาส์ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 74
  • 10. รัศมีของค่าสีด้านในจะถูกย่อให้ลดลงใน ลักษณะเป็นรูปสี่เหลี่ยม พร้อมกับถูก แทนที่ด้วยค่าสีดานนอก ้ การไล่เฉดสีลงบนออบเจ็กต์ไม่เพียงแต่มีลักษณะเป็นรูปวงกลมเท่านั้น แต่หากต้องการไล่เฉดสีใน ลักษณะเทสี ไล่เรียงต่อกับไปก็สามารถทาได้เช่นกัน สาหรับตัวอย่างต่อไปนี้เป็นการไล่โทนสีเป็นสายรุ้ง จากนั้น จะทาการปรับเปลี่ยนช่วงโทนสี และต่อมาจึงทาการปรับเปลี่ยนทิศทางการเทสีตามลาดับ 1. คลิกเลือกออบเจ็กต์ที่ต้องการเทสี 2. คลิกปุ่ม Paint Bucket Tool ที่ทูลบ็อกซ์ 3. คลิกเลือกสีของพื้นที่ต้องการเทจากช่อง Fill Color 4. คลิกปุ่ม Free Transform Tool ทีทูลบ็อกซ์ค้างไว้ จากนั้นเลือก ที่ Gradient ่ Transform Tool 5. คลิกที่ออบเจ็กต์จะปรากฏจุดแฮนเดิลขึ้นมา จากนั้นให้คลิกที่จุดแฮนเดิลรูปสี่เหลี่ยมและดรากส์ เมาส์ทาการย่อ ขยายช่วงโทนสี ของค่าสีที่ต้องการ 1.คลิกเลือกออบเจ็กต์ 2.คลิกปุ่ม Paint Bucket Tool 3.คลิกเลือกสีของพื้น โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 75
  • 11. 4.คลิกปุ่ม Gradient Transform Tool 5.คลิกที่ออบเจ็กต์จากนั้นให้คลิกที่จุด แฮนเดิลรูปสี่เหลี่ยม และดรากส์เมาส์ ช่วงโทนสีด้านในจะถูกย่อให้ลดลงพร้อมกับ ถูกแทนที่ด้วยค่าสีด้านนอก 6. แต่หากคลิกจุดแฮนเดิลรูปวงกลมด้านบน และดรากส์จะเป็นการหมุนช่วงโทนสีไปในทิศทางต่างๆ 6.คลิกจุดแฮนเดิลรูปวงกลมด้านบน และดรากส์เมาส์หมุน ช่วงโทนสีจะถูกหมุนเอียงไป ตาม ลักษณะการดรากส์เมาส์ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 76
  • 12. เปิดหน้าต่าง Color Swatches ด้วยการกดปุ่ม <Shift+F3> จะปรากฏช่องสี่เหลี่ยมเล็กแสดงสี ต่างๆ ให้เลือกซึ่งสีที่ได้จะเป็นสีเดียวกันกับ Swatches ของกรอบแสดงสีของเครื่องมือ Fill ในกล่องเครื่องมือ นั่นเอง นั่นคือเมื่อเราเลือกสีใดจากกรอบแสดงสี หรือหน้าต่าง Color Swatches จะมีค่าเท่ากันคือ เป็นสี เดียวกันเสมอหากต้องการสีสันมากกว่านี้แนะนาให้ไปเลือกกาหนดเอาในหน้าต่าง Color Mixed ในหัวข้อ ถัดไป หน้าต่าง Color Swatches สิ่งสาคัญของการกาหนดสีสันในหน้าต่างนี้จะอยู่ที่การกาหนดให้ไล่เฉดสีเรียกว่า Gradient นอกจากนี้ ยังสามารถกาหนดสีในโหมด RGB , HSB รวมถึงการกาหนดค่าความโปร่งใสของการเติมสี (Alpha) ได้อีกด้วย เปิดหน้าต่าง Color Mixed ด้วยการกดปุ่ม <Shift+F9> หรือคลิกเมนู Window > Design Panels > Color Mixer การกาหนดสีแบบตางๆ ได้อย่างอิสระในหน้าต่าง Color Mixed มีรายละเอียดดังนี้ การใส่สีสันให้กับชิ้นงานด้วยวิธีไล่เฉดสีนี้ นอกจากจะช่วยเพิ่มความสนใจให้กับชิ้นงานแล้วยัง ทาให้มุมมองของภาพ 2 มิติ คล้ายกับภาพ 3 มิติได้อีกด้วย การใส่สีแบบ Gradient มีด้วยกัน 2 ลักษณะ ที่ ต่างกัน คือ การไล่เฉดสีแบบแนวรัศมี (Radial Gradient) ซึ่งวิธีการกาหนดและใช้งานสีแบบ Gradient ทั้ง 2 แบบมีรายละเอียดดังนี้ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 77
  • 13. การไล่เฉดสีแบบนี้มักจะใช้กับชิ้นงานที่เป็นวงกลม วงรี หรือลักษณะของการสร้างปุ่ม ก็เพราะ การไล่เฉดสีแบบนี้ทาให้สร้างมุมมองชิ้นงาน ดังตัวอย่างต่อไปนี้ 1. คลิกเครื่องมือสร้างรูปดาวในกล่องเครื่องมือ 2. คลิกเมาส์แล้วลากสร้างรูปดาวบนสเตจ 1 2 3. เปิดหน้าต่าง Color คลิกเมนู Window แล้วเลือก Color หรือกดปุ่ม <Shift+F9> 3 4. คลิกตัวเลือก Radial Gradient 5. ตอนนี้จะเลือกไล่เฉดสีเพียง 2 สีก่อน สังเกตว่าปุ่มเลื่อนปรับสีจะมี 2 อัน อยู่ซ้ายสุดกับขวาสุดบน แถบสี 6. คลิกถังเติมสีในกล่องเครื่องมือ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 78
  • 14. 7. คลิกเมาส์กลางวงกลม 1 ครั้งเพื่อเปลี่ยนสีให้กับวงกลมตามที่กาหนด ซึ่งจะเห็นว่าสีใหม่ที่ได้จะมี การเลือกเอาไว้ 8. คลิกเมาส์บนปุ่มเลื่อนปรับสีอันขวามือ 4 6 5 8 7 9. ทาการเปลี่ยนสีโดยคลิกเมาส์บนกรอบแสดงสี 10. เมื่อเมาส์เปลี่ยนเป็น รูปวงกลม แล้วให้คลิกเมาส์เลือกสีที่ต้องการ 9 10 11. คลิกเมาส์ค้างไว้แล้วเลื่อนปุ่มเลื่อนอันขวามือมาทางซ้ายเพื่อปรับขอบเขตของสี ยิ่งเลื่อนเข้ามา มากสีที่กาลังปรับจะมีพื้นที่ของสีนั้นๆ มากขึ้นและจุดเปลี่ยนของสีจะขยับไปด้วย โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 79
  • 15. เลื่อนเพื่อปรับขอบเขตของสี 12. คลิกเมาส์เติมสีใหม่ให้กับวงกลม ในทานองเดียวกันกับการไล่เฉดสีแบบแนวรัศมี สามารถที่จะใส่สีสันในแนวตรงได้เช่นเดียว กัน มักจะนิยมใช้เทคนิคนี้ไปตกแต่งสีพื้นหลังของเว็บไซต์หรือชิ้นงานอิสระหรืออาจจะนา ไปสร้างเป็น Theme เพื่อให้ชิ้นงานทั้งหมดมีลวดลายใกล้เคียงกัน ในหัวข้อนี้จะเพิ่มเติมในเรื่องการเพิ่มสีที่จะเข้ามาเกี่ยวข้องกับการ ไล่เฉดสีด้วย 1. คลิกเครื่องมือสร้างสี่เหลี่ยมในกล่องเครื่องมือ 2. ปรับมุมของสี่เหลี่ยมโดยไปที่ Properties ใส่ตัวเลข 20 ลงในช่องตัวเลขแล้วคลิกปุ่ม Enter ที่ keyboard โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 80
  • 16. 1 2 3. คลิกเมาส์แล้วลากเพื่อสร้างสีเหลี่ยมบนสเตจ 4. คลิกตัวเลือก Linear Gradient ในหน้าต่าง Color 5. ตอนนี้จะเลือกไล่เฉดสีเพียง 2 สีก่อน สังเกตว่าปุ่มเลื่อนปรับสีจะมี 2 อัน อยู่ซ้ายสุดกับทางขวา บนแถบสี 6. คลิกถังเติมสีในกล่องเครื่องมือ 7. คลิกเมาส์กลางสี่เหลี่ยม 1 ครั้ง เติมสีใหม่ที่ได้จะมีการไล่เฉดสี 2 สี 4 7 6 5 3 8. วางเมาส์ใต้แถบสีสังเกตที่เมาส์จะแสดงเครื่องหมาย+ขึ้นมาให้เห็น คลิกเพิ่มปุ่มเลื่อนปรับสีขึ้นมา อีก 1 อันตรงการ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 81
  • 17. 9. คลิกเมาส์ค้างไว้บนลูกศรปรับโทนสี แล้วเลื่อนขึ้นหรือเลื่อนลงเพื่อให้ได้สีตามที่ต้องการ 10. ทาเลือกสีในกรอบใหญ่ โดยการคลิก 1 ครั้ง 9 10 เพิ่มปุ่ มเลื่อนปรับสี 11. คลิกเมาส์เติมสีใหม่ให้กับสี่เหลี่ยม (หากเมาส์ไม่เปลี่ยนเป็นถังเติมสีให้คลิกเลือกเครื่องมือเติมสีใน กล่องเครื่องมือก่อน) 11 12. หากต้องการเอาปุ่มเลื่อนปรับตัวไหนออก ให้คลิกที่ปุ่มนั้นค้างไว้แล้วลากให้ห่างจากแถบสีแล้ว ปล่อยเมาส์ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 82
  • 18. 12 โดยการเปลี่ยนตัวเลขค่าสีของแม่สีในช่องโดยตรง ในหน้าต่าง Color  ช่อง R จะเป็นสีแดง  ช่อง G จะเป็นสีเขียว  ช่อง B จะเป็นสีน้าเงิน  ช่อง Alpha จะปรับความโปร่งใสของสีในหน่วยเปอร์เซ็นต์สามารถเลื่อนแถบเลื่อนปรับ ค่าได้หรือจะใส่ตัวเลขลงไปโดยตรงก็ได้ ใส่ค่าตัวเลขสีลงไปโดยตรงในช่อง ปรับค่าความโปร่งใส โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 83
  • 19. การแสดงโค้ดสี จะแสดงเป็นตัวเลขฐาน 16 จานวน 6 หลักและขึ้นต้นด้วยเครื่องหมาย # เช่น สีแดงจะแทนด้วยโค้ดสี #FF0000 เป็นต้น ใส่โค้ดสีลงไปโดยตรง เปลี่ยนปลายแปรงทาสี หรือปลายพู่กันให้เป็นรูปภาพ มักพบเห็นโดยทั่วไปในการสร้างงาน ด้วยโปรแกรมกราฟิกในโปรแกรม Flash ก็ได้เตรียมคุณสมบัตินี้เอาไว้ให้แล้วเช่นเดียวกัน ตัวอย่างต่อไปนี้ น่าจะช่วยให้ความกระจ่างได้เกี่ยวกับเทคนิคนี้ 1. คลิกเมนู File > Import > Import to Library 2. ดับเบิลคลิกเลือกไฟล์รูปที่จะเอามาทาปลายพู่กัน 1 2 โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 84
  • 20. 3. เปิดหน้าต่าง Color กดปุ่ม <Shift+F9> 4. คลิกตัวเลือก Bitmap จะพบว่ารูปที่ดึงเข้ามาจะแสดงในหน้าต่าง Color นี้ทั้งหมด 5. คลิกแปรงทาสีในกล่องเครื่องมือ 6. เมื่อเมาส์เปลี่ยนเป็นแปรงทาสีแล้ว ให้คลิกไปบนรูปโดยตรงในหน้าต่าง Color 7. ทดสอบการวาดบนสเตจ 3 4 5 4 6 7 4 8. คลิกไปบนรูปอื่นโดยตรงในหน้าต่าง Color 9. ทดสอบการวาดอีกครั้ง คราวนี้ก็สามารถเปลี่ยนปลายพู่กันได้แล้ว และนาไปประยุกต์ใช้งานได้ต่อไป โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 85
  • 21. 8 9 หน้าที่การทางานของเครื่องมือ Eraser Tool คือ ใช้สาหรับลบพื้นที่บริเวณส่วนที่ไม่ต้องการ ออกไปจากภาพโดยสามารถกาหนดรูปแบบลักษณะวิธีในการลบได้มากมายหลากวิธี ซึ่งการใช้งานเครื่องมือนี้ จะคล้ายกับการใช้เครื่องมือ Brush Tool เพียงแต่ Eraser Tool จะมีไว้เพื่อลบสีออก แต่เครื่องมือ Brush Tool มีไว้สาหรับระบายสีเพิ่มสาหรับขั้นตอนการลบโดยใช้เครื่องมือ Eraser Tool สามารถทาได้ดังนี้ 1. คลิกปุ่ม Eraser Tool ที่ทูลบ็อกซ์ 2. ที่ Options ในส่วนของ Eraser Mode ให้คลิกเลือกลักษณะวิธีการลบ Erase Normal ลบโดยทับลงสีเส้นและสีพื้นของภาพ Erase Fills ลบโดยทับลงบนสีพื้นของภาพเท่านั้น Erase Lines ลบโดยทับลงบนสีเส้นของภาพเท่านั้น Erase Selected Fills ลบเฉพาะพื้นที่บริเวณที่ถูกเลือกไว้เท่านั้นโดยไม่ทาการลบเส้นให้ Erase Inside ลบตามลักษณะการดรากส์เมาส์ เช่น หากเริ่มดรากส์เมาส์ที่ด้านใน ภาพพื้นที่บริเวณที่ถูกลบก็จะเป็นเพียงแค่พื้นที่ด้านในภาพเท่านั้น 3. คลิกเลือกรูปร่างลักษณะของยางลบที่ใช้ในการลบ จากส่วนของ Eraser Shape 4. ดรากส์เมาส์ทาการลบบริเวณพื้นที่ที่ไม่ต้องการ จากนั้นบริเวณพื้นที่ที่ทาการดรากส์เมาส์จะถูกลบ หายไป โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 86
  • 22. 5. คลิกปุ่ม Faucet รูปก๊อกน้าล้างสี เพื่อให้การลบเป็นไปอย่างรวดเร็ว เนื่องจากเพียงแค่คลิกที่ บริเวณพื้นหรือเส้นของภาพเท่านั้น โปรแกรมก็จะทาการลบพื้นที่บริเวณที่คลิกเลือกให้ทั้งหมด 6. คลิกพื้นที่บริเวณที่ต้องการลบ จากนั้นพื้นที่บริเวณที่คลิกไว้จะถูกลบออกไป 1.คลิกปุ่ม Eraser Tool 2.คลิกเลือกลักษณะ วิธีการลบ 3.คลิกเลือกรูปร่างลักษณะของยางลบ 4.ดรากส์เมาส์ทาการลบ 5.คลิกปุ่ม Faucet 6.คลิกพื้นที่บริเวณที่ต้องการลบ โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 87
  • 23. ภาพที่ถูกลบแล้ว โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 88