5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Aucfan (オークファン) グループAdvent Calendar 2020

Day 19

初心者がAdobe animateでアニメを作ってみた

Last updated at Posted at 2020-12-14

#はじめに

初めまして。4月からデザイナーとして入社したasaです。
今回はアドベントカレンダー用に一度も触ったことのない「Adobe animate」で簡単なアニメを作成しました。

Adobeのanimateで行われているチュートリアルを見て、
「もっと簡単に3つ項目を覚えればできる!」内容を書かせていただきました。
よろしくお願いします。

##イラストの拡大
####1:レイヤーに使いたい画像を配置する
スクリーンショット 2020-12-13 23.23.44.png

####2:「F5」を押して経過数のマスを増やし、小さくした画像を配置する
スクリーンショット 2020-12-13 23.23.59.png

####3:「F5」を押して、2で増やした経過数と同じマスを追加し、元の大きさと同じ画像を配置する
スクリーンショット 2020-12-13 23.23.44.png

###結果:サンタさんがズンズン動く!
1つめ.gif

##イラストの回転
####1:レイヤーに使いたい画像を配置する
スクリーンショット 2020-12-13 23.29.02.png

####2:「F5」を押して経過数のマスを増やし、1と同じサイズの画像を少しずつ斜めにして同数マスを増やしていく
スクリーンショット 2020-12-13 23.29.11.png
スクリーンショット 2020-12-13 23.29.18.png

###結果:くるみ割り人形がグルグル回る!
2つめ.gif

##イラストをシンボル化(走らせてみる)
####1:レイヤーに使いたい画像を配置、スタート地点は枠外に配置する
スクリーンショット 2020-12-13 23.33.08.png
####2:画像を左クリックで「シンボルに変換」する
スクリーンショット 2020-12-13 23.33.19.png
スクリーンショット 2020-12-13 23.33.38.png
####3:「F5」を押して経過数のマスを増やし、「シンボルに変換」した画像をゴール地点まで動かす
スクリーンショット 2020-12-13 23.34.14.png
####4:レイヤーを右クリックし、「クラシックトゥイーンを作成」する
スクリーンショット 2020-12-13 23.34.23.png
###結果:そりに乗ったサンタが通り過ぎた!
3つめ.gif

#最後に
さいご.gif

クリスマスまでのアドベントカレンダー。せっかくなので、ちょっとだけワクワクするクリスマスアニメを作成しました。
作成にかかった時間は20分。初心者でも簡単にアニメを作る事ができました。

これを機会に、もっとanimateを作成し、勉強してみようと思います。
(2021年の目標ができました!)

5
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?