Showing posts with label Adobe After Effects CC. Show all posts
Showing posts with label Adobe After Effects CC. Show all posts

Monday, September 24, 2018

Inktober Butterfly Puppets for a Short Film

Basically, I'm participating in #Inktober, and making Butterflies on REAL PAPER with INK(S). 

ONLY INK as a MEDIUM on PAPER, then SCANNED. 
NO DIGITAL and NO "Undo" command. 

If the original drawing was NOT done on PAPER with REAL INK, it DOES NOT count as part of the authentic #Inktober. 
Otherwise PRINT OUT the drawing onto a piece of paper, THEN trace over it IN INK, and make a NEW drawing WITH INK. 

I struggle with ink myself, and often HATE IT. THAT is WHY the challenge came about. 

REAL #Inktober originates from HERE

If you are NOT using ACTUAL REAL INKS then its NOT #Inktober but actually #Drawtober (which has rules and a calendar) or #Sketchtober



I have ZERO interest in ANY #Drawtober or #Sketchtober for THIS project. NONE. 

It's real media, done by hand, mistakes and all. I do NOT care if it's perfect, I only care if you at least gave it your best try, or at least an honest try. 

There is NOT "UNDO" with ink. There's many kinds of ink based tools & utensils. Markers, pens, felt, ball point, quill, calligraphy, and I'll even include watercolors because they have the same or similar origins.

_________________________________________

The butterfly consists of 2 main parts:

* A basic body piece
* At least 1 wing

That's it. 

Draw by hand on Paper with INK like pen, markers, or watercolors, the 2 basic parts.

No I am NOT actually a Lefty.

Rough Fairy body piece shape & Wing



I will only use digital software to make the puppet to format the shape(s) in Photoshop, and build it in Adobe After Effects.


Basic Construction:

Butterfly Guide/Templates:

Having Trouble Drawing?



Download a Free Template, print it out and make your own version:

 Download Butterfly 
 Template HERE 









Angel or Fairy Style (this piece was done as a hybrid of pencils sketch & digital coloring but this project will NOT be doing this. This just shows the body pieces for the puppet):


A fairy template HERE

Example of Fairy Version 
(No Template available, unless u want to use mine)

Original Sketch:
 Cleaned Sketch:
 Colored Body piece  w Halo layers n lighting effects:


Cleaned & Colored Wing and Mirrored/Flipped Symmetrical Wing: 










 The Back Story:







1 thing I LOVE about #Inktober is it's an excuse to make stuff to use later on other projects.

THIS project is something I've been wanting to do for a long time, and it's coming along. It's a bit slow, but it's progressing. I've shot a LOT of B-Roll with my lanterns and sculpture stuff.

I'm gonna incorporate this work into my TV show at WCA9  TV.


* Here are the Animation/Video Puppet Tests I did at UMASS Boston in Fall 2017 (a year later) in Adobe After Effects CC 2017:







Angel Based on same Butterfly Flapping technique in After Effects:




Caduceus Based on same Butterfly Flapping technique in After Effects:



It started out HERE:

The Chinese characters on the wing are 忍 Rěn = Endure/Forbearance done in vintage makers

Another one with Chinese characters: 任 Rèn = Task/Duty/Responsibility

This one was made by my daughter which was a representation of a different "ren" meaning person, but no character, since this butterfly is personified. circa October 2016

仁 meaning "benevolence" or "kindness" also pronounced "ren" in Chinese. This one was painting in Traditional Chinese ink & marker b y Li Wang (my husband) in October 2016.


I had originally intended for the flapping butterflies & lanterns to be a part of my film at UMASS Boston. But, no one knew how to help me with the flapping yet again, in After Effects CC 2016.

Here's the Paper section bits from the film:


Needless to say, a lot of my original ideas were cut out from the film due to time, ignorance of program software, a major gaping lack of adequate help & assistance, the fact that no one else knew how to do what I wanted in After Effects in the 2016 CC version, as well as wasted time commuting.

Here's the Ripple Part w/my audio design I did in Adobe After Effects CC 2016:


So, this was my film Final in Fall 2016 (I also did all the audio design):


It was my first major project of any important in HD which I had no idea how to work in. 

I'd also been wanting to finish my sculpture instillation art project (Whimsical Boho Decor teapot Lantern). 

I did a brief project for my Presentation Final in Cinema Studies in Fall 2017 which is a min documentary:


Here's my full length documentary. I gotta tell u, studying experimental films really helped me to learn A LOT about Documentary.




This year, I want to include a lot more people with this butterfly flapping stuff in Adobe After Effects CC. 

But, I'm decent with it now.



I asked my daughter to make a new one for Inktober, and also my friend Drakenhart. 


So, I hope to really create something nice for my TV Show, and expand upon my previous film. 



The Butterfly motif actually comes from a Chinese "philosopher" of sorts Zhuanzi Zhou 莊子 who dreamt he was a butterfly and forgot he was a human man, but when he awoke he;d wondered if he were a man whom dreamt he was a butterfly, or a butterfly whom was dreaming he was a man. In both experiences he was unsure. 

This is what he wrote:

昔者莊周夢為蝴蝶,栩栩然蝴蝶也,自喻適志與,不知周也。俄然覺,則戚戚然周也。不知周之夢為蝴蝶與,蝴蝶之夢為周與?週與蝴蝶則必有分矣。此之謂物化。

Once upon a time, I, Chuang Chou, dreamt I was a butterfly, fluttering hither and thither, to all intents and purposes a butterfly. I was conscious only of my happiness as a butterfly, unaware that I was Chou. Soon I awaked, and there I was, veritably myself again. Now I do not know whether I was then a man dreaming I was a butterfly, or whether I am now a butterfly, dreaming I am a man. Between a man and a butterfly there is necessarily a distinction. The transition is called the transformation of material things.

Saturday, September 22, 2018

Inktober N Butterflies Coming Up in October 2018

So, 1 thing I LOVE about #Inktober is it's an excuse to make stuff to use later on other projects.

THIS project is something I've been wanting to do for a long time, and it's coming along. It's a bit slow, but it's progressing. I've shot a LOT of B-Roll with my lanterns and sculpture stuff.

I'm gonna incorporate this work into my TV show at WCA9  TV.





It started out HERE:

The Chinese characters on the wing are 忍 Rěn = Endure/Forbearance done in vintage makers

Another one with Chinese characters: 任 Rèn = Task/Duty/Responsibility

This one was made by my daughter which was a representation of a different "ren" meaning person, but no character, since this butterfly is personified. circa October 2016

仁 meaning "benevolence" or "kindness" also pronounced "ren" in Chinese. This one was painting in Traditional Chinese ink & marker b y Li Wang (my husband) in October 2016.


I had originally intended for the flapping butterflies & lanterns to be a part of my film at UMASS Boston. BUt, no one knew how to help me with the flapping yet again, in After Effects CC 2016.

Here's the Paper section bits from the film:



Needless to say, a lot of my original ideas were cut out from the film due to time, ignorance of program software, a major gaping lack of adequate help & assistance, the fact that no one else knew how to do what I wanted in After Effects in the 2016 CC version, as well as wasted time commuting.

So, this was my film Final in Fall 2016:



It was my first major project of any important in HD which I had no idea how to work in. 

I'd also been wanting to finish my sculpture instillation art project (Whimsical Boho Decor teapot Lantern). 

I did a brief project for my Presentation Final in Cinema Studies in Fall 2017 which is a min documentary:



Here's my full length documentary. I gotta tell u, studying experimental films really helped me to learn A LOT about Documentary.



 So, this year, I want to include a lot more people with this butterfly flapping stuff in Adobe After Effects CC. 

But, I'm decent with it now.

Here's an Angel version of the butterfly flap:


I asked my daughter to make a new one for Inktober, and also my friend Drakenhart. 


So, I hope to really create something nice for my TV Show, and expand upon my previous film. 



The Butterfly motif actually comes from a Chinese "philosopher" of sorts Zhuanzi Zhou 莊子 who dreamt he was a butterfly and forgot he was a human man, but when he awoke he;d wondered if he were a man whom dreamt he was a butterfly, or a butterfly whom was dreaming he was a man. In both experiences he was unsure. 

This is what he wrote:

昔者莊周夢為蝴蝶,栩栩然蝴蝶也,自喻適志與,不知周也。俄然覺,則戚戚然周也。不知周之夢為蝴蝶與,蝴蝶之夢為周與?週與蝴蝶則必有分矣。此之謂物化。

Once upon a time, I, Chuang Chou, dreamt I was a butterfly, fluttering hither and thither, to all intents and purposes a butterfly. I was conscious only of my happiness as a butterfly, unaware that I was Chou. Soon I awaked, and there I was, veritably myself again. Now I do not know whether I was then a man dreaming I was a butterfly, or whether I am now a butterfly, dreaming I am a man. Between a man and a butterfly there is necessarily a distinction. The transition is called the transformation of material things.


There was 1 more thing:


I was hoping to do some melting flowers, and better learn Liquefy in After Effects. This was ALSO frustrating because no one would help me.





I'm not actually totally sure which way I want to go with it all yet. But, it's kinda just a thought at the moment. 

I do have OTHER things I'm also thinking about playing with, such as Airships like:

Zeppelins, Dirigibles, and even Barrage Balloons. 









I'm NOT gonna commit to it tho' at the moment. But, it's ALWAYS something I've been wanting to play with, especially in After Effects.

Saturday, July 07, 2018

Animation Bits July 001



Got some animation to start wrapping up. I will be posting some stuff to my Qilin project blog.

But, first we're wrapping up the old project to learn the  programs, and I've also been playing in After Effects. Tomorrow I'll be filming again on location in Bridgewater, but also have a long drive to Rhode Island because some of our talent is over there.

Fixed this sucker up a lot. But It's STILL not the  Raytrace Extrude in After Effects on the Logo. In order to get this to work, I had to blacken in some parts or it wouldn't build the mesh in Photoshop's 3D Extruder.


Another "butterfly wing flap" style puppet animation in Adobe After Effects. Real bird wings don;t flap this way, but whatevz. This one ALSO got picky with me.


Toon Boom Harmony animation. I can animate MUCH MUCH faster in Toon Boom Harmony.


Test footage for my Television show:




Wednesday, February 21, 2018

Basic Angel Animation in Adobe After Effects CC 2018


I'd been working on an independent film (The Holy Maple Tree) since last year, and I got promoted to do the graphics, motion graphics, animations, and editing.  So, the first graphics I made were for "Heaven & Hell TV", but the director wanted Hell graphics.

I actually made quite a number of them actually:

Incidentally I do not own the rights to these. The Rights are owned by the director Roland Khorshidianzada.

I'm actually NOT really an expert at Adobe After Effects at all. I'm always still learning. It's an overwhelming amount of things that can be done with the program. I had originally learned to use After Effects around 1999-2000-ish, and didn't fully use it until about 2001. It's definitely more advanced than Adobe Premiere. I had used it off and on in the GW Bush era, then I totally forgot how to use most of it. I had to start over in 2016, and it's NOTHING like it was back in the day, even tho' it can do most of the things it used to do, and way more. I'd originally only used it for text motion graphics.
It's also incredibly frustrating if you're coming strait form Adobe Premiere. But, if you stick with it, stay patient (because I've lost my temper a lot with it), it's actually my favorite program aside from Premiere. 
Photoshop is also good, and I have 5 versions of Photoshop on my computer, of which I mostly only use 3.

So, I wanted to do the Heaven graphics. In the screenplay there's quite a lot of spiritual type and Biblical type things mentioned, and this fake TV channel, ironically shot/filmed at an actual TV station studio, should have the Heaven bits as well. (Don't worry, I'm not spoiling anything in the film. It's still in production.)

Most people on the film enjoyed my graphics, but when I finally hunkered down and made the Heaven graphics I got strong reactions from people that were NOT on the film. I was actually REALLY surprised because it's so simple and basic. Anyone could do this.

Here's the basic Process: 



This is the basic "angelic being of light" I made. it's super simple, at least by my own standards, with minimal line-work and details. I doodled out a halo as a kind of mental note to myself as to how I wanted it to look, which make no sense to anyone else, because the main ideas are inside my head.
I ONLY drew ONE wing because I want it perfectly symmetrical.

The angelic being is also androgynous and genderless, and is robed & hooded like medieval &; Byzantine art styles. There are no real defined arms, legs, or facial features except for a few lines, which is almost Asian-like actually, and even draws from Buddhist Bodhisattvas, and even design tricks like Sanrio's (the Japanese design company mostly known for Hello Kitty products). And, I also drew inspiration from Stained Glass Windows in Gothic Cathedrals.

A common trick I have often used, regarding applied drawing theories, is that I trick the brain to see things that aren't actually there. When the human eye looks at the image, the brain fills in meanings that aren't even on the image. I also use a similar method with color theory applied to colors, that I will somewhat explain when we get to the colored versions.

(BTW this graphic is available on the Creative Commons license on DeviantArt is you want to use it. Just don't use the colored versions. Those are for the film, and I don't own the rights to those.

The reason I drew the figure this way is because I wanted to do a simple, basic, butterfly flapping style animation in Adobe After Effects CC.



Here's the first Clean up:

(This one is also available licensed to the Creative Commons if you want to download it and make your own version for free. )

After I cleaned this scan up, I had to chop it up to make the puppet pieces, because this style of animation is also a newer variant of "puppet animation" but in Adobe After Effects CC. Original puppet animation was done either as a flat 2D cut-out style puppets, or models that were sculpted, and shot in stop motion animation. However, now, due to digital CGI We can get a sort of "2 & a 1/2 D" hybrid that merges digital 3D animation with layering in Adobe After Effects.

I personally refer to this as motion graphics, but it's also puppet animation, but not the stop motion kind.

These are what the actual coloring of the wings looks like:


Even tho' I created a "being of light" I specifically DID NOT MAKE IT WHITE. The line-work here is actually a dark brown, and the feathers were actually painted in cool tones and hues that were unsaturated including: greens, blues, and purples, but slightly on the gray-ish side. NO bright colors. I also tilted the wings on the Axis so they are no longer slanted like the sketch is.

There are 2 applied glow effects on the wings: Outer Glow which is a pale unsaturated Yellow, and Inner Glow, which is a pale cyan/turquoise blue. I had played with a number of colors, but eventually went with these colors.

A lot of this has to do with Color theory but regarding RGB pixels. When everything becomes layered, and composed within Adobe After Effects , the layers and effects I use will actually trick the human brain into seeing a bright light being, even tho' it's not white. If I had used white, it would get too white-washed by the time I was done with the layering, and it would be too faded, or too bright. But also that's why I don't use true black.

If you ever get the change to look close up at a Rembrandt painting you would be surprised at just how many colors are actually used, and yet trick your brain to see colors that aren't even there.


Here is the Angelic Being of Light colored:

This one has so many layers in it. The circle halo is actually 2 layers, that are the same layer, but 1 is flipped. Then there are more halo layers, aura layers, and a "blush" layer which is a favorite comic book trick I like to use. (I used to briefly work at Top Cow Productions Inc. in 2005 so some tricks I learned there, and other tricks I learned from an CALARTS artist on DeviantArt that used to run a website called Nethersphere.com that had a number of awesome tutorials, but no longer exists.)

There the blending options Outer Glow, and Inner Glow in the exact same colors as the wings, but the other layers (aura, halo, and blush) are using the Screen blending option with Opacity variations, and those layers are deep RED-ORANGE and warm tones that are VERY SATURATED and BRIGHT. This is why RGB color theory is much different than pigment painting.

Also, it's important to note that I have made these images set on a gray background so you can fully get the effect, and actually SEE it. If I had use a white background you would not be able to see it and fully FEEL the effect. But, I never actually USED that gray background in the animation. It's just for presentation, so I could post these images online.

Also, the digital coloring techniques I am using are NOT new, but very old and vintage techniques. I have also applied these techniques to photography and photo manipulation for years, as well as to video editing in Adobe Premiere.

As for the background, I made my own galaxy, outer space graphic.

(If you would like to use this graphic, I have also licensed it for a free download on the Creative Commons)

Making a space or galaxy in Adobe Photoshop is one of the OLDEST tutorials I can even remember, and is ultra common. If you type into the search bar on YouTube you can find a variety of many artists interpretations of how to teach this, and altho' they're all very similar they can vary incredibly.

I knew how to do  it, but I was so curious to see people make them in the new Adobe Photoshop CC versions and watched several for almost 2 days, because I wanted to follow along and see their way of doing it.

Here's one:


Here's another one:


There's so many. And lots of good ones!

Anyways, in my opinion I'd rather make my own one. But, if anyone wants to use mine, it's there if you want to use it for some project if you want it. Just go to my DeviantArt gallery and download it.

Then, I just imported the Photoshop files into Adobe After Effects CC 2018 version and played with it until I got what I wanted. I also used several layers of colors which I used blending options and opacity to blend the colors together. It keeps the color theory cohesive.

The first test in After Effects:




Here's the version with Sparkles:


I played with this a number of times. here's the first few renders:


Test with Texts Motion Graphics
1st Sparkles effects test

After a number of people eager to give feedback I reprogrammed the "flight path" so to speak, and here it is:


Based on the Director's input we're re-cutting it with the Hell Graphics. I just don't have that hard-drive at the moment. He's doing the dialogue audio in 2 scenes this will be a part of.

The fog was a set of free video overlays shot in 4K in a controlled studio. And, I used layering techniques with that as well.

I used: Particles, Wiggle-rama, Motion Blur, 3D layers, a virtual kind of camera layer and programmed the camera to my liking at a 50mm equivalency, and the video file is 1920x1080 HD standard size. And, the layers move, and are animated similar to an old multi-plain camera.

The halo layers spin, and the various glowing parts also shift opacity. I had to program/animate the flapping by had, because I cannot figure out how to program the slider feature, and no one else knows either.

Those are all pretty basic and standard things to do in Adobe After Effects, but if you are totally new to After Effects it's incredibly overwhelming. It took me a long time to figure this kind of thing out on my own, because many users of After Effects don't have a traditional animation (nor a 3D animation) background and don't understand what I mean, and even if I show them an outdated version of After Effects tutorial no one could answer my questions.

I had to sift through a lot of tutorials, message boards, and blogs since 2016 to figure a lot of the After Effects things out on my own. I spent hours and days looking up After Effects Tutorials in December & January. Oh, well, that's just how it goes.... C'est la vie.





Other contributing factors that also added to this was the Art History class I took at UMASS in the fall 2017 semester.

As it turns out, Art History tends to be a cultural documentation of the history of Religion(s) as well. I learned about how images, lighting, the use of space, and certain motifs effected the human experience of a religion start from Cave paintings in Europe, to Zigarats and the City of Jericho, to Pyramids, to Egyptian Mausoleums, Greek & Roman Temples to Cathedrals, and funerary art.

There are so many things that I incorporated from that class into creating this. You can actually go through the timeline and see where each style and technique came from, and were incorporated after that, and passed on. Eventually it became ingrained into the human psyche that certain motifs actually evoke specific reactions in the observer of the art.

Another thing to point out is that it also has a New Age-ish & Hippie vibe. I'm not a New Ager anymore, I'm a Secular Agnostic Apostate Heretic Philosopher, but I actually quite loved a lot of the things they go ga-ga over.
AND, after I made the thing, I'd realized it kinda looked a tiny bit similar to Doreen Virtue angel artwork. WHOOPS! Totally didn't intend that!



I mention this, because everything I'd incorporated is pretty standard basic knowledge, techniques, styles, motifs, etc. yet when I shared the images and videos, I was surprised at the comments I got from even non-religious folks, and fellow artists.