Adobe Animate CC

ร่างใหม่เกิดแล้ว! Adobe Animate CC ให้ดาวน์โหลดแล้ว

เรื่องที่เกี่ยวข้อง -

Adobe Animate CC เป็นเครื่องมือที่สืบทอดพลังของ Adobe Flash Professional CC ซึ่ง Adobe ประกาศเปลี่ยนชื่อมาตั้งแต่ปลายปีที่แล้ว

มาวันนี้ Adobe ได้ปล่อยให้ทุกคนที่มีบัญชีผู้ใช้ Adobe Creative Cloud สามารถดาวน์โหลดมาใช้งานได้แล้วนอกจากเปลี่ยนชื่อแล้ว Adobe ตั้งใจให้ Animate CC รับหน้าเครื่องมือสร้าง Interactive ที่มีความสามารถมากขึ้น และรองรับการนำไปใช้งานที่หลากหลายกว่าเดิมล่ะ (อ่านเนื้อหาได้ที่นี่)

แน่นอนว่าพวกเรายังมีคำถามที่อยากรู้อีกมาก ในที่นี้พลขอเจาะไปที่คำตอบ 2 คำถามใหญ่ที่มีการคุยกับหลายๆ คนตั้งแต่ปลายปีแล้วกัน ถ้ามีคำถามอื่น คอมเม้นคุยกันด้านล่างสุดก็ได้นะครับ

1.ความสามารถใหม่ใน Animate CC

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

  • กลุ่มที่ 1: CC Libraries และบริการเสริมของ Adobe
  • กลุ่มที่ 2: Vector และ Brushes
  • กลุ่มที่ 3: Stage
  • กลุ่มที่ 4: Video
  • กลุ่มที่ 5: Web

กลุ่มที่ 1: CC Libraries และบริการเสริมของ Adobe

Adobe เดินหน้าเชื่อมระบบการทำงานของเครื่องมือทั้งหมดด้วย Adobe CC Libraries ตั้งแต่ปีที่แล้ว คราวนี้มาอยู่ใน Animate CC ด้วย

โดยตอนนี้ตัวโปรแกรม Animate CC รองรับ Asset ใน CC Libraries ดังนี้

  • Color และ Color Themes
  • Brushes
  • Graphics
  • Vector Brushes
CC-Library-Indications2.png

โครงสร้างของ CC Libraries Panel เหมือนในเครื่องมืออื่นๆ ที่ทำให้เราดึง Asset ต่างๆ มาใช้ใน Animate CC ได้

นอกจากนี้เรายังสามารถดึง Asset จากบริการ Adobe Stock และ Font จาก TypeKit มาใช้ในงานประเภท HTML5 Canvas ด้วยครับ

stock.png

เราสามารถค้นหารูปภาพหรืองานต่างๆ ใน Adobe Stock และนำมาใช้ใน Animate CC ได้

TypeKit-AddWebfonts.png

TypeKit Web Font สามารถดึงมาใช้ในงาน HTML5 Canvas ได้

กลุ่มที่ 2: Vector และ Brushes

เครื่องมือในการวาดก็เพิ่ม และได้รับการปรับปรุงเพิ่มขึ้นด้วย อย่างเช่นการใช้ Brush ทั่วไป และใช้ Art Brush กำหนดให้เส้น path ก็ยังได้

PaintBrushTool.png

Art Brush

อีกความสามารถหนึ่งที่พลชื่นชอบคือ Tagged Swatches ครับ อย่างเช่นถ้าเราสร้าง Tagged Swatch แล้วกำหนดให้กับ Shape หรือ Path แล้ว การเปลี่ยนสีของ Tagged Swatch ก็จะเปลี่ยนสีใน Shape หรือ Path นั้นๆ เช่นกัน

Tagged-Swatch-Display.png

Tagged Swatch ที่ประยุกต์แก้ไขสีในงานได้อย่างสะดวก

กลุ่มที่ 3: Stage

ในด้านของ Stage ที่ใช้กันมาช้านาน ใน Animate CC ก็มีการเปลี่ยนแปลงใหญ่ๆ ดังนี้ครับ นั่นคือ Stage Scaling และ Stage Rotation

นั่นคือเราสามารถกำหนดอัตราส่วนที่ Stage สามารถขยายตามการใช้งานได้ และสามารถ “หมุน” Stage ในการสร้างงานได้ด้วย

Stage-scaling.png

ตัวเลือกในการควบคุม Stage Scaling และ Content

กลุ่มที่ 4: Video

เมื่อตอนที่ Adobe ประกาศจะเปลี่ยนชื่อ Flash Pro เป็น Animate CC ได้บอกถึงการ Export เป็น Video แบบ HD ได้หลากหลายขนาดในทีเดียว

Export High-Res Videos.PNG

กำหนด Resolution ของวิดีโอได้

 

กลุ่มที่ 5: Web

หลังจาก Flash Player ลดบทบาทลงเรื่อยๆ Adobe ก็ได้เพิ่มความสามารถให้ Flash Pro ในการสร้างช้ินงานออกมาเป็นเทคโนโลยี Web Standard มาตลอด เช่น WebGL และ HTML5 Canvas

มาในชื่อใหม่อย่าง Animate CC ก็มีการปรับปรุงหลายส่วน และเพิ่มความสามารถขึ้นมา

เช่น

  • สามารถกำหนด HTML5 Canvas Template และ Publish Profiles
  • Export งาน ActionScript 3, WebGL, และ HTML5 Canvas เป็นไฟล์ OAM (อันนี้มาจาก Edge Animate) เพื่อไปใช้ต่อได้ง่ายๆ ใน Dreamweaver, Muse, และ InDesign
  • รองรับการนำ SVG มาใช้ได้หลากหลายมากขึ้น
  • รองรับ Spritesheet มากขึ้น เพื่อการนำไปใช้ใน Ads หรือเว็บไซต์ที่ต้องการกราฟฟิคความละเอียดสูง

และอันนี้เจ๋งสุด เราสามารถสั่งเปลี่ยนข้อความ (Text) เป็น outline เพื่อนำไปใช้ใน HTML5 Canvas ได้ด้วย ทำให้ข้อความคงรูปเมื่อเอาไปใช้งาน

2.การรองรับ Flash และ AIR

หลายๆ คนที่ใช้ Flash ในงานเฉพาะทางอย่างเช่นบน Desktop Web และ Adobe AIR ตอนนี้ทาง Animate CC ยังอัพเดตให้รองรับ Flash Player 20 และ AIR SDK 20 ด้วย

ดังนั้นใครยังต้อง Maintain งาน Flash เดิมอยู่ ยังสามารถใช้ Animate CC ทำงานได้แน่นอน

สรุป

นั่นคือเบื้องต้นที่ Animate CC เปิดตัวมาวันแรกพร้อมกับ ความสามารถใหม่ๆ มากมายตามที่สัญญาไว้ปลายปีที่แล้ว สนใจศึกษารายละเอียดทั้งหมดดูได้ที่นี่

เดี๋ยวจะทำตัวอย่าง วิธีการใช้งาน Adobe Animate CC ขึ้น YouTube ไว้เร็วๆ นี้ครับ

มีเรื่องตื่นเต้นหลายเรื่องตั้งแต่ต้นปีเลย น่าตื่นเต้นจริงๆ 555

วันนี้ขอตัวไปพักผ่อนก่อนเนอะ

อ้างอิง – Adobe Blogs, Adobe Help X

 

Loading Facebook Comments ...
Menu