INTRODUCTION TO FLIPBOOK MAKING

BATAAN PENINSULA STATE UNIVERSITY – MAIN CAMPUS Balanga City, Bataan, Philippines Subject Code: EANI0813 Subject Description: INTRODUCTION TO FLIPBOOK MAKING Prepared by: Ferdinand C. Peña Jr. Module Description: The module will cover the basics of flipbook creation, including selecting appropriate content, designing layouts, and using software tools to bring the flipbook to life. Students will learn how to use various multimedia elements such as images, videos, and audio files to enhance their flipbooks.

1 PREFACE In the modern age of social media and the internet, visual content dominates our feeds. Flipbooks have emerged as an effective tool for creating interactive and engaging content, making it an essential skill to acquire. This module on flipbook making aims to equip students with the knowledge and skills necessary to create their own flipbooks. The step-by-step guide covers everything from selecting the right equipment and software to designing and publishing a polished flipbook. Throughout the module, students will explore various types of flipbooks, including traditional, digital, and animated flipbooks. They will also learn how to use software tools to add special effects and transitions to their flipbooks and develop a storyboard to plan their ideas effectively. Whether you're a student, a professional, or just someone who is interested in creating visually captivating content, this flipbook-making module is a valuable resource that can help you improve your skills and produce stunning and interactive flipbooks. By the end of the module, you'll have the knowledge and skills to create visually stunning and engaging flipbooks that will captivate your audience. This module consists of: Lesson Objectives – a lists of milestones to be achieved in every lesson. This is an effective way to make sure that the path to learning has been achieved. Pre-test/Post-test – Set of questions administered prior to and after every lesson to determine the baseline knowledge and the effectiveness of the lesson in increasing the students’ knowledge of content. Lesson Discussion - where the topic is presented according to the objectives to be attained per lesson. Key Terms – terms learned with definitions. This will help the students remember the terms that were newly introduced, uncommon, or specialized in the lesson. Questions for discussion – set questions that encourages the students to participate in the discussion which shows multiple viewpoints. Learning Activity – culminating activities for the lesson, which enhance the creativity and critical thinking skills of the students. Lesson Summary – a summary of topics given each lesson. At glance, the students will be able to recall the main points covered in the lesson. Self-evaluation – examines the understanding of the lesson. It helps the students assess their strengths and work on their weaknesses about the lesson.

2 TABLE OF CONTENTS Preface.............................................................................................................................................1 Table of Contents...........................................................................................................................2 Lesson 1: Introduction to Flipbook Making ............................................................................3 Pre-assessment..........................................................................................................................4 Learning Activity 1.................................................................................................................10 Post-assessment ......................................................................................................................12 Performance Task...................................................................................................................14 Lesson 2: Traditional Flipbook Making - Review.................................................................17 Pre-assessment........................................................................................................................18 Learning Activity 1.................................................................................................................27 Post-assessment ......................................................................................................................29 Performance Task...................................................................................................................31 Lesson 3: Digital Flipbook.......................................................................................................33 Pre-assessment........................................................................................................................34 Learning Activity 1.................................................................................................................43 Post-assessment ......................................................................................................................45 Performance Task...................................................................................................................47 Lesson 4: Types of Interactive Flipbook ................................................................................50 Pre-assessment........................................................................................................................51 Learning Activity 1.................................................................................................................63 Post-assessment ......................................................................................................................65 Performance Task...................................................................................................................67 Lesson 5: Future of Digital Flipbook......................................................................................70 Pre-assessment........................................................................................................................71 Learning Activity 1.................................................................................................................77 Post-assessment ......................................................................................................................79 Self-evaluation or Performance Task .....................................................................................81 Final Requirement....................................................................................................................84 References.................................................................................................................................86 Index ..........................................................................................................................................88 About the Author .....................................................................................................................90

3 Lesson 1: Introduction to Flipbook Making

4 Lesson 1: Title LESSON 1: (Introduction to Flipbook Making) Objectives: Understand the history and evolution of flipbooks as a form of animation. Apply the principles of storytelling and visual planning in creating a flipbook animation. Identify the origin of Flipbook and the people behind the ideas and technique Pre-assessment 1. Who is credited with creating a version of the flipbook around 1860? a. Pierre-Hubert Desvignes b. John Barnes Linnett c. Eadweard Muybridge d. Herman Casler 2. Persistence of vision is the optical illusion that allows us to perceive a sequence of still images as continuous motion. a. True b. False 3. Which term refers to a single image or drawing within a flipbook? a. Frame b. Keyframe c. Persistence d. Composition 4. Timing in flipbook animation refers to: a. The speed at which frames are flipped b. The duration each frame is displayed c. The number of pages in a flipbook d. The size of the flipbook 5. Keyframes in flipbook animation: a. Mark the beginning and end points of a movement or action b. Are frames drawn in black and white only c. Represent the fastest frame rate in a flipbook d. Are used for decorative purposes only 6. Which principle of composition is relevant in flipbook making? a. Squash and stretch b. Timing and pacing c. Balance and focal point d. Morphing and transformation 7. Storyboarding in flipbook creation involves: a. Drawing detailed character designs b. Planning and organizing the sequence of frames c. Adding sound effects to the flipbook d. Printing the final flipbook pages

5 8. The frame rate in flipbook animation refers to: a. The number of keyframes used b. The speed at which the flipbook is flipped c. The number of pages in the flipbook d. The number of frames per second 9. The principle of "anticipation" in animation refers to: a. The build-up of action before the main movement b. The smoothness of transitions between frames c. The placement of characters within the frame d. The contrast between light and dark areas in the animation 10. A digital flipbook refers to: a. A flipbook created using digital software or applications b. A flipbook made entirely of digital images c. A flipbook with interactive elements controlled by a digital device d. A flipbook featuring animations created with digital tools Lesson Discussion With their simple but charming form of animation, Flipbooks became one of the biggest selling optical toys in the late 19th and early 20th centuries. The books are designed so that each page’s image advances the scene from the previous page; when the pages are thumbed rapidly the sequence becomes animated due to the persistence of vision. The flip book looks like a small notebook – originally stapled, mostly bound today- that you hold in one hand while you flip over the pages with the thumb of the other hand, either from front to back or from back to front. They are also called flick books, thumb books, or hand cinemas. What is a Flip book and how does it work? A Flip book or "Flick Book" is a book with a series of pictures that change slightly through each page, so when then pages are turned rapidly it gives the appearance of animation this is another form of animation which uses "persistence of vision". All you need too create this "Device" is a simple fresh book and a pen/pencil or any other writing tool. http://www.teleread.com/wp-content/uploads/2011/03/33793.jpg

6 History of Flipbooks Flipbook animation has been around for over 150 years. Pierre-Hubert Desvignes is credited with creating a version of the flipbook around 1860, though John Barnes Linnett, a British lithograph printer, was the first to patent the design. Linnett’s flipbook debuted in 1868 and was called the kineograph, which is Latin for “moving picture.” Shortly after the flipbook’s debut, English-American photographer Eadweard Muybridge developed a way to make his own flipbook by setting up a camera rig to take multiple pictures at rapid speed, that when viewed in sequence produced a moving image. The flipbook continued to evolve, with American inventor Herman Casler developing a mechanical version called the mutoscope, which used a Rolodex-like mechanism rather than a book to produce the animation. Flipbooks set the groundwork for film as they projected moving scenes on paper, which eventually evolved into moving scenes projected on to a screen—what we know as film today. Easy to manufacture and made of photographs or lithographs (drawings), toyshops or joke shops sold them. Thanks to their low cost to produce, they were PierreHubert Desvignes often offered as promotional gifts. Flipbooks were popularized in the early 1900’s by the Cracker Jack Company who gave them away as free in-pack prizes. Other marketers soon followed suit with flipbooks, including manufacturers of bubble gum, cigarettes, automobiles and snack foods. Then, in the 1960′s, innovative marketers from Disney, Gillette, McDonald’s, Post Cereals, Canada Dry, Ford (and others) resurrected the flipbook animation trend, creatively using flip books as novelties, interactive brochures, and promotional giveaways to promote their products. But unfortunately, that trend ended in the 1970’s in favor of new “interactive multimedia” technologies that began to take the spotlight because they were never meant to be kept and were cheaply produced, it is very hard to find flipbooks in good conditions and to archive them. The magic of a flipbook touches everybody, no matter the age. As you do not need peculiar knowledge to use it, it has a universal characteristic. https://blog.flipsnack.com/wp-content/uploads/2022/05/timeline-01-900x451.png.webp

7 Types of Flipbook Traditional Flipbook A traditional flipbook refers to a physical booklet comprising a sequence of images or drawings that, when swiftly flipped through, create the captivating illusion of motion. Crafted by hand, artists meticulously draw or animate each frame on separate pages, which are then bound together using paper or cardstock. When the pages are rapidly flipped, the sequential images come to life, delighting viewers with their animated charm. Digital Flipbook Digital flipbook, also known as an electronic flipbook or e-flipbook, represents a modernized rendition of its traditional counterpart. Rather than physical pages, digital flipbooks are experienced on electronic devices like computers, tablets, or smartphones. They simulate the act of flipping pages through interactive interfaces that enable users to swipe or click to progress through the digital pages. The creation of digital flipbooks involves specialized software or online platforms that facilitate importing images, drawings, or animations and organizing them in a sequential order. Some digital flipbook tools offer additional features, including the incorporation of audio, video, or interactive elements, enhancing the overall user experience. These digital counterparts can be conveniently shared and distributed online, widening their accessibility to a broader audience. While traditional flipbooks evoke a sense of nostalgia and provide a tactile experience through physical interaction, digital flipbooks present distinct advantages such as the integration of multimedia elements, easy distribution, and adaptability across various devices. Nonetheless, both traditional and digital flipbooks retain their unique appeal, captivating audiences with their animated storytelling capabilities. Terminologies 1. Flipbook A small booklet consisting of a series of images that, when flipped rapidly, create the illusion of motion. 2. Frame A single image or drawing within a flipbook. Each frame represents a specific moment in the sequence. 3. Persistence of Vision The optical illusion that allows us to perceive a series of still images as continuous motion when shown in quick succession. 4. Frame Rate The speed at which frames are flipped or played per second, determining the smoothness of the animation. 5. Keyframes: Significant frames that establish the starting and ending points of an action or movement in the flipbook. Additional frames are drawn between the keyframes to create a fluid animation. 6. Storyboarding The process of planning and organizing the sequence of frames in a flipbook by creating a rough visual outline or storyboard. 7. Timing The precise duration each frame is displayed before moving on to the next frame. Timing affects the speed and rhythm of the animation.

8 Theories in Flipbook Making Theories play a significant role in flipbook making as they provide a deeper understanding of the underlying principles and concepts involved in animation. Here are several reasons why theories are important in the process of creating flipbooks: 1. Understanding Animation Principles Theories of animation, such as the principles of motion and timing, provide a foundation for creating realistic and believable movements in flipbooks. These theories explain how objects move, interact, and respond to forces, enabling artists to apply them effectively in their animations. 2. Enhancing Artistic Techniques Theories help artists explore and develop their artistic techniques in flipbook making. By studying theories of composition, color theory, and visual aesthetics, artists can create visually appealing and impactful animations. Theories guide artists in making deliberate choices in design, color schemes, and visual elements, resulting in more engaging flipbooks. 3. Storytelling and Narrative Structure Theories of storytelling and narrative structure provide insights into how to effectively convey a message or story through animation. Understanding theories of character development, plot structure, and dramatic arcs assists artists in crafting compelling narratives within the limited space of a flipbook. 4. Animation Concepts and Techniques Theories in animation cover a range of concepts and techniques that artists can utilize in flipbook making. These include concepts such as squash and stretch, anticipation, staging, and follow-through. Familiarity with these theories allows artists to employ specific techniques to create more dynamic and expressive animations. 5. Problem-Solving and Innovation Theories in animation stimulate critical thinking and problem-solving skills. Artists can analyze and evaluate their flipbook animations using theoretical frameworks, identify areas for improvement, and experiment with innovative approaches to achieve desired effects. Theories provide a basis for creative problem-solving and push artists to explore new possibilities in flipbook making. 6. Collaboration and Communication Familiarity with animation theories facilitates effective collaboration and communication among artists and animators. When artists have a shared understanding of animation concepts and theories, it becomes easier to discuss ideas, give feedback, and work together to create cohesive and consistent flipbooks. In summary, theories in flipbook making serve as a guiding framework that enhances artists' understanding of animation principles, artistic techniques, storytelling, and problemsolving. They provide a solid foundation for creating high-quality flipbook animations and open avenues for artistic exploration and innovation. Principle in Flipbook Making Principles are important in flipbook making because they provide a foundation for creating effective and visually appealing animations. Here are several reasons why principles are crucial in the process: 1. Illusion of Motion

9 Flipbooks rely on the principle of persistence of vision, which is the visual phenomenon that allows us to perceive a rapid sequence of images as continuous motion. Understanding this principle helps artists determine the appropriate number of frames, frame rate, and timing to create a smooth and believable animation. 2. Timing and Pacing Timing is essential in flipbook making. It involves determining the duration each frame is displayed before moving to the next frame. By controlling the timing, animators can establish the speed, rhythm, and emphasis of the animation. Appropriate timing ensures that the motion appears natural and enhances the overall impact of the flipbook. 3. Keyframe Animation Keyframes are significant frames that mark the beginning and end points of a movement or action in the flipbook. The intermediate frames are then drawn to create a fluid animation between the keyframes. Understanding the concept of keyframe animation allows artists to plan and execute animations more efficiently and achieve smoother transitions. 4. Composition and Layout Principles of composition, such as balance, focal point, and framing, are relevant in flipbook making as well. Consideration of these principles helps artists create visually pleasing and well-structured animations. Proper composition ensures that the viewer's attention is directed to the intended focal points and facilitates effective storytelling. 5. Visual Communication Flipbooks are a form of visual communication, conveying ideas, stories, or messages through animated sequences. Principles of visual communication, such as clarity, coherence, and visual hierarchy, come into play. By applying these principles, artists can ensure that their flipbook animations effectively communicate the intended concepts and engage the viewers. 6. Artistic Expression Flipbooks offer artists a medium for creative expression. Understanding principles such as color theory, perspective, and movement helps artists convey emotions, moods, and narratives more effectively. Applying these principles allows for the exploration of different artistic styles and techniques, enhancing the overall impact of the flipbook. By adhering to these principles, animators and artists can create flipbook animations that are visually appealing, engaging, and effectively communicate their intended messages. Principles serve as guiding frameworks and help elevate the quality and impact of the flipbook animations.

10 Learning Activity 1 ILLUSTRATED TIMELINE Directions: Group your class into two groups. Make an ILLUSTRATED TIMELINE of history of Flipbook. To create an illustrated timeline, start by gathering all the important information and sketching a rough draft. Then, choose a digital or physical canvas and design a layout that is visually appealing and easy to follow. Add illustrations and visuals to represent each event or milestone, and include clear labels or captions. Review and refine your timeline for accuracy and clarity before finalizing it. Once complete, save it in pdf format and then submit it. Please be guided in the rubrics below Sample: Rubrics Please be guided by the following rubric as your guide while creating the illustrated timeline. CATEGORY Expert (25 points) Accomplished (20 points) Capable (15 points) Beginner (10 or below) Content/Facts Facts were accurate for all events reported on the timeline. Facts were accurate for almost all events on the timeline Facts were accurate for most (-75%) of the events reported on the timeline Facts were often inaccurate for events reported on the timeline. Graphics All graphics are effective and balanced with text used. All graphics are effective but there appear to be too few or too many Some graphics are effective and their use is balanced with text used. Several graphics are not effective. Readability The overall appearance of the timeline is pleasing and easy to read. The overall appearance of the timeline is somewhat pleasing and easy to read. The timeline is relatively readable. The timeline is difficult to read. Requirements The timeline contained at least 8 events related to the topic being studied. The timeline contained at least 7- 6 events related to the topics being studied. The timeline contained at least 5-4 events related to the topic being studied. The timeline contained 5 events and fewer.

11 Summary of the Lesson Flipbooks are charming little books that bring pictures to life through a simple but fascinating animation. They were incredibly popular optical toys during the late 19th and early 20th centuries. To experience the magic of a flipbook, you hold it in one hand and flip the pages rapidly with your thumb. Each page contains a slightly different image, and when flipped quickly, the sequence creates the illusion of movement. You might have heard them called flick books, thumb books, or hand cinemas. The history of flipbooks goes back more than 150 years. They were first created by creative individuals like Pierre-Hubert Desvignes and John Barnes Linnett. Over time, flipbooks evolved with the help of cameras and new technologies, playing a role in the development of film and animation. Nowadays, there are two main types of flipbooks: traditional ones that you can hold in your hands and digital ones that you can experience on devices like computers, tablets, or smartphones. Traditional flipbooks are crafted by hand, with artists carefully drawing or animating each frame on separate pages. When you flip the pages rapidly, the images come to life, delighting viewers with their animated charm. Digital flipbooks, on the other hand, can be enjoyed on electronic devices, simulating the feeling of flipping through pages with interactive interfaces. They offer additional features like incorporating audio, video, and interactive elements to enhance the experience. Understanding some key terms is important when it comes to flipbooks. For instance, a flipbook is a small booklet with a series of images that create the illusion of motion when flipped. Frames refer to the individual images or drawings within the flipbook, while persistence of vision is the phenomenon that allows us to perceive a rapid sequence of images as continuous motion. Other terms include frame rate, keyframes, storyboarding, timing, and more. Theories in flipbook making help artists understand animation principles and improve their artistic techniques. They provide insights into storytelling, animation concepts, and problemsolving. By applying these theories, artists can create more realistic and engaging flipbooks. Principles are also crucial in flipbook making. They include the illusion of motion, timing and pacing, keyframe animation, composition and layout, visual communication, and artistic expression. These principles guide artists in creating effective and visually appealing animations that capture the viewer's attention. In summary, flipbooks have a rich history and continue to captivate people of all ages. Whether you enjoy the traditional charm of holding a flipbook in your hands or prefer the convenience of digital flipbooks, they offer a unique and enchanting way to tell stories and express creativity. The combination of artistry, animation principles, and the joy of flipping through pages brings these delightful animations to life.

12 Post-assessment Instructions: Choose the correct answer for each question based on the information provided in the lesson. 1. What is a flipbook and how does it work? a. A book that magically brings drawings to life through the illusion of animation. b. A book filled with interesting facts about famous animators. c. A book that teaches you how to draw your own flipbook characters. d. A book with static pictures that do not move or create any animation. 2. How did Eadweard Muybridge create his own flipbook? a. By using a mechanical mutoscope b. By drawing sequential images on paper c. By setting up a camera rig to take multiple pictures at rapid speed d. By using interactive multimedia technologies 3. What are the two main types of flipbooks mentioned in the lesson? a. Traditional Flipbook and Digital Flipbook b. Handmade Flipbook and Computer-generated Flipbook c. Physical Flipbook and Virtual Flipbook d. Manual Flipbook and Electronic Flipbook 4. Which of the following terms is NOT related to flipbooks? a. Persistence of Vision b. Frame Rate c. Color Palette d. Keyframes 5. Why are theories important in flipbook making? a. They help create animations that look realistic and believable. b. They guide artists in making artistic choices for their flipbooks. c. They assist in crafting engaging narratives within the limited space of a flipbook. d. All of the above. 6. Which principle in flipbook making involves the phenomenon that makes a rapid sequence of images appear as continuous motion? a. Timing and Pacing b. Illusion of Motion c. Keyframe Animation d. Visual Communication 7. Who is credited with creating a version of the flipbook around 1860? a. Pierre-Hubert Desvignes b. John Barnes Linnett c. Eadweard Muybridge d. Herman Casler 8. What type of flipbook debuted in 1868 and was called the kineograph? a. Traditional Flipbook b. Digital Flipbook

13 c. Mechanical Flipbook d. Animated Flipbook 9. Which company popularized flipbooks in the early 1900s by giving them away as free prizes? a. Cracker Jack Company b. Disney c. Jollibee d. Pixar 10. What is one advantage of digital flipbooks over traditional flipbooks? a. Integration of multimedia elements b. Tactile experience c. Nostalgic appeal d. Easy distribution

14 Performance Task Title: Flipbook Storyboarding Objective: Develop storytelling skills and visual planning by creating a storyboard for a flipbook animation. Materials: Paper or storyboard templates Pencils, markers, or coloring tools Instructions: Create a storyboard about the scenario/story below. Try to apply what you have learned in the lesson by using the theories of storytelling and principles of visual planning. 15 storyboard frames, with story description beneath each frame. Considering the most important / highlighted part of the said story. Scenario/Story- Sarah, a single mom who is facing financial difficulties and struggling to provide for her family. Despite her best efforts, she is unable to find a stable job in her hometown that pays enough to meet their basic needs. Sarah makes the difficult decision to seek employment abroad leaving his family while crying. Sample:

15 RUBRICS CATEGORY EXCELLENT 7-8 GOOD 5-6 SATISFACTO RY 2-4 NEEDS IMPROVEMEN T 0-1 CLARITY NEATNESS Storyboard is easy to read and all elements are so clearly written, labeled, or drawn that another student could create the presentation if necessary. Storyboard is easy to read and most elements are clearly written, labeled, or drawn. Another person might be able to create the presentation after asking one or two questions. Storyboard is hard to read with rough drawings and labels. It would be hard for another person to create this presentation without asking lots of questions. Storyboard is hard to read and one cannot tell what goes where. It would be impossible for another person to create this presentation without asking lots of questions. SPELLING GRAMMAR No spelling or grammatical mistakes on a storyboard with lots of text. No spelling or grammatical mistakes on a storyboard with little text. One spelling or grammatical error on the storyboard. Several spelling and/or grammatical errors on the storyboard. CONTENT DRAWINGS Storyboard is complete with sketches for each scene, detailed notes on titles, transitions, special effects, sound, etc. Storyboard is relatively complete with sketches for most scenes, and notes on titles, transitions, special effects, sound, etc. Storyboard has glaring omissions in scene planning. There are some sketches, and notes on titles, transitions, special effects, sound, etc. Storyboard is not done or is so incomplete that it could not be used even as a general guide. Storyboard reflects very little planning of the visuals. STICK PEOPLE! REQUIRED ELEMENTS Storyboard included all required elements as well as a few additional elements. All sections are filled out. Storyboard included all required elements and one additional element. Most sections are filled out. Storyboard included all required elements. Some sections are filled out, missing more than 2. One or more required elements was missing from the storyboard. Only 1-2 sections are filled out. USE OF TIME Used time well during each class period (as shown by observation by teacher, and documentation of progress in journal) with no reminders. Used time well during most class periods (as shown by observation by teacher, and documentation of progress in journal) with no reminders. Used time well (as shown by observation by teacher and documentation of progress in journal), but required reminders on one or more occasions to do so Used time poorly (as shown by observation by teacher and/or documentation of progress in journal) in spite of several reminders to do so.

16 Answer Keys Pre -assessment 1. A 2. A 3. A 4. B 5. A 6. C 7. B 8. D 9. A 10. A Post -Assessmen t 1. A 2. C 3. A 4. C 5. D 6. B 7. B 8. C 9. A 10. A

17 Lesson 2: Traditional Flipbook Making – Review

18 Lesson 2: Title LESSON 2: (Traditional Flipbook Making) Objectives: Understand the concept of a traditional flipbook and its historical significance in animation. Identify the materials and tools required to create a traditional flipbook. Demonstrate the step-by-step process of creating a traditional flipbook, including drawing or animating each frame. Differentiate between traditional and digital flipbooks, including their features, advantages, and limitations. Pre-assessment 1. What is the main principle behind flipbook animation? a) Persistence of vision b) Stop-motion technique c) Computer-generated graphics d) Motion blur effect 2. Who is credited with pioneering flipbooks in the 1860s? a) John Barnes Linnett b) Walt Disney c) Andy Bailey d) Amy Pirkle 3. Why are flipbooks still popular today? a) They require advanced software and technical skills. b) They are a gateway to computer animation. c) They are only used by novice animators. d) They are not accessible to everyone. 4. What materials do you need to create a flipbook? a) Computer and software b) Thick stack of paper, pen or pencil, and a binder clip c) Specialized animation equipment d) Canvas and paintbrushes 5. How can flipbooks be used as a teaching tool? a) They can teach complex animation techniques. b) They are useful for teaching mathematics. c) They help students develop their drawing skills. d) They are primarily used for entertainment purposes. 6. What is an important consideration when choosing paper for a flipbook? a) The paper should be as thick as possible. b) The paper should have a glossy finish for better visibility. c) The paper should be thin but not too flimsy. d) The paper should be of any type, as long as it is white. 7. How should the pages of a flipbook be bound together? a) Using staples or glue b) Tying them with a string or ribbon

19 c) Attaching them with rubber bands or a binder clip d) Sewing them together with a needle and thread 8. What is the recommended size for a flipbook page? a) 10cm x 10cm b) 15cm x 20cm c) 7.5cm x 12cm d) A4 size (21cm x 29.7cm) 9. When drawing the frames of a flipbook, in what order should the images be placed? a) From front to back b) From left to right c) From back to front d) From right to left 10. How can a flipbook animation be shared on social media? a) By uploading the pages as separate images b) By recording a video of the flipbook in action c) By creating a GIF file of the animation d) By describing the animation in a text post Lesson Discussion An animation flipbook uses a series of static images, which progress gradually in position from one page to the next. These images then create the impression of movement when you flick through the pages in sequence. Flipbooks vary in complexity. You might have made one at school — drawing stick people on a textbook or pad of paper – or you might have seen amazing examples of flipbook animation online, such as the examples shown later in this guide. Either way, the essence of flipbooks remains the same. Like many forms of animation, they’re based around an optical illusion called persistence of vision. The human eye can only process 10-12 separate images per second. When images appear in quicker succession than that, the brain merges them into a continuous stream. How it all started Creator theflippest tells an autobiographical story of how they got started in the world of flipbook animations. Using highly impactful illustrations to immerse viewers in their backstory, theflippest manages to capture their journey perfectly, rendering each flip with style, brevity, humour and precision. Bringing Origami to Life This vibrant work by Amy Pirkle (AKA PerkolatorPressFlipbooks) showcases a beautiful illustration of how visually pleasing an origami-based flipbook can be. Its demonstration of how clearly defined shapes are effectively used when creating an object, in this case a fox, combines beautiful illustrations and a great story at the same time. Notebooks Reimagined This simple, yet effective flipbook shows that colours aren’t always 100% necessary to demonstrate how movement between individual images can have a big impact. Shanghai-based VISITORS show how transforming from one character to another, while keeping the vibrancy alive throughout, sometimes only needs humble pencil drawings to achieve an impressive effect

20 The Meta Flipbook Here, the flippest brings another subversive take to the genre — presenting a flipbook within a flipbook. The colors, both primary and secondary, blend together to create a composition that effectively draws the viewer into a sub-world within a world, all within the flipbook format. Flipbooks with extra props Creator Roger Wieland gains extra props for the usage of actual blades of grass in this lawnmower animation. As the figure mows the lawn in this full-colour flipbook, which captures each rotation of the mower to perfection, grass bursts from the pages as the animation nears its end. This extra effect shows how additional effects can go a long way to helping a flipbook stand out. How flipbooks changed animation. Persistence of vision was key to early animation devices like the Zoetrope. These cylindrical gizmos blew the bowler hats off Victorian audiences by presenting a rapid sequence of images from within a rotating drum. Flipbooks are a little different, however — they present images in linear sequence, rather than through a circular device. It was actually the Victorian printer John Barnes Linnett who pioneered flipbooksin the 1860s, and their potential for animation and filmmaking quickly became apparent. By the late nineteenth century, early motion picture devices like the Mutoscope had replaced the paper pages of a flipbook with photographic prints. With the advent of video, flipbook principles then laid the groundwork for traditional cel animation techniques. Animation teams from Steamboat Willie right through to Who Framed Roger Rabbit drew incremental sequences of linear images onto celluloid and projected them in rapid succession. They also used flipbooks to plan drawings and in-betweens. Today, hand-drawn animation techniques are largely out of favour in the TV and film industries, with computer animation more popular. Nonetheless, a subculture of back-to-basics animation enthusiasts have brought flipbooks out of the archives and back onto social media feeds. In the next section, we’ll talk about why they’re still popular. Why are flipbooks so popular? From Mutoscopes to Monsters, Inc, a lot’s changed since the early days of animation. Many techniques have faded into obscurity. So, why are flipbook animations still going strong? 1. They only need basic materials. Most animations require software, equipment and technical skills. In other words, you’ll need to know your frame rates from your keyframes. That’s before we’ve even got to drawing, modelling or creating characters of course.

21 With an animation flipbook, all you need is a thick stack of paper, a pen or pencil, and a great idea. 2. They’re a gateway to animation. Many animators cut their teeth with flipbook doodles. They’re a great way to bring characters to life, test scenes and hone your creative skills. You can start small too. Picture a car driving across the page, a child bouncing a ball, or a flower growing in the sun. From there, you can build more elaborate stories and concepts. 3. They’re easy to teach. A flipbook is an invaluable tool if you’re teaching students or beginners the basics of animation. It provides an accessible way to draw a character and tell a story. 4. They’re great for gifts. Flipbooks make the perfect creative gift. Why not tell the story of the first time you met your partner, or play out a long running in-joke with your best friend? 5. They’re accessible. You don’t need to be a natural artist to create a flipbook. In fact, rudimentary drawings can be just as effective as more lifelike, creative or intricate designs. What’s more, the pared-back equipment list means you can create one from wherever. 6. The pros do it too. Flipbooks aren’t just for novices. Pro artists, cartoonists and animators use them to demonstrate their craft, while some even create flipbooks to sell as art or souvenirs. Others use their flipbooks to build followers online. In fact, a number of artists and animators challenge themselves to create one in just an hour. The results can be spellbinding.

22 7. They’re YouTube-worthy and Insta-ready. Flipbook videos are huge. Pro artist Andy Bailey’s channel Andymation has 4.3 million YouTube subscribers and combines incredible flipbook and stop-motion videos with accessible how-tos. Instagram and TikTok are also loaded with creative flipbook ideas, ranging from tragic goldfish love stories to dancing stick people. The sky’s the limit when it comes to flipbook ideas. How to make a traditional flipbook Flipbooks are a great introduction to animation and a great was to flex your drawing skills! You can find all of the supplies for this in our makerspace if you visit, and we've also made this tutorial for you to use materials you probably have at home. This project can be done by students of all ages, and incorporates many skills including story telling, drawing, and using scissors that are great for young learners. Let's get started making a flipbook! Supplies For this project you'll need: Paper- Any kind of paper works. For this tutorial we're using letter sized paper. Pen or Pencil Rubber bands, binder clip, tape or glue- to bind the edge of your flip book. For this tutorial I used a binder clip. Use what you have at home! Ruler or straightedge Scissors Optional: markers- add some color to your flip book a computer or phone to research sprites a printer to print out a template Step by steps process of Creating Flipbook Step 1: Measure Out Your Template For this tutorial we'll be using letter sized paper, which is the size of paper you'll find in most American homes and offices. On the short side of our paper, we're going to use our ruler to mark at .5", 4.25" (halfway across the page), and 4.75". This will divide our page into two equally sized columns with a .5" border on the left for the binding. Flip the paper over and mark at 3.75", 4.25", and 8". Use your ruler to connect the the dots to create your guides. Next we'll mark along the long side of our paper on both sides at 2.75" intervals. Connect these dots to make your horizontal guides. You've now separated your page into 8 frames for drawing with a marked edge for your binding. For my flipbook I had 24 frames made from 3 sheets of paper, so you may need to repeat this step a few more times. If you have a printer, you can download this template to get started. Visit the link below to download the template. https://content.instructables.com/F39/9JQ3/K7ZALEWN/F399JQ3K7ZALEWN.pdf

23 Step 2: Design Your Sprites Now we get to the fun drawing part where you will design your sprites! You may have used sprites before with scratch tutorials to make a moving scene. Sprites are the individual components of the drawing that come together to form a moving scene. These are the individual drawings that when put together in your flipbook, will give the effect of motion when the pages are flipped. Here I am drawing a dog running, and I broke the motion into four different sprites, with the dog’s legs in different positions for the separate frames. Research animation sprites if you need inspiration or need to see how different animals and objects move. Step 3: Trace Your Frames Now that you have designed your sprites, you will trace them into your flipbook to create the frames of your animation. I am creating a dog running from the right to the left of the page, so I shifted each frame slightly to show movement. Repeat this step for each frame of your drawing. To make tracing easier, hold your paper up to the window so the light coming through helps you view what you are tracing. This step can also be done on a computer in a program like google draw or gravit, and then your pages printed out.

24 Step 4: Add Any More Details Now is the time to add more details! Give your flipbook more detail and visual interest! I added a collar to my dog and some grass in the background. Repeat this with each frame. Step 5: Cut Out Your Frames Using you scissors, cut out each frame. Make sure to leave the border on the left side of the frame for the binding. Stack all of your frames in order, and tap your pages down to the right side of the book so all of the pages are aligned. Step 6: Bind Your Book With your pages all assembled together, its time to bind your book. I used a binder clip for thing, but you can also use rubber bands or glue, too. See what you have around your house, and investigate which materials work best to bind your book. If you want to add a title page like I did, now is the time to add it. Step 7: Show Off Your Flipbook Your flipbook is now finished! Flip through the pages and show off your story! If you want to go further, you can add to your story by creating additional flipbooks with more scenes! We'd love to see what your making while we are all self isolating, so add pictures of your project to the comments or the STEAM at Drew facebook page!

25 Flipbooks are one of the simplest forms of animations — but there are a few things to remember if you want to get yours right. Here are some tips on how to nail your animated book drawing. 1. Gather all the materials you need. All you really need to get started is a pad of paper and a pen/pencil. If you’re using a sketchpad, look for: A size of around 7.5cm x 12cm. Smaller pages are easier to flip, as they encounter less wind resistance. Thin, good quality paper. You’ll need to be able to see through your paper and trace your next image. But don’t go too thin. Tracing paper, for example, will crumple. A solid backing. This will provide a firm base to lean on when you draw. It will also give your pad a crisp flipping action. Of course, you can also invest in a blank flipbook from art supply shops. These are rectangular pads, purpose built for flipbook animation. You can also bind paper with staples, clips or glue. Top tip: use an LED light pad as a backdrop for your flipbook. It will help you trace your images. 2. Get your story straight. Before you start, it’s important to know what you’re creating. Think about the characters, story and style of your flipbook. This will help create a more engaging, consistent animation. Top tip: You could consider sketching animation key poses. These are the basic spatial positions your character or object will follow. Use these as a reference point to map the movements between them. 3. Create your first drawing. Next, it’s time to start sketching. Draw your first image on the very last page of your flipbook. As flipbooks are best flipped from back to front, this will be your starting point. It’s to keep towards the right-hand side of the sheet. If you go too close to the spine/gutter of the page, you won’t see your images clearly. 4. Layer your next drawing. Now you’ve drawn your first image, it’s time to start building a sense of fluidity. To do this, lay your second-to-last sheet on top of your first illustration (remember — you’re working back to front here).

26 You should be able to see your earlier illustration through the page. Use this as a reference point for your next image. This frame should deviate very slightly from the first image, following the motion of your animation. 5. Continue your sequence. Next, continue layering your images. Make gradual progress from one frame to the next until you get a smooth, fluid movement. Keep drawing and adding images until you finish the sequence. The more pages you include, the smoother your animation. 6. Add the finishing touches. Once you’ve nailed your basic flipbook animation, you can go back and add scenery, characterisation and colour. The finished product can be as detailed or pared-back as you want. 7. Flip your book! Ready for the big reveal? Brace your book against your thumb, release the pressure and fan the pages in sequence. Hey presto – you’ve just created an animation! 8. Share your creation. Finally, share your flipbook with the world. You might just be handing it over as a gift, or showing it off to a friend in person. But if you’re looking to share on Instagram, TikTok or other social media channels, you’ll need to film it first. To do this, mount a camera in an aerial position above a desk or backdrop, and remember that you’ll need to fit the book and your hands underneath. Next, film your flipbook working its magic. Once you’re done, use editing software to cut down your video and edit out any missteps. Set it to music and upload it to your favourite platform. Did you know? Hand-drawn animation is a painstaking process. More than 600 animators and artists worked on Disney’s 1994 classic The Lion King.

27 Learning Activity 1 Traditional vs. Digital Flipbook Venn Diagram Instruction: Given the Venn diagram below compare and contrast the characteristics of traditional and digital flipbooks. Venn Diagram Traditional Flipbook Digital Flipbook

28 Summary of the Lesson This lesson introduces the concept of flipbook animation and its popularity in the modern era. Flipbooks use a series of static images to create the illusion of movement when flipped through in sequence. The persistence of vision optical illusion allows the brain to merge the images into a continuous stream. The lesson provides examples of impressive flipbook animations found online, showcasing different styles and techniques. The history of flipbooks is discussed, highlighting how they evolved from early animation devices like the Zoetrope and were pioneered by John Barnes Linnett in the 1860s. Flipbooks played a significant role in the development of motion picture devices and traditional cel animation techniques. The lesson then explores why flipbooks remain popular today. They require basic materials, making them accessible for beginners and teaching tools for animation. Flipbooks can be personalized as creative gifts and are used by professionals to showcase their skills. The rise of social media platforms like YouTube, Instagram, and TikTok has given flipbooks a wider audience, with artists and animators sharing their creations online. The lesson provides a step-by-step guide on how to make a traditional flipbook, including measuring out templates, designing sprites, tracing frames, adding details, cutting out frames, and binding the book. It also offers tips on how to create successful flipbook animations, such as gathering the right materials, planning the story and style, layering the drawings, and adding finishing touches. Finally, the lesson emphasizes the importance of sharing flipbook creations, whether as gifts, in-person demonstrations, or through filming and sharing on social media platforms.

29 Post-assessment Instructions: Choose the correct answer for each question based on the information provided in the lesson. 1. What is the optical illusion that flipbooks are based on called? a) Persistence of vision b) Motion perception c) Image persistence d) Visual illusion 2. Who is credited with pioneering flipbooks in the 1860s? a) John Barnes Linnett b) Andy Bailey c) Roger Wieland d) Amy Pirkle 3. What is a common material used to bind the pages of a flipbook together? a) Rubber bands b) Binder clips c) Glue d) All of the above 4. What is a sprite in flipbook animation? a) The individual drawings that form a moving scene b) The border used for binding the flipbook c) The first image in the sequence d) The pages that form the flipbook 5. Why are flipbooks popular as a teaching tool? a) They require advanced technical skills b) They are great for gifts c) They are accessible to all skill levels d) They can be created using computer animation software 6. What is a key pose in animation? a) The first image in a flipbook b) A basic spatial position used as a reference point c) The final image in a flipbook d) The individual components of a drawing 7. How should you position your first drawing in a flipbook? a) In the center of the page b) Towards the right-hand side of the page c) Towards the left-hand side of the page d) In the middle of the page 8. What should you do to create a sense of fluidity in a flipbook animation? a) Use thicker paper for the pages b) Add more pages to the flipbook c) Deviate slightly from the previous image in each frame

30 d) Use different colors for each image 9. What can you add to a flipbook after creating the basic animation? a) Scenery and characterization b) Additional pages for more frames c) Music and sound effects d) Different paper sizes for visual variety 10. How can you share a flipbook animation on social media? a) Film the flipbook and upload the video b) Scan each page and create a digital flipbook c) Take photos of each page and share them as a slideshow d) Write a detailed description of the flipbook's contents

31 Performance Task Title: Create your own Traditional/hand-drawn Flipbook Objective: Students will create a simple flipbook animation to explore the principles of animation and unleash their creativity. Materials: Letter-sized paper or small notepad Pencils or pens Ruler Scissors (optional) Binder clips, rubber bands, tape, or glue (to bind the flipbook) Optional: Markers or colored pencils for adding color to the animation Instructions: Create a 30-second traditional flipbook using the materials provided above (paper, pencils, and binder clips) with a theme of Christmas. Use the tips and techniques you have learned to showcase the Christmas spirit and bring the holiday joy to life through your flipbook. Rubrics Note: This rubric is intended to provide a general framework for evaluating a traditional flipbook with a Christmas theme. Feel free to adapt it according to your specific requirements and expectations Criteria Excellent (25-20) Good (20-15) Fair (15-10) Needs Improvement (10-5) Points Theme Effectively captures the essence of Christmas and conveys the holiday spirit in a creative and engaging manner. Showcases the theme of Christmas and partially captures the holiday spirit, but some elements could be further developed. Loosely represents the theme of Christmas, but lacks coherence and fails to evoke the holiday spirit. does not effectively convey the theme of Christmas and does not capture the holiday spirit. 25 Creativi ty and Executio n Demonstrates exceptional creativity and originality in its design and execution. Demonstrates creativity and originality in its design and execution. Shows some creativity in its design and execution, but there are areas where improvement is needed. Lacks creativity and originality in its design and execution. 25 Technic al Skills Exhibits excellent technical skills in the use of frame sequencing, smooth transitions, and effective use of space. Demonstrates good technical skills in frame sequencing, transitions, and use of space. Shows basic technical skills, but there are noticeable issues with frame sequencing, transitions, or use of space. Lacks technical skills in frame sequencing, transitions, and use of space. 25 Impact and Christm as Spirit Has a strong emotional impact, effectively evoking the Christmas spirit and leaving the viewer with a sense of joy and warmth. Has some emotional impact and partially evokes the Christmas spirit. Has limited emotional impact and fails to evoke the Christmas spirit. Lacks emotional impact and fails to evoke the Christmas spirit. 100pt

32 Answer Keys Pre-assessment Answers: 1. a) Persistence of vision 2. a) John Barnes Linnett 3. b) They are a gateway to computer animation. 4. b) Thick stack of paper, pen or pencil, and a binder clip 5. c) They help students develop their drawing skills. 6. c) The paper should be thin but not too flimsy. 7. c) Attaching them with rubber bands or a binder clip 8. c) 7.5cm x 12cm 9. c) From back to front 10. b) By recording a video of the flipbook in action Post-Assessment 1. a) Persistence of vision 2. a) John Barnes Linnett 3. d) All of the above 4. a) The individual drawings that form a moving scene 5. c) They are accessible to all skill levels 6. b) A basic spatial position used as a reference point 7. b) Towards the right-hand side of the page 8. c) Deviate slightly from the previous image in each frame 9. a) Scenery and characterization 10. a) Film the flipbook and upload the video

33 Lesson 3: Digital Flipbook

34 Lesson 3: Title LESSON 3: (Digital Flipbook) Objectives: Understand the features and functionality of digital flipbook software or platforms. Demonstrate proficiency in navigating and using the tools and interface of a digital flipbook application. Demonstrate the step-by-step process of creating a digital flipbook, including drawing or animating each frame. Pre-assessment 1. What is the primary advantage of using a digital flipbook instead of a printed publication? a) Lower printing costs b) Increased shelf space c) Static document experience d) Limited reach 2. How does a digital flipbook work? a) It uses HTML5 technology to create an interactive book-like rendering. b) It requires special software for viewing and navigation. c) It can only be accessed through mobile applications. d) It converts PDFs into static documents. 3. Who can benefit from using a digital flipbook? a) Only students and real estate agents b) Only magazines and restaurants c) Only non-profits and real estate agents d) Anyone 4. What is the main difference between a PDF and a digital flipbook? a) PDFs offer interactive features, while flipbooks do not. b) PDFs have analytics, while flipbooks do not. c) Flipbooks provide a page-turning experience and interactivity. d) Flipbooks are limited to specific file formats, while PDFs are more versatile. 5. What is the recommended approach for planning your digital flipbook content? a) Start creating without a plan for a spontaneous outcome. b) Consider the purpose, target audience, and content structure. c) Focus solely on high-quality images for visual impact. d) Avoid adding interactive elements to maintain simplicity. 6. Which factor should be considered when optimizing a digital flipbook for mobile devices? a) Use low-resolution images for faster loading. b) Avoid touch-friendly interactions to maintain consistency. c) Optimize for responsive design and swipe gestures. d) Prioritize desktop compatibility over mobile experience. 7. What should you do before publishing your flipbook? a) Customize backgrounds and distribute unlisted content. b) Share it on social media without previewing it. c) Use a variety of page transition effects for visual interest. d) Test and preview on different devices and browsers.

35 8. What feature of digital flipbooks allows you to track metrics such as clicks, downloads, views, and reads? a) Analytics b) Templates c) Page transitions d) Multimedia integration 9. Which element can be added to a digital flipbook to provide a clickable navigation aid? a) Shopping links b) Table of contents c) Embedded videos d) Impact snapshots 10. What should you consider when choosing a template for your digital flipbook? a) The number of pages in the template b) The level of customization options available c) The popularity of the template among other users d) The color scheme of the template Lesson Discussion Digital Flipbook A digital flipbook is an ebook with a similar look and feel to a printed publication, without the printing costs! Save paper and shelf space while giving your readers a more engaging and interactive experience than they would have in a typical static document. Digital flipbooks have flippable and turnable pages just like printed books, but digital flipbooks give you statistics on who is reading your publications, allow you to boost interactivity with links and video content, and help you reach a global audience at the click of a button. How does a digital flipbook work? A digital flipbook works by using HTML5 technology to create an interactive book-like rendering on a webpage or mobile application. Simply put, it takes your scrolling PDF or .doc file, and outputs a digital flipping book with pages you can turn. From there you can add additional information (like shopping links, embedded videos, clickable table of contents, etc.) for a more interactive experience. Who might use a digital flipbook? Students - Dynamically showcase your school projects Real Estate Agents - Create interactive video walkthroughs of all of the houses currently listed on the market. Magazines - Reach a global audiencewhile decreasing your carbon footprint with a digital flipbook. Restaurants - Easily design an online menu for your customers to flip through, whether it’s one page, or dozens. Non-Profits - Create an annual donor report or impact snapshot that’s shareable everywhere. What is the difference between a PDF and a flipbook? Have you ever found yourself endlessly scrolling through a PDF? You’re not alone! PDFs are great for documents, but when you’re looking for an option closer to a printed book, using a

36 flipbook creator like Issuu is the natural next step. Digital flipbooks give you that page-turning experience and also add that extra bit of interactivity; you can add links, navigate to pages easily, and embed videos! Unlike your standard PDF, our digital flipbooks have analytics, keeping the entire team on track with which version is live and what content is being read. With a PDF, the only metric you can track is how many people have downloaded it, whereas with our flipbooks, you can track clicks, downloads, views, reads, and all sorts of valuable metrics! Digital flipbook making tools for PC, Laptop, and Android 1. Flipsnack: Flipsnack allows you to create professional-looking digital flipbooks with interactive features. It offers a user-friendly interface, customizable templates, and options to embed multimedia content. Flipsnack also provides tools for collaboration, analytics, and easy sharing of flipbooks. Link: https://www.flipsnack.com/ 2. Yumpu: Yumpu is an online platform that enables you to transform PDFs into interactive flipbooks. It offers a range of customization options, including templates, themes, and multimedia integration. Yumpu also provides features for embedding flipbooks on websites and social media sharing. Link: https://www.yumpu.com/ 3. FlipHTML5:

37 FlipHTML5 is a comprehensive digital publishing platform that allows you to create interactive flipbooks with a realistic page-flipping effect. It offers a wide range of customization options, multimedia embedding, and HTML5 support. FlipHTML5 also provides online hosting and sharing options for your flipbooks. Link: https://fliphtml5.com/ 4. PUB HTML5: PUB HTML5 is a powerful online flipbook maker that enables you to convert PDFs into interactive flipbooks with engaging multimedia elements. It offers a user-friendly interface, customizable templates, and options for embedding videos, audio, and links. PUB HTML5 also provides cloud hosting and sharing features. Link: https://pubhtml5.com/ 5. AnyFlip: AnyFlip is a digital publishing platform that allows you to create interactive flipbooks from PDFs. It offers a variety of customization options, including templates, themes, and multimedia integration. AnyFlip supports HTML5 and provides features for online publishing, sharing, and analytics. Link: https://anyflip.com/ 6. Issuu: Issuu is a popular online publishing platform that enables you to create and share digital publications, including flipbooks. It offers a range of customization options, including templates,

38 themes, and multimedia embedding. Issuu also provides social sharing features and analytics to track the performance of your publications. Link: https://issuu.com/ 7. FlipBuilder: FlipBuilder is a comprehensive flipbook software that allows you to create interactive digital publications from PDF files. It offers a range of customizable templates, multimedia integration, and options for online publishing and sharing. FlipBuilder also provides tools for adding animations, interactive elements, and branding to your flipbooks. Link: https://www.flipbuilder.com/ 8. Joomag: Joomag is an online publishing platform that allows you to create and share interactive digital flipbooks. It offers a drag-and-drop editor, customizable templates, and multimedia embedding options. Joomag also provides collaboration features, analytics, and social sharing capabilities. Link: https://www.joomag.com/ 9. Calameo: Calameo is a digital publishing platform that allows you to create and publish interactive flipbooks online. It offers a user-friendly interface, customization options, and support for multimedia integration. Calameo also provides features for embedding flipbooks on websites and sharing them on social media.

39 Link: https://www.calameo.com/ 10. Madmagz: Madmagz is an online platform that enables you to create professional-quality flipbooks and digital magazines. It offers a range of customization options, including templates, themes, and multimedia embedding. Madmagz also provides features for collaborative editing, online publishing, and sharing of flipbooks. Link: https://madmagz.com/ These tools offer various features and capabilities to create interactive and engaging digital flipbooks. Consider exploring their websites and trying out their free trials or demos to determine which tool best suits your needs and preferences. How to Make a Digital Flipbook on Issuu 1. To make a flipbook, you’ll want to start with a PDF or .doc file. View our template gallery to get some ideas, or you can download our free flipbook templates to customize with your content and visual assets. 2. Upload your flipbook to Issuu as a PDF (you can also upload a .doc, .docx, .ppt file types, or import your files directly from Dropbox or Google Drive). If your design started as an InDesign file or Canva template, you can easily export those files as PDFs, and then upload them to Issuu. Our flipbook maker does all the hard work, turning that PDF into a dynamic, page-turning asset in seconds - presto flipbook! 3. Make your flipbook interactive by adding shopping links, a table of contents with navigation to specific pages, and even embedded videosright on the page. Links and videos provide that extra level of detail, bringing added professionalism and a dynamic feel. 4. Now that our flipbook creator has worked its magic, how about creating a seamless mobile-first experience using Article Stories? Pull stories from anywhere in your flipbook, and easily turn them into their own mobile-optimized articles by creating Article Stories 5. Looking for that interactive experience on your own homepage? Embed the flipbook directly on your website so your audience can easily find and read your content right at the source 6. Wanting to share content only with certain people? Customize backgrounds, and distribute your unlisted content with a select few. Share your flipbook with your followers with Issuu’s fullscreen reading experience.

40 To create a flipbook using FlipHTML5, you can follow these steps: 1. Sign up and log in: Visit the FlipHTML5 website (https://www.fliphtml5.com/) and create an account. Once you've signed up, log in to your account. 2. Start a new project: After logging in, click on "Create New" or "New Project" to start a new flipbook project. 3. Choose a template: FlipHTML5 offers a variety of pre-designed templates for your flipbook. Browse through the available options and select a template that suits your needs. You can also choose a blank template to start from scratch. 4. Import your content: Once you've selected a template, you can import your content into the flipbook. FlipHTML5 supports various file formats, including PDF, images, and videos. You can upload your files directly from your computer.

41 5. Customize your flipbook: After importing your content, you can customize the appearance and layout of your flipbook. FlipHTML5 provides a range of customization options, such as changing the background, adding a logo, adjusting colors, and selecting page transitions. 6. Add interactive elements: To enhance your flipbook, you can add interactive elements like links, buttons, audio, and video. These elements can be embedded within the pages to create a more engaging experience for your readers. 7. Preview and publish: Once you've finished customizing your flipbook, preview it to ensure everything looks as expected. You can navigate through the pages and test any interactive elements. If you're satisfied, click on the "Publish" or "Save" button to generate the final version of your flipbook.

42 8. Share and distribute: FlipHTML5 provides various options for sharing and distributing your flipbook. You can publish it on the FlipHTML5 platform, embed it on your website or blog, share it on social media, or generate a shareable link to send to your audience. That's it! You have successfully created a flipbook using FlipHTML5. Remember to explore the platform's features and settings to make the most out of your flipbook creation process. Tips and techniques for creating digital flipbooks, along with references to reliable sources for further information: 1. Plan Your Content: Before you start creating a digital flipbook, plan the content structure, layout, and flow. Consider the purpose of your flipbook, target audience, and the story you want to tell. 2. Use High-Quality Images: Use high-resolution images for crisp and clear visuals in your flipbook. Optimize the image sizes to ensure smooth loading and performance. 3. Add Interactive Elements: Take advantage of the digital medium by incorporating interactive elements like hyperlinks, audio, video, and animations. These elements can enhance user engagement and make your flipbook more dynamic. 4. Choose a User-Friendly Platform: Select a digital flipbook creation platform or software that offers user-friendly features and customization options. Consider platforms like FlipHTML5, AnyFlip, or PUB HTML5 that provide easy-to-use interfaces and powerful publishing capabilities. 5. Experiment with Page Transitions: Explore different page transition effects to add visual interest and create a seamless reading experience. Popular transitions include page flips, slides, fades, and zooms. 6. Pay Attention to Typography: Choose appropriate fonts and font sizes to ensure readability. Use contrasting colors between text and background for better legibility. 7. Optimize for Mobile Devices: Since many users access digital content on mobile devices, optimize your flipbook for mobile viewing. Ensure responsive design, touch-friendly interactions, and consider mobile-specific features like swipe gestures. 8. Test and Preview: Regularly test and preview your flipbook on various devices and browsers to ensure compatibility and a consistent user experience.

43 Learning Activity 1 Digital Flipbook Instruction: Answer the following question based on your own understanding. 1. What is Digital Flipbook? 2. What is the difference between pdf and flipbook? 3. Give at least 3 uses of Digital Flipbook and the benefits of it? 4. List down at least 5 software/application that can be used to create Digital Flipbook. 5. Enumerate the 8 tips and technique for creating digital flipbook.

44 Summary of the Lesson Digital flipbooks are like ebooks that resemble traditional printed publications but with added interactivity and engagement. They offer a cost-effective solution by eliminating printing expenses and saving shelf space. Readers can enjoy a dynamic experience with flippable pages and interactive elements like links and videos. Creating a digital flipbook involves using HTML5 technology to transform a scrolling PDF or .doc file into a virtual book with realistic page-turning effects. You can further enhance the experience by incorporating additional information such as clickable table of contents, shopping links, and embedded videos. The versatility of digital flipbooks makes them suitable for a wide range of users. Students can creatively showcase their school projects, while real estate agents can create immersive video walkthroughs of properties. Magazines can reach a global audience while reducing their carbon footprint, and restaurants can design online menus for customers to browse through. Non-profits can utilize flipbooks to create impactful annual donor reports and snapshots. When comparing PDFs to flipbooks, the latter offers a more engaging experience. Unlike PDFs, flipbooks allow for tracking reader statistics, such as clicks, downloads, views, and reads. With flipbooks, you can delve into the analytics and gain insights into reader behavior, whereas PDFs only offer download counts. Several digital flipbook making tools are available to simplify the creation process. Platforms like Flipsnack, Yumpu, and FlipHTML5 provide user-friendly interfaces, customizable templates, and options for embedding multimedia content. Issuu, FlipBuilder, Joomag, Calameo, and Madmagz are other popular options, each offering unique features for creating and sharing flipbooks. To create a flipbook using FlipHTML5, you'll need to sign up for an account on their website. Once logged in, you can start a new project and choose from a variety of pre-designed templates or create your own layout. Import your content, customize the appearance, and add interactive elements like links and videos. After previewing and refining your flipbook, you can publish it and share it with your audience through various channels. Here are some tips to consider while creating your digital flipbook: carefully plan the content structure, use high-quality images for visual appeal, incorporate interactive elements to enhance user engagement, select a user-friendly platform that suits your needs, experiment with different page transitions for a captivating reading experience, pay attention to typography and readability, optimize your flipbook for mobile devices, and test it thoroughly across different devices and browsers to ensure compatibility. Overall, digital flipbooks provide an innovative and captivating way to present information, tell stories, and connect with readers across different industries and fields.

45 Post-assessment Instructions: Choose the correct answer for each question based on the information provided in the lesson. 1. What is a digital flipbook? A) An online magazine B) An interactive ebook C) A printed publication D) A PDF document 2. Which technology is used to create a digital flipbook? A) HTML5 B) CSS C) JavaScript D) PHP 3. What additional features can be added to a digital flipbook? A) Shopping links B) Embedded videos C) Clickable table of contents D) All of the above 4. Who might benefit from using a digital flipbook? A) Students B) Real estate agents C) Magazines D) All of the above 5. What is the difference between a PDF and a digital flipbook? A) PDFs are more interactive than flipbooks. B) Flipbooks offer page-turning experience and interactivity. C) PDFs have analytics, while flipbooks do not. D) Flipbooks are only accessible online, while PDFs can be printed. 6. Which platform is NOT mentioned as a digital flipbook making tool? A) FlipHTML5 B) Canva C) Issuu D) Flipsnack 7. What can analytics track in a digital flipbook? A) Clicks B) Downloads C) Views D) All of the above 8. What is one benefit of using a digital flipbook for restaurants? A) Cost savings on printing menus B) Global audience reach C) Enhanced interactivity D) Real-time analytics 9. Which step is NOT involved in creating a digital flipbook using FlipHTML5? A) Sign up and log in B) Start a new project

46 C) Choose a pre-designed template D) Convert PDF to HTML5 10. What is a tip for optimizing a digital flipbook for mobile devices? A) Use high-resolution images B) Experiment with different page transitions C) Ensure responsive design D) Test it on various devices and browsers

47 Performance Task Title: Create your own Digital Flipbook Objective: Create a digital flipbook showcasing your favorite travel destinations. The flipbook should include images, brief descriptions, and links to additional information about each destination. The goal is to provide an engaging and visually appealing presentation that inspires others to explore these places. You are free to choose from the list on the lesson which application or software you will use for you PETA. Please see the rubrics below for you guide. Materials: Computer, laptop, mobile phone Internet connection Digital flipbook making software or platform (choose one from the list on the lesson) Web browser (Google Chrome, Mozilla Firefox, etc.) Text editor (Microsoft Word, Google Docs, etc.) for writing descriptions Image editing software (Adobe Photoshop, Canva, etc.) for enhancing and resizing images (optional) Instructions: Create a 30-second traditional flipbook using the materials provided above (paper, pencils, and binder clips) with a theme of Christmas. Use the tips and techniques you have learned to showcase the Christmas spirit and bring the holiday joy to life through your flipbook.

48 Rubrics Criteria Excellent (20) Good (15) Fair (10) Needs Improvemen 5 Point Content The flipbook includes compelling, well-researched content that effectively showcases each travel destination. The flipbook includes relevant and informative content. However, there may be minor gaps in the information or some content may lack depth. The flipbook includes some relevant information but may lack coherence or depth. The flipbook lacks essential information and lacks coherence. 20 Visual Appeal The flipbook is visually stunning with wellselected images, layout, and design. The flipbook is visually appealing with appropriate use of visuals, colors, and layout. The flipbook has some visual appeal but may lack consistency in design or layout. The flipbook lacks visual appeal and appears unengaging or poorly designed. 20 Organization The flipbook is well-organized, with clear sections and seamless transitions between pages. The flipbook is organized with clear sections and logical flow. The flipbook has some minor organizational issues, but the overall structure is understandable, with some room for improvement. The flipbook lacks organization and structure, making it difficult to navigate and understand. 20 Interactivity The flipbook includes interactive elements, such as clickable links and embedded videos, that enhance the reader's experience. The flipbook includes interactive elements, such as clickable links and embedded videos, that enhance the reader's experience. The flipbook includes some interactive elements, but they may not be fully functional or engaging for the reader. The flipbook lacks interactivity or interactive elements are not properly functioning or engaging for the reader. 20 Presentation Skills The presentation effectively communicates the choice of destinations, interesting anecdotes or personal experiences, and encourages others to explore the destinations. The presentation is generally wellcommunicated, with clear and concise delivery of information. The presentation has some areas for improvement in organization and delivery. Some information is lacking or not effectively presented. The presentation lacks structure, coherence, and clarity. The presenter lacks confidence or fluency in presenting the content. 20 Total 100 Note: The rubrics provided above serve as a general guideline for evaluating the performance task. You may adapt and modify the rubrics to align with specific criteria or learning objectives established for the task.

49 Answer Keys Pre-assessment Answers: 1. A) Lower printing costs 2. A) It uses HTML5 technology to create an interactive book-like rendering. 3. D) Anyone 4. C) Flipbooks provide a page-turning experience and interactivity. 5. B) Consider the purpose, target audience, and content structure. 6. C) Optimize for responsive design and swipe gestures. 7. D) Test and preview on different devices and browsers. 8. A) Analytics 9. B) Table of contents 10. B) The level of customization options available Post-Assessment 1. B) An interactive ebook 2. A) HTML5 3. D) All of the above 4. D) All of the above 5. B) Flipbooks offer page-turning experience and interactivity. 6. B) Canva 7. D) All of the above 8. A) Cost savings on printing menus 9. D) Convert PDF to HTML5 10. C) Ensure responsive design