TUTORIALSこのサイトを見るような人は、1000回以上聞いたことがあると思いますが、iPhone、iPadではFlashが動きません。そのため今回は、AfterEffectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションのやり方を紹介いたします。以前、googleがバナーに使ったりしたやり方を今回実写を用いて作成してみました。Birthdaygoogleの例では、画像見ると下記のようになっており1フレームごとに表示する場所を動かしています。完成サンプル完成品は下記のようなものになります。touchなどのiOSでご覧ください)ただ動くだけでなく、iPhone用に指の動きに合わせて動きます。サンプル※画像が大きいので、若干ロードに時間がかかります。撮影した映像を加工するでは、解説のスタートです。今回は下記の動画を使います。今回手持ちカメラで撮影したため、ワープスタビライザーなどを使用し手振れを少なくします。※もちろん手ブレなどの修正の必要が無い場合は、そのままの動画を使用して問題ありません。jpeg書き出しフレームレートを調節し、jpegシーケンスから書き出しを行います。今回は8秒の素材を使っているので、5fpsにし総画像数40枚程度を書き出しました。psにてスクリプトを回す下記のjsをダウンロードします。jsこちらのjsは書き出した画像を自動でレイヤーごとに配置し、枚数と画像の縦の長さを計算し、縦に画像を並べてくれるスクリプトです。解凍したファイルを選択します。並べる画像を一括で選択し、OKを押すと、下記のような処理を自動で行ってくれます。さんにあがっているソースを使わせていただきます。touchmoveファイル一式をダウンロードし、jsのソースを見て、使用する画像に合わせ比率を変えます。}};最後に、画像のパスなどを修正すれば、完成となります。参考AEを使わなくても実はこのようなツールもあります。・アニメーション用連番jpg書き出しツール作ってみたよ。以前同じような仕組みで、野球ゲームを作ってみました。さんが書いてくださいました。Gist単一画像化したいコンポを選択した状態でスクリプトを実行すると”CombineImage”というコンポが生成されるので、それを「フレームを保存」で書き出します。@tatiakiフィードバック評価がまだありません。このサイトを見るような人は、1000回以上聞いたことがあると思いますが、iPhone、iPadではFlashが動きません。このサイトを見るような人は、1000回以上聞いたことがあると思いますが、iPhone、iPadではFlashが動きません。23:44AEはそこまで関係がない気がするけど、気になったので。01:36あーこれももろもろアプデしてAIRアプリにしなきゃ。02:30アニメーションjpegって存在、今、初めて知った。03:24記事書かせていただきました。03:45記事書かせていただきました。10:30これ面白い。11:17これを使ったコンテンツを作ればものがもっと手に取るようにわかるかと。iPhoneの動かす画像。12:39なんこれ、おもしろい。14:55AEのみで同様の処理が出来るようにスクリプト書いてみました。15:00AEのみで同様の処理が出来るようにスクリプト書いてみました。15:02AEのみで同様の処理が出来るようにスクリプト書いてみました。15:02AEのみで同様の処理が出来るようにスクリプト書いてみました。15:03AEのみで同様の処理が出来るようにスクリプト書いてみました。15:04AEのみで同様の処理が出来るようにスクリプト書いてみました。15:23AEのみで同様の処理が出来るようにスクリプト書いてみました。17:24ヤバッこれ面白い!なんか作ってみようかな。閲覧はiPhoneで。追記で使い方など説明も入れて書かせていただきました!ご確認くださいませ。09:20AEのみで同様の処理が出来るようにスクリプト書いてみました。14:18昨日上げた「AEでiPhone用アニメーションイメージ生成スクリプト」を元記事執筆者の@tatiakiさんに紹介していただきました。昨日上げた「AEでiPhone用アニメーションイメージ生成スクリプト」を元記事執筆者の@tatiakiさんに紹介していただきました。05:47AEのみで同様の処理が出来るようにスクリプト書いてみました。16:25サイトをリニューアルしたらトップページにこの技使おう。16:44サイトをリニューアルしたらトップページにこの技使おう。00:47サイトをリニューアルしたらトップページにこの技使おう。Effectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションの作り方を紹介しています。Effectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションの作り方を紹介しています。Effectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションの作り方を紹介しています。Effectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションの作り方を紹介しています。Effectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションの作り方を紹介しています。09:18アフターエフェクターってこんな使い道があるんだ。09:18アフターエフェクターってこんな使い道があるんだ。