[เสียงสัญญาณ] (อาจารย์) สวัสดีค่ะ สวัสดีนะคะ ก่อนอื่นให้เด็ก ๆ เปิดโปรแกรม Adobe Illustrator นะคะ แล้วก็เปิด Web Browser นะคะ ถ้าใครเปิด Web Browser แล้วนะคะ ให้ค้นหาโดยใช้คำว่า “Background Valentine Day” ใช้คำค้นนี่นะคะ Background Valentine Day ถ้าใครเข้ามา หา Background ได้แล้วให้เลือก ให้เลือกภาพที่ Background ที่เป็นรูปหัวใจน่ะ เอาไปใช้งาน 1 ตัวนะคะ เลือกอันไหนก็ได้แล้วแต่ แต่ไม่ต้องให้มีข้อความนะคะ ก็คือมีแต่ภาพที่เป็นพื้นหลังเป็นหัวใจไม่ต้องข้อความอะไรอยู่ในภาพนั้นนะคะ สัก 1 อัน ให้ Copy หรือ Download รูปภาพนั้นไปไว้นะคะ ทีนี้ในสัปดาห์นี้นะคะ ในสัปดาห์นี้หัวข้อที่เราจะเรียนกันนะคะ ก็จะเป็นการสร้างข้อความ ข้อความในที่นี้ก็คือจะเป็นลักษณะของ Text Graphic นะคะ Text ธรรมดา กับ Text Graphic นะคะ ก็คือเราจะสร้างข้อความเพื่อจะนำไปใช้ตกแต่งนั่นเองนะคะ เพราะว่าอะไรเพราะว่าการสร้างงาน Graphic น่ะค่ะ นอกจากใช้รูปประกอบแล้วนะ รูปหรือภาพที่เราวาดอะไรก็แล้วแต่นี่ มันก็ต้องมีข้อความใช่ไหมคะ เหมือนทำสติกเกอร์ LINE บางอันเขาก็จะมีข้อความประกอบใช่หรือเปล่านะคะ เพราะฉะนั้นข้อความนี้มีประโยชน์อย่างไร 1. ใช้เพื่ออธิบายใช่ไหม ใช้เพื่ออธิบายภาพ หรือรูปของเรานะคะ 2. ก็คือใช้เพื่ออะไรล่ะ เป็นหัวข้อก็ได้นะคะ ใช้สำหรับเป็นการสร้างหัวข้อหรือชื่อเรื่องก็ได้นะคะ หรือใช้เป็นเนื้อหาทำเป็นเนื้อหาก็ได้นะคะ สำหรับหัวข้อที่จะเรียนในวันนี้ ก็จะพูดถึงรูปแบบของตัวอักษรนะคะ รูปแบบตัวอักษรในที่นี้นะคะหมายถึงรูปแบบตัวอักษรที่เราจะสร้าง โดยใช้โปรแกรมนะคะ ไม่ใช่รูปแบบตัวอักษรเหมือนใน Word อย่างนี้ อันนั้นมันสร้างมาแล้วนะ รูปแบบตัวอักษรใน Word นั่นก็คือ Font นั่นเองนะคะ เช่น Font Thai Sarabun อย่างนี้นะคะ กับ Font Thai Niramit ลักษณะหรือรูปแบบของตัวอักษร มันก็จะไม่เหมือนกันอย่างนี้นะคะ แต่อันนี้จะเป็นรูปแบบตัวอักษรที่เราหรือโปรแกรม เราจะใช้โปรแกรมในการสร้างขึ้นมานะคะ และหัวข้อต่อมาเราสามารถนำภาพไปใส่ในตัวอักษรได้ ทำอย่างไรนะคะ วิธีการเอาภาพไปใส่ลงในตัวอักษรและหัวข้อสุดท้ายของสัปดาห์นี้นะคะ ก็คือการปรับแต่งตัวอักษร ทำไมต้องปรับแต่งตัวอักษร มันแตกต่างอย่างไรกับตัวอักษรปกติ ตกแต่งหรือปรับแต่งแล้วมีอะไรขึ้นนะคะ เดี๋ยวเรามาดูกันนะคะ สิ่งแรกเลยนะคะ ในหัวข้อแรกก็คือรูปแบบตัวอักษร รูปแบบของตัวอักษร ในสัปดาห์นี้โปรแกรมที่เราใช้บอกแล้วว่า คือ Illustrator เพราะฉะนั้นรูปแบบตัวอักษรที่สามารถทำใน Illustrator นี่ เขาแบ่งออกเป็น 3 แบบ หรือ 3 ประเภทนะคะ แบบแรกเขาจะเรียกว่า “Point Type” ตัวอักษรแบบ Point Type นะคะ แบบที่ 2 ตัวอักษรแบบ Area Type และแบบที่ 3 ตัวอักษรแบบ Type on Path 3 แบบเป็นอย่างไรหรือต่างกันอย่างไรเดี๋ยวเรามาดูนะคะในหัวข้อต่อไปเลยนะคะ ที่แบบแรกก่อนตัวอักษรแบบ Point Type แบบ Point Type ให้ดูที่ภาพ ให้ดูที่ภาพนะคะ เห็นไหมคะ ก็คือจะมีตัวอักษรวางอยู่บนพื้นหลังหรือว่าในของ Illustrator นี่ พื้นที่ ๆ ที่ทำกราฟิกนี่เขาจะเรียกว่า “Artboard” นะคะ เรียกว่า “Artborad” นี่นะคะ ก็คือในพื้นที่การทำงานนะคะ ที่เราจะสร้างตัวอักษรขึ้นมานี่ใน Illustrator นี่มันจะเรียกพื้นที่นั้นว่า “Artborad” นะคะ เพราะฉะนั้นลักษณะของตัวอักษรแบบ Point Type นี่เป็นการพิมพ์ พิมพ์ธรรมดานี่ พิมพ์ตัวอักษรนี่ แต่ละคำ พิมพ์เป็นคำ ๆ นะคะ ลงไปบน Artboard ก็คือเราต้องพิมพ์ ใช้วิธีการพิมพ์ ลักษณะตัวอักษรแบบ Point Type เขาบอกว่า เหมาะกับข้อความที่ไม่ยาวมาก เห็นไหมคะ ใช้ทำสำหรับข้อความที่ไม่ยาวมาก เช่น หัวเรื่อง เพราะอะไรหัวเรื่อง จะไม่ยาวมากจะเป็นสั้น ๆ เช่น คำว่า เหมือนวันนี้หัวเรื่องของเรา ก็คือ Text Graphic อย่างนี้นะคะ หัวเรื่องก็คือพูดเกี่ยวกับการทำตัวอักษรนั่นเองนะคะ เป็นลักษณะข้อความที่ไม่ยาวมากเป็นหัวเรื่องหรือเป็นข้อความที่เราต้องการเน้นการตกแต่งนะคะนี่คือลักษณะตัวอักษรแบบที่ 1 ซึ่ง เดี๋ยวพอจบเนื้อหาที่บรรยายแล้ว เราจะพาทำนะคะ ให้ดูรูปแบบต่อไปก่อนนะคะ รูปแบบตัวอักษรแบบที่ 2 นะคะ ตัวอักษรแบบ Area Type, Area ก็คือพื้นที่นะคะ ก็คือเป็นการพิมพ์ พิมพ์ข้อความเหมือนกัน ยังพิมพ์อยู่นะคะ แต่ให้อยู่ในพื้นที่ที่กำหนดนะคะ เช่น พิมพ์ให้อยู่ในพื้นที่สี่เหลี่ยม นั้นหมายว่าข้อความที่เราพิมพ์ จะไม่ออกนอกพื้นที่นั้นนะคะ นอกจากพื้นที่สี่เหลี่ยมแล้ว เพราะฉะนั้นรูปทรงต่าง ๆ ที่มีอยู่ในเครื่องมือของโปรแกรม Illustrator นะคะ เราสามารถพิมพ์ให้อยู่ในพื้นที่นั้นได้หมดนะคะ ไม่ให้ออกจากพื้นที่ เช่น รูปทรงของ Polygon หรือรูปหลายเหลี่ยมนะคะ ถ้าเราสร้างรูปหลายเหลี่ยมขึ้นมา แล้วเราพิมพ์โดยใช้ลักษณะ Area Type นะคะ ข้อความมันก็จะอยู่เฉพาะในรูปทรงนั้น มันจะไม่ออกนอกรูปทรงนะคะ ลักษณะพื้นที่แบบตัวอักษรแบบ Area Type นี่เหมาะกับการใช้ในข้อความที่เป็นเนื้อหา เนื้อหาที่ต้องการให้มีจุดเด่นว่าอยู่ในรูปทรงนี้นะคะ ก็คือเนื้อหายาว ๆ หน่อยนะคะ มีหลายบรรทัดแล้วจัดให้อยู่ในรูปทรงที่กำหนด เราก็จะเลือกทำการ สร้างแบบอักษรที่เรียกว่า “Area Type” นะคะ และมาดูรูปแบบของตัวอักษรแบบที่ 3 กันนะคะ ส่วนของตัวอักษรแบบที่ 3 เราเรียกว่า “ตัวอักษรแบบ Type on Path” ถ้าแปลตามภาษาอังกฤษนี่ Type นี่ก็คือพิมพ์ On บนนะคะ Path หรือ Path ก็คือเป็นลักษณะของเส้น ก็คือพิมพ์ตัวอักษรนี่ไปตามเส้นนะคะ ไปตามเส้นที่เรากำหนดหรือเราสร้างขึ้น ในตัวอย่างนี้ เป็นลักษณะของเส้นโค้ง เมื่อพิมพ์แล้วตัวอักษรมันก็จะโค้งไปตามเส้นที่กำหนดนะคะ ทีนี้เดี๋ยวจะให้ดูตัวอย่าง ของตัวอักษรที่กล่าวมาในแต่ละรูปแบบนะคะ แบบแรกนะคะ แป็บหนึ่งนะคะ ภาพกำลังโหลดต้องรอก่อน ช้าหน่อยยังไม่ขึ้น แบบนี้เห็นไหมคะ ลักษณะก็คือเป็นแบบ Type on Path สังเกตว่าข้อความเห็นไหมคะ จะโค้ง จะโค้งไปตามรูปนะคะหรืออยู่ในรูปทรง เช่น รูปโบว์ อย่างนี้นะคะ หรืออยู่ในรูปวงกลมอันนี้จะเป็น Type on Path ได้ด้วยกับ Area Type ในตัวอย่างนี้มี 2 แบบนะคะ อยู่ในพื้นที่ สัญญาณเราหรือสัญญาณทางนู่น ตอนนี้สัญญาณกระตุก ของเราหรือของเขา ปิดแล้วเปิดใหม่ไหม เดี๋ยววางสายแล้วจะโทร. เข้าไปใหม่นะคะ คือสัญญาณกระตุกค่ะ ให้ดูนะคะลักษณะตัวอย่างตัวอย่างของเรามันจะมีแบบโค้งโค้งไปตามรูปนะคะหรืออยู่ในรูปทรง [เสียงสัญญาณ] (อาจารย์) แล้วก็อีกแบบหนึ่งแบบแรกที่บอกว่าเป็น Point, Point Type นะคะ ก็คือ เป็นข้อความสั้น ๆ ไม่ยาวมากวางบน Artboard หรือบนพื้นที่การทำงานก็... เช่น เหมือนเกี่ยวกับหัวข้อ Valentine Day อย่างนี้นะคะหรือวันวาเลนไทน์นั่นเองนะคะ ก็จะเป็นข้อความที่วางในหัวข้อนะคะ หรือ หรือวางแบบนี้ เห็นไหมคะ เห็นไหม วางทั้งในรูปทรงแล้วก็มีหลายแบบแต่ผสมกัน เราอาจจะเอาลักษณะรูปแบบตัวอักษรทั้ง 3 แบบนี่ ผสมอยู่ในงานชิ้นเดียวกันก็ได้นะคะ อยู่ที่เขาเรียกว่าอะไรล่ะ อยู่ที่ไอเดียของ คนทำเองด้วยนะคะ สามารถเห็นไหมคะ เหมือนให้มีวงกลมใช่ไหม แล้วก็เอาข้อความลงไปวางในนั้นก็ได้ เอาหัวข้อเข้าไว้ในวงกลมก็ได้นะคะอย่างนี้เป็นต้นนะคะ สิ่งแรกที่เด็ก ๆ ควรจะมีก็คือ 1. เมื่อกี้บอกแล้วให้ค้นหาภาพพื้นหลัง Background ที่เป็นรูป Valentine เกี่ยวกับ Valentine หัวจงหัวใจพวกนี้ เดี๋ยวจะพาทำนะคะ สัก 1 ภาพนะคะ เหมือนตัวอย่างนี้นะคะเลือกมา ไม่ต้องมีข้อความให้มีแต่พื้นหลังน่ะ นึกออกนะ อาจจะแบ่งพื้นที่หรือไม่แบ่งก็ได้เป็น Background ข้างหลัง เราจะได้ไม่ต้องสร้างใหม่ ไม่อย่างนั้นจะเสียเวลานะคะ ไปยืมเขามาใช้ก่อน โอ.เค. เมื่อได้แล้วนะคะ เราก็จะเริ่มเข้าสู่กระบวนการผลิตภาพกันแล้วทีนี้นะคะ เมื่อกี้ให้เปิดโปรแกรมแล้ว ใครยังไม่เปิดโปรแกรม Illustrator ไม่อย่างนั้นจะช้านะคะ ถ้าเปิดมาแล้วนะคะ ให้คลิกที่ช่องเครื่องมือ ที่ชื่อว่า “Type Tool”, Type Tool จะมีลักษณะ เป็นรูปตัว T น่ะเห็นไหม แถบเครื่องมือมันจะอยู่ที่... ถ้าใครเปิดโปรแกรมแล้วนะคะ ถ้าใครเปิดโปรแกรมแล้ว ถ้าใครเข้ามาหน้านี้ก็คือกดแล้วก็เลือก สร้างใหม่ใช่ไหมคะ File New นะคะ ขนาดพื้นที่ Artborad ที่เราจะสร้างเอา A4 ธรรมดาก่อนนะคะ จะช้านิดหนึ่งนะคะ ถ้าเครื่องใคร เลือกเป็น A4 นะคะ ขนาด Size เลือกที่ Size แล้วก็ A4, A4 แล้วก็เลือกให้ เลือกกระดาษเป็นแนวนอนไม่เอาแนวตั้งนะคะ เลือกกระดาษเป็นแนวนอน กำหนด ๆ รูปแบบแนวนอน ขนาด A4 แนวนอนนะคะ ถ้าใครกำหนดแล้วกด OK ค่ะ เราก็จะได้พื้นที่หรือ Artborad ที่จะสร้างแล้วนะคะ เปล่า ๆ 1 อันนะคะ มาดูหัวข้อที่เราจะทำ ก่อนอื่นจะอธิบายก่อน เครื่องมือที่ชื่อว่า “Type Tool” นี้นะคะ นี่อยู่ที่แถบเครื่องมือทางด้านซ้ายมือนะคะ ทางด้านซ้ายมือที่เป็นรูปตัว T คลิกเข้าไป 1 ครั้ง มันจะขึ้น มันจะมี Pop-Up ขึ้นมานะคะ อธิบายลักษณะเครื่องมือแต่ละตัวก่อนนะคะ แบบแรก ที่เป็นตัว T เฉย ๆ ตัวบนสุด ตัวนี้ก็คือ Type Tool ก็คือ Type Tool ตัวแรกนี่ ก็คือเป็นการสร้างตัวอักษร ที่ไปตามแนวนอน แนวนอนนะคะ ถ้าแบบที่ 2 แบบที่ 2 นะคะ Area Type Tool มีชื่อว่า “Area Type Tool” ตอนนี้อยากให้เด็ก ๆ ทุกคนนะคะ คลิกที่แถบเครื่องมือที่อยู่ทางซ้ายมือนี่ ที่เป็นรูปตัว T 1 ครั้งให้มันขึ้น เห็นไหมคะ ให้มันขึ้นตัว T แล้วก็มี Text Tool, Area Type Tool ขึ้นมา ใครยังไม่คลิก จะได้ดูไปพร้อมกัน จะได้ฟังที่อธิบายว่าแต่ละ Tool นะ Tool แต่ละตัวการทำตัวอักษรนี่มีอะไรบ้างนะคะ เดี๋ยวขอเดินดูแป๊บหนึ่งนะคะ ดูนะคะ ดูไปตามสไลด์ด้วยนะคะ ตัวที่ 1 ตัวที่ 1 เห็นไหมคะ แถบ Tool ตัวที่ 1 เรียกว่า “Type Tool” มันหมายถึง การพิมพ์ ถ้าเราเลือกตัวนี้เวลาเราพิมพ์นี่ ข้อความมันจะไปตามแนวนอนเท่านั้นนะคะ มาดูแถบเครื่องมือตัวที่ 2 เครื่องมือตัวที่ 2 ที่ชื่อว่า... ไหนล่ะ เมาส์เราหายไปไหน ที่ชื่อว่า “Area Type Tool” นะคะ ก็คือเมื่อต้องการสร้างตัวอักษรที่อยู่ในกรอบ ในกรอบของรูปทรงหรือวัตถุน่ะค่ะ เราจะต้องมาคลิกที่ Area Type Tool นะคะ ถ้าเลือกตัวนี้ ตัวอักษรที่สร้างอยู่ในวัตถุจะพิมพ์ไปตามแนวนอนเสมอนะคะ และมาดูที่เครื่องมือตัวที่ 3 Type on Path, Type on Path Tool นะคะ นะคะ ก็คือการพิมพ์ตัวอักษรหรือตัวอักษรที่เราพิมพ์นี่มันจะไปตามเส้นทาง ซึ่งเรียกว่า “Path” หรือ Path นี่นะคะ ก็คือถ้าเราทำเส้นโค้งตัวอักษรมันก็จะโค้งไปตามเส้นนึกออกนะ ถ้าเราทำเส้นเป็นอะไรล่ะ เป็นยึก ๆ ยัก ๆ เหมือนสลับฟันปลาอย่างนี้นะคะ ลักษณะตัวอักษรมันก็จะวิ่งไปตามเส้นที่เราสร้างขึ้นมานะคะ แต่เราจะต้องเลือกใช้ตัวนี้นะคะการพิมพ์แต่ละรูปแบบจะไม่เหมือนกันและมาดูแบบที่ 4. ตัวอักษรลักษณะของเครื่องมือแบบที่ 4. Vertical Type Tool เมื่อใดที่เราต้องการสร้างตัวอักษรที่พิมพ์แนวตั้งก็คือพิมพ์เรียงจากข้างบนลงข้างล่างให้เราคลิกที่ Vertical Type Tool นะคะ ให้เราเลือกตัวนี้มันจะพิมพ์ตัวอักษรเรียงลงมาจากข้างบนลงไปข้างล่าง เช่น คำว่า "ที่" มันก็จะพิมพ์ ทอ อี ที ไม้เอก "ที่", "ตรง" ตรง ก็จะลงมาที่บรรทัดต่อมาเรียงลงมาเป็นบรรทัดลงไปตามแนวบนลงล่างนะคะเห็นไหมลักษณะจะมีลูกศรชี้ให้ดูด้วย ว่าลักษณะการเรียงของตัวอักษร จะเป็นจากข้างบนลงมาข้างล่าง เช่นเดียวกันกับเครื่องมือต่อมา Vertical Area Type Tool นั่นหมายถึงเราต้องการให้ตัวอักษรที่สร้างอยู่ในพื้นที่นี่นะคะ พิมพ์เป็นลักษณะแนวตั้ง ก็คือจากข้างบนลงข้างล่าง เราก็เลือกใช้ Vertical Area Type Tool เราจะต้องมาเลือกใช้ตัวนี้พอตัวอักษรที่มันปรากฏขึ้นมันก็จะเรียงเป็นแนวตั้งไป อันนี้ให้นึกถึงภาษาจีน ภาษาญี่ปุ่นนะ จีนกับญี่ปุ่น เวลาเขาใช้ตัวอักษรเขาจะเรียงจากบนลงล่างและอ่านไปตามแนวอย่างนี้นะคะ และตัวสุดท้าย ไหนล่ะเมาส์หาเมาส์ตัวเองไม่เจอ Vertical Type on Path Tool ตัวนี้ก็คือพิมพ์เหมือนกัน พิมพ์ตัวอักษรนะคะ แต่ลักษณะการเรียงของตัวอักษรมันจะเป็นแนวข้อความมันจะเปลี่ยนมันจะไม่เป็นตามแนวนอนก็คือจะเป็นตามแนวตั้งแล้วก็ไปตามเส้นเดี๋ยวเราจะมาทำให้ดูเปรียบเทียบแต่ละอย่างเลยนะคะ อันดับแรกเริ่มไปที่โปรแกรมค่ะ ไปที่โปรแกรมของเรานะคะ แล้วให้เลือก ๆ ภาพพื้นหลังน่ะค่ะ ภาพพื้นหลังที่เราไป Save มาไว้จำได้นะคะภาพพื้นหลังเป็นรูปหัวใจ วิธีการจะเปิดภาพพื้นหลังนั้นให้คลิกที่ Menu File, Menu File นะคะ แล้วเลือก Browse, Browse In Bridge นะคะ Browse In Bridge คลิก 1 ครั้งเพื่อเลือกนะคะเดี๋ยวมันจะเปิด Folder หรือหน้าต่างขึ้นมาให้รอแป๊บหนึ่ง ไม่เปิดให้ผมน่ะ ทำไมไม่เปิดให้ผมล่ะ หรือรออยู่ ไม่ขึ้นนะ อยู่ไหนรูปอยู่ไหนทำไมไม่ขึ้นเสียด้วยนะครับ ถ้าใช้ตัวนี้ไม่ได้ ปกติมันก็เปิดตัวนี้นี่ มาแล้ว รอแป๊บหนึ่งนั่นเองนะคะ ถ้าเลือกตัวนี้ก็คือ นกรณีที่เราจะนำภาพนะคะมาใช้ ต้องใช้ Menu File นะคะ แล้วก็เลือก Browse In Bridge นะคะ แล้วมันจะขึ้นหน้าต่าง หายไปไหนแล้ว หน้าต่างแบบนี้ขึ้นมานะคะ เราก็ไปที่ Picture เพราะโดยปกติเราจะเก็บภาพไว้ที่ Picture ใช่ไหม ใครไม่เก็บที่ Picture ก็ไปหาดูตัวเองเก็บภาพไว้ที่ไหนเห็นไหมคะแล้วเลือกภาพที่เราจะใช้ ดูนะคะ ๆ วิธีการเอาภาพมาใช้ รอแป๊บ ถ้ากดแล้ว มันยังไม่ขึ้น รอนะคะ ต้องรอหน่อย โปรแกรมกำลังไปเปิด วิธีการก็คือพอเราเห็นภาพที่เราจะใช้นะคะ เราคลิกที่ภาพนั้นแล้วลากลงไปวางบน Artboards ของเราโอ.เค. ไหมคะ เห็นไหมคะก็จะปรากฏภาพพื้นหลังที่เราจะเอามาใช้นะคะ ถ้าใครวางได้แล้วก็ปิดตรงหน้าต่าง Browse In Bridge ไป ของใครยังไม่ขึ้นก็รอแป๊บหนึ่งนะคะ อันนี้วางได้แล้วนะคะ เราก็จัดตำแหน่งนะคะ จัดวางตำแหน่งให้สวยงาม ขยายหน่อยก็ได้ ขยายพื้นที่หน่อยก็ได้วางไม่ได้ขึ้นหรือยัง ปัญหาเมื่อกี้เจอบางคนตอนไป Save ภาพจาก Web น่ะเช็กด้วยนะคะ File ที่ Save ควรจะเป็น File นามสกุลภาพ ก็คือ .jpg บางคนสถานะมันขึ้น File Web มันก็จะดึงมาใช้ไม่ได้เพราะกลายเป็นมันจะไปเปิดเว็บนะคะ มันไม่ได้เปิด File รูป เพราะฉะนั้นตอน Save ดูใหม่ Save ใหม่นะคะ Save ใหม่ นะคะลูก เช็กด้วย ๆ ก่อนจะ Save น่ะค่ะ เราต้องการ File ที่เป็น File ภาพ ไม่ใช่ File นามสกุล Web ต้องเป็น File นามสกุล .jpg นะคะ อีกกรณีหนึ่งนะคะถ้าใครเปิดใช้ Open Browse In Bridge  ไม่ได้นะคะ ก็ให้เลือก Open ธรรมดา เมนู File Open เฉย ๆ ค่ะ แล้วก็ไปเปิด File ภาพนั้นมาโอ.เค. นะคะ ใครยังเปิดไม่ได้อีกมีไหมเอ่ย ไหนใครยังเอารูปลงไปวางใน Artboard ไม่ได้คะยกมือ เหลืออีก 2 คน แป๊บหนึ่งนะคะ โอ.เค. ได้พื้นที่ที่จะวางแล้วนะคะ ตัวแรกเรามาลองที่ข้อความแรกนะคะ ไปที่ Tool, Type Tool ลองพิมพ์แบบแรกก่อนวางให้มันครบทั้ง 6 แบบเลยนะคะ แบบที่ 1 คลิก 1 ครั้ง สังเกตเมาส์จะเปลี่ยนเป็นรูปตัว T เห็นไหมคะ คลิกลงไปที่รูปข้างบนก่อนก็ได้นะคะ คลิก 1 ครั้ง แล้วพิมพ์ พิมพ์ข้อความเช่น... ไม่เช่นล่ะ พิมพ์เลย Valentine Day ดูนะคะ พิมพ์คำว่า “Valentine Day” เดี๋ยวขยายขนาดให้ พิมพ์หรือยังใครพิมพ์แล้ว วิธีการขยายขนาดตัวอักษรก็คือเรา… ที่ขอบของข้อความเห็นไหมคะมันจะมีให้ย่อขยายได้เอาตัวใหญ่ ๆ ก่อน อันนี้อาจารย์ต้องทำตัวใหญ่ ๆ เด็ก ๆ จะได้เห็นนี่คือแบบที่ 1 ใช่ไหม ใช้ Type Tool แบบที่ 1 เดี๋ยวเลื่อนรูปลงมาก่อนนะคะ เดี๋ยวค่อยแต่ง ขอพื้นที่สำหรับโชว์ข้อความก่อน สีเปลี่ยนสีข้อความนะคะ คลิกที่ช่องสีเห็นไหมคะ ข้างบนก็ได้ได้เหมือนกันนะคะ แต่ข้างบนตัวเลือกช่องสีก็จะน้อย Valentine ก็สีแดง อย่างนี้เป็นต้นนะคะ หรือเลือกที่ Tool เครื่องมือ Field ที่เป็นช่องสี 2 สีนี่นะคะ เห็นไหมคะอยู่ด้านล่าง 2 ตัวนี้นะคะ ถ้าเราดับเบิลคลิกเข้าไปเห็นไหมคะ สามารถปรับโทนสีให้อ่อนลงก็ได้ สีแดงอ่อน ๆ ปรับสีได้นะคะ อยากได้เข้ม อยากได้อ่อน ไม่เอาสีแดงอยากได้สีชมพูก็เปลี่ยนสีเป็นสีชมพูนะคะเปลี่ยนสีตรงนี้นะคะ ออกจะม่วงเดี๋ยว ๆ หาชมพูให้ก่อนชมพู... ชมพูบานเย็นกันไปเลยอย่างนี้เป็นต้นนะคะ เปลี่ยนสีอย่างไร เห็นไหมมันจะมีแถบเครื่องมือข้างบนที่เป็นรูปสีอย่างนี้กับแถบเครื่องมือด้านข้างที่มีรูปนี่ที่มีคำว่า “Fill” น่ะค่ะกับ... หรือในกรณีที่ถ้าไม่มาใช้นะคะ ให้ไปที่เมนูที่ชื่อว่า “Windows” นะคะ แล้วให้เปิดหน้าต่างที่ชื่อว่า “Color” เห็นไหมคะ ขึ้นมาไว้เลย Color กับหน้าต่างที่ชื่อว่า “Swatches” ไม่ใช่หน้าต่างสิ Panel เขาเรียก “Panel” ที่ชื่อว่า “Swatches” นะคะ 2 ตัวนี้ไว้เลยเห็นไหมคะนี่ Swatches กับอันหนึ่ง Swatches อันหนึ่ง Swatches, Swatches แล้วก็อีกตัวหนึ่งก็คือ Color นะคะ 2 ตัวไหนล่ะ นี่ทำไมมันตัวนี้มันให้ขึ้นแค่อันเดียว เห็นไหมคะ เราสามารถเลือกโทนสีได้ด้วยนะคะ ถ้าเลือกแบบนี้นะคะเลือกอ่อน แก่ ไล่ไป เดี๋ยวนะคะเครื่องกำลังประมวลผลนั้นก็คือวิธีการเปลี่ยนสีนะคะยัง Not Responding ใครยังหาจุดเปลี่ยนสีไม่ได้ยกมือนะคะ เดี๋ยวไปดูให้ เจอแล้วนะอันนี้คือ Type Tool แบบที่พิมพ์ไปตามแนวนอนใช่ไหมคะ เห็นไหมคะ การตัดขนาดตัวอักษรก็คือเลือกตรงใช้เครื่องมือที่ชื่อว่า “Select”, “Selection” ที่เป็นรูปลูกศรสีดำน่ะค่ะ เลือกแล้วก็ปรับเพิ่มขนาด ลดขนาดได้เปลี่ยน Font ก็คือเปลี่ยนรูปแบบนี่อยู่ตรงแถบเครื่องมือข้างบนนะคะ แล้วเลือกที่เป็นชื่อ Font นี่หรือ Character นะคะ นี่เห็นไหมพอคลิกเลือกมันจะมีรูปแบบตัวอักษร เราสามารถเปลี่ยนรูปแบบได้นะคะ เลือกได้เห็นไหมคะ อยากได้ฟรุ้งฟริ้ง มุ้งมิ้ง ขนาดไหนลองเลือกนะคะ นี่คือใช้ Type Tool นะคะ มาลองตัว Tool ที่ 2 ที่ชื่อว่า “Area Type Tool”, Area Type Tool บอกแล้วว่าทำในพื้นที่ใช่ไหม ก่อนอื่นเราต้องสร้างลักษณะพื้นที่ก่อนนะคะ สร้างรูปทรงพื้นที่หรือรูปทรงนั่นเองนะคะ Area ก็คือพื้นที่หรือรูปทรงนะคะ ใช้เครื่องมือที่ชื่อว่า… อยากได้รูปทรงอะไรคะ เอาหัวใจไหม งั้นเรามาทำหัวใจกันก่อนนะคะ หัวใจเกิดจากอะไรคะ วงกลม 2 วง ซ้อนกันดูนะคะ วงที่ 1 ให้ Size เท่ากันเลยนะก่อนอื่นเด็ก ๆ สร้างวงกลม วงที่ 1 เสร็จแล้วกด Ctrl+C เพื่อ Copy แล้วก็กด Ctrl+V เพื่อวาง เราจะได้วงกลม 2 วง ใช่ไหมคะ ที่มีขนาดเท่ากันแล้วเลื่อนวงกลมวงที่ 2 ให้มาอยู่ในตำแหน่งเดียวกับ... ก็คืออยากได้อะไรล่ะ เขาเรียกว่าอะไร อยากได้ตรงไอ้เว้า ๆ ของหัวใจเยอะไหมนึกออกนะ ไอ้ตรงโค้งน่ะ ตรงโค้งของหัวใจมากหรือน้อยดูที่การเลื่อนตำแหน่งของวงกลมเห็นไหมคะ นึกออกนะเห็นไหม ใช่ไหม ปรับให้ได้ 2 วงแล้วใช่หรือเปล่าโอ.เค. นะคะ เสร็จแล้ว อีกชิ้นส่วนหนึ่งก็คือเลือก Polygon Tool แล้วทำรูปสามเหลี่ยม 1 อัน Polygon คลิก 1 ครั้ง เลือก Polygon แล้วคลิกเมาส์ 1 ครั้ง แล้วพิมพ์ตรงช่อง Size เป็นอะไรคะเลข 3 เพื่อจะได้สามเหลี่ยม 1 อันใช่ไหมคะ นี่แล้วเราทำอย่างไรคะสามเหลี่ยมมันกลับหัว หมุนค่ะหมุนสามเหลี่ยมขึ้น เอาสามเหลี่ยมไว้แบบนี้ก่อนนะ เห็นหรือยัง เห็นหัวใจหรือยัง เดี๋ยวเราจะตัดเอาเฉพาะส่วนหัวใจนะคะ ตอนนี้เด็ก ๆ มีอะไรบ้าง มีสามเหลี่ยม 1 อัน แล้วใช่ไหมคะ มีวงกลม 2 อันแล้วใช่ไหม สามเหลี่ยมตรงไหน Polygon ไง เลือก Polygon Polygon Tool กด 1 ครั้ง คลิกลงไปบน Artborad 1 ครั้ง แล้วพิมพ์ตรง Size เป็นเลข 3 ลักษณะสามเหลี่ยม มันจะได้สามเหลี่ยมที่หัวแหลม ๆ อยู่ข้างบนใช่ไหม เราก็หมุนให้หัวมันมาอยู่ข้างล่าง ก็จะได้รูปสามเหลี่ยมอย่างนี้มา 1 อันนะคะ ๆ ๆ เดี๋ยวค่อยประกอบหัวใจ ทีนี้เดี๋ยวจะตัดหัวใจนะคะ จะตัดมุมบนของหัวใจโดยใช้ อีกตัวหนึ่งช่วย ให้สร้างรูปสี่เหลี่ยม ผืนผ้าที่มีขนาดเท่าครึ่งหนึ่งของหัวใจเห็นไหม นะคะให้รูปสี่เหลี่ยมผืนผ้าเท่าขนาดของวงกลมที่เราทำไว้เห็นหรือเปล่า โอ.เค. ไหม เสร็จแล้วได้รูปอย่างนี้ยัง ใครยังไม่ได้รูปแบบนี้ ที่มีวงกลม 2 วงซ้อนกัน เด็ก ๆ จะต้องได้ภาพวงกลม 2 วงซ้อนกันนะคะ แล้วก็มีรูปสี่เหลี่ยมวางตรงกลาง ระหว่างวงกลมที่ซ้อนกันโอ.เค. ไหม เดี๋ยวจะพาตัดเพื่อจะเอาหัวใจข้างบน ถ้าใครทำไม่ได้ทันนะคะเด็ก ๆ ดูนะคะ ถ้าใครทำตามไม่ทัน ยกมือด้วยจะได้เดินไปดูให้ อันดับแรกคือสร้างวงกลมจากรูปทรงเห็นไหมคะ วงกลม 2 วงเท่า ๆ กัน แล้วนำวงกลมมาวางซ้อนกันนะคะ โดยที่ตรงส่วนโค้งที่เป็นรูปหัวใจน่ะ เด็ก ๆ อยากได้โค้งมากโค้งน้อย ก็อยู่ที่การวางซ้อนกันของวงกลมนะคะ เมื่อได้วงกลมซ้อนกันแล้วให้สร้างรูปสี่เหลี่ยมที่มีขนาดความกว้างเท่ากับพื้นที่เท่ากับวงกลม 2 อัน แล้วนำไปวางตรงกลางของภาพนั้นของภาพวงกลมที่ซ้อนกันนะคะ เสร็จแล้วทำรูปสามเหลี่ยม 1 รูป โดยสร้างจากเครื่องมือที่ชื่อว่า Polygon Tool ก็คือรูปหลายเหลี่ยมนะคะ คลิกเลือกที่ Polygon 1 ครั้ง แล้วกดวางบนพื้นที่ที่เราจะสร้างกดคลิกเมาส์ 1 ครั้ง แล้วให้พิมพ์เลข 3 ลงไปตรงช่องที่เขียนว่า “Size” ก็จะได้รูปสามเหลี่ยมที่เป็นหัวแหลม ๆ อยู่ข้างบนแล้วเราก็หมุนนะคะ หมุนรูปให้หัวสามเหลี่ยมแหลม ๆ น่ะ กลับลงมาไว้ด้านล่าง ตอนนี้เด็ก ๆ จะต้องได้ภาพที่มีวงกลม สามเหลี่ยมแล้วก็สี่เหลี่ยมโอ.เค. ไหม ชิ้นส่วนครบ ที่นี้จะตัดหัวใจนะคะ ให้เด็ก ๆ นะคะ ให้นักศึกษาเลือกแถบเครื่องมือที่เป็นรูปลูกศรสีดำแล้วคลิกเมาส์ค้างแล้วลากให้ครอบทั้งวงกลมแล้วก็รูปสี่เหลี่ยมแบบนี้ ต้องครอบวงกลมกับรูปสี่เหลี่ยมที่เราสร้าง โอ.เค. ไหมคะ เสร็จแล้วคลิกขวาเลือก Make Clipping Mask โอ้ยขอโทษตัดผิดมุม ได้เหมือนกันแล้วค่อยหมุนนึกออกนะ หมุนหัวใจค่ะ หมุนหัวใจตัวเองใช่ไหม แล้วเอาอะไร เอาสามเหลี่ยมไปต่อ ขยายสามเหลี่ยมให้เท่ากับหัวใจเราใช่ไหม สามารถยืดได้หดได้ ไปทั้งกรอบนี่ อิหยังวะ เอาใหม่ดูดี ๆ Ctrl+Z, Copy ทำไม ไม่อย่างนั้นจะทำทำไม มันเอาไปใช้งานได้ ถ้ามักง่ายขนาดนั้นก็ไม่ต้องเรียน ออกจากห้องไปเลย ถ้าไม่คิดอยากเรียนก็... ดูนะคะ เอาใหม่นะคะ ย้อน เราจะต้องทำอะไรคะ เลือกใช่ไหม เลือกทั้ง… วิธีการเลือกก็คือกดแถบเครื่องมือที่ชื่อว่า “Selection Tool” ที่เป็นรูปลูกศรสีดำแล้วกดเมาส์ค้างไว้ 1 ครั้ง แล้วลากเมาส์เพื่อครอบ เพื่อให้ครอบทั้งวงกลมและอะไรคะและรูปสี่เหลี่ยมใช่ไหม ต้องให้มันครอบทั้ง 2 ชิ้นน่ะลูก ถ้ามันไม่ครอบทั้ง 2 ชิ้น เวลาตัดมันจะตัดไม่ได้ โอ.เค. ไหม นะคะ พอมันขึ้นลักษณะที่ครอบแล้วมีรูปเห็นไหมคะ รูปของวงกลมและสี่เหลี่ยมขึ้นมาแล้วคลิกขวา คลิกขวานะคะ คลิกเมาส์ขวาน่ะค่ะ แล้วมันจะมี Pop-Up ขึ้นมา ให้เลือกคำว่า “Make Clipping Mask” ถ้าไม่อยากให้กลับหัว ดูนะคะ วิธีการเราก็เลื่อนสี่เหลี่ยมขึ้นไปข้างบนแบบนี้นะคะ เลื่อนสี่เหลี่ยมขึ้นไปข้างบนแทนแล้วทำเหมือนเดิม ถ้าไม่อยากคลิกวนอีกรอบหนึ่งโอ.เค. ไหม แค่นั้นเองหลักการไม่มีอะไรพิสดารนะคะ แล้วทำอะไร เอาสามเหลี่ยมมาต่อใช่หรือเปล่า คือเมื่อไม่เคยใช้มันก็จะใช้งานยากมันก็ต้องหัด พอหัดใช้แล้วทำบ่อย ๆ เดี๋ยวมันก็ได้เองนะคะ ไม่ใช่ว่าพอไม่หัด ก็ไม่หัดไปเรื่อย ๆ แล้วคิดแต่จะไป Copy อย่าลืมว่าเดี๋ยวนี้กฎหมายลิขสิทธิ์มันมี ไป Copy มาใช้แล้วก็เป็นปัญหา ถึงได้ต้อง... ไม่อย่างนั้นจะมาสอนสร้างทำไมนะคะ ไม่อย่างนั้นก็จะบอกว่า Copy มาเลย ๆ จบไม่ต้องเรียนกันไม่ต้องทำอะไร Copy เขาอย่างเดียวนะ เราก็จัดรูปสามเหลี่ยมกับวงกลมเราให้มันเท่ากัน ให้มันได้หัวใจของเรานั่นเองนะคะ มันไม่เป็นหัวใจ เมื่อได้หัวใจแล้วนะคะ อย่าลืมว่าชิ้นงานมันต้องทำให้เป็นชิ้นเดียวกัน ตอนนี้มันเป็น 2 ชิ้นแยกกันใช่หรือเปล่า พอได้หัวใจแล้วน่ะ ให้เด็ก ๆ เดี๋ยวนะ แป๊บหนึ่งนะคะ เดี๋ยวค่อยลบ ก็คือเลือกทั้ง 2 ส่วน แล้วก็คลิกคำ... คลิกขวามันจะมีคำว่า “Group” ก็คือ จัดกลุ่ม ก็คือทำให้มันเป็นชิ้นเดียวกันนะคะ เมื่อได้ 2 ชิ้นแล้วนะคะ อย่าลืมทำการ ทำให้มันเป็นงานชิ้นเดียวกันก็คือเลือกใช้ Selection Tool เลือกตรงวงกลมที่เราตัดแล้วก็สามเหลี่ยมที่เราเอาไปต่อ แล้วกดคลิกเมาส์ขวาแล้วใช้คำสั่ง Group, Group ก็คือรวม รวมชิ้นงานน่ะค่ะ มันก็จะเป็นชิ้นเดียวนะคะ เวลาเคลื่อน เคลื่อนภาพที่ละเอียดที่สุดนะคะ ถ้าใช้เมาส์เคลื่อนน่ะมันจะไปเยอะหน่อย มันจะเลื่อนไปตามมือเรานะ มันจะมีลูกศรเห็นไหม ลูกศรซ้ายขวาน่ะค่ะ หรือ ขึ้นลงน่ะ มันจะเคลื่อนได้ทีละนิดแล้วภาพมันก็จะไม่เกินใช่ไหม มันก็จะอยู่พอดีกรอบอย่างนี้ เขยิบ ๆ ทีละนิดทีละหน่อยนะคะ มันเกินข้าพเจ้าจะใช้ตัวช่วยอีกตัวหนึ่ง จำได้นะที่เรามี ก็คือ ใช้ Anchor Point ช่วยก็ได้นะคะ แล้วก็ Group ภาพนะคะ ทีนี้มาดู เราจะเอาข้อความใส่ไว้ในนี้ทำอย่างไรนะคะ เราเลือกวัตถุใช่ไหมที่เรา Group เมื่อกี้นะคะ เสร็จแล้วเลือก Tool ที่ชื่อว่า “Area Type Tool” นะคะ คลิกลงไปในวัตถุนั้น มัน Group หรือยัง ตัว T ข้าพเจ้าหายไปไหน เวอร์ชันนี้มันแปลก ๆ นะ You Must Click On Non-Compound Non-Masking Path Or Create text in Side a Path โอ.เค. อย่างนั้นเดี๋ยวข้ามไปก่อนนะคะ เดี๋ยวค่อยแก้ตัวนี้นะคะ ดูวิธีนะคะ ถ้าสมมติเราเลือกรูปทรง เอารูปดาวก่อนก็ได้ วาดรูปดาวมา 1 อัน ลักษณะรูปทรงมัน จะต้องเป็นเส้นโปร่ง ๆ อย่างนี้ก่อน อ๋อ รู้แล้วลืมแก้ไอ้นี่ ไม่เป็นไร ใช้ไปก่อนแล้วคลิกที่ Area Type Tool ลงไปในตำแหน่งกรอบข้อความที่เรา ตรงจุด รู้แล้ว เอาใหม่นะคะ ดูนะคะ เลือกรูปนั้น เสร็จแล้วคลิกไปที่ตำแหน่งจุด ไม่โดนจุด ไหนล่ะ รูป Star หายไปไหนแล้ว ขอลองแป๊บหนึ่งนะคะ ทำไมมันหลุดออกจากจุดไป ลองใหม่ คลิก เช่น คลิกที่ตัวนี่ ๆ ได้ พอคลิกลงไปในตำแหน่งจุด เห็นไหมมันจะมี Cursor ขึ้นมาอย่างนี้เราจะพิมพ์ได้ เห็นไหมคะข้อความมันจะอยู่ในรูป จะพิมพ์รูปหัวใจหรืออะไรลงไปก็ได้ลองพิมพ์ก่อน ปัญหาที่เกิดจากรูปหัวใจอาจจะเส้นต่อเรามันไม่ต่อกันน่ะ เดี๋ยวค่อยแก้ทีหลังเดี๋ยวจะพาทำ ก่อนอื่นให้ดูรูปแบบนี้ก่อน เช่นเดียวกันกับ… ถ้าเด็ก ๆ ทำอะไรนะคะ ใช้วิธีการวาดนะ วาด 2 ชิ้นไม่ได้ใช่ไหม หัวใจเกิดจากเส้นที่ 1 ตรงกลางปึ๊บ โค้ง ต้องหัดวาดเล็กน้อยนะคะรูปหัวใจ มือไม่อาชีพก็จะวาดยากหน่อย เดี๋ยวก่อนอื่น ๆ เราเอารูปที่มีอยู่ก่อนก็ได้ เดี๋ยว Advance กว่านั้นเราจะเอาไว้หลังชั่วโมงนะคะ ไม่อย่างนั้นมันจะไปตัวอื่นไม่ได้ ให้เลือกรูปทรงที่เป็นรูป รูปสี่เหลี่ยมก่อน 1 อัน แล้วก็ที่เป็นรูปวงกลม 1 อัน วงกลม 1 อัน แล้วคลิกที่แถบเครื่องมือที่ชื่อว่า “Area Type Tool” ในสี่เหลี่ยม คลิกเมาส์ลงไป 1 ครั้ง ในตำแหน่งที่มีนะคะ ตำแหน่งในกรอบน่ะ แล้วพิมพ์ข้อความ ข้อความจะอยู่เฉพาะในสี่เหลี่ยมไม่ล้นออกไปไหน อย่างนี้นะคะ ถูกไหมคะ นี่ก็คือ Area Type Tool มาดู Area Type Tool แบบที่ 2 แบบที่ 1 คือตามแนวนอนถูกต้องไหมคะ แบบที่ 2 ที่เป็น Vertical Area Type Tool ให้คลิกที่วงกลม คลิกตำแหน่งบนสุดก็ได้ สังเกตเมาส์จะวางตามแนวขวางดูนะ แล้วลองพิมพ์ตัวอักษรลงไป เห็นไหมคะ ลักษณะการพิมพ์ ข้อความมันจะพิมพ์ไปตาม ทีละตัวตามแนวตั้งเห็นหรือเปล่า จะต่างกันนะคะ อันหนึ่งจะพิมพ์ไปตามแนวนอนใช่ไหม อันหนึ่งจะพิมพ์ไปตามแนวตั้ง ถ้าอยากเห็นความแตกต่าง ก็เลือกวงกลมอีกอันหนึ่งแล้วพิมพ์ทั้ง 2 แบบ ลองดูนะคะ สร้างวงกลมอีก 1 อัน แล้วพิมพ์ทั้งแนวตั้ง และแนวนอน จะได้เห็นความแตกต่าง เห็นไหมคะ การเรียงข้อความจะไปคนละทาง ก็อยู่ที่เราเลือกว่าจะให้มันเรียงแบบไหนนะคะ อันนี้คือรูปทรงที่อยู่ในพื้นที่ที่เราสร้างเองหรือกำหนดขึ้นนะคะ ถ้าวาดหัวใจเป็นวาดเลยนะคะ แล้วเอาใส่ในหัวใจ เช่น พอลักษณะรูปทรงก็คือเส้นจะต้องปิดน่ะค่ะ วาดเสร็จแล้วดัดเอาก็ได้ ใช้วิธี... ขอตัวหนังสือตั้งใหม่ ตอนนี้รูปอะไร ใช้รูปอะไรอยู่ วงกลมใช่หรือเปล่า พอได้วงกลมปุ๊บนะคะ ให้เด็ก ๆ เลือกอะไรคะ ดูนะคะวงกลม 1 อัน เสร็จแล้วให้เลือกที่ Type Tool ที่ชื่อว่า “Vertical” ที่มันเป็น ตัวอักษรแล้วมีลูกศรชี้ลงน่ะ Vertical, Vertical ก็คือแนวตั้งนะคะ เราเลือกตัวนั้นเสร็จแล้วเราก็คลิกเข้าไปในตำแหน่งวงกลม พยายามคลิกเห็นไหมคะ ลักษณะการวางข้อความ ก็จะเป็นไปตามแนวตั้งเท่านั้น อันนี้ใช้วิธีวาดหัวใจนะคะ แล้วพิมพ์ตามแนวนอน อย่าลืมว่ารูปทรงวัตถุที่เราจะนำข้อความไปใส่น่ะมันต้องเป็นรูปทรงปิด ถ้าวาดแล้วเส้นมันไม่ชนกัน รูปทรงมันไม่ปิดน่ะค่ะ เด็ก ๆ จะพิมพ์ไม่ได้นะคะ ก็คือรูปทรงมันเปิด สามารถเปลี่ยนสีได้ตามใจชอบนะคะ สีเส้นก็เหมือนกัน สีเส้นนะคะ สีเส้นสีแดง เห็นไหมพอปล่อยออกมันก็จะเป็นเหมือนข้อความที่เรามาตกแต่งเป็นรูปหัวใจเห็นหรือเปล่าคะก็จะเป็นแบบนี้ ไม่ต้องมีความหมายก็ได้ แต่ทำออกมาแล้วเป็นรูปหัวใจอย่างนี้ก็สร้างภาพเองก็ได้ อย่างนี้เห็นหรือเปล่าคะ เป็นลักษณะนี้ อันนี้คือแบบที่เรียกว่า อะไรนะ Area ใช่ไหม ในพื้นที่นะ แบบพิมพ์ปกติไปแล้ว แบบพื้นที่ อีกแบบหนึ่ง แบบที่ 3 ก็คืออะไรคะ Type on Path เพราะฉะนั้นเราต้องสร้างเส้นทางให้ก่อน สร้างเส้นทางของข้อความก่อนนะคะ วิธีการสร้าง 1. โดยใช้พู่กันอย่างนี้ เพราะว่าเส้น ใช้เค่เส้น ลองทำเส้นเหมือนรูปตัว S แต่เป็น S พลิกนอน ในแนวนอนอย่างนี้นะคะ ให้ใช้พู่กันนะคะ วาดเส้นได้เลย เป็นลักษณะนี้จะเอากี่โค้งอยากได้กี่โค้ง ก่อนอื่น ๆ แบบที่เป็นเส้นโค้งกับแบบที่เป็นเส้นตรง ถ้าเลือกแบบที่เป็นเส้นตรงเอาแบบเส้นตรงก่อนนะ ให้ใช้ Pen Tool นะคะ ให้คลิกที่ Pen Tool ก่อนนะคะ เราต้องการเส้นแค่นี้น่ะ 1, 2, 3, 4, 5 5 ครั้ง ขึ้นลง 5 ครั้งนะคะ ให้ได้เส้นแบบนี้ 1 เส้น หลบไปอันไหนทำแล้วเอาหลบไปก่อน จะได้รู้ว่าทำอะไรไปแล้วบ้าง หัวใจก็ทำแล้ว วงกลมทำแล้ว สี่เหลี่ยมทำแล้ว ทีนี้ไปตามเส้นนะคะ เส้นตัวที่ 1 คือ ตัวนี้ที่เป็นลักษณะที่ใช้วาดเส้นแนวเส้นตรงนะคะ กับเส้นตัวที่ 2 ที่เป็นเส้นโค้ง เด็ก ๆ จะเลือกที่ Tool ที่ชื่อว่า... ลายเลยก็ได้เห็นไหมคะ เอาลายที่เป็น Spiral Spiral ก็คือ ก้นหอย ลองดูนะคะ แบบนี้ก็ได้ ตัวนี้หมุนซ้าย หมุนขวา ก้นหอยจะเล็กใหญ่แบบนี้ 1 เส้น 2 แบบแล้วนะ ตอนนี้เราได้เส้น 2 แบบแล้วนะคะ ดูก้นหอยใหม่เลือกที่เป็นรูปลายแล้วเลือก Spiral Tool นะคะ Spiral Tool ที่เป็นรูปเหมือนก้นหอยน่ะนี่ ๆ ที่เป็นรูปเส้นน่ะค่ะ เห็นไหมเห็นหรือยัง ต่อจากตัว T น่ะ ต่อจากแถบเครื่องมือตัว T อยู่แล้ว อยู่ด้านล่างนี่ T ใช่หรือเปล่า แล้วที่เป็นรูปเส้นเห็นไหม ใครไม่เห็นเอ่ย ใครไม่เห็น แถบเครื่องมือนี้ยกมือ เลือกที่เป็นรูปเหมือนก้นหอยอย่างนี้นะคะ คือ ขึ้นหรือลง ขึ้นอยู่กับมือเห็นไหมคะ ตอนหมุนน่ะค่ะเห็นไหม อยากหมุนแบบไหน หมุน หมุนของมือเรา มือเราหมุนไปทางไหน ก้นหอยมันก็จะหมุนไปตามมือที่เราหมุนนะคะ เราได้ 2 แบบแล้ว และแบบที่ 3 ดูแบบที่ 3 เส้นแบบที่ 3 ที่เป็นลูกคลื่นใช้พู่กัน ใช้พู่กันในการวาด พู่กันก็จะอยู่ต่อจากแถบเครื่องมือที่เป็นสี่เหลี่ยมเห็นหรือเปล่าคะ ตัวนี้ตวัดมือไปตามแต่เราต้องการได้เลยนะคะ ไม่ต้องยาวมากก็ได้ เอาสั้น ๆ ไม่ต้องการประโยคยาว ๆ ดูนะคะ เอาแค่นี้สัก… ทำลูกคลื่นสัก 2 คลื่น รูปพู่กันค่ะ ที่อยู่ต่อจากรูปสี่เหลี่ยมน่ะ Paint Brush Tool เลือก Paint Brush Tool ทำคลื่น 3 คลื่นพอ โอ.เค. ไหม ใครยังไม่ได้ 3 เส้นนี้ บางเครื่องมันจะใช้ไม่ได้ ให้เลือกตัวที่ 2 น่ะลูก มันมี 2 ตัวใช่ไหมคะ มี Paint Brush Tool กับอีกตัวหนึ่งอะไรนะ Blob brush  ใช้ Blob brush ก็ได้เหมือนกัน เห็นหรือเปล่า แล้วมันจะมีดินสออีกเห็นไหม แต่ตัวพู่กันมันจะ... เส้นมันจะไอ้นี่กว่า ถ้าไม่ได้นี่ต้องคลิกเช็กตรงนี้ด้วยนะ เช็กว่าเลือกตรงนี้ เช็กตรงนี้ว่าเป็น Stroke หรือเปล่าด้วยนะคะ มี 2 จุด โอ.เค. ไหม ใครยังไม่ได้เส้น 3 แบบนี้คะ ยกมือเด้อยกมือ ไม่อย่างนั้นทำต่อไม่ได้ ได้หรือยัง โอ.เค. นะคะ ได้เส้น 3 แบบแล้ว เริ่มที่แบบที่ 1 คลิกที่เส้นที่เป็นเหลี่ยม ๆ ของเรานะคะ แล้วเลือกเครื่องมือ Type Tool ที่ชื่อว่า “Type on Path Tool” นะคะ อันที่ 3 ตัวที่ 3 คลิกเลือก 1 ครั้ง แล้วจิ้มลงไปบนเส้นของเรา 1 ที ต้องจิ้มลงบนเส้นด้วยนะ ไม่จิ้มบนเส้นมันจะไม่ขึ้น เมาส์มันจะไม่ขึ้นนะคะ แล้วพิมพ์ข้อความอะไรก็ได้ลงไป เช่น พิมพ์คำว่า “Valentine Day” เห็นไหมคะ พิมพ์ Valentine Day เหมือนอย่างนี้ค่ะ พิมพ์ไปจนสุดเส้นน่ะ นึกออกนะ พิมพ์ให้สุดเส้นเลยนะคะ มันยังสามารถทำอะไรได้อีก เห็นไหมเราสามารถปรับให้เส้นมันสูงขึ้น เห็นไหมคะ สังเกตตรงนี้มันจะมีเป็น... ยืดเส้นให้ขยายออกอีกก็ได้ เห็นหรือเปล่าคะ นะคะ ก็คือ อยากให้มันยาวขนาดไหนกว้างขนาดไหนก็ปรับเอานะคะ สามารถตกแต่งเองได้ ใส่สีสันหน่อย เช่น เปลี่ยนสีนะคะ สีเขียว ใส่สีอะไร อยากเปลี่ยนสี สีน้ำเงิน เห็นไหมคะ สีอะไร สีแดง แล้วแต่เราจะแต่งนะคะ ข้อความ เล็กใหญ่ปรับได้ พิมพ์ไปแล้วปรับได้หมดนะคะ เห็นหรือเปล่า อันนี้พิมพ์ตามเส้น อันนี้แนวอะไรคะ แนวนอน ลองดูแนวตั้งนะคะลองดูแนวตั้ง พิมพ์ตามแนวตั้งแต่ใช้รูปเส้นที่เป็นคลื่นแล้วดูลักษณะแนวตั้งมันจะเป็นอย่างไร ให้เลือกเครื่องมือที่ชื่อว่า “Vertical”, Vertical นะคะ ที่เป็นรูปตัว T แล้วเอียง ๆ หน่อย Vertical Path น่ะ คลิกลงไป 1 ครั้ง แล้วลองพิมพ์ พิมพ์ประโยคเดิมเลย Valentine Day นี่ล่ะ สังเกตที่ข้อความขยายให้ใหญ่ ๆ นะคะ ตอนนี้ เห็นไหมคะว่าตัว Valentine Day ถ้าเลือกตามแนว มันจะไป... มันจะวางตัวอักษรตาม… นอนไปตามเส้นเลยเห็นไหม มันจะเรียงไปตามเส้นน่ะทีละตัว แต่เป็นแนวเดียวกับเส้นน่ะค่ะ จะวางแนวเดียวกับเส้น ถ้าเป็นแนวนอนมันจะวางตั้งขึ้นนะคะ อันนี้มันจะวางตรง ๆ ไปตามแนวเส้นเลยนะคะ กลัวเห็นไม่ชัดเดี๋ยวใส่สีให้สีอะไรดีขยายขนาดด้วยเห็นไหมคะลักษณะตัวอักษรเห็นหรือเปล่าเห็นไหมใส่คำว่า “Valentine Day” เข้าไปในพื้นหลัง Background ของเราได้เลยเห็นหรือเปล่า สีนี้จางกับสีพื้นไปหน่อย เปลี่ยนสีอย่างนั้นสีอะไรดี สีเขียว เขียว สีม่วง ให้เห็น ๆ เห็นหรือเปล่าคะ นี่ลักษณะข้อความเป็นแบบนี้ เราก็หมุนได้หมุนตัวข้อความเราได้ถ้าอยากเปลี่ยนแนว วางเอียง ๆ หน่อยเห็นไหมคะ จัดใหม่ได้หมดเห็นหรือเปล่า เก๋ไก๋สไลด์เดอร์เสียไม่มี เห็นไหม เหมือนเราเอาตัว Valentine Day มาโค้งตามกล่องของขวัญอะไรอย่างนี้เห็นไหมคะ เพราะฉะนั้นเราก็สามารถมาวาดเส้นใน รอบกล่องของขวัญอะไรอย่างนี้ก็ได้ ได้เหมือนนะคะ เห็นไหมคะจัดวางอยู่ที่การจัดวาง อยู่ที่ไอเดียของแต่ละคนด้วยนะคะ แล้วมาดูแบบสุดท้ายแบบอะไรคะ เส้นที่เป็นรูปก้นหอยใช่หรือเปล่า อยากได้แบบไหน แนวตั้งหรือแนวนอนลอง 2 แบบเลยนะอย่างนั้นน่ะ อย่างนั้นให้ทำก้นหอย 2 แบบนะคะ 2 ตัว อันหนึ่งหงาย อันหนึ่งหงายขึ้น อันหนึ่งคว่ำ ตัวหงายเราจะใช้แนวตั้ง ตัวคว่ำเราจะใช้แนวนอนนะคะ ตัวหงายแนวตั้งใช่ไหม ก็ยังอยู่ที่ Vertical, Vertical คือแนวตั้ง ทีนี้ตำแหน่งการเริ่มต้นของข้อความ ถ้าเด็ก ๆ ไปคลิกที่ตรงปลายนึกออกนะ ปลายก้นหอยที่มันตวัดขึ้น กับคลิกด้านในเห็นไหมคะ จะเริ่มตรงไหน เห็นไหมคลิก 1 ครั้ง พิมพ์ อันนี้คือแนวตั้งใช่ไหม แนวตั้งนะคะ ทีนี้ลองเปลี่ยนเป็นแนวนอน ตัวคว่ำเป็นแนวนอนใช่ไหมคะ ตัวคว่ำ พิมพ์ต่างกันเห็นไหมรูปแบบ จะเห็นได้ชัดถ้าเป็นรูปหอยเห็นไหมคะ เห็นหรือเปล่า แบบไหนสวยกว่ากันแล้วแต่เลือก เลือกใช้นะคะเลือกใช้ ย่อขยายได้แล้วแต่เรา มันมี 2 อัน เห็นหรือเปล่า Type Tool ที่ชื่อว่า... เห็นหรือเปล่า อันที่ 3 ใช่ไหมคะ ลำดับที่ 3 กับลำดับที่ 6 3 กับ 6, 3 คือ แนวนอน พิมพ์ไปตามเส้น เส้นจะไปตามแนว แนวนอนแล้วก็อันที่ 6 Vertical, Vertical มันจะพิมพ์ตามแนวตั้งของเส้น เลือกใช้เอาว่าอยากได้แบบไหน ไม่บังคับเพราะการออกแบบแล้วแต่ไอเดียของใครของมันนะคะ โอ.เค. ไหมคะ โอ.เค. ไหมคะ ไปต่อนะคะ เพราะเรายังเหลือ ยังเหลือวิธีการสร้าง สไลด์ สร้าง Point, Point ไปแล้วนะ ตัวอย่างข้อความในกรอบรูปไปแล้วใช่ไหมคะ ในกรอบวัตถุไปแล้วนะคะ แล้วก็ Type on Path แล้วถ้าในกรณีที่มีรูปใช่ไหม มีรูปทรงอย่างนี้ แล้วอยากให้มันโค้งก็คือ เราก็ต้องมาวาด มาวาดเส้นน่ะ ให้มันไปตามรูปทรงเข้าใจนะคะ ก็คืออยากให้มัน ไปตามแนวไหนหรือทำแค่นี้ปุ๊บ ถึงแค่พอ อย่างนี้ก็ได้ ไม่จำเป็นต้องคลุมทั้งหมดก็ได้ถูกไหม ก็คือ แล้วแต่เส้นที่เราวาด ว่าเราจะเอาสั้นหรือยาวขนาดไหน ดูตัวอย่าง ดูตัวอย่างนะคะ ให้ดูตัวอย่างก่อน เหมือนอันนี้นะ เหมือนคำว่า "จุ๊บ" นี่เห็นไหม เขาเอาแค่โค้งตามครึ่งหนึ่งของหัว เราก็เอาเส้นโค้งมาอย่างนี้หรือจะเอาเหมือนตัวนี้ก็ได้ ที่มันมีรูปอะไร รูปโบว์ เอาโบว์มาวางน่ะ เสร็จแล้วเราก็มาวาดเส้นตามแนวโบว์ เห็นไหมคะ มันก็จะไปตามเส้นมันก็จะไปตามนี้เห็นไหมถ้ามีรูปที่เป็นโบว์น่ะนะคะ นั่นก็คือขึ้นอยู่กับ… เขาเรียกว่าอะไรนะ ไอเดีย ไอเดียของแต่ละคน ก็คือ ความคิดของคนทำน่ะค่ะ ว่าอยากให้ข้อความมันไปตามไหน เราอาจจะไม่เอาไว้ข้างบน เราอาจจะไว้ล่างก็ได้หรือเอาไว้ข้าง ๆ ก็ได้ใช่ไหม ก็คือเพราะฉะนั้นอยากให้ข้อความอยู่ตำแหน่งไหนก็จัดไปนะคะ เพราะฉะนั้นอันนี้ มันเป็นการ Freeform มีอิสระในการสร้างนะคะ ไม่บังคับไม่มีข้อจำกัดเพราะว่าชื่อก็บอกอยู่แล้วว่า Type on Path ก็คือ พิมพ์ไปตามเส้น เส้นที่สร้างขึ้นมานะคะ เพราะฉะนั้นถ้าเราสร้างเส้นวน ๆ มันก็วนไปตามนั้นนึกออกนะ ลองดู ลองดูแบบนี้นะคะ เมื่อกี้ลืมพาทำอีกแบบหนึ่ง Type on Path แล้วเส้นมันเป็นลักษณะนี้ ดูเด้อ ๆ ดูดี ๆ รอแป๊บหนึ่งเครื่องประมวลผลค้างอีกแล้ว ๆ อยากเปลี่ยนเครื่องเด้ ความจริงอยากสอนห้องข้างบนนะ แต่ต้องใช้ห้องล่ามออนไลน์ เพราะเครื่องข้างล่างจะ Spec ต่ำกว่าเครื่อง Mac ข้างบนหน่อยหนึ่งถ้าใช้ MAC ปัญหาการโหลดแทบจะไม่มีจะแป๊บเดียวนะคะยังโหลดอยู่รอแป๊บหนึ่งหมุนติ้ว ๆ อยู่นี่ เดี๋ยวอาจารย์ขอเบรกแป๊บหนึ่ง ดูอีกกรณีหนึ่งนะคะลืมทำให้ดู แล้วถ้าเราวาดเส้นเป็นแบบนี้ล่ะ มันจะเกิดผลลัพธ์อย่างไร มันไม่ได้ปิด ลองใหม่ ได้ไหม ยังเว้ย ๆ ได้แล้ว ดูนะคะแบบนี้นะ ก็คือวาดไปตามรูปทรง ไม่สวย ๆ เดี๋ยววาดใหม่ เช่น ๆ อยากได้แค่... แค่นี้ อย่างนี้เห็นไหม แล้วเราก็เลือกข้อความที่เราจะวาง นะคะ Type on Path พิมพ์ลงไป เห็นไหมคะ... ข้อความมันก็จะ เรียกว่าอย่างไร ไปตามแนวใช่ไหม แบบตามแนวเส้นที่เราวาดนั่นเองนะคะ แล้วแต่เรากำหนดนั่นเองบอกแล้ว แล้วถ้ากรณีที่เส้นเป็นลักษณะตัดกันอย่างนี้ล่ะ มันจะไปไหม เดี๋ยวลองให้ดูเลยนะคะ วาดเส้นให้เส้นมันมาตัดกันมันจะพิมพ์ให้เราไหม ดูนะคะ เห็นไหมคะได้เหมือนกันนะคะ พิมพ์ให้หมดเลย เส้นไปอย่างไรข้าพเจ้าพิมพ์ได้หมด เห็นหรือเปล่า เห็นไหมคะ เพราะฉะนั้นขึ้นอยู่กับรูปทรงนะคะ หรือเส้นไม่ใช่รูปทรง ต้องบอกว่าขึ้นอยู่กับเส้นที่เราวาดนะคะ ได้หมดนะคะ ไปตามเส้นนั่นเองนะคะ เห็นไหม วาดเส้นให้มันตัดกัน มันก็พิมพ์ไปตามนั้นนะคะ ทีนี้มาดูหัวข้อต่อไปที่เราจะทำ การตกแต่งตัวอักษรตัวนี้นะคะ เมื่อใช้... คือ เมื่อกี้ที่ทำมันเป็น Text เป็นข้อความที่เป็น… ยังไม่เป็นกราฟิกนะคะ เป็น Text ธรรมดา คือพิมพ์ได้แค่ตามแนวตั้งกับแนวนอน แต่ตอนนี้เราจะมาตกแต่งตัวอักษรนะคะ Text ตัวนี้จะเป็น Text แบบกราฟิกนะคะ ตกแต่งได้แบบไหน แบบ... ตัวอย่างข้าพเจ้าหายไปไหน เห็นไหมดูคำว่า... เหมือนคำว่า "ทำอะไรอยู่" นะคะ ถ้าเราพิมพ์ปกตินี่ ตัวอักษรมันก็จะเท่ากันใช่ไหม แต่ถ้าเมื่อไรที่เราทำให้มันเป็น Text น่ะ เราจะสามารถทำให้เป็นตัวหนึ่งเล็ก ตัวหนึ่งใหญ่ ใส่สีคนละตัว หรือทำแบบนี้ วางซ้อนอย่างนี้ได้ เห็นไหมคะ นะคะ ในประโยคเดียวนี้ เหมือนสวัสดีวันศุกร์นี่ ทำอย่างไรให้ สวัสดีตัวเท่านี้ วันตัวเท่านี้ ศุกร์ตัวเท่านี้ เห็นไหม เน้น… เน้นเหมือนเน้นเฉพาะวันให้ตัวใหญ่กว่าประโยคอื่นเท่าเดิมอย่างนี้นะคะ ก็คือ ถ้าเราพิมพ์ สังเกตว่าถ้าเราใช้ Type Tool ธรรมดา มันก็จะพิมพ์ข้อความแล้วเราไปจัดขนาดหรือรูปแบบ Font มันก็จะเท่ากัน หรือเล็กใหญ่กว่ากันแต่มันจะจัดอย่างนี้ไม่ได้นะคะ แล้วยังไม่สามารถใส่ไอ้พวกเงา ๆ อย่างนี้ลงไปได้นะคะเดี๋ยวมาดูนะคะเหมือนทำ O.K. นี่ ให้ O ตัวใหญ่ ๆ K ตัวเล็ก ๆ แล้วเอามาติดกันอย่างนี้ ทำอย่างไร ดูตัวแรกเลย ทดสอบ พิมพ์เอาคำสั้น ๆ ก่อน O.K. จะได้ไม่เยอะนะคะ ตัวนี้ในตัวอย่างมันใช้ Together ก่อนอื่นก็คือ เครื่องมือที่เราจะใช้นะคะ มี Selection Tool กับ Type Tool นะคะ หลบก่อน Valentine หลบไปก่อนหรือจะเอา Valentine คะ เอา Valentine ก็ได้ ใช้ประโยคเดิมนี่ล่ะ อันไหนใช้แล้วหลบไปก่อน ดูนะคะดูคำว่า “Valentine” ที่เราพิมพ์ไว้ครั้งแรกจำได้นะ ก่อนอื่นให้เด็ก ๆ เลือก Font ที่มีรูปแบบที่เป็นตัวหนา ๆ หน่อยค่ะลูกนึกออกนะ ตัวหนา ๆ ดูจากอย่างไรคะ ดูจากด้านข้าง สังเกตลักษณะ Font เห็นไหมคะ ตัวหนา ๆ จะเป็นอย่างนี้ นี่ ๆ ที่มันเป็นหนา ๆ เข้ม ๆ อย่างนี้นะคะ ไม่เอา ไม่เอาเส้นบาง ๆ น่ะ เข้าใจนะ ขอตัวหนา ๆ นะคะ เลือก Font ให้เป็นรูปหนา ๆ อย่างนี้ นึกออกนะคะ เอาตัวเดิมที่เราพิมพ์ไปแล้ว Valentine Day อยากได้อะไรตัวใหญ่ เอา Day ตัวใหญ่ หรือ Valentine ตัวใหญ่ เลือกหรือยังคะ ขั้นตอนต่อไปดูนะคะ ขั้นตอนต่อไปในสไลด์ เลือกข้อความเสร็จกำหนด... ต้องกำหนดลักษณะของเส้นขอบแล้วก็สีนะคะ ทีนี้เด็ก ๆ ต้องเช็กก่อน เส้นขอบเรายังไม่มี สังเกตที่ตรงไหน สังเกตที่... ช่องแรกคือสี… สีที่ใส่ ๆ ในข้อความนี่จะอยู่ตรงที่คำว่า “Fill” นะคะ ส่วนสีของเส้นจะอยู่ที่คำว่า “Stroke” เห็นไหมคะ ถ้ามันเป็นรูปสี่เหลี่ยมแล้วมีขีดสีแดงทาบนี่คือมันไม่ได้ใส่เส้นขอบ เพราะฉะนั้นเราต้องใส่เส้นขอบ ตอนนี้ตัวอักษรสีชมพู เอาเส้นขอบสีดำแล้วกันจะได้เห็นชัดนะคะ ดับเบิลคลิกเข้าไปที่ช่องสีนะคะ จะข้างบนข้างล่างได้เหมือนกัน แล้วเลือกสีดำเห็นไหมคะ มีเส้นสีดำขึ้น เส้นจะหนาหรือจะบางอยู่ตรงนี้ค่ะ อยู่ที่ขนาดเส้นอยู่ตรงนี่ ที่เป็นตัวเลขน่ะค่ะ เอาหนาหน่อย เห็นหรือเปล่า อยู่ตรงนี้เลือกตัวเลขได้ ใหญ่ไปลด Size ลง ให้ตัวหนังสือมันอ่านออกด้วยนะ ไม่ใช่ใส่ขอบแล้วก็อ่านตัวหนังสือไม่ออกไม่เอานะคะ โอ.เค. อย่างนี้ได้ เห็นไหมคะว่ามีเส้นขอบสีดำ แล้วก็ตัวอักษรเป็นสีชมพูดอย่างนี้นะคะ ให้เห็นว่าเรามีเส้นขอบแล้วก็มีสีของตัวอักษร พอใครทำได้แบบนี้แล้วนะคะ เห็นไหมคะ กำหนดลักษณะเส้นขอบแล้วก็กำหนดสีนะคะ ลักษณะเส้นสามารถเลือกรูปแบบได้นะคะ อยู่ตรง... เหมือนจะน้อย เวอร์ชันนี้ เวอร์ชันนี้ให้แค่นี้หรือ ไม่เป็นอะไรปล่อยไปก่อนเดี๋ยวตกแต่ง พร้อมหรือยัง พร้อมจะจัดการมันหรือยัง มาดูคำสั่งที่เราจะใช้นะคะ คำสั่งนี้จะชื่อว่า... เด็ก ๆ จะต้องไปที่เมนู Windows, Graphic Style Libraries แล้วก็ Type Effects นะครับ Windows โอ.เค. ไหมครับ แล้วเลือกอะไรครับ Graphic หาคำว่า “Graphic Style” เจอหรือยัง มันจะมีเห็นไหมคะ แถบเครื่องมือขึ้นมา รูปแบบในเครื่องมีน้อยใส่ไปก่อนเลือกไปก่อนแล้วก็เลือกรูปที่มันมีอยู่ในนี้ก่อน Libraries อยู่ไหนนะ เจอแล้ว Libraries, Libraries ไม่ขึ้นแหะ Graphic Style นะคะ เสร็จแล้ว มาเลือก Libraries ด้วยนะคะ ไม่มี ถ้าไม่เห็นก็คลิกที่ Graphic Style อย่างเดียวนะคะ แล้วเลือกรูปแบบที่มันมี อันนี้หมายถึงเรามีภาพนั้นแล้วเหมือนเอาภาพเข้ามาใส่ข้อความแทน อันนี้แบบที่ 1 นะ กับอีกแบบหนึ่ง ดูอีกแบบหนึ่งนะคะ ย้อนคืน Ctrl+Z ยังไม่ย้อนให้ Ctrl+Z ย้อนกลับไปที่รูปแบบเดิมก่อน หายเลยจ้า ย้อนใหม่อีกทีหนึ่งให้มันคืน มันจะมี... มันจะมี Undo ใช่ไหม แล้วก็ Redo น่ะ เลือกเป็น Redo นะคะ ถ้ามันหายไป เลือก Redo ย้อนกลับอีกทีหนึ่ง Undo หรือ Redo นะคะ เลือกเอา คลิกขวานะคะ อีกแบบหนึ่งนะคะ พอเราไอ้นี่เสร็จ คลิกขวาแล้วเลือกคำว่า “Create Outline” ใช่ ๆ คลิกไม่ได้ เอาใหม่ ดูใหม่นะ ดูใหม่ ทำไม่จะคลิกไม่ได้น่ะ แสดงว่าเลือกไม่ถูก ก่อนอื่นเราเลือกข้อความเราใช่หรือเปล่า เสร็จแล้วเราคลิกขวา แสดงว่าบางคนน่ะเป็น... เป็นกราฟิกไปแล้วตอนนี้ ถ้าเป็น Text ธรรมดา ให้นึกถึงนะ ๆ สังเกตถ้าเป็น Text ธรรมดา พอคลิกขวา Create Outline จะขึ้น แล้วถ้าใครได้แล้ว เสร็จแล้วให้เลือก Direct Selection Tool เห็นไหมคะ ข้อความน่ะ สามารถแยกส่วนประกอบออกจากกันได้ เด็ก ๆ อยากวางอย่างไรคะ เห็นหรือเปล่า เห็นไหมคะ วางสลับขึ้นสลับลงเห็นหรือเปล่า หรือวางไปทั้งประโยคอย่างนี้เห็นไหมคะต้องให้มันเป็นเพราะตอนแรกน่ะ มันเป็นอะไรคะ ลืม... เดี๋ยวทำให้ดู 2 แบบ อันที่ 1 นะ เรา Copy อีกอันก่อน เรา Copy ข้อความที่ Valentine Day ของเราน่ะให้เป็น 2 อัน Ctrl+C แล้วก็ Ctrl+V อันนี้คือเป็นแบบ Text สังเกตเวลาไปประโยค ไปทั้งประโยค เลือก Direct Selection ไปทั้งประโยค ข้อความที่เป็นทั้งประโยคน่ะค่ะ ไปทั้งประโยค แต่ถ้าตัวที่ 2 เดี๋ยวเปลี่ยนสีนะคะ ตัวแรกจะเอาสี... สีน้ำเงินแล้วกัน จะได้รู้ว่าตัวนี้เป็น Text นะคะ ตัวนี้จะทำให้เป็น Graphic แล้ว วิธีการก็คือทำ Text ให้เป็น Graphic ให้เด็ก ๆ เลือกข้อความนั้นแล้วคลิกขวา เลือกคำสั่ง Create Outlines นะคะ เด็ก ๆ ก็จะสามารถ ใช้ Direct Selection เพื่อตัดข้อความหรือย้ายข้อความ เหมือนตัว V ทำให้มันใหญ่ ๆ เอาเฉพาะตัว V นะ ดูนะคะ ดูตัว V ก่อน ขยายตัว V ให้ใหญ่ขึ้น Valentine แล้วก็ Day เอา Day ไว้ จะเอาไว้ข้างบนหรือข้างล่างนะคะ เหมือนตัวอย่างในรูปที่ให้ดูนะ เช่น เห็นไหมคะ สวัสดีวันอังคาร จะสามารถเปลี่ยนสีทีละตัวก็ได้ เลือกสีตัวนี้ เอาตัวไหน ตัวนี้เปลี่ยนสีนะครับ รูปแบบสีถ้าเด็ก ๆ อยากใส่แบบไล่สี ที่เรียกว่า “Gradient” หรือไล่สีนะคะ ให้เลือกที่เมนู Windows แล้วหา Panel ที่ชื่อว่า... อยู่ไหนเอ่ย Gradient นี่ลักษณะไล่สีจะเป็นอย่างนี้นะคะ เลือกสี เห็นหรือเปล่า เห็นไหมคะ สามารถไล่สีได้ เปลี่ยนได้นะคะ ไล่เป็นตามแนวเส้นหรือตามแนวรัศมีวงกลมนะคะ ลักษณะ Gradient จะเปลี่ยนไป นะคะ ปรับรัศมีได้ นี่อยู่ที่ค่านี้ ค่าการปรับเห็นหรือเปล่าค่ะ เอาอย่างไร อยากได้แบบไหน สู้ ๆ ไหวหรือเปล่า เดินทางปลอดภัยนะคะ เป็น 3 บรรทัดนะ ดูแบบ เป็น 3 บรรทัดนะคะ ดูนะคะ ทำให้ได้ 3 บรรทัด เอาตัว V แล้วก็ Valentine บรรทัดที่ 2 แล้วก็เอา Day เอา Day มาไว้ แบบ... ขอโทษ เอาคำว่า “Day” มาไว้ข้างล่าง นี่ถ้าเราครอบโดย Direct Selection มาไม่หมด เห็นไหมเส้นมันจะค้างอยู่ ถ้าเราครอบ Direct Selection ไม่หมดน่ะค่ะเส้นมันจะค้างอยู่ เราต้องพยายามให้มันได้ ไปกินเส้นคนอื่นเสียอย่างนั้น เดี๋ยวนะคะขอขยับแป๊บหนึ่ง มันต้องค่อย ๆ ทำนะ เพราะเรายังไม่ชำนาญนะคะ มันจะไม่ใช่ว่าทำปุ๊บได้ปั๊บ คือทำบ่อย ๆ มันก็จะเกิดความชำนาญนะคะ จะเอาคำว่า “Day” ลงมา เอามาทั้งประโยค เอาติดกันอย่างนี้ก็ได้เห็นไหมคะ อยู่ที่การจัดวางนะคะ เปลี่ยนสีสมมติต้องการเปลี่ยนสี เดี๋ยวดูนะคะ จะเปลี่ยนสีให้ดูนะคะ ให้ข้อความของคำไม่เหมือนกัน เพราะฉะนั้นจะสามารถอะไรนะ เขาเรียกว่า “จัดตำแหน่ง” น่ะแล้วแต่ตามใจชอบเลยนะคะ เหมือนตัวอย่างนี้ที่เขาเอาคำนี้มาวางข้างบนข้างล่างซ้อนกันอย่างนี้นะคะ แล้วแต่เราน่ะค่ะ แล้วแต่เราจะจัดเห็นไหมคะ คำว่า "ไว้คุยกันใหม่", "ไว้" ตัวเล็ก "คุย" ตัวใหญ่ เห็นไหมคะ อย่างนี้นะคะ ขึ้นอยู่กับ... เด็ก ๆ น่ะ จัดเอานะคะ ว่าจะทำแบบไหนนะคะ อ้วนแต่น่ารัก อย่างนี้นะคะ สุดยอด เดี๋ยวตอนทำ Animation ค่อยสอนทีเดียวนะคะ ก่อนอื่นต้องได้องค์ประกอบมันก่อน เห็นไหมคะมันโผล่มาได้อย่างไร Love เขาทำแบบไหนนะคะ เห็นหรือเปล่า ดูไว้นะคะ อาทิตย์หน้าจะ... เดี๋ยวหาตัวอย่างก่อนนะคะ เมื่อกี้ถ้าเอารูปมาใส่ในข้อความ ดูนะคะขอพิมพ์ตัวเดียวจะได้เห็นชัด เอาคำว่า “O.K.” น่ะค่ะ พิมพ์ข้อความ 1 ประโยคก่อน ใช้ Type Tool พิมพ์ O.K. แล้วเลือก Font ที่มีลักษณะที่บอกก็คือตัวหนา ๆ หน่อยนะคะ รูปแบบ Font อ้วน ๆ ด้วย ขออ้วน ๆ แล้วก็หนา ๆ เอาตัวใหญ่ ๆ หน่อยจะได้เห็น เลือก Font เป็นอะไรไปแล้วนี่ แก้แป๊บ สงสัยจะโดนภาษาไทย โอ.เค. ได้ไหม โอ.เค. ไหมนี่อยากได้เพื่อจะให้เห็นว่าเอารูปเข้าไปใส่ในข้อความน่ะทำอย่างไร ขอตัวลักษณะอย่างนี้นะคะ Font ตัวอ้วน ๆ หนา ๆ น่ะ หา Font ที่มันเป็นลักษณะข้อความออกมา... อย่างผอม ๆ อย่างนี้ไม่เอา ดูที่ตัวอย่างด้านข้างน่ะมันจะเห็นรูปแบบของ Font นะคะ ตัวผอม ๆ เราไม่เอานะคะ ตอนนี้เราอยากได้ Font ที่มีความอ้วนแล้วก็ความหนา หรืออย่างนี้ก็ได้นะคะ ตัวใหญ่เหมือนกัน ยังไม่เป็นที่พอใจ หาไปเรื่อย ๆ ตัวอย่างดูได้จากข้าง ๆ นะคะ ที่สีมันจะเข้ม ๆ หน่อย ใจเย็น ๆ อย่างนี้ก็ได้ อ้วน ๆ เห็นไหมคะ ตรงตัว O ก็จะใหญ่ ตัว K ก็จะใหญ่ Windows ใช่ไหมคะ เลือก Windows เลือกอะไรคะ Graphic Style ใช่ไหมคะ นี่ตรง Graphic Style น่ะ ความจริงถ้า Libraries นะคะ เราควรเอาภาพมาเก็บไว้ใน Libraries ถ้ามันไม่มีให้คลิกที่... Add ไม่ขึ้น ปกติเหมือนมันจะมีนี่เหมือนให้ Add อย่างนี้ เพิ่มเข้ามาให้ Add น่ะค่ะ ทำไมไม่มีนะ เดี๋ยวขอลองดู 3D Effect เวอร์ชันนี้ อ๋อ เจอแล้ว นี่ ๆ Libraries ถ้าตัวนี้ ก็คือในนั้นมันมีอยู่แล้วนะ เพราะเลือกนะคะ ลักษณะ Graphic จะเปลี่ยนไปตามรูปแบบที่เลือกนะคะ กับอีกแบบหนึ่งเป็น Texture เห็นไหมคะ นี่อันนี้มันมี Theme ถ้าเราต้องการเพิ่มเข้าไปนะคะ มันต้องเพิ่มรูปเข้าไปน่ะ รูปภาพที่เราจะใช้เป็น Graphic น่ะค่ะ Windows, Graphic Style ปิดแล้วก็ปิด เบื่อตรงนี้แล้ว มันไม่ให้ Add น่ะ ทำไม Librarise ไม่ยอมให้ Add ทุกทีถ้าไม่แน่ใจเวอร์ชันนี้เหมือนกันนะ สอนแต่ละเทอมเวอร์ชันเปลี่ยนนี้ก็... ปกตินี่นะคะ ก็คือ ไปเพิ่มภาพได้ ไม่อย่างนั้นก็ดูนะคะ อีกวิธีหนึ่ง อย่างนั้นก็มีอีกวิธีหนึ่ง ย้อนคืนก่อน หารูป 1 รูป ไปหารูป อยากรูปอะไรเอ่ย ลอง Search ภาพนะคะ Valentine ก็หาภาพหัวใจใช่ไหมใช้คำว่า “หัวใจ” นะคะ เดี๋ยวจะเอา เอารูปหัวใจเข้าไปใส่ในนี้ ทำอย่างไร ลองหาสัก 1 ภาพ เอาตัวไหนดี เอาลาย ๆ อยากได้ลาย ๆ ใช่ไหม ดูนะคะ เอา... จะเอา Techniques Color เลย เอารูปที่ลายมันเปิด ๆ นี่ล่ะดูเด้อ เอาอันไหนดี เดี๋ยว ๆ จะเอาตัวนี้นะคะ ให้เลือกภาพที่มีหลาย ๆ สี อันดับ 1 นะคะ ภาพที่เราจะเอามาใช่นี่ ควรมีสีหลาย ๆ เฉดสีน่ะค่ะ จะได้เห็นว่าเอามาแล้วนี่สีมันออกมาเป็นอย่างไรนะคะ Save ไว้ใช้นะคะ บันทึกรูปภาพเป็น อย่าลืมว่า Save ไว้ที่สะดวกสุด ก็คือ Picture เหมือนเดิมนะคะ วิธีการวางรูปจำได้ไหมคะ ใช้คำสั่งอะไรคะ หดไปก่อน Open หรือไม่ก็ Browse In Bridge ใช่ไหมคะ ถ้าของใครใช้ Browse In Bridge  ไม่ได้ก็ใช้ Open นะคะ แต่จะช้านิดหนึ่ง รอแป๊บ เดี๋ยวเราโกย ๆ งานที่ทำไว้ไปไว้ฝั่งหนึ่ง ชักเริ่มเยอะ ออกมาจากพื้นที่ผมหน่อย ผมต้องการพื้นที่ใช้งาน ขี้เกียจเปิดใหม่ เดี๋ยวเครื่องจะ Hang นะคะ มีคำว่า “O.K.” แล้ว รูปเรายังไม่ขึ้น มาแล้ว เพราะฉะนั้นขยายขนาดพื้นที่แล้วคิดว่า พอเอานี่มันจะเข้าไปอยู่ในรูปน่ะ นึกออกไหม รูปมันจะเข้าไปอยู่ในข้อความค่ะ เพราะฉะนั้นเราต้อง... เขาเรียกว่าอะไรล่ะ ขยายขนาดของรูปกับข้อความ ให้มัน Balance กันด้วย นี่เหมือนพอวางแล้วดูดี ๆ นะคะ 2 ชิ้นนี้ จะต้อง ๆ ให้ข้อความอยู่บนสุดนะคะ ให้คลิกที่ข้อความที่เราจะทำน่ะแล้วเลือกคำสั่ง Arrange แล้วก็ Bring to Front ให้มันอยู่บนภาพ ต้องเป็นแบบนี้นะ เพราะฉะนั้นเราสามารถหมุนได้นะคะ เพื่อจะให้ได้แนว ให้ข้อความมัน... คืออยากให้มันวางแล้วได้ อย่างนี้ก็ได้ นึกออกนะ คือไม่จำเป็นต้องวางตามแนวของรูปภาพก็ได้ถูกไหมคะวางอย่างนี้ก็ได้ดูนะคะ ได้ 2 ชิ้น แล้วทำอย่างไร เลือกทั้ง 2 เลือกทั้งรูปทั้งข้อความ เกิดอะไรขึ้น เห็นไหม รูปเข้าไปอยู่ในข้อความแล้วเห็นหรือเปล่า มันลายไปหรือเอาใหม่ก็ได้ หลักการที่ 1 คืออะไรคะ เด็ก ๆ ต้องให้อะไรคะ ข้อความอยู่บนรูปใช่ไหมคะ เดี๋ยวหมุนแนวใหม่ อยากได้แนวนี้ เลือกทั้งรูปทั้งข้อความนะคะ ต้องเลือก 2 ชิ้นนะคะ ไม่ใช่เลือกเฉพาะรูปอย่างเดียวต้องให้ใช้ Selection Tool น่ะลากให้ครอบทั้งรูปทั้งข้อความนะคะ เสร็จแล้วคลิกขวา เลือกคำสั่ง Make Clipping Mask การ Clipping ก็คือ การตัด เห็นหรือเปล่า แต่ Font ไม่สวย เดี๋ยวเปลี่ยน Font ก่อน มันเลยดูตัว O.K. ไม่ค่อยเห็นเป็น O.K. ใช่หรือเปล่า ขอเปลี่ยน Font ก่อนดูไม่ค่อยออก ลองเปลี่ยน Font ดูนะคะ แล้วเดี๋ยวขอใส่สีขอบให้ Font ด้วย เมื่อกี้มันไม่เห็นเส้นน่ะ เอาสีอะไรดี สีแดงแล้วกัน ขอความหนาเส้นสักหน่อยหนึ่ง ดูใหม่ ๆ Test, Testing เอาใหม่ เอาตรงไหนดี ๆ ๆ เอาใหม่นะ นี่แล้วเราก็ใส่เส้นเข้าไป เห็นไหมสวยหรือเปล่า อันนี้คือกรณีที่ขี้เกียจทำลาย ไปหาลายจากรูปอย่างนี้ได้นะคะ ใช้ตัวช่วยไม่ต้องสร้างลายใหม่นะคะ ก็ไปเลือกมา เห็นไหมคะเราสามารถ... เพราะฉะนั้นปรับแต่งได้นะคะ วางแล้วตำแหน่งไม่สวย สีไม่โอ.เค. ก็เลื่อนใหม่ ไม่เป็นที่พอใจเราก็เลื่อน เลื่อนไป เลื่อนไปอีกหน่อย เอาใหม่ Make ใหม่ ใช่ไหม มันย้อนคืนได้อยู่แล้วล่ะ โอ.เค. ไหม เห็นไหมคะ ถ้าอยากให้เห็นตัวอักษรชัด เราก็มาเพิ่มเส้นขอบให้มันเข้าไปนะคะ เช่น เอาสี โทนออกสีแดง ๆ ส้ม ๆ ใช่ไหม ส้ม ๆ แดง ๆ เห็นไหมคะ เพราะฉะนั้นขนาดเส้นขอบก็เพิ่มได้นะคะ มันบางไปเราก็เพิ่มสักหน่อย ๆ ๆ นะคะ นี่ก็คือการนำภาพไปใส่ในตัวอักษรนะคะ วิธีการไม่มีอะไรยุ่งยาก คือ ต้องมีภาพก่อน แค่ต้องจำว่าข้อความมันจะต้องอยู่บนภาพนะคะ ไม่ใช่ภาพอยู่บนข้อความ อย่างนั้นลองมาดูถ้าภาพอยู่บนข้อความ สลับกันนะ ดูนะจะเกิดอะไรขึ้น ถ้าเอาภาพไว้บนข้อความแล้วพอเวลาเราเลือก เห็นไหมคะ มันจะไม่ได้ มันจะทำไม่ได้เห็นหรือเปล่า เพราะวัตถุภาพ ภาพอยู่ข้างบนน่ะ มันจะไม่เกิดการตัดนึกออกนะ เพราะฉะนั้นภาพจะต้องอยู่ด้านล่างนะคะ ข้อความจะต้องอยู่ข้างบนนะคะ ก็คือวิธีการย้ายตำแหน่งของรูปต่าง ๆ มันจะอยู่ที่คำสั่ง Arrange นะคะ Bring to Front ก็คือไว้ข้างบนสุด สังเกตพอเลื่อนภาพมาซ้อนมันก็จะขึ้นอย่างนี่ งั้นลองหมุนตามแนวตรง ๆ 
เปลี่ยน ๆ ๆ เอาใหม่ ยังไม่พอใจ Make ไปเรื่อย ๆ ไปเลือกสีขาวเฉยนะคะ ก็อยากให้เห็นว่ามันเป็นคำว่าอะไรก็ใส่... เพราะฉะนั้นตัวภาพก็มีผลกับตัวข้อความที่จะแสดงออกมานะ 1. ข้อความที่ใช้ในการทำไอ้นี่ ต้องเป็นตัวลักษณะอย่างไรคะ อ้วน ๆ ใช่ไหม อ้วน ๆ แล้วก็หนา ๆ เพราะว่าถ้าผอม ๆ ก็คือ พื้นที่ ๆ จะเอารูปมาใส่มันจะไม่มีน่ะ นึกออกไหม ถ้ามันเป็นลัษณะเป็นเส้นน่ะใช่ไหม พี้นที่มันก็จะนิดเดียวนะ เพราะฉะนั้นลักษณะข้อความก็ต้องเลือกรูปแบบลักษณะข้อความให้ถูกด้วยนะคะ ต้องเป็นลักษณะตัวหนา ๆ มีพื้นที่ ๆ ที่จะเอารูปเข้าไปอยู่ในนั้นน่ะ ได้เยอะ ๆ มันจะได้เห็นว่ามีรูปและสิ่งถัดมาก็คือ ลักษณะภาพที่เราจะเอามาใส่ ถ้าเราเลือกสีเดียวใช่ไหม เลือกภาพที่มีสี สีแบบสีเดียว มันก็เหมือน... แค่เปลี่ยนสีเฉย ๆ ใช่ไหมคะ มันก็เหมือนข้อความนั้นเป็นสีนั้น แต่ถ้าภาพมันมีหลายสี มันจะเห็นเลย มันจะเห็นชัดนะคะ เหมือนที่เขาทำ เอาธงชาติ สีธงชาตินะ มาใส่ในข้อความเห็นไหม นั้นก็คือลักษณะนั้นนะคะ มันสามารถใช้ได้ เห็นไหมคะลักษณะการสร้างข้อความทำได้หลายแบบเชียว ยังมียากกว่านี้อีกนะคะ Advance กว่านี้ อันนั้นเดี๋ยวเราเอาไว้ทำตอนที่เราจะทำงานให้เป็นชิ้นเป็นอันแล้วนะคะ ส่วนสัปดาห์นี้ Save นะคะ Save ไว้ ทุกคนจะต้องเก็บงานแต่ละ Part ที่ทำไว้ด้วย เพราะฉะนั้น Save ไว้นะคะ วันนี้ก็ให้ Save คำว่า “Text” แล้วก็ตามด้วยรหัสตัวเอง เพราะเวลาส่งน่ะ ส่งรวมทีเดียว มันก็จะมี 1. การ์ตูนใช่ไหม ชิ้นแรกคือ การ์ตูน ชิ้นที่ 2 คือ Text นะคะ และชิ้นที่ 3 ครั้งหน้าเราจะเริ่มทำ Animation ทำอย่างไรนะคะ เพราะอย่างนั้นเราจะต้องได้องค์ประกอบพวกนี้เพื่อจะไปทำก่อน เพราะฉะนั้นถ้าใครมีเวลา การบ้านก็คือ จะต้องร่างแล้วว่าตัวการ์ตูนเราตัวนี้ จะใช้ข้อความว่าอะไร ต้องมีประโยคแล้ว ต้องมีเขาเรียกว่าต้องมีสตอรี่แล้ว เรากำหนดไว้ว่าทำกี่ตัว จำได้ไหม ตัวเดียวนะคะ ต้องมี Story ให้มันแล้วนะคะ เพราะฉะนั้นต้องนึกก่อน จะใช้คำว่าอะไรนะคะ โอ.เค. นะคะ สำหรับสัปดาห์นี้พอแค่นี้ค่ะ ขอบคุณฝั่งล่ามทางไกลด้วยค่ะ สวัสดีค่ะ ขอบคุณค่ะ เบื้องหลังใครไม่ทันตรงไหน ยกมือนะคะ ใครทำไม่ได้ยกมือ [สิ้นสุดการถอดความ]