|
16 | 16 |
|
17 | 17 | 実際にAdobe Animate CC(旧Flash Professional)は多くの制作現場で使われています。有名な事例をまとめました。 |
18 | 18 |
|
| 19 | +<iframe src="https://player.vimeo.com/video/102103466" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> |
| 20 | + |
| 21 | + |
19 | 22 | [Flash animation in Ping Pong on Vimeo](https://vimeo.com/102103466) |
20 | 23 |
|
21 | 24 | ▲ TVアニメ「ピンポン」でのアニメーションの動画の様子。「手書きだと動画が大変なので、デジタルで作業しました」とのこと。Flash Professionalのソフト上でアニメが再生されているので、作業がイメージしやすいです。 |
22 | 25 |
|
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) |
24 | 29 |
|
25 | 30 | ▲東京アニメアワード2016の長編アニメ部門グランプリ作品『[Long Way North](http://www.longwaynorththemovie.com/)』。Flashアニメーションとして制作された81分の映画です。予告編は約2分ですが、Animate CCの可能性を知るにはわかりやすい事例です。 |
26 | 31 |
|
| 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 | + |
27 | 36 |
|
28 | 37 | ## Adobe Animate CCをはじめるには? |
29 | 38 |
|
@@ -125,15 +134,42 @@ Animate CCをインストールしたら起動します。起動したら[新規 |
125 | 134 |
|
126 | 135 | ## Animate CCを効率的に学習するには |
127 | 136 |
|
| 137 | +### お手軽に入門するなら |
| 138 | + |
128 | 139 | Animate CCの入門的な学習として、「[初心者のためのAdobe Animateブログ](http://animate.hatenadiary.jp/)」がオススメです。イラスト付きでわかりやすく解説されているので、ここから勉強をはじめてみるといいでしょう。 |
129 | 140 |
|
| 141 | + |
| 142 | + |
130 | 143 | - [1.Animateでとりあえず何か描いてみる!](http://animate.hatenadiary.jp/entry/2016/03/22/182655) |
131 | 144 | - [2.お絵描き機能の特徴](http://animate.hatenadiary.jp/entry/2016/04/25/150307) |
132 | 145 | - [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 | + |
| 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 | + |
133 | 170 |
|
134 | | -さらにAnimate CCの使い方を知りたい方は、野中先生の解説講座「[Animate CC 基本講座-Animate](https://www.lynda.jp/courses/animate-cc-essential-training)」もオススメです。ビデオなので操作につまづくことなく、安心して勉強をすすめられます。有料ですが書籍の解説書を買うのと同じぐらいの値段でシリーズを勉強できるので、最短で覚えることができるはずです。 |
135 | 171 |
|
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) |
137 | 173 |
|
138 | 174 | <article-author>[池田 泰延](https://twitter.com/clockmaker)</article-author> |
139 | 175 | <article-date-published>2016-02-16</article-date-published> |
|
0 commit comments