เรามักจะคุ้นเคยกับการสร้างหน้าเว็บโดยใช้พื้นหลังแบบ Parallax Scrolling หรือ Add-On บางตัวจะมี Auuto moving ใช้คู่กับ Parallax & mouse follow เพื่อสร้าง multi layer images ที่เกิดเป็นแอนิเมชั่นภาพเคลื่อนไหว แต่ในบทความนี้จะแนะนำปลั๊กอินที่ชื่อ Scrollsequence – Cinematic Scroll Image Animation Plugin
ScrollSequence ใช้หลักการเดียวกับ Stop Motion Animation ทำให้เราสร้างภาพเคลื่อนไหวได้ดังใจยิ่งขึ้น แบรนด์ดังๆอย่าง SONY,Apple ชอบให้วิธีนี้บนเว็บไซต์ในการโปรโมทสินค้า
รีวิวที่ดีนั้นควรมีราคา
ตอนนี้ทางผู้สร้างปลั๊กอินเปิดให้ใช้งงานอยู่ 3 แบบด้วยกันคือ Free, PRO และ BUSINESS plans.
- ScrollSequence Free
- ScrollSequence Pro Trial 14 Day
- ScrollSequence Pro Lifetime
ราคา $149.99 ต่อ 1 เว็บ ต้องซื้ออย่างน้อยครั้งละ 10 เว็บ
$149.99 x 10 Site = 1,499.90 ลด 55% เหลือ $659.99
- ScrollSequence Business Lifetime
ราคา $449.99 ต่อ 1 เว็บ ต้องซื้ออย่างน้อยครั้งละ 10 เว็บ
$449.99 x 10 Site = 4,499.90 ลด 53% เหลือ $2,069.99
ScrollSequence Pro VS Business
ในรุ่น Pro กับ Business ต่างกันที่ Business จะเพิ่มบริการเข้ามาอีก 2 อย่างคือ Success Manager service และ customization pack
- Personal Success Manager
- Setup and Customization Package
ตัวอย่างและหลังบ้านให้ลองเล่น!
- สามารถดูตัวอย่างได้ที่ examples บนเว็บไซต์ผู้สร้างปลั๊กอิน
- มีหลังบ้านให้ลองเล่นก่อนตัดสินใจซื้อ live demo
- เอกสารคู่มือการตั้งค่าใช้งาน documentation
MAIN FEATURES
- เนื้อหาที่สร้างเป็นมิตรกับ SEO
- แบ็กเอนด์อัปโหลดสื่อลงแกลเลอรี เลือก
- ลากและวางการเรียงลำดับของรูปภาพใหม่ หน้าเพจ และภาพเคลื่อนไหว
- รองรับ Elementor,Divi,Oxygen,Beaver
- รองรับ Chrome,iOS (Safari),Firefox,Android,IE,Edge
- มี preloading และ caching engine
- เทคโนโลยี HTML5 Canvas image draw
- การแสดงผลแบบ Responsive กำหนดขนาดและการจัดตำแหน่งได้
- การตั้งค่าความทึบของภาพและสีพื้นหลังได้
- แสดงภาพเคลื่อนไหวบนหน้าเว็บแบบการโหลด ทีละฉากๆ
- มีเครื่องมือแก้ไข WYSIWYG พร้อมกับ shortcode และ oEmbed
- HTML elements ให้เกิดแอนิเมชั่นสกอร์เมาส์
- ตั้งค่าความเร็วของแอนิเมชั่นลำดับการเลื่อนได้
- มีตัวเลือกเมื่อผู้ใช้ปิดการใช้งาน Javascript
- ตัวเลือกการ ซ่อน/แสดง footer/sidebar
- รองรับ Native WordPress shortcode
การติดตั้ง Scrollsequence
เนื่องจาก Scrollsequence เป็นปลั๊กอิน ดังนั้นจึงต้องติดตั้ง WordPress บน server ของเราซะก่อน
1. Download and Installation
ดาวน์โหลดพร้อมกับทำการติดตั้ง Scrollsequence บนโฮสติ้ง และ activate เปิดใช้งานด้วย Licence key
2. Prepare a Motion Picture
เตรียมรูปภาพ วิดีโอ หรือ 3D animation ของเราให้พร้อม Scrollsequence ต้องการไฟล์ภาพเท่านั้น หากเรามีวิดีโอ ต้องทำการแคปเจอร์ หรือส่งออกมาเป็น frames หลายภาพ ปรับขนาดภาพให้เหมาะสมตามที่ต้องการ เพื่อลดการโหลดไฟล์ที่ใหญ่ แล้วมาสร้างเป็น Animation ผ่าน Scrollsequence
3. Upload Images and Create Content
อัปโหลดรูปภาพไปยังแกลเลอรีสื่อใน WordPress admin จากนั้นเพิ่มรูปภาพไปยัง Scrollsequence จะมีตัวแก้ไข WYSIWYG และ Animation engine ในตัว เพื่อสร้างแอนิเมชั่นโดยใช้เวลาไม่นาน!
สามารถดาวน์โหลดเวอร์ชั่นฟรีได้ที่…. Scrollsequence – Cinematic Scroll Image Animation Plugin
Website : https://scrollsequence.com
Facebook : https://www.facebook.com/scrollsequence
