ปลั๊กอิน ScrollSequence สร้างแอนิเมชั่นหน้าเว็บ สวยตาแตก

เรามักจะคุ้นเคยกับการสร้างหน้าเว็บโดยใช้พื้นหลังแบบ 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