วิธีการสร้าง Flipbooks แบบโต้ตอบ

“How do I create an interactive flipbook?” is a question we get asked a lot. Well, in today’s article, I will demonstrate some practical examples and how they are made with the multimedia editor in Flip PDF Plus Pro หรือ Flip PDF Plus Corporate.

In my humble view, a book that interests the reader appeals to the reader’s senses—sight, hearing, and touch (in this article, touch will be derived as interaction).

Before we dive into the main topic, let’s take a quick look at the main areas of the multimedia editor.

เราสามารถแบ่งบรรณาธิการออกเป็น 6 ส่วน ภาพด้านล่างใช้สำหรับการอ้างอิงของคุณ

  • พื้นที่ 1: แถบนำทางด้านบน
  • พื้นที่ 2: แถบเมนูด้านซ้าย
  • พื้นที่ 3: แผงเมนูรองด้านซ้าย
  • พื้นที่ 4: พื้นที่ผ้าใบ
  • พื้นที่ 5: พื้นที่ไทม์ไลน์
  • พื้นที่ 6: แผงคุณสมบัติองค์ประกอบด้านขวา
Interactive Flipbook Marker - โปรแกรมแก้ไขมัลติมีเดีย

วิธีใช้ประสาทสัมผัสในหนังสือพลิก

ความรู้สึกที่ 1: การมองเห็น (วิสัยทัศน์)

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

ภาพตัวอย่าง 1: วาดเส้นทางทัวร์

ขั้นตอนที่ 1: Choose [เครื่องมือ] >[แปรงเส้น] in Area 2-left menu bar.

ขั้นตอนที่ 2: Draw the route according to your plan.

คลิกหนึ่งครั้งบนผืนผ้าใบเพื่อเริ่มวาด คลิกต่อไปเพื่อวาดจุดต่อไป และดับเบิลคลิกเพื่อสิ้นสุดการวาด ยังเลือกได้ [โค้ง] ในแผงคุณสมบัติองค์ประกอบที่ถูกต้อง หากคุณไม่ต้องการใช้เส้นตรง 

หน้าแรกของฟลิปบุ๊กมีวิดีโอสอนการใช้งาน

Sight-Example 2: Add hotspots

ขั้นตอนที่ 1: In Areas 2 and 3, click [โต้ตอบ]>[การโต้ตอบ]>[ฮอตสปอต] และเพิ่มฮอตสปอตอย่างน้อยหนึ่งจุดลงในผืนผ้าใบ
ปัจจุบัน ฮอตสปอตถูกแบ่งออกเป็นห้าหมวดหมู่ตามรายการด้านล่าง: กะพริบตา ซูม หมุน ท่าทางสัมผัส และลูกศร คุณสามารถเลือกฮอตสปอตที่เหมาะสมได้ทั้งนี้ขึ้นอยู่กับเอฟเฟกต์ที่คุณต้องการ

ขั้นตอนที่ 2: In Area 6, customize the hotspot in [สไตล์] and add a trigger action. You are able to link the hotspot to a pop-up message window, video, image, link, or other item supported there.

Sense 2: Hearing (Sound)

ผู้กำกับและนักแสดงชาวอเมริกัน เมลวิน แวน พีเบิลส์ เคยกล่าวไว้ว่าดนตรีและเสียงในภาพยนตร์เป็นตัวละครที่สำคัญพอๆ กับตัวละครอีกตัวหนึ่ง เสียงยังมีบทบาทสำคัญในการกำหนดอารมณ์ในสิ่งพิมพ์ดิจิทัล หากคุณกำลังสร้างหนังสือนิทาน เราขอแนะนำให้คุณใส่เพลงประกอบหรือเสียงพากย์เพื่อสร้างหนังสือเสียง ซึ่งจะทำให้หนังสือมีชีวิตชีวา

Hearing-Example 1: Add audio

Step: Select [เสียง] และเครื่องเล่นเสียงแล้วเพิ่มไฟล์ mp3 ลงในโปรแกรม
หากคุณพบว่าการสร้างเสียงของคุณเองเป็นเรื่องยาก คุณสามารถดาวน์โหลดไฟล์เสียงจากเว็บไซต์เสียงที่มีจำหน่ายทั่วไป เช่น FreePD และ YouTube Audio Library.

Hearing-Example2: Add audio trigger action

Add audio with a trigger action and the audio will play when you click a specific item

ขั้นตอนที่ 1: In Area 2: left menu bar, click [โต้ตอบ]>[ปุ่ม] และวางปุ่มบนผืนผ้าใบ

ขั้นตอนที่ 2: In Area 6: right element properties panel, click [สไตล์] เพื่อปรับแต่งปุ่ม (ข้อความ ไอคอน และสี) จากนั้นคลิก [ทริกเกอร์การกระทำ]>[เล่นเสียง].

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

Sense 3: Interaction

Interaction-Example 1: Conduct a survey

ผู้ใช้ FlipBuilder หลายคนสอบถามว่าโปรแกรมของเรารองรับแบบฟอร์มและแบบสอบถามหรือไม่ แต่น่าเสียดายที่ฟีเจอร์ทั้งสองนี้ยังไม่รองรับ เดี๋ยวก่อน ยังมีวิธีที่จะรวมแบบสอบถามหรือแบบฟอร์มในฟลิปบุ๊ก เราสามารถใช้เครื่องมือสำรวจอื่นๆ เพื่อสร้างแบบสอบถามแล้วฝังลงในฟลิปบุ๊ก

ขอแนะนำเครื่องมือสำรวจยอดนิยม 6 รายการต่อไปนี้สำหรับคุณ:

  • แบบฟอร์ม
  • Google ฟอร์ม
  • SurveyMonkey
  • SoGoSurvey
  • SurveyPlanet
  • Jotform
 

ขั้นตอนที่ 1: Create your own questionnaire in the survey tool platform and get the link.

ขั้นตอนที่ 2: ในพื้นที่ 2 เลือก [เครื่องมือ] >[Iframe] และเพิ่มโค้ดฝังตัวใน [สไตล์]>[เว็บลิงค์].

Interaction-Example 2: Add trigger action

Click on different buttons to make different items appear through a trigger action. เราสามารถเพิ่มรายการใดๆ ลงในผืนผ้าใบ แล้วเพิ่มการดำเนินการลงไปได้ เวลาของการดำเนินการนั้นปรับแต่งได้ ซึ่งหมายความว่าสามารถทริกเกอร์การทำงานได้หากตรงตามเงื่อนไขที่กำหนดไว้ล่วงหน้า ตามหลักการนี้ เราสามารถเพิ่มรูปภาพผลิตภัณฑ์ลงในหนังสือพลิกแล้วเปลี่ยนสีของผลิตภัณฑ์เมื่อคลิกปุ่ม ฟังดูเป็นนามธรรม ดังนั้นตอนนี้คุณสามารถลองด้วยตัวเองโดยอ้างอิงจากหน้าแรกของหนังสือด้านล่างและคลิกที่มัน

มีวิดีโอสอนอยู่ในหน้าที่สองของฟลิปบุ๊กด้านบน

ขั้นตอนที่ 1: Prepare images of your product in different colors.

ขั้นตอนที่ 2: In Area 2, click [ภาพ] และนำเข้าภาพที่เตรียมไว้ทีละภาพ และเปลี่ยนชื่อภาพในไทม์ไลน์ของ Area 5:

ขั้นตอนที่ 3: In Area 2, click [โต้ตอบ]>[รูปร่าง]เลือกรูปร่างที่คุณต้องการใช้แล้ววางลงบนผืนผ้าใบ 

ขั้นตอนที่ 4: เลือกรายการรูปร่างในแคนวาสและใช้ตัวเลือกสีในพื้นที่ 6: แผงคุณสมบัติองค์ประกอบด้านขวา และระบายสีรายการรูปร่างตามผลิตภัณฑ์ของคุณ

ขั้นตอนที่ 5: Add trigger events for the items in [ทริกเกอร์การกระทำ]>[แสดง/ซ่อน].

บทสรุป

ด้วยการส่งเสริมการไร้กระดาษและความตระหนักในการปกป้องสิ่งแวดล้อมที่เพิ่มขึ้น สิ่งพิมพ์ดิจิทัลจึงกลายเป็นทางเลือกที่ดีสำหรับหนังสือที่พิมพ์แบบดั้งเดิม อย่างไรก็ตาม เมื่อเทียบกับหนังสือที่พิมพ์แบบดั้งเดิม สิ่งพิมพ์ดิจิทัลมีข้อเสียคือทำให้ผู้อ่านจดจ่อได้ยากขึ้น ดังนั้น หนึ่งในบทเรียนที่สำคัญที่สุดสำหรับผู้จัดพิมพ์คือการทำให้ผู้อ่านมีสมาธิในขณะที่อ่าน ebook และวิธีการสร้าง ebook ที่ช่วยให้ผู้อ่านมีส่วนร่วม การเพิ่มพลังให้ฟลิปบุ๊กของคุณด้วยประสาทสัมผัสจะเป็นวิธีที่ดีในการทำให้ผู้อ่านของคุณดื่มด่ำ

หากคุณมีข้อสงสัยเกี่ยวกับการทำฟลิปบุ๊ก คุณยังสามารถ ติดต่อ เราและเรายินดีที่จะช่วยเหลือคุณ

*คุณสมบัติบางอย่างมีเฉพาะใน Flip PDF Plus Corporate เท่านั้น เรียนรู้เพิ่มเติม
หมวดหมู่

สารบัญ

โพสต์ล่าสุด