Translated from 日本語 • View original Hello. This is designer Suzuki.
I mainly design the UI for my own service Goalous, and I am allowed to do various things such as paper, booths, T-shirts, etc., in proportion to my long company history.
This time, I would like to tell you the secret story of motion animation production that is embarrassing, or rather, if you are a professional in the field, you will be asked, "What are you doing???
I was suddenly told to make an animation
I won't forget this (I actually forgot, so I went back to the Teams log) it was April 10th.
This is the message that came with the ringtone Polon.
The head designer, Izumida-kun, was a colleague of my previous job, my work partner at the time, and I was the one who invited him to Colorkrew.
And although we are quite casual, I am at this point in the fact that the request is too frank.
I think it's a request to create a rough instruction for outsourcing.
…… Think about it.
Why do you think that I, who am making atoms, components, and setting overrides for Sketch every day, suddenly get a request to create animations?
I didn't think so.
Moreover, at this time, I had not yet heard that all CI renewal related products would be produced in-house.
And **I'm finally seriously asked to produce animation??? **I almost understood that chatting was impossible.
Since I switched to a phone call, unfortunately I can't show you the comic-like exchange after this, but the general story is like this.
Our designer team is broken down
- Movie lover head designer (Izumida-kun)
- A cat-loving hypercoder who can also design
- German lady who loves stickers
- A handsome second-year new graduate whose hobby is shooting starry skies
Regarding the structure,
- Former otaku (me)
Isn't Suzuki the one who seems to be the best at animation production???
I sometimes draw illustrations, and I don't think I can do it???
…… That's the flow.
Pictures and animations are different, 💢💢💢 while flashing in video chat
I was the one who calmly accepted the request.
What did you do first
However, I don't know where to start, so for the time being,
**I googled it. **
I have been on the Internet since before the word ggrks was thrown around.
For the time being, I'll google everything. I believe you can find out by Googling.
I haven't heard the word Google teacher recently.
However, the only way to make an animation in which a girl moves no matter how much you see it.
Well, I guess so, **I want to move a cuter girl than a pure white stickman. **I think so too.
If so, how about this?
<
しかしなかなか有用といえるハウツーにたどり着けない。
……とはいえ、学びはそれなりにありました。
運動曲線と予備動作。
・Motion curve
If you change something from A to C, there is B in between.
In the process of change, the same points (hands for hands, top of heads for heads) are smoothly connected to each other. That's what it means.
Please forgive me for seeing the motion curve that is not smooth at all from the beginning of what I said.
Preliminary operation
It is a movement such as crouching before jumping, and crushing on the ground before the ball bounces.
This didn't seem difficult, but when I think about it, I don't know what kind of preliminary action is appropriate.
Moreover, it is a pure white silhouette man, which cannot be seen unless it is a movement that can be identified by its shape.
This guy is a difficult ......? I recognized it again,
When I drew such graffiti, I despaired slightly...... I **left this matter alone for a few days. **
(To put it bluntly, he put it to bed.) ）
I thought I'd start for now.
Just because I put him to sleep doesn't mean that when I wake up in the morning, my right hand is God's hand.
I didn't suddenly have an animator friend who would give me advice.
I had no choice but to move my hands first, but there was still a lot of difficulty ahead.
…… Everyone who is immersed in IT.
When was the last time you drew a "picture" on paper?
I can't remember.
That's right. I don't have a decent piece of paper at home.
Moreover, what I want now is a notepad that I can flip through flip-up comics that I think I couldn't use up when I was in elementary school.
Even though there were so many, and I don't remember using them all, why don't I need them now?
In despair, I walked through Shibuya, where there were few people, and went to buy a 100-piece notepad (330 yen)
When I got home, I sat down in a chair and knocked on the sharpener I had been using since junior high school.
In the fog, can we start working with this for the time being......
I was still sweet when I thought so.
For this job, I **want a silhouette man who climbs and jumps in a circle! **That's the order.
You first need a circle instead of a standard canvas for the base of the painting.
That's what I mean.
If a circle of the same size is not in the same position on the notepad, you can't even draw a rough sketch.
If it's a computer, it's just a circle layer on top......
While chewing on the gratitude of the computer,
(1) Cut the cardboard into the same size as the notepad, (2) Hollow out the cardboard in a perfect circle to make a pattern, and (3) Keep tracing the circle by stacking the cardboard on top of the notepad I was able to do the simple work of the century.
The number of maru drawn on the notepad is about 50.
By the time I was done, my face was a Tibetan fox, and I was a little tired (mentally) even before the main work started.
However, it can be said that he has finally reached the starting position.
I finally started drawing
The request from Izumida-kun is as follows.
・Climb up and appear
・Jump and spread
・Finally, it changes to a pose that evokes the silhouette of the logo.
・I want you to express it in about 30 sheets.
I thought about how to plan this, and first I broke down the story of the animation.
・Climb
・Walk to the center
・Jump
・Expand (to logo)
In order to fit these into 30 sheets, I planned to assign a rough number of sheets to each of them (very appropriately) and make a picture that would be the key to break the gap.
Schedule
・Climb 15 sheets
・Walk to the center 5 sheets
・Jump 5
・Expand (to logo) 5 sheets
The final result
・Climbing 12 sheets
・Walk to the center 7 sheets
・Jump 6
・Expand (to logo) 3 sheets
Just as I started drawing from the silhouette pose of the last logo I was aiming for, I immediately failed because I didn't need 5 photos.
**Enough!!! **
Let's draw haphazardly and thin out from there!
For the time being, let's draw from head to end before thinking! And the policy change.
What exactly was the plan?
Thus, a total of 43 flip-ups were created.
If you go to work, you can hold a bundle of paper and say, "Take a look."
The world is corona. From mid-February to the end of July, I **went to work for only three days. **
Colorkrew, which had been working remotely for a long time, was very good.
…… Aside from the company's boasting,
The only way to check the rough flip comic is to take a video.
I put my smartphone in the desk drawer and took pictures and sent them while paying attention to the angle......
I went through a seven-cumbersome procedure, and while Izumida-kun looked at me, I pulled out the top and changed my movements.
After repeated minor corrections, the rough pencil was finally completed.
Tool Story
Now. The rough is done. All that's left is to go digital.
………。
…………………。
What should I do <<<
For the time being, "If you are in doubt, make it with vector data" is God's teaching, so I will abide by it.
Is it irritating? Is it irritation? Really???
Adobe definitely has software for making animations. (ticking)
There were a lot of them. Animate is as it is.
Let's put aside the name of the otaku store and use it.
I have a group license, so it's a waste if I don't use it.
It's nice to be exposed to new apps even if it's just a bite.
…… Installation ......
I see? (Playing with it while looking at the help)
I see? (Make the ball pop up)
Haha? (Onion skin automa)
「 ……………………。」
It was fun to play with the tools
I came to the conclusion that it was not suitable for what I was going to make this time.
The reasons are as follows.
・I want a handwritten Yulu
This is the reason why it is impossible to give up on the maximum.
Animate could depict so-called shapes such as circles and squares, which were not suitable for drawing silhouette people.
・It doesn't feel like a flipbook
It's great to take advantage of the strengths of vector data and move smoothly, but it didn't match what I wanted to create now.
・Keyframe glitter
This is my personal trauma that was instilled in Flash in the past, so Animal is not bad. I'm sorry.
And in the end......... I did it in Irare. (After all......)
The feeling of defeat is great.
But it can't be helped. The **work must be completed by the deadline. **
The primitive work of starting to draw rough on the base from the reference point in the middle (climbing, standing, walking, jumping, last), playing with the transparency of the layer, and increasing the middle division with the paint brush tool**. **
The final layer I made was 35 sheets.
Isn't there a better way?????
I'm sure there is.
I'm sure there is, but this was the end of what I was able to do as I started from scratch.
I wish I had done it this way...... If you have any advice, please let me know from the corporate inquiry.
If I really came**, I did it!! ** I'll write another blog.
Finally
In the end, I managed to create an animation, but I realized that it was completely different from drawing skills.
I think it was good that I was able to mix elements of different hair colors into a stylish video.
Thank you very much to Mr. Izumida for cooking the ingredients I made so well!
