Jump to content
You must now use your email address to sign in [click for more info] ×

Xmas Tree drawing animation


v_kyr

Recommended Posts

Being in Greece recently for the last two winter months (...well no need to ask it's nicely warmer over there 😉), I saw people there starting very early on November to decorate their gardens, balcons ... etc. for Xmas. - One of the neighbors had in his garden an interesting - sequence blinking rain-fall like lighting - applied outside on his xmas-tree, which looked quite good at nights. This inspired me to try to build some sort of an xmas tree animation from a vector drawing.

I've kept my initial ADe vector drawing as simple as possible, since I didn't wanted to spend overall too much time on it. Thus I just reused one of my latest available silhouette xmas tree assets for the tree drawing etc. ...

xmas-anim-outline-drawing.jpg.6b3a69857cd3c83800f7eb9030717f1a.jpg

... and gave the vector drawing partly just a quick pseudo 3D touch ...

xmas-anim-drawings.jpg.cdfd0c51778ebea56c08ab04f16114f6.jpg

... the more interesting part (at least for me here) is to save/export enough single tree light state images, so I can vary these when creating/stiching some animated GIF or MP4 video together out of the single images. - Here's a quick single one time run (no looping yet) of 14 behind each other state images:


Now I've to play with variations, looping, duplications and timings of images, in order to try out more and different blinking/flow lighting effects! 🤔

out.gif.4cfc6fbbbfec964a0b485dabfb3af282.gif

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

50 minutes ago, dannyg9 said:

Knowing next to nothing about creating animation

It's easy, at least for creating animated GIFs, all you have to do is to save/export several continiously changed drawing parts (aka image states) and then combine the single images together with some software where you can optional define the image order & time delay between shown images. - For the above shown anim GIF I've used ImageMagick's convert tool in a terminal, to stich the images together.

Quote

convert -delay 50 bild13.png bild1.png bild2.png bild3.png bild4.png bild5.png bild6.png bild7.png bild8.png bild9.png bild10.png bild11.png bild12.png bild13.png bild14.png out.gif

 

1 hour ago, dannyg9 said:

...the only suggestion I can think of is to highlight bits of the boy that are facing the tree when it's fully lit and blinking.

Good point & hint, thanks!

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.