Windows

Ai to Canvas Plug-In, HTML5 Canvas Utility สำหรับ Adobe Illustrator จาก MIX

18.2: 3D Geometries - WebGL and p5.js Tutorial

18.2: 3D Geometries - WebGL and p5.js Tutorial
Anonim

MIX Online ได้เปิดตัวโครงการใหม่ที่เรียกว่า Ai to Canvas Plug-In ที่ช่วยให้ Adobe Illustrator เพื่อเอ็กซ์พอร์ตอาร์เรย์เวกเตอร์และบิตแมปไปยังองค์ประกอบ canvas HTML5 ซึ่งสามารถแสดงผลได้ในเบราว์เซอร์ที่เปิดใช้งาน Canvas เช่น Internet Explorer 9

ปลั๊กอินนี้มีตัวเลือกการวาดภาพแอนิเมชั่นและการเข้ารหัสเช่นเหตุการณ์ต่างๆเพื่อให้คุณสามารถสร้างได้ แอ็พพลิเคชั่นแบบอินเทอร์แอ็กทีฟที่ออกแบบมาอย่างดีบน Canvas

ด้วยการเปิดตัวเบราว์เซอร์ที่สนับสนุน HTML5 และเทคโนโลยีที่เกี่ยวข้องเราจะเห็นนักออกแบบเว็บและนักพัฒนาซอฟต์แวร์สร้างเว็บแอ็พพลิเคชันที่ใช้ประโยชน์จากแท็ก canvas เพื่อเพิ่มความสามารถในการวาดภาพโดยไม่ต้องเพิ่ม - เข้าสู่เบราว์เซอร์

ทีม MIX Online ได้สร้าง a เครื่องมือที่ช่วยให้คุณสามารถใช้แอพพลิเคชันวาดภาพที่คุณคุ้นเคยและทำให้การส่งออกเป็นผืนผ้าใบได้ง่าย

  • คุณสร้างเนื้อหาใน Adobe Illustrator ก่อน รวมถึงสิ่งต่างๆเช่นภาพวาดและภาพที่มีอยู่หรือแม้แต่สร้างรูปวาดใหม่ที่จะส่งออก ปลั๊กอินสามารถใช้เพื่อส่งออกรูปทรงที่ซับซ้อนการไล่ระดับสีแผ่นใสเงาหล่นและทุกสิ่งได้ นอกจากนี้คุณยังสามารถสร้างภาพเคลื่อนไหวเช่นการหมุนเลือนการเคลื่อนไหวการผ่อนคลายและทริกเกอร์
  • จากนั้นเลือก Export ในเมนู File ใน Adobe Illustrator และเลือก Canvas
  • จะสร้างโค้ดที่เหมาะสมสำหรับคุณและไฟล์เพิ่มเติมใด ๆ คุณจะต้องการ. จากนั้นคุณสามารถแก้ไขไฟล์เหล่านี้ได้ตามความเหมาะสมสำหรับแอพพลิเคชันของคุณ
  • โหลดไฟล์ในเบราว์เซอร์ที่สนับสนุน canvas แล้วคุณจะสามารถดูภาพประกอบของคุณพร้อมกับภาพเคลื่อนไหวใด ๆ ที่คุณอาจสร้างขึ้น

Ai to Canvas Plug-In ฟรีและทำงานได้ทั้งบน Windows และ Mac คุณจะต้องติดตั้ง Adobe Illustrator CS5 ในคอมพิวเตอร์ของคุณ

ไปที่ Ai-> Canvas Plug-In project และดาวน์โหลดปลั๊กอิน

นอกจากนี้ ตรวจสอบ Adobe Illustrator ของ Mike Swanson ไปยัง XAML Export ปลั๊กอิน