WebデザインコミュのYou Tubeにアニメをアップしてみたい！

はじめまして。

都内で売れない絵描きをしているサラと申します。

仕事も無く暇な時はもっぱらYou Tubeを見たりして時間を潰しているのですが、ふと「自分も載せてみたい！」と思いつきました。

しかし、紙媒体でしか表現したことがなく、何がどうなっているのかチンプンカンプン状態です。

時代遅れのあたしにはまるで次元の違う特殊な世界のように映り、気負ってしまっています。

でも、何とかやってみたい

イラストは、IllustratorとPhotoshopで仕上げています。

そこに、これまた暇潰しでつくった音楽を乗せて、いわゆる「やす～い、みんなのうた」みたいに仕上げるのが目的なんです...。

普段は慣れているIllustrator8.0、Photoshop5.5（古！）を使用していますが、一応手元にCS３＆CS４もあります（まだインストールしていませんが）。
また、音楽遊びはCubaseを使っていて、さっきmp3へ変換する方法を見つけました。

と、こんなレベルですが、何とか自分の手でやり遂げたいとメラメラ小さく燃えています。

初歩的すぎて恐縮ですが、アドバイスいただけると大変ありがたいです

よろしくお願いいたします。

コメント(39)

最初
全て
最新の40件

[1] mixiユーザー 08月31日 23:16

※管理人様：質問が不適切でしたら削除いたします。

[2] mixiユーザー 08月31日 23:29

お疲れ様です。MACを買うと付属のiMOVIEで編集してアップできますよ。
漫画のページをイラストレータなどからjpegやgifで書き出して、iMOVIEに取り込み、音楽をかぶせます。Windowsだったらどんなソフト使えばいいかわかりません・・。

[3] mixiユーザー 08月31日 23:41

イラレとフォトショつかっているのであれば、プレミアの簡易版かなーと思います。
http://www.adobeopenoptions.com/jp/products/premiereel/

Windowsでアニメ程度であれば、
ニコニコ動画専用になりますが、
やりたいことに一番近いのかなと思います。
無料ですし。
http://www5.ssw.co.jp/nmm/

[4] mixiユーザー 09月01日 02:33

Tattoさま

え！　え！　あたしマックです！
グラフィック作業は、OS.9でやっていますが、それ以外のネットやメールや音楽制作などはすべて、Intel mac G4の10.4.4を使っています。
今まで気にもしていなかった「ドッグ？」という所を確認してみると、ありました「iMOVIE」！
使ったことはないのですが...。

これをどうにかすれば音楽入りの動画ができるんですね！？

知人に聞いたら、フラッシュ必須と言われたので、ちょっと頭を抱えていたのですが。

[5] mixiユーザー 09月01日 02:36

さかなさま

情報提供ありがとうございます。
プレミア！
若干プロ志向な感じでしょうか。
色々調べてみます～

[6] mixiユーザー 09月01日 02:56

素材が、イラレのベクター形式とか、jpgとかの静止画だとしたら
僕ならFlash使いますねぇ～。
AfterEffectでもいいけど、Flashの方がお手軽だと思う。あくまで僕は、ですけど。

＞知人に聞いたら、フラッシュ必須と言われたので、ちょっと頭を抱えていたのですが。

Flashを使わず、となると、フォトショップCS3から、高度なアニメーションを作れるようになったので（GIFアニメのようなものではなく、AfterEffectのような本格的なモノも可能）

例：
http://gajetdaisuke.com/archives/08108_030536.php

イラレでも古いフォトショでも、パラパラアニメ的なものは作れますしね。

そうして書き出したmovあたりを、iMOVIEでつなげて、音を乗せるって感じですかね。

[7] mixiユーザー 09月01日 04:01

NoBodyさま

コメントありがとうございます

Flashの方がラクチンですか？

何だか難しそうだな～と臆していたのですが、どうせゼロから学ばなくてはいけないので、どれを選択するか、なんですけどね。
他のモノが簡単である保証もないので...。

というのも、あたしはかなりのバカでして、飲み込みが遅いというか要領が悪いというか、何度マニュアル読んでも理解できなかったりするので、新しいことにトライする意欲を失っていました。

けど、今回は乗り越えたいです。

CS3の全部入りのモノも持っているので、その気になれば使えるはず...です。

フォトショでもこれくらい動かせるのですか。

う～ん、迷いますなぁ～。

何から手をつけよう...

[8] mixiユーザー 09月01日 04:20

Flashでいいのでしたら、Flashが一番楽だと思います。
イラレで書いたデータをほとんどそのまま（コツはいりますけど）持っていけますし。

ためしにAdobeのサイトから体験版落としてみるといいですよ。
３０日間試し放題ですから。

＃Premierも体験版あると思います。

[9] mixiユーザー 09月01日 04:51

さかなさん

ありがとうございます

＞Flashが一番楽。

そうですか！
一応持っているのでインストールしてみようと思います。
皆さんはどのようにして習得していったのでしょうか？？
本を購入して覚えるのが一番でしょうか？

ちなみに、あたしのとりあえずの目標は、まずは音にあわせて静止画をバンバン、ジャーン！みたいな感じで貼付けて、物語に流れにあわせて出来たら簡単なアニメ（猫が走ってるとか、昼から夜になる、とか）を混ぜて、３分程度（曲がそれくらいだったので）の短い動画を完成させることです。

これ全部、llustratorとPhotoshopとFlashとCubase（音楽制作）で出来ますでしょうか？

[10] mixiユーザー 09月01日 06:56

サラさん＞

＞これ全部、llustratorとPhotoshopとFlashとCubase（音楽制作）で出来ますでしょうか？

できます。制約はかなりありますが。
＃アニメに特化するのであればという意味で、Flashが一番楽と書きましたです。

但し、Flashを動画（というかムービーというべきですかね）作成ツールとして使う場合、
アクションスクリプト、ムービークリップが使えません。
基本は_rooｔのタイムラインで作る必要があります。
＃グラフィックは使えます。
＃言葉の意味が判らない場合はGoogle先生にでも。
＃いっぱい解説でてきますので。

http://umioyo.seesaa.net/article/57715450.html
※MACの場合はちょっと判らないです。MOVに出力すればいいのかな。

Flash CS5あるので、こちらでもどのくらいの物ができるのか、ちょっと後で試して見ます。
＃ワタクシもCUBASE＋Adobeツール群という組み合わせで動画たまに作ったりしてるのです。
＃ですがFlashの古い奴でしか試してないのです。
＃CS5でどこまでできるかはまだ試してないのですよ。

Flashは音声も読み込めますので、MP3を読み込んでタイムラインに入れておけば、
音楽と完全にシンクさせた細かい芸のある物も作れますよ。
http://itpro.nikkeibp.co.jp/article/COLUMN/20060628/241998/

ということで、作品楽しみにしております。頑張って下さいませ～。

[11] mixiユーザー 09月01日 08:10

Flashでやると確かに色々できますが、一番最初の入り口としては敷居が高すぎます。
特にタイムラインとfpsの関係。
アクションスクリプトとか言ったって初心者そんなもんわかりませんがな。

静止画をつないでつないでBGMを載せる（いうたら紙芝居ですね）のが基本のド基本になるので、
iMovieでタイムラインという概念に慣れてからでいいんじゃないでしょうかね。

って、一番最初に作った動画はFlashで作ってた人が言ってみるものなり。

[12] mixiユーザー 09月01日 21:29

さかなさま

ご指導ありがとうございます。
何とか一ヶ月でアップ！と思っていましたが、そんなに甘くないみたいですね。
CSは５も出ているんですか。
いやー、どんどん進んでいっちゃうんですね。

あたしは、llustratorとPhotoshopはギリギリまでOS.9で頑張ってみようと思っています。

まずは用語からベンキョいたします

[13] mixiユーザー 09月01日 21:36

xotakkさま

コメントありがとうございます。

あいや～

　やっぱ、フラッシュはハイレベルでしょうか？？

そうなんです。
基本は紙芝居のノリなんです。

さっき、絵コンテラフを描いていたのですが、曲のテンポがけっこう早いので全部が紙芝居調だとモタってしまう。ということで、紙芝居5割、簡単なアニメ5割で構成しようと思っています。

昨晩、iMovieというのを起動させてあちこちいじってみたのですが、「むむむ～...？　何がなんだか...

」という状態でした（どのソフトもはじめはそうですけど）。

先が思いやられます...

[14] mixiユーザー 09月01日 22:00

まずはiMovieから音にあわせて静止画を差し替える練習から始められるのがいいのではないでしょうか。
そして静止画をズームしたり横に動かしたり
>知人に聞いたら、フラッシュ必須と言われたので、ちょっと頭を抱えていたのですが。
私もFlashは必須だと思っております。私はダメダメですが・・・・
ゆっくり練習されることをお勧めします。
挿入の絵が素敵でしたのでコメントさせていただきました。

[15] mixiユーザー 09月01日 22:11

JittaBOSSさま

＞挿入の絵が素敵でしたのでコメントさせていただきました。

ｷｬ~、ｱﾘｶﾞﾄｳｺﾞｻﾞｲﾏｽ~

友人との合作なのですが、動画はあたしが担当する事になったんです。

＞私もFlashは必須だと思っております。私はダメダメですが・・・・

うへ。やっぱFlashにしようかな...。

あの、なんてゆーか、いい例えが浮かばないのですが、「鷹の爪」みたいな（思いつくのがそれくらいしかなく、しかもあんまり見た事ないのでイメージです）動きは、どっちのソフトでも可能でしょうか？

ちょっと、You Tubeで探してきます。
こんな感じ！！っての。

[16] mixiユーザー 09月01日 22:11

ちなみに
実はGarageBandでも簡単な動画編集はできます。

iMovieは08以降ひどく使いづらく（というか本当の”動画”編集専用に）なってしまっています。
動画を撮り溜めてからかからないと、どう使ったものかのとっかかりすらない有様。
その点GarageBandは昔のiMovie06以前の（WindowsMovieMakerやニコニコ動画メーカーのような）
すごくスタンダードな編集画面なので、人によってはGarageBandのほうがとっかかりやすいでしょうね。

>そして静止画をズームしたり横に動かしたり
そのへんはFlashだと色々出来るんですが、動画だけやるんだったらプレミアなりFinal Cut Expressなり導入しちゃったほうがよいのでは。
Flashのタイムライン編集は体力ごっそり奪われるのであんまりやりたくないですなー

[17] mixiユーザー 09月01日 22:19

はじめて、貼付けました。
勝手にお借りしちゃったけど、いいのでしょうか？？

「簡単　アニメ」で検索して見つけました。
とりあえず今回はこれくらいの動きで十分です（これが簡単と言っているわけじゃないです

作者さま誤解なさらずに

）

これって、FlashでもiMovieでも出来ちゃいますか？

[18] mixiユーザー 09月01日 22:25

xotakkさま

え、GarageBandって、音楽つくるやつですか？

＞すごくスタンダードな編集画面なので、人によってはGarageBandのほうがとっかかりやすいでしょうね。

確かに、「動画ってどうやってつくっているの？（超初級編）」状態なので、それこそサルでも分かる編集ソフトが好ましいです。

GarageBand、標準装備されています。使ったことないけど。

GarageBandでも上記の動画いけますか？

[19] mixiユーザー 09月02日 08:10

今ちょっとiMacがWindows機として稼働してるんで編集画面出せないんであれですけど。

とりまGarageBandのマニュアル
http://support.apple.com/ja_JP/manuals/#garageband

iMovieのチュートリアル
http://www.apple.com/jp/findouthow/movies/

＞GarageBandでも上記の動画いけますか？
さすがにこのレベルになるとFlashでやったほうがいいですが、
気合とド根性があれば「1枚1枚全部描いて解決」できます。
まぁさすがに「画面が小さくなりながら左に移動、したにあった次の画面が現れる」てのは
iMovieやGBでは出来ないですし、ましてや手書き（というか要はPhotoshopなどで一コマずつ画像作る）
ではちょっとしんどすぎますね。

[20] mixiユーザー 09月02日 09:22

xotakkさま

ご丁寧にありがとうございます！
なるほど...。

気合いで枚数さえ描き上げれば、ペラペラ漫画状態でアニメにできるけど、例えば、キャラの口パクパクや（口だけ差し替えるパターン）や同じ背景の中でキャラをスタコラ走らせたりするのであればFlashでやってしまった方が効率がよい、といった感じでしょうか？

You Tube見てて思ったのですが、漫画を取込んでスライドショーにしている人がいますが、そういうのはGBでもいけるって事ですね。

そう考えると、自分の言っていた紙芝居はすでにアニメの領域でした。

む～...。まずはフラッシュのマニュアル本をヤフオクで落札、ですね

[22] mixiユーザー 09月02日 09:54

参考書ですと、毎日コミュニケーションズの「おしえて!!FLASH」シリーズがフルカラーでイラスト多めではじめの一歩には良かったです。
ちょっとバージョンが古くなりますが、アニメ部分はあまり変わってないので・・・

[23] mixiユーザー 09月02日 21:58

momongaモモちゃんさん

ありがとうございます！　ご自分で解説をなさっているのですか？
すごい！

あたしがMacだからか、ボリュームを見落としているのか、音が出せませんでした。
よろしければ音量操作を教えてくださいませ。

あたしは、紙芝居＆アニメで物語構成を考えているので、やはりFlashよいうことになりそうです。

ただ、基礎はパラパラ漫画だと思うので、このムービーで勉強させていただきます

[24] mixiユーザー 09月02日 22:01

とろやさま

そういった情報、初心者には大変ありがたいです！
特に自分のような操作音痴は「マニュアル探しのためのマニュアル」があったらなー、なんて事本気で思ったりします。

毎日コミュニケーションズの「おしえて!!FLASH」。
ガッツリ記憶いたしました

[25] mixiユーザー 09月02日 23:14

ところで、動画制作の前にイラスト（絵コンテ）を描かなくてはならいと思うのですが、その際の画像サイズって決まっていますか？

当然用途によって異なると思いますが、You Tubeアップが目的だとすればどのサイズで作っていけばよいでしょうか？
ちなみに自分の場合、フォトショップで仕上げます。

解像度は出版の250に対し、Webは72だと聞きました。

よろしくお願いいたします。

[27] mixiユーザー 09月03日 00:36

＞その際の画像サイズって決まっていますか？
＞解像度は出版の250に対し、Webは72だと聞きました

映像の場合、DPIではなく、ピクセルで考えます。
ピクセルとは、液晶画面の一つ一つのドットのことです。
モニタに思いっきり顔を近づけると、小さな四角が沢山見えると思いますが、このひとつひとつが1ピクセルです（1ドットとも言います、同じ意味です）。

出版の場合
350dpi　横：20cm　縦：20cm
といった考え方だと思いますが、映像の場合は
横：640ピクセル　縦：480ピクセル
といった考え方になります。

また、TV・DVD・ブルーレイ等の映像は、横縦の比率と、ピクセルサイズは明確に決められていて、
アナログ時代の映像は、パソコン上では640ピクセル×480ピクセル　（横縦比率　4：3）

ワイド時代の映像は、横縦比率　16：9
映像の画質によって
1280ピクセル×720ピクセル　か　1920ピクセル×1080ピクセル（いわゆるフルHDとか言われるサイズ）

ただし、上の決まりはTVの決まりなので、最終的にyoutubeが目的ならば、4：3か16：9の比率を守ったうえで、あまりに小さすぎるサイズでなければ、特に問題はないと思います。

[28] mixiユーザー 09月03日 00:43

momongaモモちゃんさま

ありがとうございます

そうだったんですね。
図々しく音欲しがってスミマセン

＞でもFlashのアニメはillustratorと同じベクター形式なので拡大縮小自由なので解像度は関係ないです。

あ、そうなんですか！
てことは、保存する際、容量が少ない方が便利なので、できるだけ小さい解像度の方がいいですよね。
でも、解像度が高い方が細かい作業でできるので（72dpiだと。拡大するとボヤけてよく見えなくなるため）ちょうどいいのがどのくらいなのか迷いますね。

モニター上でもイラレならどんなに拡大しても大丈夫なのですが、フォトショはドットで表現される分、つらいですね。

でも、今回の欲しいタッチ（トピタイトルのイラストなど）の味はフォトショでないと出せないので、頑張ります

ん！！！
いや、待てよ

今思いついたのですが、ストリームライン（古い？）をかませて、線をパスに変換してイラレデータにしてしまえば（多少線の具合は変わりますが、許容範囲）、もっとラクにできるって事でしょうか？？

基本的に動画制作にはPhotoshopよりillustratorの方が向いているのでしょうか？

[30] mixiユーザー 09月03日 23:39

NoBodyさま

コメントありがとうございます！

＞映像の場合、DPIではなく、ピクセルで考えます。
ピクセルとは、液晶画面の一つ一つのドットのことです。
モニタに思いっきり顔を近づけると、小さな四角が沢山見えると思いますが、このひとつひとつが1ピクセルです（1ドットとも言います、同じ意味です）。
出版の場合
350dpi　横：20cm　縦：20cm
といった考え方だと思いますが、映像の場合は
横：640ピクセル　縦：480ピクセル
といった考え方になります。

全然しらなかった。
勉強になりました

＞最終的にyoutubeが目的ならば、4：3か16：9の比率を守ったうえで、あまりに小さすぎるサイズでなければ、特に問題はないと思います。

ありがとうございます。
上記の比率で、あとは作業しやすいサイズでオーケーって事ですね！

やるべき事がだんだん具体的になってきて、テンションが上がってきました

[31] mixiユーザー 09月03日 23:56

momongaモモちゃんさま

ありがとうございます！

＞私はIllustratorCS4を使っていますが、ライブトレースというので、もっと良い精度で同じことが実現できます。
たぶんCS3でもライブトレースの機能はあったような・・・・

最近のIllustratorには「ライブトレース」という、いわゆる「ストリームライン」的な機能が内蔵されているのですね。
便利。

色々なご意見をまとめると、それなりの動きを出すにはやはり「Flash」での動画づくりがよさそうですね。
自分の場合はペンタブは一切使わず、出来るだけアナログ線を残した状態でアニメに起こしたいので、ちょっと面倒ですが頑張ります。

イラストは、普段通り紙に描いた線画をPCに取込んで、まずはPhotoshopデータに。
その線画を「ライブトレース」か「ストリームライン」でパスデータに変換して、Illustratorデータに書き換え、動画素材をどんどんためていく。

どちらでパス変換するかは、イラストを今まで通りMac OS 9.2で仕上げるか、来週手元に届く、CS３もしくはCS４で仕上げるかによるのですが。

あ、あと、今夜からアニメ用のイラスト制作に入ろうと思っているのですが、保存形式はどれにしておけばよいのでしょうか？

[34] mixiユーザー 09月04日 15:17

＞自分の場合はペンタブは一切使わず、出来るだけアナログ線を残した状態でアニメに起こしたいので
したらスキャン画像をごみ取りしてから切り抜いてPNG24保存してFlashに取り込むとかですね。

ぶっちゃけ実践せずにここで話し聞いてるだけでは、何時まで経っても「あなたにとってのベストな手法」
は見つかりませんよ。
俺らひとりずつ俺らにとってのベストな手法しか話してませんし。

＞保存形式はどれにしておけばよいのでしょうか？

作業中は強制的に.fla
パブリッシュされたデータは.swfか.aviか.movになりますが、
QT7proでMP4にコンバートしておくとデータが圧縮されるためyoutubeにアップしやすくなります。

上記をDTPに例えると
作業中データは.psd/.ai
パブリッシュデータは.swfが.eps（tiff8bit/jpeg）、avi/movが.tiff非圧縮に相当します。
MP4は静止画だとjpeg的はポジションですね
（※あくまで例えなので原理的には全く正しくないですあしからず）

まーでもあれですね、
とりあえずアニメーションGIFでも作ってからステップアップしたって全く何の問題もないわけで。
Flashでアニメ作る教本やレクチャーサイトも山ほどありますし。
そろそろ実践に移っても良ろしいんじゃなくって？

[35] mixiユーザー 09月04日 21:31

momongaモモちゃんさま

＞どの方法と手順でアニメつくろうとしているのかがよくわからないのと
どこの段階での保存形式の話なのかよくわからないので返信できないんですが・・・

まず１コマだけの小さいテストアニメを作ってみて
具体的に疑問が出たらそのことについて調べるようにしてみたらどうでしょうか？

すみません。
出版物は形式がepsと決まっていたので、動画を目的とするイラストの場合も何かに決まっているのかなと思いました。

[36] mixiユーザー 09月04日 21:37

xotakkさま

すみません。
あたしが思っているほどルールみたいなものはないみたいですね。
実際何から手をつけていいのか分からない段階だったものですから...。

まだ手元にはFlashもマニュアル本も届いていない状態でしたので、とりあえずそれまでにイラストを描いておこうと思っていました。

素人すぎるがゆえに不快にさせてしまってスミマセン。

大量に描き上げた後に「あー、それじゃあダメだよ。全部やり直さないと！」となるのが怖かったものですから

失礼いたしました

[37] mixiユーザー 09月04日 21:50

質問に答えてくださった皆様。
ありがとうございました。

こちらのコメントとマニュアルを照らし合わせながら少しずつ進めていこうと思います。

ホントにありがとうございました。

[38] mixiユーザー 09月05日 18:25

もしFlash使うなら、Flash CS3以上ならaiのパスデータとかpsdのレイヤーとか、ある程度読み込めるから（フィルタとかによってはそのまま読み込めないものもアリ）、作業中のファイル形式は、aiとかpsdでいいと思いますよ。

あと、Flashが対応している読み込み形式は、透過情報付きの8bit・32bitのPNG画像・JPG画像・アニメーション無しのGIF画像。

です。

音声は、wav・mp3・aiff・AUです。

[39] mixiユーザー 09月08日 13:05

NoBodyさま

ご丁寧にありがとうございます！
ホントに助かります