Synfig チュートリアルを参考に（おおいに簡約し）説明を行ってゆきます。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> 和訳synfig-チュートリアルーアニメーションの基礎その１ に引き続き、Synfig でアニメーション動画を作成する方法を確認してゆきましょう。
タイムラインを理解する ここまでで「1s 0f」タイプの多少奇妙な表現を理解できたはずです。これらの「1s 0f」タイプの表現はタイムライン上のある一点を指し示すものであり、「s」は秒（second）、「f」はフレーム（frame）になります。 1秒間は 24フレームに分割されます。これは通常のアニメ撮影等で行われているのと同様です。フレームは 0 から 24 まで存在し、秒が進むとまた 0 に戻ります。 例えば、アニメーションの「6秒間中の 3フレーム」は「5s 3f」になります。 「えっ？5s？6s じゃないの！？」 と言いたくなるかもしれませんが、このことは常に 0 からスタートしている為、そうなってしまうのです。
キーフレームリスト キーフレームリストを理解するのは簡単です。キーフレームリストは「Time」が開始される場所を意味し、「Length」は範囲を、「Description」は概要を意味します（「Jump」は後述します）。
キーフレームリスト[クリックするとこのウィンドウで拡大]
この「Jump」って何でしょう？これは単なる「リンク」なのです。Web サーフィンで利用するリンクと同様で、（JMP）をクリックするとタイムスライダ上の「その時間」にジャンプするのです。
ある地点へのジャンプ（その 1）
[クリックするとこのウィンドウで拡大]
ある地点へのジャンプ（その 2）
[クリックするとこのウィンドウで拡大]
さあ、「ある時間」のイメージを変更してみましょう。まず二つ目に追加したキーにジャンプしてみましょう。次にワークスペース上のサークルを右に移動してみま しょう。
サークルの移動[クリックするとこのウィンドウで拡大]
この時点で最初のムーブメントを作成することができました。Synfig で作成したはじめてのアニメーションです。 まだ「どこにアニメーションがあるの？ 」と不思議に思うかもしれません。では、タイムスライダ上の適当な場所をクリックしてみましょう。すると移動した覚えのない場所に赤いサークルが移動していることに気 づくでしょう。
Synfig が作成したアニメーション
[クリックするとこのウィンドウで拡大]
これは Synfig が自動でうまくやってくれているのです。Synfig はサークルを移動し、２点間の時間の間のイメージをうまく描いてくれたのです。その為、サークルが移動したように見えたのです。
最後に 次回で「Synfig チュートリアルーアニメーションの基礎」シリーズは終了です。一度自分で実践してみることもお勧めします。
Read more →
Synfig チュートリアルを参考に（おおいに簡約し）説明を行ってゆきます。今回はアニメーションの作成方法です。 まずは先に今回の完成イメージをご覧になって下さい。
完成イメージ[クリックするとこのウィンドウで拡大]
（クリックすると動き出します）
今回はこのような動画を作成してゆきます。
目次 紹介 Synfig を利用してアニメーションを製作するのは非常に簡単です。アニメーションの製作は線（ドロー）を変更してゆくだけです。 必要なのはオブジェクトの最初と最後において、どのように状態が変更されているか定義を行うことです。最初と最後の間の細かいステップは Synfig が自動で作成します。 まずは簡単な例で説明しましょう。まずは小さな一つの光を思い浮かべて下さい。その光は左から右へ、また最後に左へ移動してゆきます。状態 を整理すると次のようになります。
サークルが左に位置している サークルが右に位置している サークルが左に（戻って）位置している さあ、つくってみましょう！ ワークスペースのセットアップ まずは Synfig Studio を開始し、新しいファイルを作ります。通常は Synfig を起動すると既に作成された状態になりますが、「File」－「新規（N）」をクリックし、新しい Synfig を作成しましょう。
起動直後の Synfig Studio[クリックするとこのウィンドウで拡大]
新しい Synfig の作成（その 1）
[クリックするとこのウィンドウで拡大]
新しい Synfig の作成（その 2）
[クリックするとこのウィンドウで拡大]
次に「Edit」－「プロパティ」をクリックして下さい。プロパティダイアログが表示されるはずです。この画面で「Name」（タイトル）、「Descrip tion」（概要）を入力し、「適用（A）」をクリックして反映させましょう。
プロパティダイアログの表示[クリックするとこのウィンドウで拡大]
タイトル・概要の入力[クリックするとこのウィンドウで拡大]
今回はこのプロパティダイアログで「End Time」（完了時間）を変更します。この値を 2秒（2 second）にしましょう。
完了時間の修正[クリックするとこのウィンドウで拡大]
そして「Rectangle Tool」（長方形ツール）を使って背景を全て黒にしましょう。この時、キャンバス全てを黒で埋め尽くす必要はありません。
背景の作成[クリックするとこのウィンドウで拡大]
今度はカラーセレクタで赤を選択し、「Circle Tool」（サークルツール）を使ってサークルを描いてみましょう。この時も後で調整は可能ですので完璧なものでなくても構いません。
カラーの選択[クリックするとこのウィンドウで拡大]
円（光）の作成[クリックするとこのウィンドウで拡大]
「Normal Tool」（ノーマルツール）を使ってサークルをクリックしましょう。すると緑のドットであるドックスが見えてくるでしょう。 このドックスをマ ウスで移動することでサークルも移動します。ただ、今は特に実施する必要はありません。移動した場合、「Ctrl＋z」を入力し元に戻しておきましょう。
サークルの移動（その 1）[クリックするとこのウィンドウで拡大]
サークルの移動（その 2）[クリックするとこのウィンドウで拡大]
これでオブジェクトを描き、移動する最初のステップは完了（「サークルが左に位置している」まで）です。ただ、この時点ではまだアニメーションとしては不十分 です。
ムーブメントの追加 最初にプロパティダイアログで完了時間を 2秒に設定しました。その為、キャンバスウィンドウ上のキャパシティ（許容能力）が拡大しました。
Read more →
今回はフリーの波形編集ツールとしては有名すぎて他の様々なサイトでも扱われていますが「Audacity（オーダシティー）」をご紹介します。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> Audacity ロゴ[クリックするとこのウィンドウで拡大]
Audacity って何？ Audacity は波形編集ソフトです。 特に Audacity は mp3 形式のまま編集作業を行うことができたり、音質の良さも評価される等、利用者が急増しています。
Audacity ってどんなもの？（スクリーンショット） 文章だけで説明してもイメージがつきにくいでしょうからスクリーンショットを並べます。 まず、Audacity のメインと言える画面のイメージです。
Audacity 起動直後の画面[クリックするとこのウィンドウで拡大]
「波形」編集ソフトですので一定の波形を選択し、選択した波形に対して「カットする」「無音にする」「様々な効果をかける」等を行ってゆくことで作業は進みます。
Audacity による波形編集（カット処理）[クリックするとこのウィンドウで拡大]
Audacity による波形編集（無音化処理）[クリックするとこのウィンドウで拡大]
Audacity による波形編集（効果をかける）[クリックするとこのウィンドウで拡大]
もちろん、音源を結合することも可能です。その為には既に音源ファイルが読み込まれた状態で別の音源を読み込みます。
Audacity による音源の結合（その 1）[クリックするとこのウィンドウで拡大]
Audacity による音源の結合（その 2）[クリックするとこのウィンドウで拡大]
Audacity による音源の結合（その 3）[クリックするとこのウィンドウで拡大]
その他のデータ ソフトウェアとしてみた場合の Audacity の詳細を記載しておきます。
動作環境 Windows、Linux、Mac。
ライセンス オープンソース・フリー
安定性 使っている限り落ちたことはありません。
Audacity 公式ホームページ http://audacity.sourceforge.net/
Audacity ダウンロード先 Windows 版 http://audacity.
Read more →
今回は 無料で動画をつくってみようpencil-編でご紹介した Pencil のインストール方法について説明してゆきます。ただ、インストールといっても Pencil の場合はインストールは不要でダウンロードしたファイルを解凍して実行するのみで非常に簡単です。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> なお、Mac、Linux の方々には申し訳ありませんがここでは Windows 環境でのインストールを対象としております。
Pencil のダウンロード まず Pencil のダウンロードですPencil のダウンロード先にアクセスしましょう。
Pencil ダウンロード URL http://sourceforge.net/project/platformdownload.php?group_id=155770&sel_platform=5772 (http://synfig.org/Download) Pencil ダウンロード URL にアクセスしたら以下のパッケージを左クリックします。すると自動でダウンロードが開始されます
pencil-[バージョン]-win.zip
Pencil のダウンロード[クリックするとこのウィンドウで拡大]
pencil の解凍 ダウンロードした Pencil （Pencil-[バージョン]-win.zip）をご自身のアーカイバ（解凍ソフト）で解凍します。たいていは右クリックから解凍できるはずです。 一応 Lhaplus を使った場合の解凍方法を掲載しておきます。
pencil の解凍[クリックするとこのウィンドウで拡大]
Pencil の起動 Pencil を解凍したフォルダの中で「Pencil.exe」を実行します。もちろんインストーラを使用していない為、スタートメニューの登録等は自分で行う必要があります。
pencil の起動[クリックするとこのウィンドウで拡大]
pencil 起動直後の画面[クリックするとこのウィンドウで拡大]
Read more →
前回の和訳synfig-チュートリアルーはじめてみようその２に引き続き Synfig チュートリアルを参考に（おおいに簡約し）Synfig の説明を続けてゆきます。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> リンキング（Linking） さあ、リンキングをはじめてみましょう！二つのサークルが「同じサイズであってほしい…」と思うことは誰でもあるものです。 まず二つのサークルを選択し、サークル内の端にあるドックスを選択しましょう。その後、もう一つのドックスも「Ctrl＋クリック」で選択しましょう。
サークル内半径ドックスの選択[クリックするとこのウィンドウで拡大]
ドックスを選択した後、どちらかのドックス上で右クリックで表示されるメニューの「Link」を選択して下さい。これでパラメータが関連付け（リンキング）ら れました。
ドックスのリンキング[クリックするとこのウィンドウで拡大]
この状態でサークルの一つの半径（「radius」）を変更するともう一方のサークルの半径も同じように変更されます。
リンキングによる半円の拡大[クリックするとこのウィンドウで拡大]
補足
この方法で「outline」は「regions」とリンキングされています。また、このリンキング機能は今後さらに改良されるでしょう。
「サークルの一つに色を着けてみたい」場合はツールボックスの下にあるカラーセレクタを使います。このフォアグランド・バックグラウンドカラーウィジェットは 安定していて簡単に利用することが可能です。
カラーセレクタ[クリックするとこのウィンドウで拡大]
ただ、カラーをそのままクリックしたいとも感じるでしょう。その場合はパレットエディターペインを使います。このペイン上でお好みのカラーをクリックしてみて ください。すぐにフォアグランドカラーに反映されるはずです。
パレットエディタペインの利用[クリックするとこのウィンドウで拡大]
ちなみにこれらのカラーの指定を行ってもまだ、サークルのカラーは変わっていません。
色の変更[クリックするとこのウィンドウで拡大]
サークルのカラーを変えるには次の二つの方法があります。まず、一つ目はカラーを変更したいサークルレイヤを選択し、パラムズダイアログのカラーパラメータを 修正することです。
パラムズダイアログからの変更（その 1）
[クリックするとこのウィンドウで拡大]
パラムズダイアログからの変更（その 2）
[クリックするとこのウィンドウで拡大]
もう一つの方法はフィルツール（「Fill Tool」）を使うことです。既にツールボックス上でカラーを指定している場合、このフィルツールをクリ ックし、サークルをクリックすることでそのカラーが変わります（ただ、反映には 1秒程時間がかかってしまいます）。
フィルツールを使った変更（その 1）
[クリックするとこのウィンドウで拡大]
フィルツールを使った変更（その 2）
[クリックするとこのウィンドウで拡大]
今後 もちろんこれで Synfig の機能を全て見てきたわけではありません。本格的なアニメーションとなるとさらに Synfig の機能を熟知する必要も出てくるでしょう。
それらの話題も含め今後取り扱ってゆきます。
最後に リンキングの概念は私自身非常に興味深く、色々な可能性を感じてしまいます。ここまでの知識だけでも十分 Synfig を楽しむことはできるはずです。一度簡単なアニメーションを作成してみてはいかがでしょうか。 なお、チュートリアルとしては今回で終了です。今後はもっと深い話題について説明してゆきます。
Read more →
前回の「【和訳】Synfig チュートリアルーはじめてみよう（その１）」に引き続き Synfig チュートリアルを参考に（おおいに簡約し）Synfig の説明を続けてゆきます。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> 最初のステップ さあ、つくってみましょう。まず、新しい Synfig を開始してみましょう。やり方は「[【和訳】Synfig チュートリアルーはじめてみよう（その１）](h ttp://make.makeall.net/2008/04/27/23)」で説明した以下の部分から確認することが可能です。
ユーザがツールボックス内の “new composition” ボタンをクリックした時、新しい Synfig が開始され、キャンバスウィンドウが表示されます。このウィンドウはルートキャンバスと呼びます。
新しいキャンバスウィンドウ[クリックするとこのウィンドウで拡大]
また、作業の前に Windows ユーザの場合は（2008/04/30 時点では）「2つ以上 CPU のある Windows で Synfig を使う」を確認し、CPU 数を 1つに制限しておくも忘れないようにして下さい。 次にツールボックス上のサークルツールを探してみましょう。他のツールについても言えますが、どれか分から ない場合はツールボックス上をマウスで移動し、何も押さずに停止してみて下さい。ツールチップが表示されるはずです。
サークルツール[クリックするとこのウィンドウで拡大]
ユーザはサークルツールをクリックした時、ツールオプションパネルが変換したことに気づくでしょう。でもここではそのことについてはまだ触れません。
BLineツール選択時のツールオプション[クリックするとこのウィンドウで拡大]
サークルツール選択時のツールオプション[クリックするとこのウィンドウで拡大]
ノート
ノートパソコン等の場合サークルツールを使って異常なサイズのサークルを作ろうとした時に失敗する可能性があります。このことはSynfig がタッチパッドを発見し、デバイスを不適切な状態で有効にしてしまう問題として知られています。この問題を修正する為に「File」→「Input devices」をクリックし、利用しているタッチパッドデバイスに対して「Disable」（無効）を選択して下さい。この変更を行えば、ユーザはマウ スやタッチパッドを問題なく利用することが可能です。
サークルツールが選択されている状態でユーザはキャンバスウィンドウ内のワークエリアにサークルを作ることが可能です。この作業はユーザの期待通りに動きます 。
サークル作成開始[クリックするとこのウィンドウで拡大]
Read more →
今回は 無料で動画をつくってみようsynfig-編でご紹介した Synfig のインストール方法について説明してゆきます。この記事は長くなってしまいましたが、作業自体はほとんど「次へ」をクリックしてゆくだけですので 8分程で完了します。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> なお、Mac、Linux の方々には申し訳ありませんがここでは Windows 環境でのインストールを対象としております。
全体の流れ ここで説明しているインストールは Synfig のダウンロードから Synfig の起動までを念頭においています。手順はこの通りの順番で進めていって下さい。
Synfig のダウンロード まず Synfig のダウンロードです。Synfig のダウンロード先にアクセスしましょう。
Synfig ダウンロード URL http://synfig.org/Download Synfig ダウンロード URL にアクセスしたらページ中部までスクロールし、以下の４つのパッケージを右クリックからダウンロード（保存）します。
gtk
gtkmm
synfig
synfigstudio
Synfig のダウンロード（その１）[クリックするとこのウィンドウで拡大]
Synfig のダウンロード（その２）[クリックするとこのウィンドウで拡大]
synfig のインストール では synfig からインストールを始めます。
Read more →
by stateya in
Linux, Mac OS, Pencil, Windows, はじめて, 動画をつくってみよう, 画像をつくってみよう, 読みきり
Linux, Mac OS, Pencil, Windows
非常に面白いアニメーション動画作成ツールである「pencil（ペンシル）」をご紹介します。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> pencil ロゴ[クリックするとこのウィンドウで拡大]
pencil って何？ pencil は最近流行の「ベクター系ツール」とは異なり、「ドロー系ツール」となります。 pencil は Corel Painter 等を利用していた方等 には馴染み深いかもしれません。使いやすいインタフェースで画像を作成していゆき、「キーフレーム」を追加してゆくことで簡単にアニメーションを作成することのできる ツールになります。 また、対応している動画の出力フォーマットが jpg、Flash（swf）、mpegであり、様々な動画形式を扱うことが可能です。
ノート
mpeg 形式は 2008/04/30（version v0.4.4b）時点において Windows では未対応です。ただ、連続して出力された jpg ファイルを VirualDubMod 等で読み込ませることで mpeg 形式を作成することが可能です。
pencil ってどんなもの？（スクリーンショット） 文章だけで説明してもイメージがつきにくいでしょうからスクリーンショットを並べます。 まず、pencil のメインと言える画面のイメージです。Inkscape で作成した画像を読み込んでみました。
pencil 起動直後のメインウィンドウ[クリックするとこのウィンドウで拡大]
pencil は他の動画作成ソフトウェアと同様キーフレームを追加してゆくことで動作の定義を行います。このキーフレームはオブジェクトをレイヤとして追加でき、音 源や動画のレイヤを複数重ねて動画を作成することが可能です。
pencil のキーフレーム機能[クリックするとこのウィンドウで拡大]
pencil では豊富ではありませんが、いくつかペイントツールが用意されています。ここでは「Sketch（スケッチ）」、「Draw（ドロー）」、「Colou ring（カラーリング）」ツールについて紹介します。
pencil のスケッチツール[クリックするとこのウィンドウで拡大]
pencil のドローツール[クリックするとこのウィンドウで拡大]
pencil のカラーリングツール[クリックするとこのウィンドウで拡大]
動画作成はイメージのシーケンス（png、jpg）、Flash（swf）、mpeg 形式での出力が可能で、速度の指定は FPS で行います。
Read more →
Synfig Studio って何？このチュートリアルではユーザに最初のステップを提供します（Synfig の簡単な情報については「無料で動画をつくってみよう（Synfig 編）」を参照して下さい。）。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> この情報は [Synfig 公式ホームページチュートリアル](http://synfig.org/Getting_Started#Digging_deepe r)の和訳となります。ただ、公式ホームページ上以上に画像を追加しています（文書だけでは途中で寝てしまうでしょう）。 また、内容が豊富である為、数回に分けてご説明してゆきます。今回は初回分となります。
ご紹介 Synfig（シンフィグ）は「キャンバス」や「レイヤーズ」といった機能を持つグラフィック系プログラムに分類されます。ただ、次に示す 2つの大きな点において他のグラフィック系プログラムとは大きく異なります
1. 「プリミティブ」と呼ばれる個別レイヤ機能 例：シングルリージョン（single region）、リージョンアウトライン（outline of region ）、インポート JPEG（import JPEG） この機能はユーザに非常に多くの柔軟さと制御を提供します。またそれら多数のレイヤは階層構造で管理することが可能です。
2. 柔軟なレイヤ機能 レイヤはその配下のイメージの情報を含むだけでなく修正を歪曲させもします。Synfig のレイヤは Adobe Photoshop や GIMP に代表されるようなフィルタ機能のように動作することを意味します。例えば次のようなレイヤを持ちます。
ブラーレイヤ（ぼやけたレイヤ） ラディアルブラーレイヤ（放射状レイヤ） スフィアライズレイヤ（球体状レイヤ） カラーコレクトレイヤ（色調補正レイヤ） ベベルレイヤ（傾斜状レイヤ） Synfig のレイヤ機能[クリックするとこのウィンドウで拡大]
それぞれのレイヤは振舞いを決定するパラメータの集合となります。ユーザがキャンバスウィンドウやレイヤーズダイアログでレイヤをクリックした時、パラメータ ダイアログの中でそのパラメータを確認することができます。
パラメータの集合を意味するレイヤ[クリックするとこのウィンドウで拡大]
Synfig Studio では自動復旧機能が用意されています。Synfig が保存前にクラッシュした時、5分以内に Synfig を再度起動すれば自動で保存されていない変更の復旧を行うか否か尋ねられます。ただし、履歴の復旧は現状は行われません。その機能は将来実装される予定です。
Synfig の復旧機能[クリックするとこのウィンドウで拡大]
Read more →
日本ではまだあまり馴染みがないのですが非常に強力なベクター動画の作成ソフトである「Synfig（シンフィグ）」をご紹介します。
google_ad_client = “pub-9752043470362559”; /* 336x280, 作成済み 08/07/21( */ google_ad_slot = “5621791976”; google_ad_width = 336; google_ad_height = 280; //–> Synfig ロゴ[クリックするとこのウィンドウで拡大]
Synfig って何？ Synfig は公式ホームページからの引用を拝借すると「”キャンバス”や”レイヤーズ”といった機能を持つグラフィック系プログラム」（詳細は「【和訳】Synfig チュートリアルーはじめてみよう（その１）」を参照）となります。 Synfig では勝手に間のシーンを作成してくれたり、ベクター形式のドローツールで画像を作成できたり多くのレイヤが用意されていたりと数え切れないほ ど機能が存在し、筆者も主に動画作成で利用しています。 フリーでここまで高機能なツールはなかなか存在せず、まだ開発途中なのが残念（2008/04/26現在）ですが動画を作成している方には必見です。
Synfig ってどんなもの？（スクリーンショット） 文章だけで説明してもイメージがつきにくいでしょうからスクリーンショットを並べます。 まず、Synfig のメインと言える画面のイメージです。ほとんどの作業はこの画面から行います。
Synfig 起動直後のメインウィンドウ[クリックするとこのウィンドウで拡大]
Synfig ではキーフレームでオブジェクト単位に動作を細かく指定することが可能です。
Synfig のアニメーション機能[クリックするとこのウィンドウで拡大]
もちろん、作成した動画のプレビューにも対応。
Synfig のプレビュー画面[クリックするとこのウィンドウで拡大]
出力形式は多岐に渡り、画像形式でも出力できますので他のアプリケーションに読み込ませて動画を作成したり、Flash 形式にすることも可能です。
Synfig が出力可能な形式[クリックするとこのウィンドウで拡大]
Synfig がつくった動画達 かなしい男の子達のお話。 男が狼男になるまで。 もちろん、Synfig の公式 HP ではこの他にもギャラリーとして沢山の作品がアップされています。
その他のデータ ソフトウェアとしてみた場合の Synfig の詳細を記載しておきます。
動作環境 Windows（Core2Duo 環境は「2つ以上 CPU のある Windows で Synfig を使う」を参照）、Linux、Mac。
ライセンス オープンソース・フリー
Read more →