annaartelemenchuk

[annaartelemenchuk]

Hung up the poster :)

It’s a tad bit darker once printer but oh well

(I’ve tested printer before so I knew it was gonna be that way)

[annaartelemenchuk]

Week 12 final poster animation

Here's my final poster animation. The lecturer said my animation was looking solid, but I could try cutting it down to 10 seconds for better flow, and I did just that. I made two types on path move on the screen at the same time, rather than a singular one, which is how I was able to save time. And I slightly speed up the time of the shapes popping on screen.

[annaartelemenchuk]

Week 12 poster development

Small adjustments in the final week. I made the type at the bottom bolder because I don't want it to get lost in the shapes and light background. I also adjusted the type on path in the bottom right corner, to make it fit the shape better. I'm quite happy with the way the poster turned out and I think choosing to tilt the glyphs made it look more playful, which is what I was trying to achieve.

Final poster

[annaartelemenchuk]

Week 11 poster animation

I played around with making the animation faster. I was able to cut it down from 16 seconds to 13. I also made the word "on" bounce in at the same time rather than making the letters bounce it half a second apart. I think I like the separate animation because it makes it look less flat. I like the bounce animation as I think it works well with the playful feel of the design.

[annaartelemenchuk]

Week 11 poster development

Here's this week's round of development. I made slight changes and continued to play around with the position of the glyphs, as the lecturer said I could if I had time. I squished the glyphs together and made their falling down effect more noticeable. I also played around with tilting the shapes and making the message look more playful. I don't know how I feel about that. I think I like both versions. But the one with tilted glyphs does look more playful.

[annaartelemenchuk]

Week 10 poster animation 4

I added the multiply effect to the glyphs, the animation is the same.

[annaartelemenchuk]

Week 10 poster animation 3

I animated everything but the bakcground in this version. It's my favourite :)

[annaartelemenchuk]

Week 10 poster animation 2

I added motion to everything but the background, this version is without type on path.

[annaartelemenchuk]

Week 10 poster animation 1

This animation only adds motion to the glyphs

[annaartelemenchuk]

W10 poster development

The feedback I got this week was to try playing around with the position of the glyphs because the original design has a pretty linear and centred layout. I played around with putting them closer to each as well as making them look like they're falling to the bottom right corner. I think it's pretty centred, but I also don't mind how it looks like now. I think me moving the letters down added more movement to the design. My issue is that the glyphs of the same colour are stacked on top of each other, which I don't know that I like, but I also can't really do anything about it without changing the whole layout.

[annaartelemenchuk]

W9 Playing around with animation, with type on path

[annaartelemenchuk]

W9 Playing around with animation, without type on path

I played around with adding shapes and making them slide on screen using easy ease and change of position. This version is without type on path. I think this animation looks very bubbly and busy because of the amount of shapes and glyphs on screen.

[annaartelemenchuk]

Poster development

In this round of development, I played around with using a different font for the display typeface to match with the round and soft shapes in the background. I played around with making the shapes interact with the text to create more depth and detail in the design.

[annaartelemenchuk]

2.6 Contextual Annotation: Motion Graphics

View this post on Instagram

A post shared by UN/SEEN (@unseen.women.design)

Unseen Women Design. (2024, May 22). [Poster]. Instagram

This design uses colour and motion effectively to communicate its message. This animation is inspired by the lack of representation for many female designers before 1919, and how they were often not shown in online encyclopaedia like Wikipedia. I think the use of colour in this design is effective as the pink draws the eye to the black text, making it stand out, while the white background helps the two colours contrast better with each other. The gradient fades into the white, which helps add softness to the poster and helps create a calm feeling. While the sudden animation of the word " Unseen" contrasts with its smooth and soft look, as the animation itself is fast, it just disappears off screen. It connects well with the idea of women becoming "unseen" and makes the viewer think about how quickly women can be "unseen" and overlooked. As the gradient moves down, the word "seen" appears in pink and red, making it stand out. This motion makes it look like the design is pushing back against the idea of being unseen. The colours help make the word easy to read and give it a sense of importance.

[annaartelemenchuk]

Motion Graphics Notes

View this post on Instagram

A post shared by 일상의실천 Everyday Practice (@hello_ep)

National Asian Culture Centre

The motion in this design makes it look like the words are being typed in like code with the way it suddenly appears on screen.

The colours used in this design are black and white which make the poster look clean and modern.

The full stops which look like squares, appear and reaper throughout the animation creating a flicker effect and adding more movement in the design. The glyphs then do the same thing as the full stops.

The constant movement keeps the design busy and gives it more detail

View this post on Instagram

A post shared by UN/SEEN (@unseen.women.design)

Unseen Women Design. (2024, May 22). [Poster]. Instagram

In this design, I like the use of pink with the white and black as the pink helps highlight the black text and make it stand out more

The gradient gives a soft look to it as it blends into the white background

The font is monospaced and is pretty thin which gives it a clean and simplistic look.

The motion of the words disappearing is sudden and fast, which goes well with the meaning of the poster, showing how easy women can be "unseen"

As the gradient slowly moves to the bottom of the design, the words "seen" emerge from it in colours pink and red making it easily readable and noticable.

View this post on Instagram

A post shared by Poster Reposter (@poster.reposter)

Skala Design

The motion creates a loop, which adds smoothness and flow to the animation

The neon green colour is the first thing that captures the viewer's eye, and it helps highlight the black words underneath.

It looks like easy ease is used in this animation to make the motion of the words look smooth.

The neon tape adds layers, detail and depth to the design. Making the viewer observe the poster longer than usual to notice all the details, and see how each motion contributes to the design

The use of colour is very effective in this design as it helps immediately grab the viewers attention with the neon green.

The limited colour palette of white, black, and green makes the design feel modern and clean. The neon, almost fluorescent tape adds movement and contrast to an otherwise simple design.

[annaartelemenchuk]

Playing around with adding motion to the design

I played around with bounce, opacity, position and type on path. I like how the words "stories" and "walls" pop up, but working more on the animation of the word "on" would make the animation look cleaner and smoother. The idea behind the bounce effect was to make each letter represent a unique story hung up on the gallery's walls. In my previous designs, I used shapes to represent that, but using glyphs this time answers the brief more successfully. I think I could definitely improve the thickness of the type on path text as it is barely visible and could easily go unnoticed.

[annaartelemenchuk]

Developing the poster further

The feedback I received was that my previous design still technically counts as a typographic poster, but not a strong one. So the feedback was to play around with more type and make the layout look less boxy with the shapes, and not rely on them to be the main focus. So in these developments, I used type on path to add more detail and completely got rid of the shapes. I tried to challenge myself to solely focus on type, which I did by making continuous-looking shapes out of the display glyphs by putting them on top of each other. I ended up coming back to the original font I used in my formative poster because it was more geometrical and sharp, which made it easier to connect into one continuous shape. I like both the solid colours and the multiply effect designs. And so far, I'm not sure which design I'm gonna go with after the feedback next week. I also played around with adding texture in the back and found that using the 21% opacity looked better than 47% because it didn't take away the attention from the main focal point, but rather just added movement in the background, which was what I wanted.