Shotcut: Youtubeに解説動画を公開するには

Blenderのアニメーションを学び始めて、ブログに解説を書いていますが、プラグラミングと違って、アニメーションを画像と文字で解説すると大変長くなります。 私はアニメーションより画像と文字のほうがずっと学びやすいと思いますが、ネット上のチュートリアルも基本はアニメーションです。 自宅では主にiMacを使っていますので、スクリーンキャプチャはQuick Timeです。音声入りでも音声なしでも簡単にキャプチャできます。 しかし、下のように声をいれない作成サンプルの場合には、少し加工します。この場合はBGMを入れてフェイドしました。     1.BGM   いまのところ…

Continue reading

Synfigでアニメーション:ハートを描く

Synfigはフリーのオープンソースの2Dアニメーションを描くアプリケーションです。 今回はアニメーションの前段階としてハートを描きます。ベクトル画像を扱えるので、InkScapeで描いたもの使ってもよいのですが、Synfigのベジェ曲線でハートを描きました。 はじめてなので時間がかかりましたが、できてしまえば簡単です。   1.ベジェ曲線でハートを描く     2.ストロークとフィルは別々のレイヤー     3.形を整える     4.完成     Please follow and like us:…

Continue reading

Synfigのアニメーション:はじめてのアニメーション

Synfig Studioはフリーのオップンソースの2Dアニメーションソフトウェアです。 SketchBookと比べるとベクター画像を扱えるのと、motion tweenが使えるのでアニメーション作りの手間が省けます。 例えば、下のアニメーションは2秒の動作を繰り返しています。1秒に24フレームなので48枚の画像を描く必要があります。 SketchBookで作成するなら、コピーして少し移動してということを48回繰り返します。 これに対して、Synfigではタイムライン上に上下左右の四点を配置するだけで、スムーズな動きをSynfig作成してくれます。     上記のアニメーシ…

Continue reading

Inkscapeのアニメーション:CPUベン図, Vivus+SVGator

Pythonではターミナルの利用が必須ですが、書き込んだコマンドの意味を理解するのは少し大変です。 カーネルとかシェルとかbashとか、初心者にはなじみのない言葉もたくさん出てきます。 基本的な用語は理解しておきたいので調べているところですが、カーネル、シェル、bashなどの関係を図にしました。 Inkscapeで描きSVGで書き出し、一つ目はVivus Instant、二つ目はSVGatorでアニメーションにしました。 Vivus InstantはSVGファイルをWebページの指定された箇所にドロップするだけでアニメーションになります。SVGatorはファイルを読み込み一つ一つ動作を指定しま…

Continue reading

Inkscapeのアニメーション:コーヒー, SVGator

Inkskapeでイラストを描いてSVGで保存し、下のサイトで読み込みアニメーションを設定します。 利用するにはアドレスを記入しての登録が必要ですが、アクティベーションはありません。   SVGator   SVGの画像は拡大してもあらくなりません、また、グループごとに式で書かれているので、それぞれにアニメーションを設定できるのも特徴です。   SVGをアニメーションにするのにはいろいろな方法がありますが、インターネット上で読み込んで、移動方向やタイミングなど細かく設定できるのがSVGatorの特徴です。     黄色が見えにくいですが、3本の…

Continue reading

Rのアニメーション:人口ピラミッド, gif

Rでネット上のデータを取得し人口ピラミッドの変化のアニメーションを作成しました。 予想よりは簡単でしたが、ちょっと手間です。 下のページの説明通りにすればできます。非常に簡潔にわかりやすく説明されています。   Japan’s ageing population, animated with R   I.アニメーション         II.スクリプトの解釈       III.Macの場合の手順   1.MacPortをインストール MacPortはImageMagicを簡単にイン…

Continue reading

Kritaのアニメーション:宇宙船, ffmpeg

アニメーション作成のソフトウェアを何にするか、まだ決めかねているのですが、今回はKiritaを使って見ました。 はじめての利用ですが、3時間程度で11フレームの簡単な動画ができました。 描き方は、基本的にはフレームをコピーして少しずらしての繰り返しですが、描きやすそうです。 Kiritaにはアニメーションとして書き出す機能がないので、フレームごとの画像として書き出して、別のffmpegを用いてアニメーションにします。Gimpでもできるようです。 Kritaはペンツールが豊富で美しい絵を描くことができると評価が高いですが、スキルがないとねえ、、、   ちなみにこの動画はMacのQuic…

Continue reading

アニメーション詩作のための情報収集 ver. 1

詩のアニメーションーションを作成したいと思っていますが、まだ利用するアプリケーションを決めかねています。 そのため、ネットで情報を集めています。本日見つけたものを記録しておきます。 1.Blenderで作成された2Dアニメーション GP- “Foxie” GreasePencil, Freestyle & GP tools addon (Fan art, based on a ChrisLam anim) by Daniel M. Lara (Pepeland) from Pepe School Land on Vimeo. コメント 3Dアニメーション作成ソフ…

Continue reading

Method Drawのアニメーション:Method Draw, Vivus

InKscapeを用いなくても、オンラインのMethod Drawで図を描いて保存し、そのファイルをVivus Instantでにドラッグandドロップするとアニメーションを作成できます。 テキストは塗りなしストロークではないのでアニメーションにはなりません。 参考 create animated SVG online with Vivus Jan 9, 2017 Please follow and like us:…

Continue reading