Skip to content

Commit 1192b62

Browse files
committed
Animate CC関連の事例やリンクを更新
1 parent f1ed7b1 commit 1192b62

6 files changed

Lines changed: 39 additions & 3 deletions

File tree

docs/adobe_animate_basic.md

Lines changed: 39 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,14 +16,23 @@
1616

1717
実際にAdobe Animate CC(旧Flash Professional)は多くの制作現場で使われています。有名な事例をまとめました。
1818

19+
<iframe src="https://player.vimeo.com/video/102103466" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
20+
21+
1922
[Flash animation in Ping Pong on Vimeo](https://vimeo.com/102103466)
2023

2124
▲ TVアニメ「ピンポン」でのアニメーションの動画の様子。「手書きだと動画が大変なので、デジタルで作業しました」とのこと。Flash Professionalのソフト上でアニメが再生されているので、作業がイメージしやすいです。
2225

23-
[Long Way North - Official Festival Trailer - YouTube](https://www.youtube.com/watch?v=n4PFEICjlv8)
26+
<iframe width="640" height="360" src="https://www.youtube.com/embed/wItC_fYJ4fI" frameborder="0" allowfullscreen></iframe>
27+
28+
[Long Way North - Official Festival Trailer - YouTube](https://www.youtube.com/watch?v=wItC_fYJ4fI)
2429

2530
▲東京アニメアワード2016の長編アニメ部門グランプリ作品『[Long Way North](http://www.longwaynorththemovie.com/)』。Flashアニメーションとして制作された81分の映画です。予告編は約2分ですが、Animate CCの可能性を知るにはわかりやすい事例です。
2631

32+
<iframe width="640" height="360" src="https://www.youtube.com/embed/tmeU9GFJW3I" frameborder="0" allowfullscreen></iframe>
33+
34+
▲最近だと、2017年公開映画「[夜は短し歩けよ乙女](http://kurokaminootome.com/)」もFlashアニメーションが使われていることで話題に。[IGN Japanのレビュー記事](http://jp.ign.com/yoruhamijikashi/12541/review/)によれば「フラッシュはまるで手描きのアニメーションのような味わいを残す制作ソフトである。国内ではショートアニメーションで使われることが多いが、海外ではテレビなどのより長尺の作品でも一般的に使われる」と紹介されています。
35+
2736

2837
## Adobe Animate CCをはじめるには?
2938

@@ -125,15 +134,42 @@ Animate CCをインストールしたら起動します。起動したら[新規
125134

126135
## Animate CCを効率的に学習するには
127136

137+
### お手軽に入門するなら
138+
128139
Animate CCの入門的な学習として、「[初心者のためのAdobe Animateブログ](http://animate.hatenadiary.jp/)」がオススメです。イラスト付きでわかりやすく解説されているので、ここから勉強をはじめてみるといいでしょう。
129140

141+
![](../imgs/adobe_animate_basic/animate_cc_intro.png)
142+
130143
- [1.Animateでとりあえず何か描いてみる!](http://animate.hatenadiary.jp/entry/2016/03/22/182655)
131144
- [2.お絵描き機能の特徴](http://animate.hatenadiary.jp/entry/2016/04/25/150307)
132145
- [3.基本のトゥイーンアニメ(移動アニメ)](http://animate.hatenadiary.jp/entry/2016/05/27/105112)
146+
- [4\.基本のトゥイーンアニメ(拡大・縮小)](http://animate.hatenadiary.jp/entry/2016/07/27/222612)
147+
- [5\.基本のトゥイーンアニメ(モーションガイドに沿って動かす)](http://animate.hatenadiary.jp/entry/2016/09/01/140550)
148+
- [6\.応用アニメ【フェードイン・フェードアウト】](http://animate.hatenadiary.jp/entry/2016/12/23/183144)
149+
- [7\.応用アニメ【着色・明度】](http://animate.hatenadiary.jp/entry/2017/03/01/192850)
150+
- [8\.応用アニメ【マスク機能】](http://animate.hatenadiary.jp/entry/2017/04/20/134018)
151+
152+
### LINEアニメスタンプの制作を通して学ぶには
153+
154+
LINEアニメスタンプの製作にもAnimate CCが役立ちます。Adobe Creative Stationというサイトに、筆者が連載を寄稿しました。特にコマアニメの作り方とトゥイーンアニメの作り方が参考になるでしょう。
155+
156+
![](../imgs/adobe_animate_basic/animtecc-complete.gif)
157+
158+
- [1. 便利なアニメーション制作機能の紹介](https://blogs.adobe.com/creativestation/web-animate-cc-animation-stamp-1-overview)
159+
- [2. イラストの制作手順](https://blogsimages.adobe.com/creativestation/files/2016/10/animtecc-illust-setup-1.png)
160+
- [3. コマアニメで動きを作る](https://blogs.adobe.com/creativestation/web-animate-cc-animation-stamp-3-animation)
161+
- [4. トゥイーンアニメで動きを作る](https://blogs.adobe.com/creativestation/web-animate-cc-animation-stamp-4-tween)
162+
- [5. APNGファイルの作成](https://blogs.adobe.com/creativestation/animate-cc-animation-stamp-5-apng)
163+
164+
165+
### 体系的に安心して学ぶには
166+
167+
さらにAnimate CCの使い方を知りたい方は、野中先生の解説講座「[Animate CC 2017 入門](https://www.lynda.jp/courses/learning-animate-cc-2017)」もオススメです。ビデオなので操作につまづくことなく、安心して勉強をすすめられます。有料ですが **書籍の解説書を買うのと同じぐらいの値段でシリーズを勉強できる** ので、最短で覚えることができるはずです。
168+
169+
![](../imgs/adobe_animate_basic/animate_cc_lynda.jpg)
133170

134-
さらにAnimate CCの使い方を知りたい方は、野中先生の解説講座「[Animate CC 基本講座-Animate](https://www.lynda.jp/courses/animate-cc-essential-training)」もオススメです。ビデオなので操作につまづくことなく、安心して勉強をすすめられます。有料ですが書籍の解説書を買うのと同じぐらいの値段でシリーズを勉強できるので、最短で覚えることができるはずです。
135171

136-
- [Animate CC 基本講座-Animate](https://www.lynda.jp/courses/animate-cc-essential-training)
172+
- [Animate CC 2017 入門](https://www.lynda.jp/courses/learning-animate-cc-2017)
137173

138174
<article-author>[池田 泰延](https://twitter.com/clockmaker)</article-author>
139175
<article-date-published>2016-02-16</article-date-published>
62 KB
Loading
98 KB
Loading
272 KB
Loading
2.03 MB
Loading
128 KB
Loading

0 commit comments

Comments
 (0)