Splinterlands Art Contest! Week 169 - Animated GIF / スプリンターランドのGIFを作りました

avatar

10A9F949-89DB-4A8F-95A9-374E588660AB.gif


Hello everyone,
This is my entry for Splinterlands Art Contest! Week 169.
I'm still trying to figure out how to make an animated GIF. I thought it would be fun to create one for Splinterlands.
I've learned to move one illustrated object in the last two GIFs I created. Now I thought of moving multiple objects at the same time.
First, I started by tracing the Splinterlands logo. I must mention that I usually don't trace artworks. I'm only doing this because I'm moving the logo to creat the GIF.

皆さん、こんにちは!
Splinterlandsのアートコンテストに参加します。
今回は習いたてのGIFを作って参加しようと思います。先日までの投稿では、描いたものひとつを動かすことが出来たので、今回はたくさん一緒に動かしたいと思います。
先ずはSplinterlandsのロゴをトレースすることから始めました。
普段トレースはしません。今回はロゴを動かしてGIFを作りたかったのでトレースしました。

C11BDDAC-C393-482B-B36E-1EC17B567DCB.png

E8D5261D-9A9B-48CE-8FD1-5617FAC0C776.png

703D61C4-CC47-4C90-B147-C3F5BC839427.png


After tracing, I added the texture of the cardboard.

トレース後、段ボールの模様を入れました。

7B7B6BB5-4318-4F42-8C80-39A5DE9890A5.png


I thought it would be fun to make a GIF that looks like I've cut the papers and put them together, so I added the shading as well.

紙を切って組み合わせたようなGIFにしたかったので、紙の影も入れました。

0EC90455-4380-49B1-B65E-4E5B84637131.png


I wanted each letter to move in a different direction, so I separated all the letters into different layers(frame). I also separated other parts of the logo into different layers.

アルファベット1つ1つを別々に動かしたいので、それそれレイヤー(フレーム)を分けました。
他のパーツもレイヤーを分けました。

0E1F5324-1653-45B8-8662-E22B9D616A9F.png


I moved each part until they were out of the canvas.
Procreate looks like only allow us to have 140 layers(frames), so I had to merge the layers as I go. It was very confusing. I’m glad I managed to finish it.

それぞれのパーツが、キャンバスから見えなくなるまで少しずつ動かしていきます。
Procreateは140レイヤー(フレーム)しか使えないようなので、レイヤーを結合しながらの作成になりました。
ややこしくて何度か思考が止まりそうになりましたが、なんとか出来上がりました。

4FD462A4-D3B9-4AD0-AC1D-2472F2C1D4B0.png

31A63770-3CB7-486F-8B6E-19C031F02276.png


I hope you like it.

また頑張ります。

09DE7303-DA21-4CE4-B636-192F97CEBCEE.gif


Tools used: iPad, Apple Pencil, Procrate, Splinderlands logo
画材:iPad、アップルペンシル、Procreate、Splinterlandsロゴ

☆☆☆

That’s all for today.

Thanks for visiting!

いつもありがとうございます!

9A1CE53D-40F2-4F2F-9318-58E69496046C.png



0
0
0.000
10 comments
avatar

Nice It is really cool to see the behind the scenes to the artists' creation/vision.
!PIZZA

0
0
0.000
avatar

I’m glad I learned to do this. I agree, it is cool to find out how animations are made.
Thank you so much! Thanks for the pizza!

0
0
0.000
avatar
(Edited)

PIZZA! PIZZA!
@djynn! The Hive.Pizza team manually curated this post.

PIZZA Holders sent $PIZZA tips in this post's comments:
infinitytcg tipped djynn (x1)

Learn more at https://hive.pizza.

0
0
0.000
avatar

上手です!!私も最近GIF作るのが楽しいのですが、きちんと1からこういう風に作ってみたいです。そのためには逃げていたレイヤーの練習しなくてはならない…。こういういい作品を見ると励みになります!

0
0
0.000
avatar

ありがとうございます!
レイヤーは本当にややこしくて多分、制作中の私の頭の上には???が浮いて見えるかと思います、笑
けれどパズルのピースがするっとハマる瞬間のような感覚が時々起こるんです。楽しいですよ。ぜひ!

0
0
0.000