Pop-Up Templates

I made templates for each of the four scenes I created. I printed them off and cut & glued the pieces together by hand. The front and back cover was also created by hand. It takes a day to make one of the books!

This is the marker for the Doctor Panda first aid instruction video:

Once I publish my Junaio App, everyone will be able to print off this marker and scan the image with their device and watch the augmented reality I created ūüôā

Advertisements

Exhibition Show

The exhibition was a great success and really fun! The show was held on the 14th June in the London Street Gallery in Derry/Londonderry. It will also be running from Monday 17th to Thursday 20th with free admission. (10am to 4pm) Come check it out!

Here’s a link to the London Street Gallery: http://www.londonstreetgallery.org/off-the-cuff.html

Here are some of the pictures I took of the exhibition:

 

Some close-ups of my origami pop-up book:

 

I covered a whole sofa with my stuff whilst getting my exhibition ready:

Expeimenting Pop-Up Scene Size

I first made the pop-up scene with an A4 sheet, next I tried out an A3 sheet and also an A2 sheet, here are the results:

A3 Sheet РBrighter colour 

I also made the colours brighter to see how it would turn out. I like the ‘pop’ it gives, makes it more appealing to children.

 

 

A2 Sheet

 

 

 

Building My Pop-Up Scene

I printed out my template, cut the shapes out and stuck them in the right places. Before I finalised my template, this is how my pop-up scene was turning out:

I really am happy of how it was coming along. I added in some origami animals and leaves to give it more ‘pop’ with the bright colours. This scene was created using an A4¬†sheet. The size is a quarter of a full circle on an A4 sheet.

Feedback

I showed my supervisor this experiment and they liked it, but he thought it would be better to make the colours brighter and consider¬†actual size I plan on having this pop-up book to be. Another supervisor told me that he thought there was too much colour and he would prefer about only 2/3 colours with different shades of it. He also suggested contrasting the floor and the background and also the pop-up pieces to distinguish them. However, as this piece is aimed towards children I really wanted to add lot’s of colours to appeal to them and it is my style. I plan on making the colours brighter to make it ‘pop’.

My supervisor was also suggesting using heavier paper weights to experiment on the strength and making the fold in flap in the middle stay down, as when you open this piece up, the middle part stays up slightly. What I could do is stick something on the bottom of the piece to keep it down, or at the end of year show I could have the 4 sections stuck down in place with another pop-up book on the side for people to pick up and open up for themselves.

Printing

I need to look for a printing company¬†that prints the best quality and uses a heavy paper weight. I printed A3 sheets with my template and the quality wasn’t that great.

Cutting

My main piece is circular and it’s too difficult to cut the shape perfectly so I will need a circle protractor or something similar to cut the perfect shape. The other parts I will be using scissors/Stanly knife, but I need a method that will cut them perfectly.

Acetate Progress

Cutting the Acetate

I started cutting out my tree/leaves from the acetate sheet using scissors and it work well as the sheet is only 0.1mm in thickness. For the final pieces for my project I think I’ll use a Stanly¬†knife for precision, but for now I’m just quickly experimenting.

Clear Plastic Packaging

I think you can get thicker acetate sheets, but this is the thickest the shop had them in. My supervisor also suggested possibly using the clear plastic that is usually used to package toys/boxes and they would be much thicker.

Clear Plastic Packaging

The acetate sheets I have at the moment seem to be strong enough to not flop over when I hold them from the bottom corner. As for the tree trunk, I think I will have to use thick card to support the weight of the acetate.

Shape of the images

I was planning on cutting round the images into a circle, but it didn’t look right and quite bulky, especially when I tried layering the pieces on top of each other. I decided to cut round the leaves roughly to get rid of the extra unnecessary acetate. It worked out much better.

Layering the images & Gluing

I messed about with the pieces to work out which leaves worked best together when layered on top of each other. When I was satisfied it was time to glue them together. But what should I use to glue them because the acetate is clear, so you would be able to see the glue as well.

Note: Gluing on the rough side of the acetate sheet works better as the glue has grip.

Acetate Layers, Cut and Glue

Top Left – I plan on using this piece for sticking on origami flowers and leaves and see if it works well.

Top Right – this is a single layer of acetate, I wanted to see if the image would work well with just one layer, but after testing the layering, I found it more interesting and more dynamic.

Bottom left – First I tried using the 3D transparent Dots I bought yesterday and they are clear, however, you can see it as if it were squishy glue. But the glue dot works really well, it sticks the two pieces of acetate together instantly.

Bottom Right¬†– Next I tried using ‘Anita’s Tacky Glue’ which dries colourless, but you have to wait about 30 minutes for a little dap of the glue to dry colourless. Make sure you leave it alone as it dries or the acetate will shift and the glue will spread.

Anita's Tacky Glue

Solution

I think I will cover up the glue mark with part of the tree trunk/branch or even origami leaves/flowers. I don’t think you can get glue which is clearer than acetate so I plan on covering up the glue.

Acetate Printing

My supervisor suggested using acetate to make some of my trees and I thought I could stick my origami leaves and flowers on them to make them look like they are floating, inspiration came from these vector trees:

Vector Tree

I’ll be giving this a go tonight!

Acetate

Acetate

Acetate paper allows you to print transparency films to use on over head projectors, report covers for school or work projects or craft projects.

Things you need:

  1. Word processor or design software
  2. Inkjet or laser printer
  3. Acetate paper sheets

 

  1. Lay out the design to print on the acetate paper in your word processor or other design program.
  2. Load the acetate paper into your printer. Make sure to remove any tissue separator sheets that may be placed between the pieces of acetate paper before loading into the printer. Load the acetate paper so that the rough side of the sheet is the side that will be printed on. Consult with your printer documentation or print a test sheet to be sure of proper placement in the printer.
  3. Select “Print” from the “File” menu on the toolbar of your software program. Within the print dialogue box, choose “Properties” to explore the options available on your printer. Many printers have a “Transparency” option available. Consult your printer documentation for more information about your printer’s capabilities. Additional printing information can be found on the instructions that came with your package of acetate paper. After the appropriate settings have been determined in your printer properties, select “Print” to continue printing the file. For multiple page documents, print pages one at a time to prevent possible smudging.
  4. Handle the acetate paper carefully once your image has been printed. Hold it on the edges of the sheet to prevent possible smearing before the ink has been allowed to dry. Leave in the printer tray, or lay on a flat surface to allow the sheet to dry completely before handling. This could take up to 10 minutes.
  5. Repeat the process for any additional pages that may need to be printed. Allow all pages to dry completely before stacking.

Helpful Tips

Using acetate can be tricky if you haven’t done so before, here is some helpful tips if you ever want to try it out:

  • You must ensure you are using INKJET acetate – you can tell if your acetate is inkjet friendly by checking to see if it has one rough side and one glossy side – you must make sure you print on the ROUGH side. Normal printer settings are a good place to start.
  • Acetate can have paper feed problems¬†– these sometimes (depending on the printer) can be caused because the acetate in particular being ejecting each time because some printers cannot detect the start of the acetate because it is transparent – to combat both these problems the following method should help – If the printer is struggling with feeding the acetate in – then use a piece of normal paper and attach this to the acetate down one of the short edges with double-sided tape – then ensure this end feeds into the printer first – basically the paper will act as a carrier sheet.
  • To test the correct loading of your acetate paper, first load a plain sheet of paper into the printer. Use a pen to mark on the side of the paper visible to you once it has been loaded into the printer and print as normal. Note the placement of the mark you made on the printed sheet to determine which side of the page has been printed on.

Meeting my Supervisor

I was talking to my supervisor about my project and I got some great help and ideas! It has helped give myself a clear indication of what to do and how to carry it out.

Scenarios

What I need to do is first work out the scenarios for the 4 sections, so far I have 3 done but I still need to figure out the animation for each of them. Getting this done allows me to start the storyboarding for the scenes. I will concentrate on finalising one scene to ensure I get one section done with the AR working, then if I have time I will work on another scene and so on.

Storyboard & Retention Span of Children

Next is to storyboard the scene. I plan on having a 10 second animation of little cube characters interacting with the background and an accident happens. I want the animation to remain short due to children’s attention span at the age of 4-5. I have been trying to find out retention¬†guidelines for children but nothing comes up for animation, word and sentence limits, only word limits for books.

What I have found out though is the attention span average between the ages of 4-5 is between 5-10 minutes depending on how interesting and fun the activity is. I plan on having the total length of the animations about 1 minute or even less, while a little activity is played afterward to help remind the children what was taught. My supervisor will be helping me gather information on guidelines of retention limits for children from his connections which will be extremely useful.

Attention Span

Animation & Instruction Video

At the end of the scene the child presses the screen and it directs to a YouTube video stream I will make in 3D Studio Max. The video I will make will be an instructional video to show the child what to do in the situation such as the accident played out.

The main character for the scene will narrate what to do and as they mention a step, an icon pops up on the bottom of the screen which represents the step in the process. After completing the first aid treatment, all the icons appear at the bottom. I plan on having the icons as the marker for each of the scenarios. They could also be printed on cards for the children to take home and scan and use again with their parents.

What I want to achieve is repetition of the steps to teach the children the steps. This method works well with kids to help retain the information.

Think: Green Cross Code

The Green Cross Code itself is a short step-by-step procedure designed to enable pedestrians to cross streets safely. This was highly targeted¬†to children and it was memorable with the singing and animation.¬†While the Code has undergone several changes over the years, the basic tenets (“Stop, Look, Listen, Think” or “Stop Look Listen Live”.) have remained more or less the same.

Stop Look Listen Live

Do you remember the cute little hedgehog¬†in the road safety campaign for children? It certainly was memorable for children, check it out if you haven’t seen it:

http://www.youtube.com/watch?v=KnwxN24E2yY

Illustrations & Pop-Up

I need to work out the style of the background¬† for my project and the¬†pop-up piece’s so I need to test this out and finalize¬†the style. I’m still considering vector style similar to the Powerpuff¬†Girls background art and possibly isometric, but I need to not overcomplicate things and give myself too much work that I can’t complete in time.

Powerpuff Girls Background Art

The pop-ups will take some time to work out and plan as I have experienced before during semester one. I need to do sketches, a quick prototype and print the real thing off with the graphics designed and ready to be folded together.

Augmented Reality

The less polygons I have in one scene the more animation Junaio can cope with smoothly. As I have modelled my characters at a minimal of 300 and below polygons, I will have no limitation on length of animation. Though I will keep the animation to 10 seconds. I did a sting for one of my university projects which was 10 seconds long so I have an understanding of timely etc. I will upload it soon as reference.

I will be doing a sound tutorial next week with my supervisor on Junaio. The sound required will be noises from the little cube characters in the scene playing out the accident.

Instruction Video

The instruction video is not constrained to the limits of Juanio which is brilliant! I will be able to put in effects, lighting conditions, more detailed textures and the lip sync will work much better.

My Final Idea

Before you open the pop-up book there will be a marker on the front that you can scan and the 4 main characters appear introducing themselves. (Possibly folding up into the characters from a piece of paper if I have time?). Then you open up the circular pop-up and hold the device over one of the markers in one of the scenarios and an AR animation will appear. This will play out an accident with cube characters acting out the scene. After the animation, which will be about 10 seconds long, the child presses the screen (or an icon?) to stream a Youtube video I will make in 3D Studio Max. The main character for the scenario will tell the children watching, the easy to follow steps that they can carry out in this situation. Each time a step is revealed, an icon representing the step pops up on the bottom of the screen. Eventually after all the steps are covered, all the icons appear and the animation ends. This can be replayed over and over again.

The follow-up activity to recap the lesson will hopefully be in the form of cards each with an icon of the steps and the child can try put them in the correct order.

Staging

Staging is not just for the theatre and¬†films¬†but also for animations and it is an important element that should not be overlooked. The purpose of staging is to direct the audience’s attention to a clear idea presented¬†in front¬†of them which is unmistakable. This can relate to the personality of a character, the mood or an action.

Disney Movies

Disney movies are great examples of how: “Every line put on paper supports a main thought, and the rhythm of the drawing leads your eyes toward the area you are supposed to look at.¬†This is not an easy thing to achieve. An animator needs to boil things down to a clear essence, because the audience only has a split second to see and understand what’s going on.” (http://andreasdeja.blogspot.ie)

The red arrows show you where your eyes focus to with the support of the position of the character such as their arm, hands and props.

Staging in my project

As I will only be animating my model characters, the staging will be relating to the pop-up/origami environment I will set up, so the props will be set up to clearly define that the AR is of the greatest importance to the whole scene as it will be teaching first aid. I need to carefully position the background environment in a way which does not compete with the AR animation and not clutter or confuse the children using the first aid piece. The background will be showing the surrounding environment of the character and help support communicating the character and animation. This is the main reason why my background design will be minimalistic and avoid unnecessary detail.

Powerpuff Background Art Inspiration

My lecturer suggested having a look at the building background art in the Powerpuff Girls cartoon as inspiration for my circle pop-up background:

Powerpuff Girls

It is a minimalistic and pop art style using the same colour palette which is similar to the isometric style and vector origami I posted earlier. Using this type of style would ensure the focus is not taken away from the AR and pop-up. I’ve used a similar style for the front cover of the 360 magazine I designed with my brother in a graphic design course in Belfast (Urban Arts Academy TransBelfast).

Front Cover 360 TransBelfastI think this type of style would work best with my project.

Enter your email address to follow this blog and receive notifications of new posts by email!