Sebastiaan Destellirer

Graphic Designer, Teacher

369

5

All 3 of 3 Workshop Animations

3rd Post (30-12-2015)

Today I made an version in the style of the 3rd option in the workshop section.

I used 4 repaeted(stagered) letters (S) flying in from the Z axis, with an animated opacity and trim paths.
(Text layer converted to shape layer for the trim paths option)
Then I replaced the stroke with an fading in fill color, and after that used a 3D text animater for the rest of the word.
Instead of a shape behind the letter (like in the example), I used an solid background with an mask (vignette) animating in and out. (This forced the animated gif to low pixel dimensions to keep filesize small)

I believe my second version from the previous post is the strongest version of all.

Attached:
- HR screenshots
- Animated GIF
- Vimeo Embed (= better quality than the animated GIF)

245f349e

434ad992

91a624b2

82273d79

2nd Post (29-12-2015)

Today I made the second type from the workshop section.
Again I attached 2 versions. The first one is a bit complex (window blinds coming down and closing), In my head I thought it would be a nice effect, but when making I found at a bit to much. I did finish it because it was a nice training on complex sequential movent of the blinds and rotating (and animating) them in 3D space.

The second one is more simple and focussed, seems stronger (Less = more)

Attached from both versions a:
- HR image
- Animated GIF
- Vimeo video embed

First version (Window blinds coming down)

58decc63

865cf515

Second version (more simle version)

6ea4a001

082f6e71

7cf8d2bd

1st Post (28-12-2015)

Today I made the first of the 3 workshop projects - The lower third.
Planning to do also the other 2 examples from the workshop

I made first a version with rounded end, because I didn't want to recreate exactly like the example.
I did not realy liked this versio, but while working on it an second idead came to mind, so I made that one also, it is a regual square with the text flying in.

Attached both versions as:
- HR still image
- Animated GIF (looping)
- HR Vimeo vide link (looping 5 times) (For convenience of the H.264 format, I used an image of the transparent grid as background, also used it for the animated GIF)

1st version

b78cf64b

695766e1

2nd version

162547a8

7645979a

Comments

Please sign in or sign up to comment.