แปลความหมายเพลง Taylor Swift – Welcome To New York

10/10/2015

แปลความหมายเพลง Taylor Swift – Out of the Woods

19/02/2016

มาแล้ว Adobe Animate CC มันมีอะไรใหม่

10/02/2016
taylor - swift - 1989 cover
taylor - swift - 1989 cover

สวัสดีครับ ห่างหายกันไปนานเลย เนื่องจากไปบวชมา บล๊อกก็ร้างมาเป็นปีเลยที่เดียว เอาล่ะวันนี้ จะไม่พูดถึงเรื่องนี้คงไม่ได้ ก่อนหน้านี้เราคงเคยได้ยินข่าวเกี่ยวกับ Adobe Flash มาอย่างต่อเนื่อง ว่ากำลังจะตาย จนข่าวสุดท้ายทาง Adobe บอกว่าจะเปลี่ยนชื่อจาก Flash มาเป็น Adobe Animate ข่าวนี้ผมเห็นตั้งแต่ปีก่อนแล้วแหละ จนมาถึงเมื่อวานนี้ น่าจะเป็นวันแรกที่เปิดให้โหลดกัน ก็ไปโหลดกันเลย

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

1. เทคโนโลยี

1.1  AS 2.0 จะถูกนำออกไป นั่นก็คือ Animate จะไม่รองรับ AS 2.0 และก่อนหน้าอีกต่อไป  รวมทั้งฟังก์ชัน เครื่องมือ ที่สนับสนุน AS 2.0 ก็ไม่มีแล้ว
1.2 สร้างงาน HTML5 ได้ ไม่ว่าจะเป็นการเคลื่อนไหวด้วย Tween ต่างๆ จะถูกส่งออกเป็นไฟล์ .html และ .js
1.2 ใช้งาน Typekit Web fonts ในงาน HTML5 Canvas ได้ คือการค้นหาฟอนต์ออนไลน์นั่นแหละ
1.3 Projector support ส่งออกไฟล์ที่สบับสนุนการเปิดกับโปรเจคเตอร์
1.4 สนับสนุนการทำงานร่วมกับเมาส์ปากกา Wacom กับเครื่องมือ Brush และ Pencil
และอื่นๆ เพิ่มเติมที่ https://helpx.adobe.com/animate/using/whats-new.html

2. แถบเครื่องมือ มีอะไรเปลี่ยนไปบ้าง


2.1 Ink Bottle Tool [S] แยกออกมาและเปลี่ยนรูป

2.2 Spray Brush Tool กับ Deco Tool ถูกเอาออกไป (สองตัวนี้ดีนะ ไม่เห็นต้องเอาออกเลย ถึงกระนั้นก็ไม่เคยใช้มันอยู่ดี -.-)

2.3 เครื่องมือใหม่ Width Tool [U] ใช้ขยายเส้น (Stroke) ซึ่งโดยปกติแล้วจะเป็นเส้นอย่างเดียวเท่านั้น แต่เครื่องมือนี้จะดึงเส้นให้มันกว้างขึ้น หน้าขึ้น โดยยังคงเป็น Stroke ไม่ใช่ Fill

ลองวาดเส้นโดยใช้ Line Tool จากนั้นก็ใช้ Width Tool ลากเส้นให้มันกว้างขึ้น

ลองวาดเส้นโดยใช้ Line Tool จากนั้นก็ใช้ Width Tool ลากเส้นให้มันกว้างขึ้น

 เมื่อปล่อยก็จะเป็นแบบนี้ สามารถกด Alt ลากปรับเปลี่ยนจุดได้

เมื่อปล่อยก็จะเป็นแบบนี้ สามารถกด Alt ลากปรับเปลี่ยนจุดได้

2.4 Rotation Tool [H] เอาไว้หมุน Stage

 – สามารถคลิกเลือกจุดหมุนได้
– กลับไปแสดงผลแบบเดิม กดปุ่ม Center Stage กรอบแดงๆ ในรูป

2.5 เครื่องมือใหม่ Paint Brush Tool [Y] ความสามารถคือการวาดโดยมี Style ให้เลือกมากมาย รายละเอียดดูจากด้านล่าง และ Brush Library ซึ่งมีแบบให้เลือกมากมาย สามารถโหลดได้จากแถบ CC Library หรือดูในแถบ Assets ของ Creative Cloud (ต้องลงชื่อเข้าใช้ด้วยนะ)

3.หมวดเครื่องมือในการวาด

3.1 เพิ่ม Option หรือความสามารถให้เครื่องมือในการวาดคือ Style และ Brush Library

– Style กำหนดรูปแบบของเส้นที่วาด ใช้ได้กับเครื่องมือวาดทุกชนิด ยกเว้นดินสอ กับ Brush (แปรงธรรมดา)
ถ้าเราวาดรูปสี่เหลี่ยม Style ที่เราเลือก มันจะไปอยู่ที่ขอบ (Stroke) ของรูปที่วาด
ซึ่งในเวอร์ชันเก่ามี Style ให้เลือกเพียงน้อยนิด และปรับได้นิดหน่อยเท่านั้น

– Width สามารถกำหนดรูปแบบความกว้างของเส้นที่จะวาด โดยมีผลกับ Style ที่เราเลือก จะเรียกว่าเป็นการกำหนดกรอบของ Style ใช้มันมีรูปตามรูปแบบที่เลือกก็ได้

ตัวอย่างการวาดมั่ว ๆ โดยเครื่องมือต่างๆ คู่กับ Style

ตัวอย่างการวาดมั่ว ๆ โดยเครื่องมือต่างๆ คู่กับ Style

3.2 นำฟังก์ชันที่ไปแอบอยู่ในแถบเมนู ออกมาพร้อมกับมีรูปเป็นของตัวเอง -0-

Expand to Fill แปลง Stroke เป็น Fill
Create Object แปลงวัตถุ Fill&Stroke เป็น Drawing Object
Break Apart [Ctrl+B] แปลง Drawing Object, Text หรือวัตถุที่จัดกลุ่ม (Group) ออกเป็นชิ้นย่อยๆ กดซ้ำๆได้ โดยชั้นสุดท้ายคือเป็นอนุภาคพื้นฐาน ซึ่งก็คือ Fill&Stroke นั่นเอง

3.3 Drawing Object ความแตกต่าง

Drawing Object ใน Flash CS6

Drawing Object ใน Flash CS6

– มีลักษณะเป็นกรอบสี่เหลี่ยม คล้าย Group
– คลิกเปลี่ยนสีได้เลย
– ต้องดับเบิ้ลคลิกเข้าไปเพื่อดัดเส้น

Drawing Object ใน Animate CC

Drawing Object ใน Animate CC

– มีลักษณะเป็นจุดเชื่อม
– คลิกเปลี่ยนสีได้เลย
– คลิกดัดได้เลย

3.4 เพิ่ม Option ให้กับ Rectangle Tool [R] และ Oval Tool [O] ซึ่งก่อนหน้านี้มันจะมีแต่ในแบบ Primitive เท่านั้น
Rectangle Tool [R] และ Oval Tool [O] ปรับตรง Options ก่อนแล้วค่อยวาด วาดแล้วแก้ไม่ได้
Rectangle Primitive Tool [R] และ Oval Primitive Tool [R] วาดแล้วแก้ไขได้ วัตถุที่วาดจะกลายเป็น Primitive Object ซึ่งก็เหมือนกับ Drawing Object นั่นแหละ

** แต่ทำไม Oval หรือวงกลม ใน Animate CC มันไม่แสดงผลเวลาปรับแบบ Real Time ต้องปล่อยเมาส์ถึงจะแสดงผล -.-

4. แถบสี

แถบ Color เพิ่มปุ่ม Add to Swatches
ทันทีที่กด สีจะถูกเก็บใน Swatches ซึ่งในเวอร์ชันเก่าจะต้องไปเทสีที่ Swatches


แถบ Swatches สามารถสร้างโฟลเดอร์เพิ่มเติมไว้เก็บสีตามกลุ่มที่เราต้องการ
– คลิกลากเพื่อย้ายสีข้ามโฟลเดอร์ได้
– สามารถบันทึก ส่งออกสีเก็บไว้ในไฟล์ เพื่อเรียกใช้ หรือนำเข้าสีจากภายนอกเข้ามาได้ (เวอร์ชันเก่าก็มี)
Tagged Swatches มันมีความพิเศษคือ โดยปกติแล้วสีที่เก็บใน Swatches มันจะเปลี่ยนไม่ได้ เว้นแต่ลบออกแล้วเพิ่มสีใหม่ แต่เมื่อเรากำหนดสีให้เป็น Tagged Swatch จะสามารถเปลี่ยนสีได้ แล้ววัตถุที่ถูกทาด้วยสีแบบ Tagged Swatch ก็จะเปลี่ยนสีตาม

5. ปรับขนาดเอกสาร

- เมื่อก่อนเราไม่สามารถกำหนดจุดเวลาแก้ไขขนาดของ Stage ได้ เวลาเปลี่ยนขนาด มันจะยืดหรือหดจากมุมซ้ายบนเท่านั้น แต่ใน Animate เลือกได้เลยมาจะยืดหดจากจุดไหน

-เมื่อก่อนเราไม่สามารถกำหนดจุดเวลาแก้ไขขนาดของ Stage ได้ เวลาเปลี่ยนขนาด มันจะยืดหรือหดจากมุมซ้ายบนเท่านั้น แต่ใน Animate เลือกได้เลยมาจะยืดหดจากจุดไหน

เท่าที่ผมลองทดสอบก็บอกได้คร่าว ๆ ตามนี้ ส่วนรายละเอียดอื่นๆ ลองดูเพิ่มเติมได้จากเว็บไซต์หลักเลยนะครับ

สุดท้าย บอกได้เลยว่ามันยอดมาก การวาดสะดวกสบายขึ้นเยอะ และสนับสนุนเทคโนโลยีบนเว็บมากขึ้น ผมว่า Flash จะต้องมาผงาดอีกครั้งในร่าง Animate จากนี้คงต้องไปลองทำเกมด้วย html5 แล้วลองทำงานกับโมบายมากขึ้นแล้วล่ะ  …Zzz