Essay Poster Inspiration 2- Animation Sequence Project

May 11, 2015 § Leave a comment

Poster Idea 2- Post-It-Notes

I then moved on to the idea of a a post-it-note-poster, which I thought was clever way of making an interactive poster that is not defined by the frame. I thought also that it would be a good idea because of the way that it gives the user/viewer control of the pace and also how they interact with the content and how they choose to ‘see’ the poster. I really liked the idea of making a physical poster that can be constructed, deconstructed, moved, portrait or landscape, interactive and also flexible, with many other qualities.

However the drawbacks were that all tough post-it-notes are flexible in terms of position they are inflexible when considered for the amount of surface area given to work with and the required a lot of hand drawn typography. It would be hard to keep the Post-it-notes in good condition and the would be hard to keep stacked for the beginning of the poster.

But because I liked the idea still of an interactive poster and the flexibility of the post it notes, I talked to my tutor Rob and we decided that i would make the essay cards on the computer so that they are replaceable, and reusables and I would add the top of the post-it-note to the back of the cards so that they would retain the flexibility of the post-it-note. that way the peter can still be constructed, deconstructed, moved, portrait or landscape, interactive and also flexible, amongst other things.

These are examples of my poster cue cards without the text or editing—>

Related posts—>

https://rebeccaboyesmajoryear2.wordpress.com/2015/05/07/animation-sequence-project/

https://rebeccaboyesmajoryear2.wordpress.com/wp-admin/post.php?post=628&action=edit

 

Advertisements

Essay Poster Inspiration 1 – Animation Sequence Project

May 7, 2015 § Leave a comment

During workshop week I participated in a fairytale workshop, where we learned that during the workshop we would each be completing a small section of the overall animation. Each piece that www ere each given would be 10 seconds long and added together using the square that would be a constant at the start and end of the scene.

(Link to workshop blog post—>)

https://rebeccaboyesmajoryear2.wordpress.com/2015/03/04/saras-fairytale-workshop§/

Poster Idea 1- Animation

My initial idea was to have the poster animate by unfolding but I quickly moved on from this.

This project then lead on to inspire the concept for how I wanted my essay poster to look. Originally I thought about making my essay poster into an animation because I wanted the poster to reflect the overall message of the essay, which was about how expanded forms of advertising test the boundaries and are not defined by the frame. I felt like I need my essay “poster” to not be something static and stuck to in place, otherwise it wouldn’t fit the essay. There was a part in the animation sequence project (0:56 seconds) that directly inspired how I wanted my animation to work as a short motion paper graphics, using the page turn effect.

The inspiration for this was a project called the Animation Sequence project—>

http://animationsequence.com

However the more that I thought about it the more impractical the idea became because it would have to be quite lengthy for the read/viewer to be able to read the text or have some sort of user control to give the user/viewer as much time as he or she might need to read the information. It could also be quite time consuming to completer the animation in the time left to complete the “poster”.

Final Projection Mapping Animations

May 1, 2015 § Leave a comment

Me and bronwyn met up and finalised our animation for or next meeting with Seb and Lewis. It had yet to asked but we were happy with what we had a achieved.

The first animation that me and Bronwyn completed—>

Once Seb and Lewis had taken a look at what we had completed, they had a few ideas for how we could make it a little better and after talking through what ideas we had also were thinking we met up again on our research day and finished of the improvements. We really enjoyed collaborating on this project together and both really like the outcome even though it is fairly simple. There are a few things that make the movie seem a little empty but the sky will be parts of the sky will be masked out later to match the box designs.

Related posts—>

https://rebeccaboyesmajoryear2.wordpress.com/2014/12/20/projection-mapping-project-initial-ideas/

https://rebeccaboyesmajoryear2.wordpress.com/2015/02/20/projection-mapping-project-creating-the-animation/

Second animation—->

Essay Devlopment

March 30, 2015 § Leave a comment

After writing my Abstract and receiving feedback I then decided that I would change tactic a little bit with my topic after doing some further research into Creative billboard advertising. I decided that I would then write my essay on ‘Exploring the history behind expanded forms of advertising’. This was interesting for me because once I started there was so much information and useful work that I could reference own and I had some help from one of my tutors spencer, which was invaluable.

I looked into Trompe L’oeil, Postmodernism and Situationism as my key areas of study and found a lot of similarities between the expanded forms of advertising and each of these areas of study.

The introduction to my essay…

In this essay I am interested in researching and exploring the history behind creative advertising, but more specifically the history behind billboard advertising that questions the frame as opposed to simply embracing it (e.g. the kill bill billboard by Saatchi and Saatchi, the McDonalds sun dial billboard by Leo Burnett and the economist light bulb billboard by Abbott Mead Vickers BBDO). I am looking to research how creative advertising developed and I want to explore how creative billboard advertising differs from the more standard forms of advertising and to look at how it is a more contemporary form of advertising. I would also like to look into how creative advertising is as much concerned with the exploration of form as it is about the content. This essay will look into how creative advertising has combined artistic influences such as Trompe l’oeil, Postmodernism and Situationism – and how art, has ultimately influenced its form. (Footnote- Analysis of art in relation to advertising typically focuses upon content and conceptual analysis – I would like to shift the discussion to focus upon the material form of the advertisement)

(Brief summaries of the areas of study)

Trompe L’oeil is all about tricking the eye and creating some amazing illusions and Creative billboards are very similar to this, they can also draw your attention and trick and amaze you. Image 1 is a good example of Trompe L’oeil and how it was used as an illusion and Image 2 is a good example of how creative billboards can also create illusions.

 

Image 1: Shearer, J. (2015). Janet Shearer | Mural Art and Trompe L’Oeil Artist in Cornwall. Trompeloeil.co.uk. Retrieved 24 March 2015, from http://www.trompeloeil.co.uk

Image 2: Adland,. (2015). Nike’s transparent billboard – Nike wants you to slam into a wall.. Retrieved 24 March 2015, from http://adland.tv/ooh/nikes-transparent-billboard-nike-wants-you-slam-wall

 

Postmodernism relates because it is almost like postmodern forms of advertising, with the way it isn’t confined to the frame and how it usually includes the surrounding environment. Image 3 is the Kill Bill billboard, which shows how the surrounding environment is incorporated and used in conjunction with billboard and how it isn’t confined to the frame. Image 4, although not technically a billboard, shows how expanded forms of advertising push against the frame and break the frame.

Image 3: Vasquez, D. (2015). For ‘Kill Bill,’ one killer of a billboard – Media Life Magazine. Medialifemagazine.com. Retrieved 22 March 2015, from http://www.medialifemagazine.com/for-kill-bill-one-killer-of-a-billboard

Image 4: Gurp, M. (2009). Neglected Children are made to feel invisible – Osocio. Osocio. Retrieved 26 March 2015, from http://osocio.org/message/neglected-children-are-made-to-feel-invisible/

 

And Situationism plays a part because it was all about stage spectacles, which were used to gain attention and make a point, and expanded forms of billboard advertising almost gives you no choice but to look with the way it has immersed itself into its surroundings.

 

I learned a lot whilst researching for this essay and actually it could be the best essay I have wrote for the course in the past two years, because I always manage to struggle writing essays. I also enjoyed some of the process of finding all the information and seeing where it leads, however I don’t think I will ever truly enjoy theory or essays, but of course i see how useful it is and why it is necessary we learn and study theory.

Cereal Box Further Development

March 28, 2015 § Leave a comment

Following on from our workshops with jay I decided that I wanted to continue my cereal box development and decided to turn my cereal box into a two (maybe 3) part promotion and design a cereal box aimed at boys, because the first cereal box seemed more stereotypically marketed towards girls. Because my previous cereal box created was called Tinkerbell’s, based off of the Tinkerbell films and Peter Pan I decided to make a peter pan and maybe the lost boys also.

This was so that I could further develop my ideas and if this were a real product, it would be to open up to another market. I decided to do this because I really enjoyed working on this project and creating the cereal boxes. Although currently my ideas are just designs the could be made into actual cereal boxes at a later date. although they are only sketches i think that they would work really well with the first designs that completed.

Original designs

The idea for this series packaging was because I don’t feel like it has really been done before and that it would be a really nice piece of development work and complete the project. I enjoyed this project much more than the first cinema 4D project mainly because I am much more comfortable with working in illustrator or even after effects and find it easier to produce work using software that I am comfortable with.

Typographic Processing Part 2

March 5, 2015 § Leave a comment

For the second half of the workshop we worked on generating fonts and slogans out of the fonts that ere created earlier in workshop week.

Step by step instructions for the second half of the workshop, that match the images, although they might not be helpful for others they are extremely helpful for me to remember, as it is a lot of information to process.

 

Image 1: We created a new working document. We created the set up again with the canvas created again.

Image 2: We then started working with ‘filing cabinets’ of a sort, so that we could place the whole font into that cabinet and access it using the shortcut, throughout the rest of the processing. It also made the letters easily accessible. We did this by also placing ‘String’ at the beginning of the command with a capital ‘S’

Image 3: This was the symbol for the cabinets we created- ‘[]’

Image 4: This particular code was used to make the generative font loop in a cycle so that it was continuously looped.

Image 5: The numbers decided how many times and for how long it loops. Its starts at zero- whilst at less than 26- and it will continue to then add 1 until it gets to 26 (so it completes the amount of letters in the alphabet) and it will continue through the draws of the cabinet for the letters auntie the end.

Image 6: This was the final coding for where we were so far with this coding. (AS A SIDENOTE- ALWAYS CLOSE BRACKETS!)

Image 7: We then added a ‘letterforms’ loop so that it made sure that it worked its way through the ‘draws’ for the letters. we then also added and ‘xpos’ and ‘ypos’

Image 8: We then added draws called ‘r’ and ‘rc’.

Image 9: (no step by step- blank)

Image 10: This was the layout for the coding at this stage.

Image 11: We need more memory for the coding to then produce what we were asking of it so we went to processing, and preferences.

Image 12: Then ticked ‘increase’ and updated the MB to 2000.

Image 13: The final code so far…

Image 14: We then went on to put spaces into the letterforms and generative texts produced.

Image 15: And added values for ‘xpos’ and ‘ypos’.Image 16:

Image 16: To create the spaces we added a delay at the end of the code.

Image 17: This was the code….

Image 18: And this is a screen capture of what was produced on the canvas.

Image 19: We then added messages/slogans into our commands of the procession to that it would start to tom words and sentences.

Image 20: These were the slogans/quotes that I either created myself or found online.

Image 21: This is how we made the slogans work with the code.

Image 22: This was the code so far, however there were problems with how the generative text generated my slogans and that there were no spaces so that needed to be fixed at some point.

Image 23: ‘founddat’ was created as storage for the letterfoms four for the slogans so that they re stored and remembered when generating the slogans.

Image 24: This was a screen capture of the code generating the font with now spaces.

Image 25: This was the final code that I had managed in the workshop…

Image 26: Which continued on for longer then I could capture in one screen shot- I also plan to continue on with my programming and complete this code so that my processing of the slogans plays smoothly and without a glitch.

 

I have continued this further after I stopped taking screen shots and it is now at a place where there are spaces in-between the words, however I still want to take it further and complete its so that my slogans/quotes come out exactly as I want them to.

I found the second half of this workshop a whole new level of challenging. I made the mistake of only half concentrating, whilst also trying to organise how I would blog what I was working on and thusly found it difficult to keep up and we started dealing with a lot more complex coding to try add in spacing and such, which was difficult in itself. I found this half much more challenging and less enjoyable because it was hard to understand everything that was going on. However I still enjoyed it to an extent because I like things that challenge your brain and that require a certain amount of focus, but as the workshop was coming to an end it was harder to concentrate and so it became more difficult to work.

Overall I still want to continue this project to completion and ant to play around with processing further in the future- although the workshop in November, where we were working with Arduino and programming lights was much more interesting to me and so something I will probably continue on in the future rather then the processing we did in this workshop today whilst working with generating fonts. I think that there is more that I would want to do with light programming, although that is not completely ruling out using the processing app in future.

I took videos on my phone throughout the day, which I will upload later.

Typographic Processing Part 1

March 5, 2015 § Leave a comment

Step by step instructions that match the images, although they might not be helpful for others they are extremely helpful for me to remember, as it is a lot of information to process.

 

Image 1: At the beginning of the workshop we started by setting up the processing app, which was the same way I had learned to set up the Arduino app.

Image 2: We then set up the canvas that we would be working with.

Image 3: We decided on the size and colour (white) and tested the software to see if it would read “hello” and if it would register ‘drawing’.

Image 4: We used this ‘//’ symbol to ‘comment out’ the text so that it was less relevant but that we knew what we were doing.

Image 5: We then introduced a test letter for our canvas.

Image 6: We put down the coordinates of where our test letter would be placed on our canvas.

Image 7: Then the detail of our coordinates.

Image 8: This is how the test letter was placed onto our canvas.

We created ‘shortcuts’ of a sort called ‘ypos’ for our ‘y’ value and the test letter. Image 9: The reason for this being that these shortcuts would also allow for decimal points in the value you wanted.

Image 10: This was where we placed these commands.

Image 11: This was how we initially accessed our font and the letter.

Image 12: This was how he set up looked overall.

Image 13: We then made the ‘xpos’ or an ‘x’ axis command as it were.

Image 14: Then we created the value for our ‘y’ and ‘x’ axis.

Image 15: We then replaced these values with their ‘shortcuts’ by using ‘ypos’ and ‘xpos’ to represent the value of the action/effect that we wanted.

Image 16: This was how it looked all together.

Image 17: We then advanced on.

Image 18: We made ypos duplicate continuously but it wasn’t quite far enough away and so it just dragged.

Image 19: We changed the value of ‘expos’ but it again just continued to drag.

Image 20: You then go to sketch, file and then OpenGL…

Image 21: And insert ‘OPENGL’ into the size and tis makes the duplication effect a lot smoother.

Image 22: However it still dragged.

Image 23: We then worked on fixing the drag and making the letter bounce.

Image 24: Once we had figured out the drag and the bounce we figured out how to affect the gravity and the physic behind the bounce being realistic.

Image 25: This was the ‘yspeed’ of the bounce.

Image 26: This was bounce for the ‘y’ axis.

Image 27: This was the overall set up of where I had professed so far with the processing of my letter.

Image 28: We created a ‘float’ for ‘x’ axis speed for the speed of the letter- just like we had created ‘floats’ for both the ‘y’ and ‘x’ axis.

Image 29: we then added a value for the ‘xspeed’.

Image 30: We repeated the process of ‘yspeed’ for the ‘xspeed’.

Image 31: This was how we made it bounce at the bottom for this axis.

Image 32: This was the set up for the commands.

Image 33: This is where I altered the ‘speed’.

This is what we completed in the first half of the day, apologies for any mistakes from my notes. However for the most of the workshop I found that it was fairly easy to follow and that I really enjoyed learn something new and interesting. It was challenging but really interesting and Spencer was a lot of help though the workshop, which made everything run fairly well, and he wasn’t working from a script- as has always been the case with everything that he teaches- which showed he really knew and understood what he is talking about. I found that this kind of work was quite engaging and it was a really nice feeling to work through it because it was like you accomplished something at the end that you really worked for.

Where Am I?

You are currently browsing the Contextualised portfolio category at Rebecca Boyes-Major Graphic Design Year 2.