Saturday, 5 December 2015

MMc401.4 Motion graphics brief

What is an Animatic? 

 "The production of an animatic is a stage in the pre-production process engaged with producing a 'mock-up' of animation by identifying movement within scenes, duration and speed of shots as well as camera angles."




"In animation and special effects work, the storyboarding stage may be followed by simplified mock-ups called "animatics" to give a better idea of how the scene will look and feel with motion and timing. At its simplest, an animatic is a series of still images edited together and displayed in sequence with rough dialogue (i.e., scratch vocals) and/or rough soundtrack added to the sequence of still images (usually taken from a storyboard) to test whether the sound and images are working effectively together.
This allows the animators and directors to work out any screenplay, camera positioning, shot list and timing issues that may exist with the current storyboard. The storyboard and soundtrack are amended if necessary, and a new animatic may be created and reviewed with the director until the storyboard is perfected. Editing the film at the animatic stage can avoid animation of scenes that would be edited out of the film. A few minutes of screen time in traditional animation usually equates to months of work for a team of traditional animators to manually draw and paint all those frames, meaning that all that labor (and salaries already paid) will have to be written off if the final scene simply does not work in the film's final cut. In the context of computer animation, storyboarding helps minimize the construction of unnecessary scene components and models, just as it helps live-action filmmakers evaluate what portions of sets need not be constructed because they will never come into the frame. Animation is an expensive and labor-intensive process, so there should be a minimum of "deleted scenes" if the film is to be completed within budget." 
https://en.wikipedia.org/wiki/Storyboard

Until recently animatics were made by filming or video taping an actual storyboard, over the past ten years animatic production has evolved to a more sophisticated procedure with the use of special effects software. 





Animatics are made to save time and money, as it would take months of work to animate even a few seconds of a storyboard, animatics are a efficient way of planning. 




Development of ideas :

for my first story board, i wanted to include the research i carried out into  the origins of idioms. i want to include an insight into the history of 'white elephant'.  white elephant means something that is useless, so i want to put emphasis on that, as well as being a gift from the king. 

This is my first 9 slide story board with my initial ideas on it, my idea is that the sound for each section will tell the narrative, the idea being that its supposed to be funny that someone has been given something that can be related to a 'white elephant' which is supposably a useless thing.                                                                        Eventually I want the type to turn the elephant white, the text will appear to drop down onto the elephant and completely turn it white. 




In this part of the story board I want the elephant to slowly appear out of the circle, and start walking across the screen.


 In this part of the storyboard I was thinking i want to add a little history, I want to use a shape that resembles the graphics of hans richter and Saul Bass, who, were the first artists to have develop motion graphics.
Im going to have shapes similar to these move the 'white' and 'elephant' cross the screen into position to say "white elephant'.





"Motion graphics extend beyond the most commonly used methods of frame-by-frame footage and animation. Computers are capable of calculating and randomizing changes in imagery to create the illusion of motion and transformation."



In an effort to learn more about motion graphics and understand the current standard I have been searching on Vimeo for motion graphics, I found some amazing stuff that has inspired me.   

I've also found a website called motiongraphiccollective which is a publishing platform for recognising cutting edge graphic design and motion graphics. it runs competitions where people can send in there work to be published. Its full of great motion graphics and has definitely inspired me.





Motion graphics goes hand in hand with Adobe after effects, and over the years they have both evolved together. As the quality of the software evolves so does quality of motion graphics produced, and as the softwares continue to grown so to will the boundaries of motion graphics.



Kinetic typography "is the technical name for "moving text"—is an animation technique mixing motion and text to express ideas using video animation. This text is presented over time in a manner intended to convey or evoke a particular idea or emotion". 

Kinetic typography is often used in movie titles and credits, it was first used back in 1959 in an Alfred Hitchcock film 'north by northwest' which started a phase of directors using kinetic typography in the opening credits of a film to establish a mood. 



I have found some information online, it is advise on how to use kinetic typography, and what effects are best :
I found some more great examples of kinetic typography, in the pictures below you can see that star warz is the theme and to keep with the narrative, the 'and' of hand has been sliced and then moved down as if it has been cut off by a lightsaber and then the actual words 'cut off' appear. 






"Motion typography

In dynamic layout, text elements move in relation to one another. Letters and words may move away from one another on a 2D plane, or in three-dimensional space. Likewise, scrolling typography can scroll across the flat screen, or can appear to recede or advance.

Fluid typography

In fluid typography, letterforms change and evolve without necessarily changing location."


https://en.wikipedia.org/wiki/Kinetic_typography#Motion_typography




Professional Work 

While looking for  professional work to view I found a website of a motion graphic designer whos is currently working as an art director, His name is Jim cascarina and he is an animatic specialist and has worked, producing professional level animatics for the advertising industry for years. 

He writes a blog to a-company his work: 
"On this particular job the Agency already had an artist in mind, it was great to work with their artist and between us we came up with some great solutions for the ad.
After getting the edit and animation right for research, we handed the baton over to the Mill and they produced the final Ad, which is a thing of beauty". 





"Other types of research material that come under the banner of animatics are:
Photomatics: These are films made from photos of actors posed and shot on location or in a studio and then placed on to photographic or drawn backgrounds.
Stealomatics: These are films made from freeze frames or clips from movies, tv shows, magazines etc.
Mood films: normally the same as above and cut to music. More often than not these won't try to attempt to explain the narrative of the intended end script, just give the viewers a feel for how the end product will look.  
So, in short, the agency will spend some time and money on the animatic to make sure the ideas are working. They can then use this to work out any problems that might come up when filming the real ad."

On his website there is also an article that describes his own experiences in the industry working to produce animatics and how it has changed over the years he has been working. He has so much work on his website, it really gives you an insight into the depth of animatics on the professional side of things 

http://www.animatic.co.uk/what-is-an-animatic/













Monday, 30 November 2015

MMc401.3 motion graphic brief




Definition- 'motion graphics are often static graphic objects like type, that use simple animation technology to create the illusion of motion or rotation. Motion graphics is usually combined with audio. Common applications of motion graphics are film title sequences, animated logos at the end of commercials or on web sites.'

Motion graphics is a new discipline that has emerged from the crossing of film, video, animation and film titles, combining all these genres you get 'motion graphics' its a form of visual communication, using moving effects and sound to communicate narrative. 



Researching into the history of motion graphics i've found it dates back to arround 1920s where artists began to rurn their paintings and illustration ideas into animatd motifs  that moved up and down the page to the sound of music. hans richter- an abstract film maker was considered one of the first to translate music principles into sequences of moving images. 


Hans Richter (April 6, 1888 – February 1, 1976) was a German painter, graphic artist, avant-gardist, film-experimenter and producer.[1] He was born in Berlin into a well-to-do family and died in Minusio, near Locarno, Switzerland.







'Richter believed that the artist's duty was to be actively political, opposing war and supporting the revolution.'







The first real break-through for graphic design artists came came with Richter's 'filmstudie'(1926). The film was released with an orignanal soundtrack, and suprisingly contemorary. the film contains lots of original imagery and floating eyeballs! 

https://www.youtube.com/watch?v=ZXrjrr6ifME;



watching the film through, gives you a breif insight into Richter's style. 

Looking into the origin of graphic motion has inspired me to perhaps produce some work that is similar to richters, as he is essentially the creator of motion graphics and his work is still contemporary. 



Saul Bass
'Saul Bass (/sɔːl bæs/; May 8, 1920 – April 25, 1996) was an American graphic designer and Academy Award winning filmmaker, best known for his design of motion picture title sequences, film posters, and corporate logos.'




Motion graphics became a popular genre in the 1960's. 'Heir' to richter's motion graphic throne. Saul Bass created films that appealed to a wide audience, he had a Bauhaus- themed style and he inspired a growing number of graphic designers to venture into filmmaking. In 1955 designed and created the title sequence for 'The man with the golden arm' a film about drug addiction, directed by Otto Preminger  and starring Frank Sinatra. 

https://www.youtube.com/watch?v=sS76whmt5Yc







Kinetic typography—the technical name for "moving text"—is an animation technique mixing motion and text to express ideas using video animation. This text is presented over time in a manner intended to convey or evoke a particular idea or emotion.



Kinetic typography seems to be everywhere but is most commonly used in film titles, video and television. But recently it has been used in web design, the animation technique is gaining popularity as a background effect on websites. 


 Where did Kinetic typography come from?

"Researchers at the Human Computer Interaction Institute and School of Design at Carnegie Mellon University have traced the first use of kinetic typography to the 1959 Alfred Hitchcock’s  film “North by Northwest.” In the opening credits, type is used in a movable format. A year later, the effect was used again in “Psycho.” “This work stemmed in part from a desire to have the opening credits set the stage for the film by establishing a mood, rather than simply conveying the information of the credits,"





("There are uses in which kinetic typography has proven to be particularly effective. These uses most relate to tone. Adding movable type to something that would otherwise be static in nature can add help achieve this. Best uses for kinetic typography include:
  • Creating emotional content
  • Creating characters
  • Capturing attention








Ideas Generation

";is the creative process of generating, developing, and communicating new ideas, where an idea is understood as a basic element of thought that can be either visual, concrete, or abstract. Ideation comprises all stages of a thought cycle, from innovation, to development, to actualization."




I searched the web for better ways of coming up with creative ideas, i found a website that shares methods for generating ideas quickly;





For my initial story board idea, I quickly came up with some basic ideas and immediately put them into a story board layout
In the first few  frames you can see the type appearing, at this stage I'm not sure how I want it to appear, I will continue my research into kinetic typography and see what sort of transitions look good. 

next I did some critical thinking,  I re-thought my ideas thoroughly and after combining my research into the history of motion graphics and recent inspirations, I was able was able to take my ideas further. 





Illustrtion; 


"An illustration is a visualization or a depiction of a subject made by an artist, such as a drawing, sketch, painting, photograph, or other kind of image of things seen, remembered or imagined, using a graphical representation. The word comes from the latin word illustra'tio, illu'stro meaning enlighten, irradiate."






To get a better understanding of exactly what illustration is, I looked on to behance and looked at past students work, as well as whats current. 

I found it interesting, the various different techniques people tend to use in illustration, some people use a  certain style that they find success with and then go on to create more similar projects using the same technique.  






I also searched on Instagram, for some current illustration, I like using Instagram to see whats current because it gives you more personal projects,  artists upload there own work, that hasn't been created for a brief of any kind. 






"Today, there is a growing interest in collecting and admiring original artwork that was used as illustrations in books, magazines, posters, blogs, etc. Various museum exhibitions, magazines and art galleries have devoted space to the illustrators of the In the visual art world, illustrators have sometimes been considered less important in comparison with fine artists and graphic designers, the term "illustrative" sometimes being used as a negative critique. But, possibly in part due to the growth of video game and graphic novel industries, as well as a recent swing in value towards illustration in magazines and other publications over photography, illustration is becoming a valued, popular, and profitable art form that can acquire a wider market than the other two, such as in Korea, Japan, Hong Kong, and the United States"

https://en.wikipedia.org/wiki/Illustration







Narrative -                                            In Motion Graphics
"a spoken or written account of connected events; a story."





The term narrative is defined as a spoken or written account of connected events; therefore it can also apply to a visual sequence. Narrative in motion graphics is important for whats the point without a narrative? Its important the graphics tell a story and without narrative the story has no purpose. Plus when creating motion graphics having a narritve can help you come up with ideas, and can help you have a better understanding of what you are trying to create. Motion graphics use visuals that compliment the information being given. In the example shown a light bulb graphic is shown as the narrator talks about ideas generation. This keeps the audiences attention and as a light bulb is often use to visually represent a new idea, it is very appropriate to the message. Motion graphics play a role in brand identity too. On adverts, brands like xbox, Playstation and windows will use motion graphics within their logos. Thus providing a more stimulating viewing experience than a static image. Motion graphics rely on a accessible narrative in order to communicate successfully, if used correctly they can be a strong tool for making even the most boring information interesting enough to taken in by an audience.



https://vimeo.com/album/2138054/video/1157974












By Jonathan Verma



Sunday, 15 November 2015

MMc401.2 'Typography'



Type is power.


As part of my multimedia design FD course I have been set a brief to research 4 idioms and produce 4 typography design containing a chosen idiom.
For inspiration I will be looking into contemporary typography to make sure that i'm up to date and current with my designs. When researching for a project I like to use 'Instagram', its always useful for finding the current standard of work. I started following '@TYPOGRAPHYINSPIRED'(www.twitter.com/typographyinspd) 
They post daily, you can also submit your work to be posted on their page. I found some fonts I like and some typography designs that have inspired me and provoked me to create something as good. 

I have found a guy on Instagram Called Luke Tonge, he's a graphic designer and magazine art- directer based in Birmingham, he also used to work in Nottingham. He's a typography wiz and he posts photographs of typography from all over the country. I've decided to follow him. http://luketonge.com/the-recorder-issue-2/.


I've also searched on Behance and looked at other students work to give me a firm idea of what standard is expected of me.

Having looked at the current standard I am going to research into the history of typography and try to find its origins. 




I've found out that the creator of typography was Johanus Gootenberg he created the first ever movable-type printing press (letter press printing) and the first typeface 'blackletter' which was designed to look like it was hand written. He introduced printing to Europe which started the printing revolution and was then regarded as the most important event of the modern period. 





What is letterpress printing?
'Letterpress printing is a technique of relief printing using a printing press, a process by which many copies are produced by repeated direct impression of an inked, raised surface against sheets or a continuous roll of paper. A worker composes and locks movable type into the "bed" or "chase" of a press, inks it, and presses paper against it to transfer the ink from the type which creates an impression on the paper'. https://en.wikipedia.org/wiki/Letterpress_printing

The next type face was created in the 15th century by the french-man Nicholas Jenson who madea definitive break from 'blackletter'. He created 'roman type' which is similar to Times New Roman which is used most commonly today. He worked in Venice as a printer and was inspired by the lettering found on ancient roman buildings.   




Typefaces remained similar until the 18th century when 'old style', 'traditional' and 'modern' fonts were created; old style has low contrast between thick and thin strokes, where as 'modern' has extreme contrast between strokes and 'tractional is somewhere in-between.  




After researching the history of type I've begin to look into how culture effects typography and I've realise how beautiful typography can be, typography is power, its the power to express ideas visually, its the power to change the way we perceive everything around us. Its timeless but always changing. 
The artists I've looked into have each displayed love for type and I've recently found a blog by a girl named Nikki Villagomez its an insight to her time traveling across cultures to find type, old and new. She expresses pure glee when finding unusual type like this, its inspiring. 
https://nikkivillagomez.wordpress.com/2013/01/04/buzzing





Alinement in design 
 There are many benefits for using girds in typography, a grid introduces order to any layout and brings efficiency and continuity and after learning of  the basic design principles for typography, Ive learnt my designs need to be carefully alined, as such I've started reading a book called 'Making and Breaking the grid' by timothy samara. Its all about structure and freedom in design using grids Its given me a great understanding of how and why I should be using grids in my work.

These are a couple of grids I have recently been learning about;


The golden ratio ;- otherwise known as the 'Fibonacci sequence' is a system that appears in nature, it is seen in petals on a stem and vegetables like artichokes. put in more simple terms, it is the size, proportion and placement of one feature compared to another. It has also been used in architecture for thousands of years, and has recently been used in web design. Many layout grids often follow the Fibonacci sequence. 





The rule of thirds;-  This grid system is used in many areas 
of media, its more commonly used in photography, the idea being that if you split a design into 9 equally balanced sections, then this will create a more interesting and natural feel to the design. Using this system can help you understand the places on a design where someones eyes are naturally drawn to.






An Idiom;
'Is a phrase or fixed expression that has figurative, or sometimes literal meaning'.
For this project we have to use idioms with colour, (for example 'a heart of gold') I will be searching online for idioms that I find interesting and their histories so I can decided which idiom's will provoke more creative designs. 

Once in a blue moon;  means that somethings happens very rarely, the expression comes from the myth that there are 3 full moons in a season, and the fourth being very rare but why blue? the word comes from the old english word 'belewe' which means betrayer. Before the Georgian calendar was formed the church used to calculate the date that easter would take place using the cycle of the moons. when a blue moon appeared in the sky this would be a fake indiction of easter and in fact was called a 'betrayer' moon. 

Show your true colours;  again in the Georgian era, ships used to be identified by the flags they would fly and which colour they flew determined which country they belonged to. British ships were often fooled when pirates would sale under different flags until close enough to attack, they would show their true colours (a pirate flag) but by then it would be too late. 




White Elephant; Means that something is more trouble than its worth to keep, the expression comes from ancient Thailand the king at the time would give someone he didn't like a white elephant, The elephant being albino, would be harder to keep, as it required special medicine and food. people would come to worship the elephant because it was seen as holy. The recipient of the Elephant could not get rid of it because it was a gift of the king and would drain all his recourses and leave him broke. 


White lie;  Is a lie that you tell in order as to not upset someone, and spare their feelings. the expression stems back to india and a white lie representing good and a black lie representing bad like polar opposites. 

Like gold dust;  If things or people are like gold dust, it means that they are difficult to get hold of. It's proving difficult to find the origin of this idiom. 


Black sheep;  Is used to describe someone who is odd, someone who is the 'odd one out.' It can also mean someone that is disgraced or is an embarrassment. This expression comes from the bible GENESIS 30;32 ‘All blacke shepe among the lambes’.  




find my final 4 Idiom designs here; https://www.behance.net/_Verma 

By Jonathan Verma