Conceptual Design and Application

A VIDEO PROJECTION MAPPING CONCEPTUAL DESIGN AND APPLICATION: YEKPARE

Written by Berna Akim

The Turkish Online Journal of Design, Art and Communication – TOJDAC July 2011 Volume 1 Issue 1

“In recent years, video installations, also called video projection mappings that are formed relationship between space and visualized materials and displayed on architectural surfaces, buildings. ‘space’ refers to building’s surface, which plays an active role to display and gains recognition as new art forms in public space. This kind of projected performances can also be defined as ‘urban screenings’. Urban screens play an interactive role, developing a dynamic digital display to join virtual and urban public space.”

When I originally decided to base my project around projection mapping, I immediately wanted to create a large scale architectural piece to really showcase my skills and test my ability. However, as pointed out in my proposal, it was brought to my attention that there may be a number of problems preventing me from doing this; one being the issue of sourcing a projector powerful enough. Having researched a lot into examples of impressive projection mapping displays, I was eager to make use of ‘space’ in my own dynamic ‘urban screening’. Given the versatile nature of projection mapping, the possibilities are endless and projects can very easily be scaled down or adjusted to fit resources and budget. Although I was not able to project directly onto a house as I had originally hoped, I was still able to make use of the limited space that I did have, and create a project better suited for my current resources.

When developing my concept over the course of this project, I found it particularly useful referencing this journal article written by Berna Akim.

“Conceptual design develops a model of what the artwork will present and how it will be shown in its physical environment that specifies the details of the design such as screen layout, visual effects, main and transit scenes. Building a conceptual stage, the style of a performance is established. The processes of designing a concept are; brain storming, storytelling, sketching, composing the techniques.”

Following on from Akim’s suggested methodology for conceptual design, I decided to break my project down to ensure that every aspect has been discussed and planned. Thinking carefully about this idea of storytelling, I decided that each scene would tell a different story, and these stories will be subtle suggested through the various components that build the scene. For example, one scene will capture Christmas Eve with Santa having just paid a visit. There will be a table with an empty glass of milk and a half eaten cookie. Presents will be neatly placed around the tree and the stockings hung above the fireplace will be full.

Another important thing to consider when developing my project, is establishing clear objectives of what I want I am to achieve. Despite the fact my final output is by no means as impressive as some projection mapping pieces, such as those featured at Lyon’s Festival of Light, given the objective of my project and what I am creating it for, I believe that it is nonetheless suited for its purpose. The Lincoln West End Lights is just a small event, organised by the local community for the residents of the area to enjoy and take part in. Therefore, it is by no means necessary for me to create an extravagant, architectural piece. Yes, it would certainly be impressive to do, however, it is not necessary for this particular project. Given my target audience and who will be attending the event, I want my finished project to be something that is visually interesting for a range of ages. Of course, I will keep in mind the younger audience that attend the event and will most certainly keep all content suitable and appropriate. However, I will not as I had originally planned to do, create animations that are purely for a younger audience. In my original proposal, I stated that I would use both After Effects and Character Animator to create some fun, child friendly animations. As my project developed, I decided instead to focus on creating three different Christmas inspired scenes that would contain animated elements. I will certainly make sure that these three scenes are visually appealing and interesting for a younger audience, however, I will no longer be making purely a 2D animation for children.

 

Testing Surfaces

When deciding what surface to project onto, I decided to take a look at some existing companies that offer projection mapping services to see what type of screens they usual map onto. Although projection mapping is versatile and can be applied to almost any surface, I wanted to find out if companies offered screen hire or rental and what these screens tended to be made from. After a quick google search I came across Event Projection, a leading London based technical production company, that offers bespoke projection displays for businesses, venues and public events. From browsing their website, I was see the types of packages and services offered to clients and get a idea of the various equipment used and the average cost.

Screen Shot 2017-12-13 at 22.21.55Screen Shot 2017-12-13 at 22.06.18

 

 

 

 

 

 

 

 

 

Depending on the project scale and how powerful a projector is needed, prices start at £45 a day for a Optoma ML750ST with a resolution of 1280 x 800. Moreover, if I was not creating a window display and was opting to source a screen, this would cost me an additional £25 a day for a 6′ x 4’6” pull up.

Fortunately for me, I have full access to a standard Canon Realis X600 projector with a resolution of 1024 x 769, free of charge from the university’s Media Loans. However, if I was creating a project like mine and was not a student here at the university, then I would have no choice but to hire one like the Optoma ML750ST for £45 a day. Of course, I would look to see if there are cheaper alternatives first.

Furthermore, as mentioned in my proposal, when researching into existing examples of projects similar to mine, I came across this video on Youtube of a Christmas projected window display. What I found most interesting about it, was that the person who created the display used shower curtain for the surface to project onto. Never would I have thought of using something so simple and inexpensive, yet as demonstrated in this clip, it serves it’s purpose very well. With this project, the projector has been placed on the outside of the property and is projecting inside to create a Christmas themed window view. My project will work on the same principle, the only difference being that I will be projecting from the inside outwards for passersby to see.

Screen Shot 2017-12-13 at 20.01.24In preparation for my project, I decided to compose a series of short tests using three different surfaces, to see which one works best at projecting a clear image.

Test 1: Shower Curtain

 

IMG_0320

Screen Shot 2017-12-13 at 20.34.41IMG_0322

 

 

 

 

 

 

 

 

 

 

For the purpose of a quick experimentation test, I placed the projector onto a small cushion and positioned it to project my exported Trapcode Christmas tree. As you can see from the photographs and short video, the shower curtain which I purchased for just £3 worked exceptionally well. The only slight problem that I did find, was that compared to the other two materials, the shower curtain was a lot more difficult to stick and secure. Moreover, the material creased fairy easily which was noticeable on the final image Nonetheless, for someone working with a small budget, the shower curtain is definitely a good option to consider.

Test 2: Baking Paper

 

IMG_0325 IMG_0327

After chatting to the Lincoln Light’s event organiser, Simon Fitch, I was informed that many projection displays from previous years used baking paper as the base surface material. Much like the shower curtain, again, I would never have thought to use something so simple. After measuring the size of the window I will be projecting onto, I worked out that I would only need to buy two boxes of baking paper for just £2.

Furthermore, I found that the baking paper was a lot easier to stick down and did not crease as easily as the shower curtain. Out of all three materials, I found the baking paper to be my favourite and will most likely be using this for my final project.

Screen Shot 2017-12-13 at 21.03.07

 

Test 3: Coloured Plastic Sheet

IMG_0329 IMG_0330

Screen Shot 2017-12-13 at 21.30.48

 

 

 

 

 

 

 

 

 

For my final test, I wanted to experiment with tinted plastic sheets to see whether or not the colour would affect the image. As you can see from the photographs, compared to the shower curtain and baking paper, the plastic sheets were just a little too transparent, causing the projector to beam brightly through and cover the image. Although the tinted plastic did look very festive and visually interesting, it did not work as well as the other materials for retaining image clarity.

Conclusion:

Rating out of 5

Shower Curtain: 4/5

Baking Paper: 5/5

Tinted Plastic Sheet: 2/5

For my window display I will most likely go with the baking paper, as I found it the easiest to secure into place and the clearest quality transferred image.

 

Bibliography

Event Projection (2017) Rate Card 2017. London: Event Projection. Available from http://eventprojection.co.uk/wp-content/uploads/2017/04/Event-Projection-Rate-Card-2017.pdf [Accessed 8th November 2017]

Red Giant Trapcode Particular

When looking at tutorials on Youtube for inspiration for my project, I came across the Red Giant plugin ‘Trapcode Particular’. Using the software you can create organic 3D particle effects and complex motion graphics elements. Having never heard of the plugin before, I decided to have a look on the Red Giant website to find out more about its features and price.

Screen Shot 2017-11-02 at 18.50.40

Thinking about my project in terms of its style and design, I particularly like the complexity and futuristic style of Trapcode Particular. Having seen quite a few examples of components created with the software, I think it could work quite nicely with that ‘Christmas magic’ aesthetic I am hoping to portray. Having never used the plugin before I think it would be quite interesting to experiment using a new piece of software, however, I will need to assess whether the cost to purchase the software is worth the investment.

Although there is a trial version offered for free download, as expected, this does come with time restrictions and most likely a watermark on exported content. To purchase the full Trapcode Particular 3 suite it would cost $399.99 / £305.59 or $199 / £152.43 for an academic discount. I think at this stage I will most likely just download the trial and play around with the software to see what visuals I can create. Ideally I would like to create all of my assets on After Effects, so I think it will be best having a go at replicating this style without using the plugin.

Screen Shot 2017-11-02 at 21.34.16

 

Screen Shot 2017-11-02 at 21.44.46

Sticking with the theme of Christmas, I found a number of video tutorials for creating festive inspired assets using Trapcode Particular. I especially like the snowflake effect and am looking to try to recreate something of a similar aesthetic for my project.

Update:  Monday 6th November 2017

After deciding to download Trapcode just to experiment and play around with the software, I was surprised to find out that exported videos do not come with a watermark. The trial is limited to just 14 days however, I have decided to export anything that I do create, so that I could potentially use these assets in my projection mapping piece. Below is a quick video of a Christmas tree particle effect that I created using the plugin. I exported the video with added music just to demonstrate what it could look like as part of my piece. Overall, I was quite pleased with its unique style and think it works well to capture the tone and essence of magic as portrayed in the my chosen music (Dance of the Sugar Plum Fairies).

Screen Shot 2017-11-05 at 22.09.44

Story Boards

SCENE 1: INTERIOR LIVING ROOM

IMG_0357

For the first scene I wanted to capture that Christmas Eve atmosphere. Stockings will be hung above the fireplace and the Christmas tree lights will be twinkling on and off. There will be a window in the shot and snow subtly falling outside. As I am choosing to create short animated scenes as opposed to a animation based around characters, I wanted the various elements of the composition to subtly build a story and add context to the scene. For example, looking at the the first scene we can see that cookies and milk have been left out for Santa, who has already paid a visit and left presents underneath the tree. The fireplace is still burning suggesting someone in the house is still awake.

Animated Elements:

  • Snow
  • Fireplace
  • Tree Lights
  • Snow outside window

SCENE 2: Christmas Toy Shop Window

IMG_0360

For the second scene, I will be creating a Christmas toy shop window with various animated elements moving across the composition. Compared to the other two scenes, this composition will be the most cluttered and contain the most action. I want toys to be spread across the front of the window, whilst a few animated elements play behind the stationary objects. There will be a rocking horse in the background slowly coming to a stop, as well as a toy train passing through from one side to the other. To add further movement, I will create a toy plane and have it fly through the top of the scene, as well as overlay a snow effect on the outside of the window.

Animated Elements:

  • Train
  • Snow
  • Rocking Horse
  • Toy Plane
  • Mini Christmas Tree

SCENE 3: EXTERIOR SNOWY SCENE

IMG_0363

The final scene will be an exterior shot of a house covered in snow at night time. There will be a full moon glowing in the sky and a silhouette of Santa on his sleigh fly past. There will be a bare tree with flashing fairy lights outside and perhaps some faint footprints visible on the snow on the roof. Finally, just like the other two scenes I will overlay a snow effect.

Animated Elements:

  • Snow
  • Santa on sleigh
  • Fairy lights
  • Stars

 

Adobe Character Animator

Adobe Character Animator

Adobe Character Animator is a character animating application that allows you to bring to life your 2D or 3D creations. Using a webcam, you are able to mimic facial expressions and synchronise mouth movements to match speech. The application allows you to import projects from Photoshop and Illustrator and control all aspects of the character’s movement.

Experimentation

Originally, my idea was to use Adobe Character Animator to create a single character that the animation would focus around. Having watched a few beginner tutorials on Youtube, I decided to have a go creating a Christmas fairy that would interact with the various components in the scene.

Looking on the Adobe website I found a number of free puppets and assets to download for beginners to play around with the software and use for their own creations.

Screen Shot 2017-12-12 at 23.03.07Screen Shot 2017-12-12 at 23.07.38

After downloading the ‘Maddy’ puppet, I had a quick go at changing the hairstyle and clothing to see how challenging creating similar assets would be. Admittedly, I underestimated just how time consuming the whole process would be, especially when you need to create the different profiles and facial expressions to match. As I was working from an existing puppet, I was able to speed the process up by altering the existing settings and designs.

Screen Shot 2017-12-12 at 22.40.36

Once my designs were complete, I was able to open the file up in Adobe Character Creator and have a go at animating Maddy speaking. If I was to take this one step further, I could follow a tutorial like the one shown below to add movement and make my puppet walk.

Screen Shot 2017-12-12 at 23.26.14

Although when creating my Christmas fairy I was able to customise a pre-made puppet template, if I was to use Adobe Character Animator for my final project, then I would need to look at creating my own 3D character using something like Maya or Blender. Again, this would be quite a time consuming process, as I would also have to take into consideration that this would only constitute a small fraction of the project. Moreover, even after modelling and texture painting my character, I would still have to create the backgrounds and other elements of the animations. Given that I have chosen to create one project per semester and am working towards the deadline of the 8th December in time for the event, I may have to look at alternative means or alternatively 2D animations.

Screen Shot 2017-12-12 at 23.30.15

Bibliography

Adobe (2017) Getting Started with Adobe Character Creator. Adobe: Worldwide. Available from https://helpx.adobe.com/uk/adobe-character-animator/using/getting-started.html [Accessed 1st October 2017]