After several years trying to publish this children book, I have decided to had revamped and republished it on Amazon. And for Christmas I have also published on FlipBook and you can read it for free here. So Merry Christmas!!!
"Enjoy the adventures of Wani the crocodile. In this first chapter you will learn the fun of waking up every day with a great mood for school."
My first NFT's Collection at OpenSea.
"Collectibles of this cute parrot in different outfits and situations."
This project is constantly updated. At OpenSea you can see more NFTs from this collection and many more.💗
Designs created for an online clothing brand. These are some samples of the commissioned designs. Some chibi ones and cute pet designs.
"The brand that serves the brave. No rules applied!"
Commissioned work by Mark Haskins for a minigame included in his App. Included Background and character designs and animation for each character.
Hello! A long time since my last tutorial. I have been very busy lately with much work and projects. Anyway, I wanted to write this tutorial a time ago, so here it is. I really enjoyed learningAdobe After Effects, and it took more time to get used to use it, specially when I came from Adobe Animate, but at the end it's nothing more that to get use to a new tool, and final result is a lot better.;
The first step for this is preparing your drawing/character/logo etc... for animation. In this case I will use this illustration so you can see the structure you need it, if you are using another drawing program instead of Adobe Photoshop, you have to export it to PSD, so After Effects can read all the layers. Also, if parts are in individual folders, is better to save as a new PSD version with all layers rasterized, there are many ways to import to After Effects, but I will show here the easier one for me.
Also, If you don´t want to use a PSD file, you can also export each part separately in PNG and arrange them manually, but its a little more tedious.
Now you can close your character in PSD and open After Effects, and when its open, just create a new project. Then we go to File Import and select our PSD File. For this Tutorial we are gonna select Composition → Preserve layers size, also select Editable Layers.
When the file is imported correctly, you will see that After Effects created one folder with all layers and a new composition. If you double click on it you will see our composition open (don't pay attention at the fact that my software is in Spanish, tools are the same).
Now is time to link our body parts. At the right of the Spiral icon, we just select the body part where each layer will be attached to. So when you move or rotate, elements will move with it. If you have rigged a character in the past, this will see you very familiar, in this character we are gonna use the hip as main layer. You can also link layers with the spiral icon, just dragging the spiral to the attached body part, its your choice.
You can test if all links work well selecting the main layer (in this case the hip) and trying to move or rotate it. If it works well, all character will be moving with it, if this is ok, you can continue to fix pivot points and add puppets points.
Ok, now we are gonna fix our layers one by one so they will be ready for animation. This is the last step for rigging our character. For selecting each one of the layers we just have to double click on the layer name we want to modify.
For default we have a black background for our file, and in some cases (as the one in this tutorial) our characters contains a lot of black and we need another color for background. That's very easy to change, you just need to enter in Composition → Composition settings, and at the bottom you just select background color to one is better for you.
Now we have to select the pan tool so when we moved our pivot points our character don't move from their original position. In this case, the wing come from the back so the point it stick the wing to the body is the perfect point for our pivot. This wing will not have puppet points because we just need to rotate them, so we just fix the pivot point in this layer.
If we want to make a loop animation, we just need to make one time loop. After I will tell you how to maintain the looping as long as you want. But for now, we are just gonna make our butterfly flapping her wings. So we are gonna set our time for this movement. Now we go back to timeline settings and decide the duration for this loop, in my case I want one second duration.
If you have animated before, you will just know that animation came first from outside movements and then we make inside movements. In my case, we are gonna animate the wings and body and then we will add all the details, such as head, hair, and legs.
For wings and body we are just gonna use Rotation and Position movements. Keyboard Shortcuts are P for position, and R for rotation. So now we select our main layer (hip layer) and just press P with the keyboard so we can change the position of our character.
In my case as it will be a loop we will need that the animation begin and end in same position, so before animating we settle first position and then select the keyframe and press Ctrl+C and go to the last frame position and paste your frame with Ctrl+V. Now we make the movements we want in the middle of them, in my case, I will just add one more keyframe in the middle.
Now for wings, we just need to press R in keyboard so we can just rotate them. Also select rotation tool in the tool panel. I will do the movement in the same keyframe so our boucle works fine with wings movement, but you can animate your loop as you wish. You can continue with all simple movements with this tools.
Now we are gonna detail our animation. You will see that your timeline will be a little messy in the next steps. But no worries, you can use the shy tool to clean up a little. When shy tool is activated all layers selected as shy layers will be hidden in our timeline, so its just switch on an off for having control in our timeline.
Now we are gonna animate the hair, so we need to animate all the puppet points we have. For this we will select the layer we want to modify and then we are gonna press U in keyboard, that will open all puppet layers. I recommend animate layer one by one, so it won't be too messy.
Now is time to set up all details for our loop animation. And when we finished we can make it longer as we need need and also add some effects.
Ok, now we are gonna make a new composition so we can manage our animation better. So just click on Composition → New Composition. This new composition will have same configuration as last one, but now I want that the composition will be ready for YouTube, so I will select the HDV 1080 25 Preset and give it a duration of 10 seconds, but if you want another settings feel free to test them.
Now I will add a background to my animation. In this case I will use a solid background. So I right click in my timeline and select New Solid. That will add a solid color to our background. I want to be a gradient background so I add an effect for that. I will add it by selecting Effect Generate Ramp (Spanish will be Gradación de Degradado), there we select our colors and can play with the effect options.
Now we delete our last keyframe. Now we are gonna select the Time remapping layer and open in main menu Animation → Add Expression. You will see that can add expressions now. Click on the menu Expression language and open and select Property → LoopOut(Type="Cycle", numKeyframes = 0), and now it will be shown in the text box. Now is ready, you just have to make your layer longer, in this case, as long as the composition.
Now its all settle here. You can now take a look to your loop and see if you want to add more compositions, details or effects to it. You can always enter to the other compositions and modify them, and all this changes will be shown in your final composition. You cad add as many sub compositions you want. In this case, we are just gonna add some effects and then export the animation.
Now that our animation is ready is time to export for our Social media. That's an easy step, just click on File → Export → Add to render queue. In this case everything is correct, but you can modify the extension and folder options in the Exit Mode.
And that all for this tutorial, hoping this help you to start animating your illustrations. If you want to support me for making more tutorials and stuff, you can became my Patreon.
A redraw from an old drawing. Original one made when I was starting studying art more than a decade ago. Also, I remember it was from my firsts digital experiments back then. I wanted to show my progress over the years. A good way to see your drawing improve over time.
2D Animation Commercial Commission for NickedIt company. In this commission, I was asked to make a 2D animation based on a classic anime style. This project was made from scratch, counting only with VoiceOver, creating a storyboard, followed by animatic until the final animation. I also had to design the main character, the backgrounds and the mascot design for this brand, which appears at the end of the video. A project that taught me a lot and at the same time I enjoyed creating.
"When Milo is feeling sad, his dog Ziggy shows him that even when things don't go according to plan you can always have a great day with your best friend."
Character design, facebook advertisement illustration and logo commission for this online Facebook store based on Querétaro, Mexico.
"Aquà podrás encontrar muchos artÃculos relacionados al mundo kawaii, como bolsas, carteras, gorros, playeras, zapatos, accesorios, figuras, juegos, electrónica y mucho más."
My first pilot animation I've work in. I have to admit that this was a long project. Despite being one of my most complicated projects, I must admit that I enjoyed creating it, as I learned a lot during the process and the drawing style was fun to draw. Here I do everything from scratch, such as Character Designs, Background Design, Storyboarding and animation.
"New educational/musical British children's cartoon based on 6 year old Hallie's adventures along with her siblings Claude and Chloe!"
Webcomic and Webseries based on our life with our pets. Initiate as a comic for a blog, and then it became a web-comic and later we do some animation shorts about us.
"Have fun with the adventures of Rika, a narcissistic parrot and the problems she gives to her owners and their other pets."
More episodes at Kori Studio Youtube Channel.
“The Sly Fox is the book I will buy as gifts for my family and friends this year. It gives young girls the tools they need to build self-esteem with simple exercises that create awareness around negative feelings and then teaches them how to set those feelings free. I hope this sparks a revolution in helping our kids understand they have the power within themselves to create their own happiness!”...
If you want to get an estimate or talk about your project, you can write me to my email or contact me in any of my social networks.
