This is the final version of my video. I have changed few frames and added an audio. The timing of the audio fits well with the frames. Compared to the first video I made which sounded robotic and it didn’t blend well together. The final video is shorter than what I planned out. However, the purpose of the movement comes across fine and I covered some few points which I’m happy with it.

In addition, the effects and fonts I think they all go well and some of the effects in After Effects is very playful and animated, it wouldn’t look right with a information video. There’s so many different effects and I used a few of them. Especially started off the vidoe with typewriter which adds an effect of texting and slowly reveals the movement. The colour I chose as the background I think it’s energetic and with black text it stands out. The 2 animations I created I think it looks good with the movement and explains the movement. Frame 3 has a movement and audio of Iphone text note. I developed my idea from just a text symbol to an someone holding a phone with text notifications coming through.

I think this project was challenging but it taught me a lot of new skills. I have more knowledge on After Effects to how I started with. Also, this is benefitial for my future projects. I faced some problems during the project such as working with after effects tools and audio recording. Audio recording was very confusing and I had to watch some tutorials on how to make the voice smoother and sound better.

TEXSTISM FINAL VIDEO

Once I made the first draft I started to write a script for my video because I could see that audio will blend everything in and it’d be lot better for the viewer. However, I had some problems with the script. This is because, I wrote a script which is basically I read out every frame. When I recorded my voice on Adobe Audition and editted it so it fits the time scale in the video. I realised the video and audio doesn’t blend well and it just sounds robotic. Also, the timing in each frame wasn’t good either as there was a lot of pauses which made it sound worse.

I watched many animations on Youtube to see how other people created videos. I was inspired by many and started to write my own script which had more things to say. Each frame I developed it like a long conversation rather then taking long breaks each frame. Between frames there are audio which links two frames together. An addition, I recorded one of my friends voice rather than myself. He was given the script and I asked him to take long breaks after each sentence and I will edit them out later on.

One of the main things I found hard is timing the audio and each frame. This is really playing with seconds and if one frame is too fast it doesn’t work. After spending hours on Audition and After Effect keep going back and forth. I finally finished the audio.

The script used in the video. 

-Textism is the addictiion of texting.

-Will you be able to not check your phone when you hear this noise?

-We spend approximently 14.3% of our time texting one another

-One of the side effects are

-Text Neck

-This is neck pain from looking down at your phone.

-This could be really dangerous and damage your spine.

-Using a device for such a long time will soon effect your mentak healhy and social life

-SO, take action.

 

 

The video below is my first draft of the textism movement. I am happy about the colours and the fonts however there are few things I need to improve on. Once I watched it I realised I could add another frame just before the last slide maybe to tie everything together. Also, the timing of some frames could be slower so the viewer can read the text. I will try to get some feedback about this. In addition, the main thing missing is the audio. I need to record an audio with a script. I think it will be the thing that ties everything together and all the frames. I will create another draft with an audio and compare which one is better. The reason I’m not sure is there’s not much long text in the video I keep everything simple and short.

 

First of all, before starting my video I watched some videos on effects and presets. I did some research on which effects used commonly in information videos, animations etc.  The first slide I used ‘Textism’ with a dark yellow background which will be consistent in every frame except the animations.

I used the font ‘DIN alternate’ in bold. This is a very simple and effective font. I used the effect typewriter which makes it look like something is typing each letter. I could add an audio with the sound effect. I will decide about audio once I do few more frames.  I think the yellow background makes the text stand out.

I decided to use a text message symbol under the text which the opacity is low. I think this looks letter and adds details to the frame. When it was just text, it looked very empty. I think I could do this to every frame. I made the text symbol on the After Effect.  After Effects is a software I haven’t used before and it’s hard trying to find the right effect as there’s so many presets.

This was my first idea for frame 3. I used the text message symbol and used the tools to make the numbers rising like on text message. When I showed this to Wendy she suggested to me that I should put this in context with a hand holding a mobile phone. I think that’s a better idea because it puts it into context. So, I created a vector on Illustration and playing with rotations on after effect to create a movement so it zooms in. When it doesn’t zoom in the text symbol is too small it isn’t clear.I think this really worked succesfully as its a way for viwer to be hooked in the video and if every frame consisted of words it could get boring at some point. I think the hardest part about this project for me is working on After Effect with my basic knowledge from tutorials. Having no experience on the software really does make things hard. However, since we started the project I’ve learn’t how to use most tools in the software and keep developing myself every stage of the process.

The image above is a close up from frame 3. The movement starst of being distant a hand holding the phone and in few seconds the hand moves close and once it gets to a point it stops moving, the text app can easily be seen then the notification on text messages come through rising from 1 to 20 in fast speed. The problem with this frame was that I don’t know how fast this frame should be. If this frame is for 10 seconds then people can get bored as all they see is notificatins coming in. This could ruin the effect I was trying to create.

I created som illustrations on Illustrator to go on my video. The first illustration is a hand vector holding a mobile phone. My first initial idea was just to create a one big text message symbol and have the number rising on the side which I did make. Then I showed it to Wendy which she gave me the idea of putting that into context of something holding the phone and the whole messages coming through in that way. I did agree with her and made an illustration which then I used in one of the frames. The second illustration of a head vector is near the end. The frame about ‘text neck’ there was no image to show what it is. I made a head vector of head tilting forward in different movements to explain what is text neck.

This week I started to sketch some potential story boards for my movement. I am focusing on a simple video which focuses on the movement and its effects on us. The video I have in my mind doesn’t include many illustration and focuses on typography.

This is the first story board I drew after deciding on which movement I will go with. There are 12 frames which I think it’s a good amount due to how each frame will be like. The main focus is typography and how playful it will be trying to get the message across. Frame 4 and Frame are more playful which will make the viwer stay focused. Frame 4 I thought I could create a text symbol and number rising on After Effects to emphasise the fact about texting anf there’s so many messages coming though. I think that it fits with the message I’m trying to give. I’m happy with this story board but I’m not sure on how to end it so I have few more ideas.

The second story board is an unfinished version which I think it works well but it needs more frames explaining. The first few frames are the same because I like them as it starts of with  a simple frame of explaining the movement. Frame 6 I thought I’ll add a frame which focuses just on ‘text neck’ as it’s one of the effects which will make the viewer understand the purpose of the movement. I’m not sure what effects of textism to focus on as there’s a lot of topics.

In this story board I’m still sketching out some ideas and trying to find the best way to get the message across. I decided to use few animations and movement of the text is very important. I will now try to draw out the final storyboard mixing both of my ideas together.

 

 

 

 

 

 

 

 

 

 

 

MOVEMENT CRITIQUE

This week we had a critique which we had to show our story boards to David and Matt to get some feedback. I showed my firsr storyboard and I got some useful feedback. I was told maybe I could focus on interpretations in texting and how this is actually could be awkward in some ways. The idea they gave me does work well because I could create illustrations of a conversation between 2 people and how this is annoying. I like this idea and I’m not sure what to go with. Also, they said as effects on the video I can add the ‘keyboard noise’ on iphone which could make it more playful and fits well to the video. As my next step, I will consider all these suggestions and create a final storyboard and creating my video on After Effects.

RESEARCH ABOUT MOVEMENT

---

Our second project is to create a moving video which focuses on an ideology which is created by you, explaining your idealogy either in a youtube advert, social media pop up ad or anything which suits your idea. This week, we had the project launch which we had a lecture about different movements and ‘isms’. This lecture has been very useful as it made it easier to understand what is a movement and what things I need to consider. We were shown few videos so we can understand what kind of work is expected. To start off my project, firstly I want to research about what is a movement and few examples. In addition, researching about isms which already exists so I don’t replicate any work.

Movement is a word which can be defined in many ways. Movement can be described as a relocation of an object, or as an social, political and artistic idealogy. Many movements are usually with a suffix ‘ism’ for example activisim, dadaism, futurism. There are several political movements, socialogical movement however I will be focusing on the isms used in design word such as futurism, feminism and minimalism.

Feminism is an social and political idealogy which is to give women equal rights as men and fighting to bring equality in gender to all aspects of life. This can be work, social, home and education.

Researching about Feminism I’ve come across this video which was to explain that what is feminism and try to make people understand the idealogy. The reason I was used this video as an example is because the person who has made it used very simple visual language which no bold images. Focused on typography using his on drawing and techniques to create this video. This is a good example to me because it shows I don’t need to use images to create a video to get the point across.

To create my movement I decided to start off with a mind map of all the things that interest me and ways I can create them into a movement. I wanted to use mind maps when I’m thinking about ideas because I feel more confident writing down my ideas and just doing a rough sketchbook it helps to bring together all of my ideas then I can choose the one which will work well for this project.

This is another campaign which as made by Always. This campaign really grew big and caught peoples attention. This campaign focuses on how being a girl is degraded in the society by the phrase ‘like a girl’. The video consists of young girls breaking the socially constructed barriers of how girls should act or things they should do. Like a girl was a very big campaign which I think succeeded with it’s purpose. Researching about all the campaigns linked to feminism allows me develop my knowledge.

DEVELOPING IDEAS

---

 

I’ve started to create a mind map writing down all of my ideas. I started off thinking what do I enjoy and a topic which interests me which was feminism as I did some research previoulsy. Feminism is already a well known movement and I could’nt replicate there work so I started to think about topics which involve gender which isn’t spoken about publicly enough or not known. For this part, I had an idea of using words as my key focus. This is because previous project was all about typography and I knew my final outcome vidoe will be heavy with typography. Using those two elements my idea was to research about words in english language which degrade women in society. This idea is very similar to like a girl campaign however, I was going to focus on power of words and how it effects people in society. 

After speaking to my lecturer and discussing my idea I decided to develop my idea and change it up. This is because it’s already partly related to feminism. I decided to still focus on power of words because that’s a significant topic which I can do so many differrent things. I started to think about the relevant topics related to words one of the ideas was ‘Textism’. I realised that in todays society texting has become the main way of communication for young adults. The power of speaking to someone face to face and understaing eachother has replaced itself with texting due to many factors such as social media, apps and change in society. I really like the idea of creating a video explaining how bad it is that we communicate through a device more comfortable rather then being face to face. This topic can be developed into something big and I think the video I will create will be influencial to people.

Once I created my movement I realised there was a lot of areas I can focus on within this movement. The main focus of this movement is to make people be aware of how texting has become an addiction. However I have few more ideas related to this topix. An example, I could focus on the use of slang in text messages and how this effects the language for young kids going school. Also, misinterpreting text message which I could make a more fun animation focusing how people misinterpret messages everyone reads a text in different tones and it does cause arguments betwen people.

I’ve been thinking about both ideas and I think I’m gonna go with how textism has become an addiction in the society and create a video which raises awareness to this topic. I chose this topic because I think there’s a lot that can be said and it’s a topic which is related to our time now.

 

FUTURISM  

Research

---

For this project I’ve been given Futurism movement to research. Futurism is an Italian movement founded by Filippo Marninetti in 1909. Marninetti published his book ‘Manifesto of Futurism’  front page of the Paris newspaper Le Figaro. In The Founding and Manifesto of Futurism, Marinetti declared that “Art, in fact, can be nothing but violence, cruelty, and injustice.” George Sorel, who influenced the entire political spectrum from anarchism to Fascism, also argued for the importance of violence. Futurism had both anarchist and Fascist elements; Marinetti later became an active supporter of Benito Mussolini.  

As the world was developing, Einstein and Planck was developing new theories, new means of commication was developing. Marinetti questioned how and why was art and design still so dull and old fashioned. He wanted art to be dynamic, keeping up with the modern world. Futurism movement with type has had an typographical revolution. Marinetti was breaking typographical rules and using type in all different weights, sizes to express emotions.

Filippo Marinetti’s work Zang Tumb Tumb was his first published collection of parole in libera (words in liberty). When you look at the book cover it’s very different to other artists works visually. The futurism style has distinctive features such as different sizes, weights of type faces symbolise different mood and feeling. An example thick and bold typefaces can be used to show loud noise. Also, it could show anger and voilence.

 

Futurism movement focuses on speed, youth, voilence, movement and technology. All these elements can be seen in most futurist posters using typography. The hierarchy and layout of the type is always the main focus. It’s very busy on the page and has no structure in a way. An example in Marinettis work ‘Zang Tumb Tumb’. The way Marinetti positioned them the are all balanced and it’s full of movement. Different weights, sizes of type works well together.

 

 

G. Guidi-Parole in libertà (words-in-freedom)
(1916)
Filippo T. Marinetti 

This poster was designed by Marinetti. ‘Words in freedom’ shows how futurist style and includes all of the elements such as youth, speed, movement.  The directon of type has no structure and it’s all about movement. The page is very busy, there’s no layout which creates the youthful feeling.

 

 

Fortunato Depero

Depero is another artist who supported futurism movement and applied futurist belief to  all his designs. Futurists like Depero hated the oppressed system in Italy and despised museums and galleries and viewed them as aristocratic and ancient. He was a multifaceted artist, and his works span the realms of painting, sculpture, set and costume design, typography and advertisement. After releasing Depero-Dinamo Azari in 1927, a book known for being bound with bolts and which showcased his talent for graphic design and advertisement Depero moved to New York. He was the first futurist artist to move to US. This enabled futurism to expand from Italy.

 

New Futurist Theater Company Poster (1924)

The poster was designed by Fortunato Depero as the new poster for futurist theater. Deperos style is different to Marnettis as his poster has a layout and the hierarchy is easily identified. When you look at the design the first thing catches your eye is the large imagine in the middle. Depero create a simplistic approach but still use the futurist style when creating this poster

 

 

Deperos work influenced to use several colours in my work whick make the type stand out. After the layout lecture we had few weeks ago I can clearly see the layout Depero used in his designs which is very simple compared to Marinettis. Deperos designs are very abstract and againt the traditional layout and old fashioned book cover designs. I noticed he uses colours like dark red with black and white, these make the type and the imagune stand out and eye catchy. Also, the movement was all about being dynamic. Depero is using a modern approach when designing his posters.

LAYOUT IDEAS

---

Once I researched about all of the futurist posters and identified what distictives features they all have I started to create my own ideas which that would allow me to pick the one which would suit the brief the most and show the movement the most. Few weeks ago the layout and grid lecture has been very beneficial to me. We were asked to create few layouts using our movement and in that session I realised the Futurist movement has no strusture and it’s against all the formats. In the lecture, we were taught about how the hierarchy is really important when designing a poster as some elements in the poster should be emphazied. The hierarchy is very important and in my poster I need to make sure the everything is balanced. If the hiearchy is not good then the reader will find it hard to read the text and it could be too busy on the page.

In Marinettis poster the hierarchy is balanced, some elemensts are emphazied more than the rest of them. This enables the reader firstly see ‘Tumb Tumb’ then read the rest of the text. There’s type in different directions and different thickness so Marinetties emphasies everything on the poster using different font types, sizes and positioing

Using all the posters as an influence I started to create my own ones. The brief says the poster has to include 3 paragraphs. I want to make sure that the 3 paragraphs are readable however the emphasis will be on ‘Futurism’ as the header. Most of the futurist posters are all very busy on the page and there’s text in every direction in different sizes and forms so creating a layout is very hard. I then chose the 2 designs which I think will work well and with the futurist style.

 

This is some research I’ve done in my sketchbook. I started to sketch some layout ideas. This allows me to sketch all of the ideas I have then I can pick out whichever one I think will suit the project best. All of the layouts have been influenced by the futurist style which next page you can see the research about the style. All of them focus on typography and freely move around on the page. I was influenced by Marinettis posters as he’s the founder of the movement.

I carried on sketching more layouts and developing them which then I chose 2 ideas which I liked the most. They’re kind of mixture of all of my ideas. I like those 2 posters because I think it works well together and imagining it digitally I think it would lool good. The type is playful and floating on the page with no structure which is main aspect of Futurism. It’s going against the boundaries. I think the next step for me is to start creating these posters digitally on Adobe Indesign and develop them as I go along.

 

 DEVELOPMENT

---

CREATING A LAYOUT

---

Once I finished researching about Futurism and futurist artists ideology and their posters I started to create my own layout ideas. I created layouts using Indesign and sketching them out on my sketchbook. My layouts I was influenced by the futurist poster by Marinetti. I focused on the hierarchy trying to have a balance of text and wanted to make it easier for reader. However, futurist style is very busy on the page, there is value of hierarchy but there’s so much going on the poster using type I found it hard creating a layout as there’s no strusture in most poster.

 

Then using the layouts I created two draft ideas played around with different type fonts and sizes to figure out which one suits the movement. The first one is below which Ideveloped it as I went along with it. This is because the first layout looked very empty on the page compared to how other futurist posters, it needed more type around text, and size of type had to be bigger. I like the first poster because there’s a lot of different size and font text going different directions. The changed the background from dark yellow to dark red. This is because the futurist movement is a political movement in a way with Marinetti being a fascist, so red would symbolise war and it woud make the poster stand out. As I develop the poster I could change the colour of text depending on the design.

These are my other ideas which arent developed. They don’t have any text or much development because I wasn’t so confident with them as the first one so I decided to keep them however mix of them together to see if they work well.

 

LAYOUT USING GRID AND COLOUMS

---

I used a grid sysytem to create my posters because it enables to see create a balance and see if one section is lot heavier than others. Also, i can see the margin and have a strusture to follow. This is another design which I used different elements from all of the previous posters. I think this one really works well as the way text is balanced in all areas doesn’t leave an empty space. I used ‘Futurism’ as the main focus and other key text is around the letter ‘f’. I used this technique from other futurist posters because it adds a detail. There is headers wrapping texts with different fonts which attracts the eye to the paragraphs. To improve, I think I can add another colour to make either paragraphs or parts of ‘futurism’ stand out more.

The white poster it was designed first week distoring text using wrap tools in Illustrator. Some futurist posters have distorted text which aren’t in its original form, distorting type really creates a futurist style as it’s against the rules and how other artists use. The used 3 coloums to start off and there’s a lot of white space. The header is the main focus and I created  a swirl of text which is usedly in futurist posters, the text is always floating in different directions, or from other parts of the page with no structure. I’m still experimenting with text, layouts and indesign.

 

DEVELOPMENT – FINAL DESIGN 

---

This my final design layout using the futurist style. I created my final design using some elements from other posters however I created a different and more detailed poster. First of all, the background I thought red was too bold and it was hiding all of the small details around texts so I used a lighter colour and red with black to make them stand out. I used 4 coloums which was very helpful as it allowed me to make sure everything is balanced. I think I used all of the elements in the brief and futurist style. Everything can be easily read and stands out. The poster includes different sizes and weights of type to show the futurist movement and style, when I was creating this poster I was influenced by Marinetti and Depero, there style is very modern and beyong the time period they lived in. I want to change small things such as turn the ‘9’ upside down.

 

FINAL POSTER

---

 

References

What is Futurism? – Jon Mann  Feb 1, 2017 7:50 pm

https://www.artsy.net/article/artsy-editorial-futurists-art-fuel-fascism

The Futurist Manifesto (aka The Founding and Manifesto of Futurism) by F.T.Marinetti 20th February 1909

http://391.org/manifestos/1909-the-futurist-manifesto-f-t-marinetti.html#.W7ueXC2ZPLY

https://www.tate.org.uk/art/art-terms/f/futurism

https://drehergraphicdesign.wordpress.com/fortunato-depero/

http://www.csun.edu/~pjd77408/DrD/Art461/LecturesAll/Lectures/lecture05/Futurism.html

https://www.etc.cmu.edu/projects/balli-plastici/learn/

 

For this project, we were introduced to Typography. Lecture about what is typography and the letterforms such as sans serif and serif. The project was to create hybrids using sans serif and serifs. There was 4 authors and we had to choose one of their books and summarise it in 6 words but also using the hybrids focusing on layout and hierachy.

I chose to do Roald Darl Charlie and the Chocolate Factory as I had few ideas once I heard the brief. In the brief we were told to use Illustrator not photoshop which made it hard for me as I’m not confident using illustrator but the week before we had a workshop so I was more confident. 

 

‘Narcassist man and the edible factory’. I chose those 6 words to summarise the book because the main character Willy Wonka is a narcissist man who is selfish but very smart.