01 FireAlpacaアニメーションGIF
Summary
TLDRこのビデオスクリプトでは、フリーソフトFireαか64を使ってアニメーションGIFを作成する方法が紹介されています。スクリプトでは、海や魚、潜水艦のイラストを用いて4コマ漫画風のアニメーションを作成し、レイヤーやツールの使い方、色塗り、アニメーションの作り方など詳しく説明されています。最終的には、完成したアニメーションGIFを保存し、それを再生して確認する手順も紹介されています。初心者向けにわかりやすく解説されており、自分でも簡単にアニメーションを作成できる楽しさを伝えています。
Takeaways
- 😀 スクリプトはフリーソフトFireαか64を使ってアニメーションGIFを作成する方法を説明しています。
- 🖼️ 素材として3つの異なる画像(懐中イラスト、魚のイラスト、潜水艦のイラスト)を使用予定です。
- 💻 ソフトウェアを起動するとバージョン情報とアップデートの通知が表示されることがまず確認できます。
- 🔧 ツールバーには様々なツールがありますが、アニメーション作成に必要な最小限のツールについて説明が行われます。
- 🎨 レイヤー機能を使用して透明なトレーシングペーパーのようなものを利用し、アニメーションを作成していきます。
- 🖌️ ペンツールとブラシコントロールを使って線と色の幅を調整し、アンチエイリアス設定も重要です。
- 🔄 スクリューツールを使って画像を回転させ、位置を移動させることでアニメーションの1コマを作成します。
- 📂 レイヤーをフォルダーにまとめることで、アニメーションの各フレームを整理し、管理しやすくなります。
- 🎨 色塗りレイヤーを使って潜水艦に色をつけ、アニメーションに彩りを加える方法も紹介されています。
- 🐟 魚のイラストを読み込み、レイヤーの前面に配置して海の中にいるような雰囲気を演出します。
- 🔗 アニメーションGIFとして保存する際には、ファイル名を付けて保存し、Windows標準のフォトアプリで再生確認します。
Q & A
Fireαか64を使ってアニメーションGIFを作成する際に必要な素材は何ですか?
-アニメーションGIFを作成するためには、3つの画像ファイルが必要な場合があります。その例として、海のイラスト、魚のイラスト、そして潜水艦のイラストが挙げられます。
Fireαか64を起動した時に最初に行うべき操作は何ですか?
-Fireαか64を起動した時は、まずバージョン表示とアップデートがあるかどうか確認する必要があります。その後、メッセージをOKで消してから作業を開始します。
アニメーションを作成する上で必要な最小限のツールには何が含まれますか?
-アニメーションを作成する上で必要な最小限のツールには、ペンツール、ブラシツール、ブラシコントロール、レイヤーウィンドウなどがあります。
アンチエイリアス機能はどのような効果がありますか?
-アンチエイリアス機能は、線や色がはっきりしない部分にグラデーションをつけることで、滑らかで自然な見た目に仕上げることができます。
レイヤーを移動したり編集する時に便利なツールは何ですか?
-レイヤーを移動したり編集する時に便利なツールは、手のひらツールです。これによりキャンバスを好きな場所に移動させることができます。
アニメーションを作成する際に、どのようにして画像を読み込むべきですか?
-アニメーションを作成する際に画像を読み込むには、レイヤーのメニューから「画像を新規レイヤーとして読み込む」を選択し、必要な画像ファイルを指定します。
4コマ漫画をアニメーションにするにはどうしたらよいですか?
-4コマ漫画をアニメーションにするには、それぞれのコマをレイヤーとして準備し、それぞれを微調整してアニメーションの1コマずつを作成します。
スポイトツールは何に使われますか?
-スポイトツールは、画像から特定の色を取得するために使われます。取得した色を使って後で同じ色を再利用することができます。
アニメーションの再生速度を調整する方法は何ですか?
-アニメーションの再生速度は、1秒間に何コマ表示するかで調整されます。ファイルメニューの「書き出し」→「アニメーションGIFを書き出す」から設定が変更できます。
完成したアニメーションGIFを保存する時に重要なポイントは何ですか?
-完成したアニメーションGIFを保存する際には、適切なファイル名を付けて保存場所を選ぶことが重要です。また、保存後にも同じ場所から作業を再開できるようにしておく必要があります。
アニメーションGIFを確認するにはどうしたらよいですか?
-アニメーションGIFを確認するには、ダブルクリックで開くのは一般的ではありません。代わりに、右クリックして「プログラムから開く」を選択し、Windows標準の「フォト」アプリなどを使って開くことができます。
Outlines
🎨 ファイヤーアルパカの基本操作とツール紹介
ビデオではフリーソフトのFireαか64を使ってアニメーションGIFを作成する方法が紹介されています。作成に必要な素材として、3つの画像ファイルが用意されており、これらの画像を使ってアニメーションを作成していきます。ファイヤーアルパカを起動し、バージョン情報とアップデートの有無を確認した後、ツールの使用方法について説明していきます。ツールバーにあるツールの中でも、アニメーション作成に必要なものだけを取り上げ、ブラシの太さや透明度などの設定方法について説明しています。レイヤーの使い方と、キャンパスの作成方法も初心者向けに詳しく説明されています。
🖌️ ペイントツールの使い方とキャンバスの操作
この段落では、ファイヤーアルパカのペイントツールを使った絵を描く方法が紹介されています。ペンと消しゴムの使い分け方、移動ツールを使ってキャンバスを動かす方法、そして塗りつぶしツールを使って色を塗る方法について説明されています。アンチエイリアス機能の有効/無効切り替えによる線の滑らかさの違いも実演されています。キャンバスの拡大/縮小や移動、色の選択方法、スポイトツールを使って特定の色を取得するデモンストレーションも行われています。
🎨 レイヤーの活用とアニメーションの基本
アニメーションを作成するためにレイヤーの概念が重要であることが強調されています。レイヤーを使って図を移動させる方法や、ペイントツールで色を塗る際の注意点が説明されています。また、選択ツールを使って特定の領域を選択し、変形ツールを使って図形を変形させる方法も紹介されています。スポイトツールを使って色を取得し、ペンで線を引くデモンストレーションも行われています。
🚤 4コマ漫画風アニメーションの作成
ここでは4コマ漫画をアニメーション化する方法が紹介されています。レイヤーを複製して個々のフレームを作成し、それらをアニメーションにする方法について説明されています。スクリューの回転や位置の移動を使ってアニメーションの動きを作り出し、選択ツールを使って特定の部分を選択・変形させる方法も詳しく説明されています。
🖌️ 色塗りとレイヤーの管理
アニメーションの中で色塗りを行う方法が紹介されています。ペンで線を引いた後、ペイントツールを使って色を塗り、レイヤーを使って色塗りレイヤーと元の線画レイヤーを分離する方法について説明されています。フォルダーを使ってレイヤーを整理し、アニメーション全体を一つのユニットとして扱う方法も紹介されています。
🌊 海の背景と魚のアニメーションの追加
潜水艦が海の中にいる雰囲気を作るために、海のイラストをバックグラウンドに追加する方法が説明されています。また、魚のイラストを新規レイヤーとして読み込み、アニメーションに加える方法も紹介されています。レイヤーの順序を変えて魚が前景に表示されるように調整し、アニメーション全体に自然な動きを与える方法が詳しく説明されています。
🐟 完成したアニメーションの確認と保存
ここまで作成したアニメーションを確認し、必要に応じて調整する方法が紹介されています。アニメーションの再生速度を調整し、全体の流れを確認する方法について説明されています。最後に、完成したアニメーションをGIF形式で保存する方法も詳しく説明されています。
📁 アニメーションの出力と確認
最後に、作成したアニメーションGIFを出力し、Windows標準のフォトアプリで開いて動作を確認する方法が紹介されています。スクリュー部分の塗り潰し忘れなどの細かい修正も行い、完成したアニメーションをもう一度再生して確認するプロセスが説明されています。
Mindmap
Keywords
💡ファイヤーアルパカ
💡アニメーションGIF
💡ツール
💡レイヤー
💡ブラシコントロール
💡アンチエイリアス
💡選択ツール
💡新規キャンパス作成
💡色塗り
💡画像の読み込み
Highlights
フリーソフトFireαか64を使ってアニメーションGIFを作成する方法を紹介
デスクトップに作成用のフォルダを作り、3つの画像ファイルを用意
ファイヤーアルパカの起動とバージョン表示、アップデートの確認方法
ツールの使い方とアニメーション制作に必要なツールの説明
ブラシコントロールでの線の太さと透明度の調整
レイヤーの使い方とアニメーション制作におけるレイヤーの重要性
キャンパスの大きさと移動ツールの操作方法
ペンと消しゴムの使い方、アンチエイリアスの有効無効化
スポイトツールを使って色を取得し、ペンで書く方法
選択ツールと変形ツールを使って特定の領域を選択・変形する方法
アニメーションモードでレイヤーを1コマずつアニメーションにする方法
画像の複製とレイヤーへの読み込み、アニメーションの流れを作る方法
色塗りレイヤーを使ってアニメーションに色をつける方法
フォルダを使ってアニメーションの各コマを整理する方法
アニメーションGIFの保存と出力方法
完成したアニメーションGIFを確認する方法と注意点
アニメーション制作の総括とフィードバックの提供
Transcripts
今回は
フリーソフトのFireαか64を使って
アニメーションGIFを作ってみたいと
思います
ではファイヤーアルパカを最初に使うので
ちょっと最初の方は使い方の説明をし
ながら作成をしていきたいと思います
ではまず
素材として準備したものが一応3つの画像
ファイルを用意しました私の作成用って
いうフォルダをデスクトップに作ってこの
中に入れてあります一つは懐中イラストと
いう海の中のイラストですそれか魚の
イラストそれから
潜水艦っていうのを用意をしましたこっち
のこの3つの画像でアニメーションを作っ
ていきたいと思います
ではまずファイヤーアルパカを起動します
起動するとこれが起動の画面です
で最初に必ず
起動をすると
バージョン表示とそれからアップデートが
あったりするとここに出すような機能に
なってるみたいですから
必ず最初にこのメッセージが出るのでOK
クリックで消すことができます消したら
スタート開始ということになりますまず
ちょっとツールについてね初回ですので
説明をしますツールたくさんいろんなもの
があるんですが今回4コマの漫画を作る
ところアニメーションを作るには
必要最小限のツールの説明をしたいと思い
ます
一つ目はこのツールですねでこれを動かす
ことができますこんな風に
自分のこの上に行くとここ上に入ります
一番上のところに入れておいてもいいし
ウィンドウの中に出しておくことも可能
です僕はこの方が使いやすいんでこの辺に
持ってきておきますが
あと
プラスチックブラシをねこのブラシって
ペンなんかをブラシペンとかブラシとかっ
て言うんですけどこのブラシプレビューっ
ていうのがありますこれってね線のこう
書くときのこれもあるんだけど両端の
筆圧をゼロにするってやるとこんな線これ
は今回は使わないのでそのままでいきたい
と思いますか
それからペインの太さがここに表示ができ
てますでペンと太さを修正するためには
ブラシコントロールってところで
太さを決めます
これ透明度って上段が大きさです下段が
透明度になります
今回はアンチエイリア前に使った時無効に
なったのでこれは全体設定と同じにして
おきますよってしておきます
それからもう一つ今回は4コマ漫画なんで
レイヤーを使いますのでレイヤーのこの
ウィンドウもここに出しておくと非常に
便利ですでこれいろんなものを自分で使い
たい時にこう出すことができるんです
ちょっとウィンドが狭くなっちゃいますが
どれ出したのかわかんなくなっちゃう
でしょう加わるとねほとんど全部出ちゃっ
たんだけどねで
ぐちゃぐちゃになっちゃったらば
ウィンってこれを初期化することができ
ます
ウィンドウの初期化ってやると
ウィンドウの位置を全部初期化して
もらえるので最初にインストールした状態
と同じ状態に戻りますだから使う時にいつ
も使い慣れてる状態でこれ普通に終了した
場合にはここの場所にあるようになってい
ますのでなんかで初期化をしたい時だけ
初期化をすればいいと思います
ねブラシプレビューをじゃあツールを出し
ておきます今回はブラシコントロールも
出しておきますそれからレイヤーも出して
おきたいレイヤーというのは透明の
トレーシングペーパーみたいなものですね
このウィンドウを出しておきたいと思い
ますでここで今度は新規にキャンパスを
作るわけなんですが新規にキャンパスを
作る場合はWordなんかと同様に
ファイルメニューの新規作成をやります
そうすると大きさを聞いてきますこれ横
かける縦ですね
1920ドットの1080ドット今通常
言われているフルハイビジョンという形の
ドット数ですでこれで作っていきたいと
思いますじゃあOKをクリックしますそう
するとここにキャンパスができました
キャンパスの大きさというのはマウスの
センターボタンの下にこう回すと小さく
なります上に引っ張り上げると大きくなる
これ大きさはいつでもできるようになって
いますそれからこの
キャンパスの場所っていうのは結構動かす
ことが多いので一番右側の手のひらツール
これを
クリックしてでカノツールって必ず1回
押すと青くなっていますこのツールの今
機能してるよって意味になりますのでこの
手のひらツールを動かすとこのキャンパス
が好きな場所に持っていくことができる
ようになっています
ではちょっとペンから説明をしていきたい
と思うんですがペンはここを押すとペンが
ロックをされますでペンとか消しゴムとか
をこうやった場合に上の底のツールこれが
ね変わってきます今はペンと消しゴムは
ほとんど同じなんですが先ほどの他の
ツールでこれ移動ツールってんですけど
移動ツールと今回は
塗りつぶしをするペンキ缶みたいなやつ
ですねそれとあと洗濯ツールっていうのが
ありますこの選択ツールなんですけど場所
を決めて選択をするってなりますそれから
今回使うのはスポイトツールっていうのが
ありますこれ色を取得するためのものです
で先ほど言ったように手のひらツールこの
くらいあれば今回は十分だと思いますので
やっていきたいと思いますちょっと先にね
ペンのところで一つ説明だけしたいのに
全体的にアンチエイリアス全体設定となり
ますよねこれは何なのかっていうのを見て
いきたいと思うんですがペンで今は
ちょっと赤にしましょうか色を変えるとき
はこのブラシの大きさと色はこちらの
カラーのところを使いますこれも自分で
好きな色を作ってパレットを入れること
できるんですが今回はパレット使わない
まま赤色でちょっと今赤色にしますよ赤色
ってね
255の
002550-00でいいと思います赤と
グリーンとブルーですねここに数字も入れ
てもいいしここのところを動かしてもこの
数字が変わりますでちょっと練習のために
今赤でねアンチエイリアンがオンの状態で
この線を書きます
でアンチエリアを今度はここでオフ無効に
して線を書きます
ここで見た状態ではほぼ一緒だと思います
がここでマウスのねこの大きさを
キャンパスを見る大きさを大きくしたいと
思いますで下に回すと大きくどんどんなり
ます場所がとんでもないとこ行っちゃっ
たらこうやるとキャンパスが動かせます
もっと大きくするとこんな感じになります
ね
で
あんまり大きいと区別がつかなくなっ
ちゃうかなはいでアンチエイリアというの
をオンになっていると
書いたドットと書かないところの間が
ちょっとほら色がだんだん薄くなるやつが
こう入るんですそうすると周りがもう
きちっとここじゃなくてなんかうわーっと
こう綺麗にかけた感じになりますまあ用途
によって変えていくんですがここの場合も
今は
下はだから書いたところと書かないとここ
がきっちり分かれています
これアンチエイリアが有効か無効化って話
ですで今回この消しゴムにしますこれ全体
設定使うからこれもアンチエリアを無効に
しておくと消しゴムちょっと大きいから
ちょっと小さくしますねここをやると
どこどこどこどこってこうこんな感じに
消せますアンチエリアを全体設定これ有効
でも有効にすると周りがモアモアモモと
こうなります
消しゴムで消した時もきっちりと消すのか
色別に分けてやるのかって時によって
ちょっと異なりますがこれがアンチエリア
という機能の説明となります
ねちょっとなかなか理解しにくいかもしれ
ないけどだんだん慣れてくれば便利になる
かもしれませんで今ペンのところでアンチ
エイリアというところをね有効無効にし
ました今ちょっと全体設定使うところにし
ときますねはいで
次は今度は消しゴムっていうのは今やり
ましたよね消しゴムはもう書くときペンは
書きますから消しゴムは消すだけですここ
に消せますで消しゴムの大きさを大きく
すればたっぷりこうやって消せますこんな
感じになりますただ残っちゃいますからね
こういうのもありますで次が今度はこの
レイヤーの移動ですこの今書いてある
透明のトレーシングペーパーをサラサラと
作れるので動かすってイメージになれば
全体動かしますんで他に書いてあるのも
全部動きますはいでここが動かすことが
できるよってことです
あとこのペンキ缶っていうのは例えば色が
塗ってあるところと塗ってないところ違い
になるんでちょっとこれ
緑じゃないでしょうか
緑にしてここを塗ると色の塗ってない
ところ今なかったところ
[音楽]
透明のところですね透明は
白黒の四角になってますから
市松模様になってるとこが透明だっていう
意味です
ねでここはじゃあ元に戻す場合はこの戻る
のと行くのがありますからファイルの下の
ところこれ戻れますもっと前に戻れますで
これまた先に進めますのでこんな感じに
なります今回はここまででいいのでここに
戻しておきたいと思いますこれ便器管の
ところです同じ色のところですね例えば
ちょっと練習にしますと
黒色のペンでね
ここにこう黒色書いてあるとしますよねで
書いてあったらばペンキ感を選んだ時に
自分がクリックしたところに今は透明だ
から
透明のところを何色で塗
るっていうなんだけどどこかにこういう枠
があるとそこでおしまいになるので例えば
緑色にここを塗りたい場合はここを
クリックするとここだけが全部透明になり
ます
ねそんな風なイメージで塗ることができ
るって事になります
次はこの選択ツールですこれは区域を選択
します
選択したところはこの反転してないとか
選択されてますここでデリートキーを押す
とこれ全て消すことができます
それからこのファイルの下のこれ戻ると1
個戻りますのでこの辺もうまく活用すると
自由に使えるようになります
それで大丈夫ですねはいでこれで選択を
ずっと解除しますね
選択をしたら選択解除をするしないと
反映がされません例えばちょっと洗濯を
ここしますよね
選択をして変形ってのがあります選択する
とどうかできるんでこれ大きくしました
場所も動かしましただけどここの右下の
OKを押さないで
選択解除すると元の位置に戻りますこれも
ちょっと使い方としてここもちょっと練習
しとかなきゃいけない部分だと思います
で変形のところで
比較じゃない変形場所が選びますこれはね
こういう変な形でねこんな形に選びたい時
ここだけをどうするってことができます
これ変形を選ぶとここの今のところだけを
大きくできます
こんなことをあんまりしないと思います
けどねこういう風な変形ができるよって
ことになりますこれもOKをしないで
ちょっと解除してきますねと戻りますから
ね
大丈夫ですかねはいそれと今度はもう一つ
今回使いたいのはこの
スポイトツールとなりますスポイトツール
はそこの色を取得します何色だったかって
ことですよねで
緑色なんてこの辺を選んでもそうでも
なかなか難しいと思うので例えば今もう色
もねここはじゃあ黒にしちゃおうっていう
と全部0でいいんですよ
000ってやるとこれ真っ黒になります
で真っ黒に今なってますのでここでなんか
書きたい場合とかはこう書くと真っ黒い
線画を掛けますでもこの緑でまた書きたい
なってことができた時にスポイトを
クリックしてクリックすると緑色の色が
取得してくれますそうすると便利が着たい
時にこの色で書くことができるようになり
ます
これ違いですねはいそれとじゃあ手のひら
ツールが先ほどやったようにこの
キャンパス自体を好きな場所に動かすこと
ができるって事ですこれとマウスのボタン
の真ん中ボタンで小さくしたり場所を
動かしたり大きくしたり場所を動かしたり
でうまく使っていくと
便利だという形になりますではこれ試しに
書いたのでここは消しときますねこの
レイヤーは書いたものいらないので消して
おきます洗濯を解除して
スタートと同じ状態になりました
ではこのレイヤーのところに新しい画像を
読み込んでみたいと思います
レイヤーの位置一応1枚前のところに
読み込むことができるんですでここで
レイヤーのところで右クリックをして
画像を新規レイヤーや新しいレイヤーとし
て読むことができますでは読んでみたいと
思いますクリックをするとどこの画像を
読むんだって聞いてきますから今回は
デスクトップに作成予定作ってそこに
データが入れてありますからこの
潜水艦を選んで開くとやりたいと思います
そうするとその潜水艦の画像がここの
ところにレイヤーに入りましたあくまでも
これレイヤーが違いますので先ほどの
レイヤーはここでした当面のレイヤー上に
作られてますだから選んだレイヤーをこう
動かすと
トレーシングペーパー自体をスルスルと
動かせますので好きな場所に持っていく
ことができますで下の例はこれ何もないの
でこれ動かしても何も動きようがないです
ねレイヤーに何も書いてないからね動き
ようもないですでこのレイヤーはもう使わ
ないのでいらない場合はこの下にレイヤー
のメニューがありますゴミ箱と一番右が
ゴミ箱です次が
複製ですその次がフォルダーを作ります
その次これ色のレイヤーなんで今回これは
使わないので普通のレイヤーを新規に入れ
たい時が一番左です
それで大丈夫だと思いますね
それではねこの恋愛1っていうのはいら
ないので早速ご連絡にしてます
で今回4コマの漫画を作りますので
潜水艦っていう例やこの画像を4つ用意を
したいと思いますでする場合にはどうする
かというと
潜水艦を選んどいてこの複製ボタンです
123回押すと4つレイヤーができました
同じ画像が今4枚入ってる状態です
ではこれを4コマ漫画にするときはこの
レイヤーをね1コマずつレイヤーを1コマ
ずつできるって話になりますから
アニメーションという意味になりますここ
でアニメーションモードにすると一つの例
は1コマとしてアニメーションにします
よって話になります
今は同じだからこれじゃ全く動かない
画像になってしまいますのでここでこの
スクリューをちょっと回転をさせて違う
場所に動かしてみるとアニメーションの1
コマずつが作れるようになります
でアニメーションが下から上にこう実際に
は動いていきますのでここに動いていき
ますまあだから4枚目からやって構わない
と思うんですが一番最後のコマはどこに
しようかって感じだとかじゃあそれを
ちょっとやってみたいと思いますでこの
スクリューをちょっと回転しますので
マウスボタンをちょっと上向きに回すと
大きくなります
で
キャンパスを手のひらサイズでいい場所に
持ってきますもうちょっと行儀かな今回の
やりですねで一番最初のここのところは
このコマが
斜めここに来るといいと思います
後でやってみればわかるけどねどうやっ
てこうやるのかをやってみたい
でさっきの選択ツール四角ではなくって
範囲を選択自由選択にしますでこの
レイヤーのこのスクリューの
羽根の部分だけを選びますちょっと難しい
かもしれないけど頑張ってくださいで選び
ました選んだらこれを動かすことができる
んで変形をしますそうするとこれ動かせる
んですよ2枚目のレイヤーは縦にいこうね
あるよってのわかりますからこのレイヤー
をこれ回転する時は先ほどやったのにこう
やると動かせるんだけど回転する時はこの
マウスカーソルがこの上下十字は動い
ちゃいますでこの曲がる時はこの
丸くくるっと矢印があるこの時は回せます
んでこれこう45度ぐらいか傾けたいと
思いますで場所をここに動かしてちょっと
傾きが悪かったらちょっと傾きを直します
でこんな風に合わせると
45度傾いたスクリューがここの場所に
移動できましたまだ決定をしていないので
必ずOKボタンをクリックしますそうする
とここにあった画像がここに変形して移動
したよって意味ですからもういいので選択
は解除しますとここに移動できたよって
ことになります今度下のスクリューがこの
向きでは当然おかしいのでもう少し
キャンパスを上に持ってきますここを今度
消すので消しゴムで消す方法と四角で
消そうがありましたね今回めんどくさいん
でちょっと四角で消すやつをまずやって
四角でうまく消せるかどうかがあるんです
がこう余分なところまで消しちゃいけない
ですねこうやって上の周りとかも入っ
ちゃうからちょっと注意をして
失敗をしたら選択解除をして
ご資格聞いてみましょうかこんな形で選ん
でデリートキーを押すと一発で消せます
ただこれだとまだ上に残りがあるのでここ
にちょっともう少し消しゴムでちょっとし
た修正をしたいと思います選択解除をする
とまた続きができますので正規消しゴムを
選択しますこんな大きく消すと高額と消え
ちゃいますからこれダメですよね間違え
たら戻しましょうで消しゴムのサイズを
ちょっと小さくしますここからいいかな
自作したらここのとこちょっとこう消し
ますここも
消します大丈夫ですねさっき行く上でも
ちょっと消します
ねで今度はこの羽がこの下にこっちに伸び
なきゃいけないからこれはペンで書きたい
と思いますで色を黒にしたいんですがこの
黒も何種類かあるみたいですからスポイト
でこの辺の苦労をちょっとやると黒出ます
ねでここで同じ色がいいですよねこの
スクリューと同じ色だからスクリーンとか
でもいいですよこれ同じ黒でも大きくする
と明るいんだけど少しボケたりしてると
思います
黒になります444ですねの黒ですでここ
にペンで書きたいと思うでペンをクリック
しますそうするとペン先がこの丸で出ます
のでこのペン先をブラシコントロールの
ところでやって5ぐらいかなねだいたい
この大きさぐらいにしておくといいと思い
ますでここの下に伸びるのでこんな感じに
ちょっと書いていくといいと
思いますこんな感じでいいかなはいできた
と思います
一番最後の駒はこれ形になりますでは次の
コマに動きます今度は真横に行けばいい
ですねだいたいスクルって下からこう回っ
てくるのかなだから真横にしたいと思い
ますそしたらちょっと
キャンパスをちょっと下に動かしますで
これを真横にしようかと思いますじゃあ
また選択でこのスクリューの際のところ
丸いところ上をちょっとご記憶囲って言っ
てでグルーと周りを
囲って
選択しますそしたら変形をしますで変形
ですから心回転をさせますもしあれだっ
たらちょっとキャンパスをね動かしても
いいけどまあまあこれ動かしましょうかで
この辺に持ってくるとわかりやすいんでね
このくらいかな
もっとだったねこれ45だってここですね
真横にするんだったね真横に持ってきて
さっき緑のがいるからねここら辺に持って
きてこう入れるといい感じかなだいたい
いい感じかと思います真横に入りましたそ
したらできたので洗濯を決定をしなきゃ
いけないですでできたらここを動かしたの
で選択解除します
ねそしたら今度は下のところですねもう
ちょっとキャンパス上に持ってってこの
スクリューを消さなきゃいけないので消し
たいと思います資格の楽かなね四角で迷っ
た消しちゃうで
選択解除して消しゴムを持って残り
ちょっとのとこ消す
楽かなまあどっちから行くかだけですこれ
はもうちょっと消せばいいので消して
くださいでスクリューをちょっと書か
なきゃいけないのでただここのペンを持っ
て
太ささっきのあまりこの横にちょっと一発
入れる場所
ねここでスクリューが書けました
はいで今2個目2コマ目ができましたで
今度は3コマ目に行きます3コマ目のこの
レイヤーをクリックしますと3コマ目は
この斜め下にここに出るというわけです
からこのスクリューを移動しましょうと
同じ手順でまたこのスクリューを選択をし
ますグッと選択してこの周りを選択します
これがマウスがねちょっと操作がなかなか
難しいかもしれないで洗濯ができたらば
ここで変形をしますで回転をするので回転
このくらいかな場所を移動します
角度がちょっとあっていない間違えてね
ちょっと今回ですね
こんな感じかなはいこんな感じでの間に
なりましたよねだいたいいい感じにできた
と思いますそしたらOKを忘れずですやっ
てここで変形の解除しますそしたら
ちょっとキャンパスを下に動かして上の
プロペラを消したいですよねプロペラと
いうかスクリューっていうのかなここは
なんか四角くできそうなんでやっていき
たいとやるとこ少なくより少なくした方が
楽なのでこれでデリートキーを押すと消せ
ます
選択を解除して消しゴムを持ちます消し
ゴムでここのところをちょっと消します
もうちょっと消しますでスクリューの
こちらを今度ペンで書かなきゃいけないの
で先ほどのこの太さでいいのでだいたい
イメージとしてはこの辺からこの辺から
ちょっとこんな感じに書くと作りが大変に
なったかなってイメージになりますこの下
もちょっとスクリューの線いるのかな
ちょっと入れとこうかね今回のかな
ますこれで4コマ全部できたと思います
じゃあちょっと大きさを小さくして場所を
移動します
はいでここで1コマ目2コマ目3コマ目4
コマ目で回ってきましたね回ってるかどう
か見てみるのはアニメーションメニューの
ところ自動再生にするとくるくる回ってる
のが見えますこれでOKですね
時間できただけなんですが
潜水艦自体に色を塗っていく方法もあるん
ですけどね今回はそのレイヤーをちょっと
活用したいと思うので
アニメーションの場合1コマ1コマを
フォルダーの中に入れておくとその
フォルダーの中は一つの絵として判断をし
てもらいますですからフォルダをちょっと
ここに入れたいと思いますでフォルダを
入れる場合は
潜水が入れたいところのレイヤーを選択を
してフォルダをクリックするとフォルダが
入りますそしたらフォルダ方向の中にこの
潜水管のレイヤーを移動しておきます移動
できますそうすると中に入りますからね
はいでもう一つこの潜水艦の下のところに
もフォルダーを用意したいと思いますで
これも移動します
でその次の潜水艦もフォルダーを作って中
に入れますその次の潜水艦もフォルダーを
作って中に入れます
と入りました
でそうするとこれ同じでねフォルダを
クリックするとそこは一つの画像として
見るようになりますから他のものを入れる
とフォルダー1の中のレイヤーを重ねて一
つの画像として見ることができます
そんなイメージになりますのでやってみ
たいと思います
はいではここで色塗り映画っていうのを一
つ追加をしたいと思います
新しいレイヤーを追加するときはこの潜水
管のところいろいろ無理した色塗りをし
たいのでねこれを一つ追加をします
レイヤー1ってのがありましたそしたら
レイヤー1のところでペンキ感をこぼすん
ですが
潜水艦レイヤーが下にいますから
ここのレイヤーでこぼすとこの黒く見えて
ますのでここのところを赤く塗りたい
例えばなるとしますねそしたら色をまず
赤くしますでもペン期間でやるんですよ
ペンキ感を選んでからでもいいですどちら
から選んでもいいけど色をとりあえず赤に
します赤は2午後の
00っていうのを間でどなたでもいいけど
ね
00にちょっとやってやっていきたいと
思います
00で入りましたそしたらここでペンキ感
をこぼします赤く塗れましたよね簡単です
よね次これ緑にしたいのでこの緑色の
こんな色にして上をこぼします同じく今度
は先端をちょっと青くしたいので青を選ん
で両方塗りますそれから茶色っぽい色で
この
羽を塗りたいと思いますのであれを塗って
いきたいと思い
ますで帯でも塗ります
帯を塗る時にうっかりこの黒いところで
やっちゃうと黒い色が全てこの色に変わっ
てしまいますのでこれ要注意です間違え
たら
矢印キーで戻ります
尾びれのところも大きくなくて大丈夫かと
思いますけどここにこうやると帯びれが
売れるようになりまし
によって一つ塗れましたのでこの色塗った
レイヤーちょっとこれねフォルダを置く
ためにこうクリックするとここ塗ってない
ですよねほら塗ってないですよねだから
塗ったレイヤーをこのここにコピーして
あげると塗ったイメージになりますので
これもコピーしましょうでまあこれ
潜水艦を塗ってもいいんですけどまあ違う
色にしたいとかちょっとなんかやる場合に
重ねると便利だってことを理解してもらう
ための今回色塗りレイヤーですはいではを
もう一つここで複製をしたいと思います
抑制をしたらこのフォルダーにの潜水艦の
手前に入れときますもう一つレイヤーを
コピーをして
潜水管の手前ときますもう一つコピーをし
て
慣れてくると早いでしょコピーしてやり
ますそうすると各フォルダをクリックした
時に全部
濡れてますよねこれでokだと思います
ちょっとこれでアニメーションで確認を
するとアニメーション自動再生すると
潜水管がプルプルプルプル回って
るっていう風になりました
では今度はここでこの潜水艦これじゃ空に
いるんだがどこにいるかわかんないから海
の中にいるようにしたいと思いますで
ちょっとこう見るのにねちょっと今
キャンパスが広いのでもうちょっと小さく
して
キャンパスをもうちょっと左に動かして
おくといいかもしれませんねこんな感じに
やりたいと思い
今度はこの
潜水艦のここの後ろのところにその海の絵
を入れたいと思いますでここでまあいいや
ここで入れちゃうかな潜水艦とか右
クリックをして
画像を新規レイヤーとして読み込むを入れ
ます
でこの
懐中イラストを選択をして開くを入れると
入りますで懐中イラストが今
色塗りと潜水艦の間にいますからこれ一番
下に持ってきますとこんな感じになります
で今周りが余っちゃってますよねだから
海中イラストのこの
イラストをもっと大きくしてあげなきゃ
いけないのでここでちょっとねこの
フォルダのレイヤーのところにあるこの
白いマークがありますね丸をやると表示し
なくなりますと分かりやすいからこれで
やっていきたいと思います
はいじゃあこれでね大きさを変えたり移動
するには
選択をすればできるって事がありますねだ
からここを選択をします
そうするとね選択してあるのでこれ動かす
とこのレイヤーの中だけ動きますまあ
ちょっと写真も出てきますねはいで変形を
する時に変形をするんですが変形を普通に
やると横に伸ばすと両方に伸びちゃいます
これちょっとあのまた
移動したりして面倒くさいので今回は同じ
変形なんですがもう一度この変形をし直す
と自由変形をクリックしますそうすると
ここは右側だけ伸びます気をつけなきゃ
いけないようにこれ斜めにも動いちゃい
ます自由ですからねでも一応真横にこう
動かしてってだいたいかぶりをします
こちらを真下に動かしていってかぶるよう
にします
ねこんな感じかなだいたい入りましたね
はいこれで場所が決定したのでOKを必ず
クリックをしますとこの区域を大きくした
なってわかりますのでこれで
選択解除しますこれでできたのでちょっと
この潜水管ところを表示するとこんな感じ
に潜水艦が海の中に今いるって事になり
ました
で次のフォルダに行くとこれ当然海がない
ので海中イラストを
複製をして
この
潜水艦の下に入れます同じくこの海中
イラストを複製をしますで
潜水艦の下に入れます
それから同じくもう1回これを複製をして
懐中イラストの中に入れますそうすると
入りましたね
できたのでここをチェックすると全部こう
濡れてますねはい一番
スタートは4から動きますんでこの作りが
立って少し回ってもうちょっと回って
もっと回るという感じでまた縦に戻るって
感じになりますからこういう感じで
ぐるぐる回ってるっていうイメージになる
と思います
で今これを潜水艦と見るだけじゃちょっと
寂しいのでお魚がここで泳いてる雰囲気に
したいと思いますでお魚が泳ぐときはどう
するかっていうと今度は一番手前に魚がい
た方がちょっと面白いのでレイヤーのこの
色つぶしよりもっと手前に
魚がいるようにしたいでここにまた右
クリックをして
画像を新規レイヤーとして読み込みますと
選べばいいんです
魚1を選んで開くってやると魚市がこんな
ところに行きましたで今レイヤー1が選択
になってますのでレイヤーの研修ペーパー
をこうやると好きな場所に動かせます
4番ってことはここから始まって234だ
からこの辺にいるといいのかなっていう
雰囲気を出しておきましょう
そしたらさかなクンのこのレイヤーをまた
複製をしますでこれを2番レイヤーの2番
フォルダのレイヤー1の手前持ってきます
これはもうちょっとこのペーパーこれに
持ってきといた方がいいのかなって気がし
ますそれからおさかなクンのレイヤーを
もう一つ複製をしますでフォルダーさんの
レイヤー1の間に入れますでここだとはだ
からこの辺かななんていう風にしておき
ますでもう一つ
この魚のレイヤーを
複製します
で今度はフォルダー用のところレイヤーの
ここに入れますそしたらこれここでいいの
かなって感じになりますで今全部
格納ができました1コマずつに
魚とレイヤーと潜水艦イラストが入って
ますちょっとホルダーをたたむとすっきり
するのでフォルダーを畳んでみましょうか
4個前にできていますこれ見てみるとこう
魚がここからスタートして次にここに置い
てここに動いてここに動くとなります
じゃあこれはアニメーションで見てみよう
ということになりますのでアニメーション
をメニューを出して自動再生をクリックし
ますそうすると魚がすごい勢いで泳いで
ますよねこれちょっと慌ただしいので1
秒間に何個待ってとこがこれ3コマぐらい
にすると
魚が平原でちょっと優雅ですね
潜水艦が止まってて4コマぐらいでもいい
かなちょっと4コマにしてみましょうか
こんな感じですねこのくらいのがリアルか
な
意外と魚早いからね
潜水艦はちょっと戦争してそこで停止し
てるイメージですね流れないように
ちょっとスクリューをプルプル回して
るってイメージになりました
これでアニメーション時代Fができました
ので今度はこれを保存をしておきます
せっかく作ったんでねこの情報を全てを
入れたまま保存しておくと続きができます
ではどうするのかというとファイルの名前
を付けて保存ですWordなんかと一緒
ですね
途中経過をやってきますデスクトップの
再生作成予定フォルダの中に入れといた方
が便利だと思いますので
潜水艦アニメ作成とのか
潜水艦
作成ってしときましょうかねはい作成って
名前で保存をしておきますそうすると保存
ができるともう閉じちゃってもここから
続きをまたやりたい時はいつでもでき
るって事になりますで今日のここの成果と
してアニメーションGIFを出力をし
たければと思いますそれは今度はファイル
メニューで今度は
書き出しアニメーションGIFを書き出す
んだよってことになりますからこれを選び
ますどこに出すのかって作成を中に書き
ましょうね作成用の中にアニメーション
GIFを
でこれはアニメとの名前しときましょうか
じゃあ
潜水艦アニメにしようかな感じにして水管
[音楽]
アニメこれにしましょうねアニメにしまし
たでこれで保存をしておきますで1秒間に
何コマ4個まで今見ててよかったんでこれ
でいいかな4コマでいいのでOKをします
と保存ができましたじゃあできたのも確認
してみたいですちょっとファイヤー
ちょっと小さくしてねで作成用って
フォルダの中にさっき入れましたんで
スタートの時は3つの画像しかなかったん
だけど
潜水艦アニメGIFと
潜水艦作成っていうアルパカのファイルが
できました
で潜水アニメ出力したのでこれを実際に
動くかどうか見てみたい場合はこのまま
ダブルクリックだとペイントなんかは動画
のやつ見れないので右クリックをして
プログラムから開くでフォトっていうのが
Windows標準で入っていますので
フォトを開くと開きましょう
潜水艦GIFを開くとこんな形で動いて
るっていう風になると思います
今回してて気がついたんですが
スクリューが回っているとか後ろほら後ろ
の透明になってたからここ本当は
塗りつぶしとかなきゃいけないね後で直
すってことができますので大丈夫だと思い
ますじゃあこれで確認できました
じゃあ今回のレッスンは一番最初に初めて
ファイヤーアルパカでアニメーションを
作るというためにレッスンはもうスタート
しましたのでこれで皆さんやってみては
いかがでしょうか
今回はこの以上で終わりますお疲れ様でし
た
تصفح المزيد من مقاطع الفيديو ذات الصلة
AIイラストの背景を動かす方法を4つ解説します!簡単に出来る方法から、応用まで!
Apple Arrow Motion Graphics in After Effects - After Effects Tutorial
【初心者でもできる】炎上必至のAIで超簡単3DCGチュートリアル公開!
【AI動画の作り方】アニメのai実写化動画はどう作る?SNSでバズるAI動画を作って、マネタイズする方法とは
Midjourneyの始め方から応用テクニックまで、この動画で全て解説します!誰でも簡単に0から最短でAIイラスト生成ができるようになります。
【無料素材つき】Mocha Aeでスマホ画面を合成する方法 Part.01【Adobe After Effectsチュートリアル動画.072】
5.0 / 5 (0 votes)