Topic 1- Introduction to Adobe Animate Basic Infrmtion

Introduction to Adobe Animate and it's Importance

1. GUESS THE WORD เดาคำศัพท์ OMVE GUESS THE WORD

2. MOVE GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

3. ROCP GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

4. CROP GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

5. HAPSE GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

6. SHAPE GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

7. APINT GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

8. PAINT GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

9. URBSH GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

10. BRUSH GUESS THE WORD เดาคำศัพท์ GUESS THE WORD

11. Basic Introduction to Adobe Animate DARWIN ROYCE BAE SECOND SEMESTER OCTOBER 19, 2025 การแนะนำเบื้องต้นเกี่ยวกับ Adobe Animate

12. Adobe Animate is animation software used to create interactive 2D animations, graphics, games, and web content. It offers tools for drawing, character rigging, and animation. What is ADOBE ANIMATE What is ADOBE ANIMATE

13. Start Screen

14. OVERVIEW This is a basic lesson that covers the most common tools in Adobe Animate CC. นี่คือบทเรียนพื้นฐานที่ครอบคลุมเครื่องมือทั่วไปใน Adobe Animate CC OVERVIEW

15. Welcome screen overview

16. WELCOME SCREEN OVERVIEW Open a Recent Item Lets you open your most recent documents (click the Open icon). เปิดรายการล่าสุด ให้คุณเปิดเอกสารล่าสุดของคุณ (คลิกไอคอนเปิด) WELCOME SCREEN OVERVIEW

17. Create New Lists Animate file types, such as Animate documents and ActionScript® files. แสดงรายการประเภทไฟล์ภาพเคลื่อนไหว เช่น เอกสารภาพเคลื่อนไหวและไฟล์ ActionScript® WELCOME SCREEN OVERVIEW WELCOME SCREEN OVERVIEW

18. Create from Template Lists the templates most commonly used to create Animate documents. สร้างจากเท มเ พลต แสดงรายการเท มเ พลตที่ใช้บ่อยที่สุดในการสร้างเอกสารเคลื่อนไหว WELCOME SCREEN OVERVIEW WELCOME SCREEN OVERVIEW

19. USING THE STAGE The Stage is the rectangular area where you place graphic content when creating Animate documents. Stage คือพื้นที่สี่เหลี่ยมผืนผ้าที่คุณวางเนื้อหากราฟิกเมื่อสร้างเอกสาร Animate USING THE STAGE

20. To view the entire Stage on the screen, or to view a particular area of your drawing at high magnification, change the magnification level. หากต้องการดูเวทีทั้งหมดบนหน้าจอหรือดูพื้นที่เฉพาะของภาพวาดของคุณด้วยการขยายสูง ให้เปลี่ยนระดับการขยาย USING THE STAGE USING THE STAGE

21. To zoom in on or out of the entire Stage, select the Magnifying tool in the Tools panel, and click the element. หากต้องการ ซูมเ ข้าหรือออกจากพื้นที่งานทั้งหมด ให้เลือกเครื่องมือขยายในแผงเครื่องมือ แล้วคลิกองค์ประกอบ Shortcut key: Z

22. MOVE THE VIEW OF THE STAGE When the Stage is magnified, you may not be able to see all the stage. To change the view without having to change the magnification, use the Hand tool to move the Stage. เมื่อขยายเวที คุณอาจไม่สามารถมองเห็นเวทีทั้งหมดได้ หากต้องการเปลี่ยนมุมมองโดยไม่ต้องเปลี่ยนการขยาย ให้ใช้เครื่องมือ Hand เพื่อย้ายพื้นที่งาน Shortcut key: H MOVE THE VIEW OF THE STAGE

23. TO ROTATE THE STAGE USING THE ROTATION TOOL Choose the Rotation tool (H), that is grouped together with the Hand tool (H) or, press Shift and Space keys together to switch to Rotation Tool temporarily while working with any other tool, such as Brush. เลือกเครื่องมือการหมุน ( H) ที่จัดกลุ่มไว้ด้วยกันกับเครื่องมือช่าง ( H) หรือกดปุ่ม Shift และ Space พร้อมกันเพื่อสลับเป็นเครื่องมือการหมุนชั่วคราวในขณะที่ทำงานกับเครื่องมืออื่นๆ เช่น แปรง TO ROTATE THE STAGE USING THE ROTATION TOOL

24. Once the Pivot point is set, you can drag the mouse to rotate the stage view around the pivot point. เมื่อตั้งค่าจุดหมุนแล้ว คุณสามารถลากเมาส์เพื่อหมุนมุมมองพื้นที่งานรอบๆ จุดหมุนได้ TO ROTATE THE STAGE USING THE ROTATION TOOL TO ROTATE THE STAGE USING THE ROTATION TOOL

25. Using the stage Rotation Tool, drag to rotate the stage area temporarily. The current rotation angle is indicated by the red line on the การใช้เครื่องมือการหมุนพื้นที่งาน ลากเพื่อหมุนพื้นที่เวทีชั่วคราว มุมการหมุนปัจจุบันจะแสดงด้วยเส้นสีแดงบนเป้าเล็ง Pivot Pivot crosshair. To reset the stage to its default view, click the Center Stage button หากต้องการรีเซ็ตพื้นที่งานเป็นมุมมองเริ่มต้น ให้คลิกปุ่มเวทีกลาง TO ROTATE THE STAGE USING THE ROTATION TOOL TO ROTATE THE STAGE USING THE ROTATION TOOL

26. MAIN TOOLBAR

27. TOOL PANEL TOOL PANEL Set of tools ชุดเครื่องมือ

28. TOOL PANEL SELECTION TOOL : Click on an object to select it. You can also drag a rectangular marquee around multiple objects to select them all at once. เลือกวัตถุ: คลิกบนวัตถุเพื่อเลือก คุณยังสามารถลากเส้นปะรำสี่เหลี่ยมไปรอบๆ วัตถุหลายชิ้นเพื่อเลือกทั้งหมดพร้อมกันได้ TOOL PANEL

29. FREE TRANSFORM TOOL Provides more advanced transformation options, including skewing, perspective, and envelope distortion เครื่องมือการแปลงฟรี: ให้ตัวเลือกการแปลงขั้นสูงเพิ่มเติม รวมถึงการบิดเบือน เปอร์สเปค ทีฟ และการบิดเบี้ยวของเอน เวโลป TOOL PANEL TOOL PANEL

30. LASSO TOOL It is used to select areas that are irregular or don't fit into rectangular or oval selections. ใช้สำหรับเลือกพื้นที่ที่ไม่สม่ำเสมอหรือไม่เหมาะกับการเลือกแบบสี่เหลี่ยมหรือวงรี TOOL PANEL TOOL PANEL

31. FLUID BRUSH TOOL It is a vector brush that uses a graphics processing unit (GPU) to create natural-looking lines เป็นแปรงเวกเตอร์ที่ใช้หน่วยประมวลผลกราฟิก ( GPU) เพื่อสร้างเส้นที่ดูเป็นธรรมชาติ TOOL PANEL TOOL PANEL

32. BRUSH TOOL For drawing freehand lines and shapes with various brush styles and sizes. สำหรับการวาดเส้นและรูปร่างด้วยมือเปล่าด้วยสไตล์และขนาดแปรงต่างๆ TOOL PANEL TOOL PANEL

33. ERASER TOOL Erases portions of drawings or fills. ลบบางส่วนของภาพวาดหรือการเติม TOOL PANEL TOOL PANEL

34. RECTANGLE TOOL Draws rectangles and squares. วาดรูปสี่เหลี่ยมและสี่เหลี่ยม TOOL PANEL TOOL PANEL

35. LINE TOOL Draws straight and curve lines. วาดเส้นตรงและเส้นโค้ง TOOL PANEL TOOL PANEL

36. PEN TOOL The Pen tool in Adobe Animate is used to create paths with anchor points and handles to draw smooth-edged shapes and lines เครื่องมือปากกาใน Adobe Animate ใช้เพื่อสร้างเส้นทางที่มีจุดยึดและที่จับเพื่อวาดรูปร่างและเส้นที่มีขอบเรียบ TOOL PANEL TOOL PANEL

37. TEXT TOOL The Text tool in Adobe Animate allows users to create text fields for their projects เครื่องมือข้อความใน Adobe Animate ช่วยให้ผู้ใช้สามารถสร้างช่องข้อความสำหรับโครงการของตนได้ TOOL PANEL TOOL PANEL

38. PAINT BUCKET TOOL The paint bucket tool in Adobe Animate fills in enclosed areas of a drawing with color. เครื่องมือถังสีเครื่องมือถังสีใน Adobe Animate ใช้ในการเติมสีในพื้นที่ปิดของภาพวาด TOOL PANEL TOOL PANEL

39. EYE DROPER TOOL \Samples colors from the Stage or other images. ตัวอย่างสีจากเวทีหรือภาพอื่นๆ TOOL PANEL TOOL PANEL

40. ASSET WARP TOOL The Asset Warp tool in Adobe Animate is used to add pins and a mesh to artwork or bitmaps to create puppet handles for moving or warping. เครื่องมือ Asset Warp เครื่องมือ Asset Warp ใน Adobe Animate ใช้เพื่อเพิ่มหมุดและตาข่ายให้กับงานศิลปะหรือบิตแมปเพื่อสร้างจุดจับสำหรับเคลื่อนย้ายหรือวาร์ป TOOL PANEL TOOL PANEL

41. HAND TOOL The Hand tool in Adobe Animate allows you to move around the Stage without changing the magnification level เครื่องมือ Hand ใน Adobe Animate ช่วยให้คุณสามารถเคลื่อนที่ไปรอบๆ พื้นที่งานได้โดยไม่ต้องเปลี่ยนระดับการขยาย TOOL PANEL TOOL PANEL

42. ZOOM TOOL zoom in Adobe Animate, you can use the camera tool or the slider bar at the bottom of the stage ซูมเ ข้า Adobe Animate คุณสามารถใช้เครื่องมือกล้องหรือแถบเลื่อนที่ด้านล่างของกวางได้ TOOL PANEL TOOL PANEL

43. DRAWING BASIC SHAPES DRAWING BASIC SHAPES

44. DRAWING TOOLS DRAWING TOOLS

45. COLORING TOOLS COLORING TOOLS

46. TIMELINE

47. ABOUT THE TIMELINE The timeline in Adobe Animate organizes and controls a document's content over time in layers and frames. Like a movie film, Animate documents divide lengths of time into frames. ไทม์ไลน์ใน Adobe Animate จัดระเบียบและควบคุมเนื้อหาของเอกสารตามช่วงเวลาเป็นเลเยอร์และเฟรม เช่นเดียวกับภาพยนตร์ เอกสาร Animate จะแบ่งช่วงเวลาออกเป็นเฟรม ABOUT THE TIMELINE

48. Timeline A Layers B Playhead C Frames D Timeline header

49. TIMELINE New layer New Folder Delete Camera Layer Parenting Layer depth Center frame Current frame Elapsed time Fame rate Insert keyframe Play control Loop Onion skin Onion skin outline Edit Multiple Frames Modify Marker Reset Timeline Zoom Fit More Frames in View TIMELINE

50. Properties Panel

51. Properties

52. Properties

53. Library

54. Library

55. Shortcut keys

56. Shortcut keys

57. Shortcut keys

58. Shortcut keys CTRL + S save file

59. Shortcut keys

60. Question?

61. Tool panel Which tool is primarily used for drawing straight lines and precise shapes? เครื่องมือใดใช้เป็นหลักในการวาดเส้นตรงและรูปร่างที่แม่นยำ a) Brush Tool b) Pencil Tool c) Line Tool d) Paint Bucket Tool

62. Tool panel 2. What tool allows you to select and move objects on the Stage? เครื่องมือใดที่ช่วยให้คุณสามารถเลือกและย้ายวัตถุบนเวทีได้ a ) Lasso Tool b) Pen Tool c) Selection Tool d) Free Transform Tool

63. SHORT QUIZ 2. What tool allows you to select and move objects on the Stage? เครื่องมือใดที่ช่วยให้คุณสามารถเลือกและย้ายวัตถุบนเวทีได้ a) Lasso Tool b) Pen Tool c) Selection Tool d) Free Transform Tool

64. SHORT QUIZ 3. The Brush Tool is used to create: เครื่องมือแปรงใช้ในการสร้าง a) Freehand drawings ภาพวาดด้วยมือเปล่า b) Straight lines only เส้นตรงเท่านั้น c) Smooth, curved lines and shapes เส้นโค้งและรูปทรง เรียบๆ d) Filled shapes with gradients เติมรูปร่างด้วยการไล่ระดับสี

65. SHORT QUIZ 4. What is the purpose of the Paint Bucket Tool in the Tools panel? จุดประสงค์ของ Paint Bucket Tool ในแผงเครื่องมือคืออะไร Filling closed shapes with color เติมรูปทรงปิดด้วยสี b) Creating gradients การสร้างการไล่ระดับสี c) Drawing freehand shapes การวาดรูปร่างด้วยมือเปล่า d) Erasing parts of an object การลบบางส่วนของวัตถุ

66. SHORT QUIZ 5. Which tool allows you to zoom in and out on the Stage in Adobe Animate? เครื่องมือใดที่ช่วยให้คุณสามารถ ซูมเ ข้าและออกบนเวทีใน Adobe Animate ได้ a) Hand Tool b) Zoom Tool c) Eyedropper Tool d) Eraser Tool

67. SHORT QUIZ 6. What is the function of the Free Transform Tool in the Tools panel? ฟั งก ์ชั่น ของ Free Transform Tool ในแผงเครื่องมือคืออะไร a) To change the size of a shape or drawing b) Creating motion tweens c) Adding special effects to text d) Drawing curved lines

68. SHORT QUIZ 7. What is the primary purpose of the Eraser Tool in the Tools panel? วัตถุประสงค์หลักของ Eraser Tool ในแผงเครื่องมือคืออะไร a) Removing parts of an object b) Creating new shapes c) Applying color fills d) Moving objects on the Stage

69. SHORT QUIZ 7. What is the primary purpose of the Eraser Tool in the Tools panel? วัตถุประสงค์หลักของ Eraser Tool ในแผงเครื่องมือคืออะไร a) Removing parts of an object b) Creating new shapes c) Applying color fills d) Moving objects on the Stage

70. SHORT QUIZ 8. What is the function of the Eyedropper Tool in the Tools panel? ฟั งก ์ชั่น ของ Eyedropper Tool ในแผงเครื่องมือคืออะไร? a) Sampling a color from the Stage การสุ่มตัวอย่างสีจากเวที b) Creating gradients การสร้างการไล่ระดับสี c) Drawing freehand shapes การวาดรูปร่างด้วยมือเปล่า d) Erasing parts of an object การลบบางส่วนของวัตถุ

71. SHORT QUIZ 9. It allows users to create text fields for their project. อนุญาตให้ผู้ใช้สร้างช่องข้อความสำหรับโครงการของตน a) Text tool b) Rectangle tool c) Lasso tool d) Move tool

72. SHORT QUIZ 9. It allows users to create text fields for their project. อนุญาตให้ผู้ใช้สร้างช่องข้อความสำหรับโครงการของตน a) Text tool b) Rectangle tool c) Lasso tool d) Move tool

73. SHORT QUIZ 10. Draws rectangles and squares. a) Text tool b) Rectangle tool c) Lasso tool d) Move tool