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
00:01今回は
00:03フリーソフトのFireαか64を使って
00:08アニメーションGIFを作ってみたいと
00:11思います
00:14ではファイヤーアルパカを最初に使うので
00:16ちょっと最初の方は使い方の説明をし
00:19ながら作成をしていきたいと思います
00:23ではまず
00:24素材として準備したものが一応3つの画像
00:28ファイルを用意しました私の作成用って
00:31いうフォルダをデスクトップに作ってこの
00:35中に入れてあります一つは懐中イラストと
00:38いう海の中のイラストですそれか魚の
00:42イラストそれから
00:44潜水艦っていうのを用意をしましたこっち
00:47のこの3つの画像でアニメーションを作っ
00:51ていきたいと思います
00:53ではまずファイヤーアルパカを起動します
00:58起動するとこれが起動の画面です
01:01で最初に必ず
01:03起動をすると
01:05バージョン表示とそれからアップデートが
01:08あったりするとここに出すような機能に
01:10なってるみたいですから
01:12必ず最初にこのメッセージが出るのでOK
01:15クリックで消すことができます消したら
01:19スタート開始ということになりますまず
01:22ちょっとツールについてね初回ですので
01:24説明をしますツールたくさんいろんなもの
01:27があるんですが今回4コマの漫画を作る
01:30ところアニメーションを作るには
01:33必要最小限のツールの説明をしたいと思い
01:36ます
01:38一つ目はこのツールですねでこれを動かす
01:41ことができますこんな風に
01:43自分のこの上に行くとここ上に入ります
01:46一番上のところに入れておいてもいいし
01:49ウィンドウの中に出しておくことも可能
01:51です僕はこの方が使いやすいんでこの辺に
01:54持ってきておきますが
01:56あと
02:00プラスチックブラシをねこのブラシって
02:02ペンなんかをブラシペンとかブラシとかっ
02:05て言うんですけどこのブラシプレビューっ
02:08ていうのがありますこれってね線のこう
02:12書くときのこれもあるんだけど両端の
02:14筆圧をゼロにするってやるとこんな線これ
02:17は今回は使わないのでそのままでいきたい
02:20と思いますか
02:22それからペインの太さがここに表示ができ
02:26てますでペンと太さを修正するためには
02:29ブラシコントロールってところで
02:32太さを決めます
02:34これ透明度って上段が大きさです下段が
02:37透明度になります
02:39今回はアンチエイリア前に使った時無効に
02:43なったのでこれは全体設定と同じにして
02:45おきますよってしておきます
02:48それからもう一つ今回は4コマ漫画なんで
02:51レイヤーを使いますのでレイヤーのこの
02:55ウィンドウもここに出しておくと非常に
02:57便利ですでこれいろんなものを自分で使い
03:00たい時にこう出すことができるんです
03:02ちょっとウィンドが狭くなっちゃいますが
03:03どれ出したのかわかんなくなっちゃう
03:06でしょう加わるとねほとんど全部出ちゃっ
03:08たんだけどねで
03:10ぐちゃぐちゃになっちゃったらば
03:13ウィンってこれを初期化することができ
03:14ます
03:15ウィンドウの初期化ってやると
03:18ウィンドウの位置を全部初期化して
03:20もらえるので最初にインストールした状態
03:23と同じ状態に戻りますだから使う時にいつ
03:26も使い慣れてる状態でこれ普通に終了した
03:29場合にはここの場所にあるようになってい
03:31ますのでなんかで初期化をしたい時だけ
03:34初期化をすればいいと思います
03:36ねブラシプレビューをじゃあツールを出し
03:39ておきます今回はブラシコントロールも
03:41出しておきますそれからレイヤーも出して
03:44おきたいレイヤーというのは透明の
03:46トレーシングペーパーみたいなものですね
03:47このウィンドウを出しておきたいと思い
03:50ますでここで今度は新規にキャンパスを
03:53作るわけなんですが新規にキャンパスを
03:55作る場合はWordなんかと同様に
03:57ファイルメニューの新規作成をやります
04:00そうすると大きさを聞いてきますこれ横
04:03かける縦ですね
04:051920ドットの1080ドット今通常
04:08言われているフルハイビジョンという形の
04:12ドット数ですでこれで作っていきたいと
04:15思いますじゃあOKをクリックしますそう
04:18するとここにキャンパスができました
04:21キャンパスの大きさというのはマウスの
04:24センターボタンの下にこう回すと小さく
04:27なります上に引っ張り上げると大きくなる
04:30これ大きさはいつでもできるようになって
04:32いますそれからこの
04:35キャンパスの場所っていうのは結構動かす
04:37ことが多いので一番右側の手のひらツール
04:40これを
04:42クリックしてでカノツールって必ず1回
04:46押すと青くなっていますこのツールの今
04:48機能してるよって意味になりますのでこの
04:51手のひらツールを動かすとこのキャンパス
04:54が好きな場所に持っていくことができる
04:55ようになっています
04:58ではちょっとペンから説明をしていきたい
05:00と思うんですがペンはここを押すとペンが
05:03ロックをされますでペンとか消しゴムとか
05:07をこうやった場合に上の底のツールこれが
05:11ね変わってきます今はペンと消しゴムは
05:15ほとんど同じなんですが先ほどの他の
05:18ツールでこれ移動ツールってんですけど
05:21移動ツールと今回は
05:23塗りつぶしをするペンキ缶みたいなやつ
05:26ですねそれとあと洗濯ツールっていうのが
05:29ありますこの選択ツールなんですけど場所
05:32を決めて選択をするってなりますそれから
05:35今回使うのはスポイトツールっていうのが
05:38ありますこれ色を取得するためのものです
05:40で先ほど言ったように手のひらツールこの
05:43くらいあれば今回は十分だと思いますので
05:45やっていきたいと思いますちょっと先にね
05:48ペンのところで一つ説明だけしたいのに
05:52全体的にアンチエイリアス全体設定となり
05:56ますよねこれは何なのかっていうのを見て
05:58いきたいと思うんですがペンで今は
06:01ちょっと赤にしましょうか色を変えるとき
06:03はこのブラシの大きさと色はこちらの
06:07カラーのところを使いますこれも自分で
06:10好きな色を作ってパレットを入れること
06:12できるんですが今回はパレット使わない
06:15まま赤色でちょっと今赤色にしますよ赤色
06:19ってね
06:20255の
06:23002550-00でいいと思います赤と
06:27グリーンとブルーですねここに数字も入れ
06:31てもいいしここのところを動かしてもこの
06:33数字が変わりますでちょっと練習のために
06:36今赤でねアンチエイリアンがオンの状態で
06:39この線を書きます
06:42でアンチエリアを今度はここでオフ無効に
06:46して線を書きます
06:48ここで見た状態ではほぼ一緒だと思います
06:51がここでマウスのねこの大きさを
06:56キャンパスを見る大きさを大きくしたいと
06:57思いますで下に回すと大きくどんどんなり
07:00ます場所がとんでもないとこ行っちゃっ
07:01たらこうやるとキャンパスが動かせます
07:03もっと大きくするとこんな感じになります
07:06ね
07:07で
07:08あんまり大きいと区別がつかなくなっ
07:11ちゃうかなはいでアンチエイリアというの
07:14をオンになっていると
07:17書いたドットと書かないところの間が
07:20ちょっとほら色がだんだん薄くなるやつが
07:22こう入るんですそうすると周りがもう
07:25きちっとここじゃなくてなんかうわーっと
07:27こう綺麗にかけた感じになりますまあ用途
07:30によって変えていくんですがここの場合も
07:33今は
07:34下はだから書いたところと書かないとここ
07:38がきっちり分かれています
07:39これアンチエイリアが有効か無効化って話
07:42ですで今回この消しゴムにしますこれ全体
07:46設定使うからこれもアンチエリアを無効に
07:50しておくと消しゴムちょっと大きいから
07:52ちょっと小さくしますねここをやると
07:54どこどこどこどこってこうこんな感じに
07:58消せますアンチエリアを全体設定これ有効
08:02でも有効にすると周りがモアモアモモと
08:05こうなります
08:07消しゴムで消した時もきっちりと消すのか
08:10色別に分けてやるのかって時によって
08:13ちょっと異なりますがこれがアンチエリア
08:16という機能の説明となります
08:20ねちょっとなかなか理解しにくいかもしれ
08:23ないけどだんだん慣れてくれば便利になる
08:26かもしれませんで今ペンのところでアンチ
08:30エイリアというところをね有効無効にし
08:34ました今ちょっと全体設定使うところにし
08:36ときますねはいで
08:40次は今度は消しゴムっていうのは今やり
08:43ましたよね消しゴムはもう書くときペンは
08:45書きますから消しゴムは消すだけですここ
08:48に消せますで消しゴムの大きさを大きく
08:50すればたっぷりこうやって消せますこんな
08:53感じになりますただ残っちゃいますからね
08:55こういうのもありますで次が今度はこの
08:59レイヤーの移動ですこの今書いてある
09:03透明のトレーシングペーパーをサラサラと
09:06作れるので動かすってイメージになれば
09:08全体動かしますんで他に書いてあるのも
09:11全部動きますはいでここが動かすことが
09:15できるよってことです
09:17あとこのペンキ缶っていうのは例えば色が
09:21塗ってあるところと塗ってないところ違い
09:24になるんでちょっとこれ
09:26緑じゃないでしょうか
09:27緑にしてここを塗ると色の塗ってない
09:30ところ今なかったところ
09:31[音楽]
09:33透明のところですね透明は
09:35白黒の四角になってますから
09:37市松模様になってるとこが透明だっていう
09:40意味です
09:42ねでここはじゃあ元に戻す場合はこの戻る
09:45のと行くのがありますからファイルの下の
09:47ところこれ戻れますもっと前に戻れますで
09:51これまた先に進めますのでこんな感じに
09:53なります今回はここまででいいのでここに
09:56戻しておきたいと思いますこれ便器管の
09:58ところです同じ色のところですね例えば
10:01ちょっと練習にしますと
10:04黒色のペンでね
10:07ここにこう黒色書いてあるとしますよねで
10:11書いてあったらばペンキ感を選んだ時に
10:14自分がクリックしたところに今は透明だ
10:18から
10:18透明のところを何色で塗
10:21るっていうなんだけどどこかにこういう枠
10:23があるとそこでおしまいになるので例えば
10:26緑色にここを塗りたい場合はここを
10:29クリックするとここだけが全部透明になり
10:32ます
10:34ねそんな風なイメージで塗ることができ
10:37るって事になります
10:38次はこの選択ツールですこれは区域を選択
10:43します
10:44選択したところはこの反転してないとか
10:47選択されてますここでデリートキーを押す
10:49とこれ全て消すことができます
10:53それからこのファイルの下のこれ戻ると1
10:57個戻りますのでこの辺もうまく活用すると
10:59自由に使えるようになります
11:02それで大丈夫ですねはいでこれで選択を
11:05ずっと解除しますね
11:07選択をしたら選択解除をするしないと
11:10反映がされません例えばちょっと洗濯を
11:13ここしますよね
11:15選択をして変形ってのがあります選択する
11:17とどうかできるんでこれ大きくしました
11:20場所も動かしましただけどここの右下の
11:24OKを押さないで
11:25選択解除すると元の位置に戻りますこれも
11:29ちょっと使い方としてここもちょっと練習
11:31しとかなきゃいけない部分だと思います
11:34で変形のところで
11:36比較じゃない変形場所が選びますこれはね
11:38こういう変な形でねこんな形に選びたい時
11:43ここだけをどうするってことができます
11:46これ変形を選ぶとここの今のところだけを
11:50大きくできます
11:51こんなことをあんまりしないと思います
11:54けどねこういう風な変形ができるよって
11:57ことになりますこれもOKをしないで
12:00ちょっと解除してきますねと戻りますから
12:02ね
12:03大丈夫ですかねはいそれと今度はもう一つ
12:07今回使いたいのはこの
12:09スポイトツールとなりますスポイトツール
12:12はそこの色を取得します何色だったかって
12:14ことですよねで
12:16緑色なんてこの辺を選んでもそうでも
12:18なかなか難しいと思うので例えば今もう色
12:21もねここはじゃあ黒にしちゃおうっていう
12:24と全部0でいいんですよ
12:26000ってやるとこれ真っ黒になります
12:30で真っ黒に今なってますのでここでなんか
12:33書きたい場合とかはこう書くと真っ黒い
12:36線画を掛けますでもこの緑でまた書きたい
12:40なってことができた時にスポイトを
12:43クリックしてクリックすると緑色の色が
12:46取得してくれますそうすると便利が着たい
12:49時にこの色で書くことができるようになり
12:53ます
12:54これ違いですねはいそれとじゃあ手のひら
12:57ツールが先ほどやったようにこの
12:59キャンパス自体を好きな場所に動かすこと
13:01ができるって事ですこれとマウスのボタン
13:05の真ん中ボタンで小さくしたり場所を
13:09動かしたり大きくしたり場所を動かしたり
13:12でうまく使っていくと
13:14便利だという形になりますではこれ試しに
13:17書いたのでここは消しときますねこの
13:19レイヤーは書いたものいらないので消して
13:22おきます洗濯を解除して
13:25スタートと同じ状態になりました
13:27ではこのレイヤーのところに新しい画像を
13:30読み込んでみたいと思います
13:32レイヤーの位置一応1枚前のところに
13:35読み込むことができるんですでここで
13:38レイヤーのところで右クリックをして
13:40画像を新規レイヤーや新しいレイヤーとし
13:42て読むことができますでは読んでみたいと
13:45思いますクリックをするとどこの画像を
13:48読むんだって聞いてきますから今回は
13:51デスクトップに作成予定作ってそこに
13:53データが入れてありますからこの
13:55潜水艦を選んで開くとやりたいと思います
13:59そうするとその潜水艦の画像がここの
14:02ところにレイヤーに入りましたあくまでも
14:05これレイヤーが違いますので先ほどの
14:07レイヤーはここでした当面のレイヤー上に
14:10作られてますだから選んだレイヤーをこう
14:14動かすと
14:15トレーシングペーパー自体をスルスルと
14:17動かせますので好きな場所に持っていく
14:20ことができますで下の例はこれ何もないの
14:23でこれ動かしても何も動きようがないです
14:25ねレイヤーに何も書いてないからね動き
14:27ようもないですでこのレイヤーはもう使わ
14:30ないのでいらない場合はこの下にレイヤー
14:33のメニューがありますゴミ箱と一番右が
14:36ゴミ箱です次が
14:38複製ですその次がフォルダーを作ります
14:41その次これ色のレイヤーなんで今回これは
14:44使わないので普通のレイヤーを新規に入れ
14:46たい時が一番左です
14:48それで大丈夫だと思いますね
14:50それではねこの恋愛1っていうのはいら
14:53ないので早速ご連絡にしてます
14:56で今回4コマの漫画を作りますので
15:01潜水艦っていう例やこの画像を4つ用意を
15:05したいと思いますでする場合にはどうする
15:07かというと
15:08潜水艦を選んどいてこの複製ボタンです
15:11123回押すと4つレイヤーができました
15:15同じ画像が今4枚入ってる状態です
15:19ではこれを4コマ漫画にするときはこの
15:22レイヤーをね1コマずつレイヤーを1コマ
15:25ずつできるって話になりますから
15:27アニメーションという意味になりますここ
15:30でアニメーションモードにすると一つの例
15:33は1コマとしてアニメーションにします
15:36よって話になります
15:37今は同じだからこれじゃ全く動かない
15:40画像になってしまいますのでここでこの
15:43スクリューをちょっと回転をさせて違う
15:46場所に動かしてみるとアニメーションの1
15:50コマずつが作れるようになります
15:52でアニメーションが下から上にこう実際に
15:56は動いていきますのでここに動いていき
15:58ますまあだから4枚目からやって構わない
16:00と思うんですが一番最後のコマはどこに
16:03しようかって感じだとかじゃあそれを
16:05ちょっとやってみたいと思いますでこの
16:07スクリューをちょっと回転しますので
16:09マウスボタンをちょっと上向きに回すと
16:12大きくなります
16:13で
16:15キャンパスを手のひらサイズでいい場所に
16:18持ってきますもうちょっと行儀かな今回の
16:20やりですねで一番最初のここのところは
16:24このコマが
16:26斜めここに来るといいと思います
16:28後でやってみればわかるけどねどうやっ
16:31てこうやるのかをやってみたい
16:33でさっきの選択ツール四角ではなくって
16:37範囲を選択自由選択にしますでこの
16:39レイヤーのこのスクリューの
16:43羽根の部分だけを選びますちょっと難しい
16:45かもしれないけど頑張ってくださいで選び
16:48ました選んだらこれを動かすことができる
16:51んで変形をしますそうするとこれ動かせる
16:54んですよ2枚目のレイヤーは縦にいこうね
16:58あるよってのわかりますからこのレイヤー
17:01をこれ回転する時は先ほどやったのにこう
17:04やると動かせるんだけど回転する時はこの
17:06マウスカーソルがこの上下十字は動い
17:10ちゃいますでこの曲がる時はこの
17:13丸くくるっと矢印があるこの時は回せます
17:15んでこれこう45度ぐらいか傾けたいと
17:18思いますで場所をここに動かしてちょっと
17:23傾きが悪かったらちょっと傾きを直します
17:25でこんな風に合わせると
17:2845度傾いたスクリューがここの場所に
17:32移動できましたまだ決定をしていないので
17:36必ずOKボタンをクリックしますそうする
17:39とここにあった画像がここに変形して移動
17:42したよって意味ですからもういいので選択
17:44は解除しますとここに移動できたよって
17:47ことになります今度下のスクリューがこの
17:51向きでは当然おかしいのでもう少し
17:53キャンパスを上に持ってきますここを今度
17:56消すので消しゴムで消す方法と四角で
17:59消そうがありましたね今回めんどくさいん
18:01でちょっと四角で消すやつをまずやって
18:03四角でうまく消せるかどうかがあるんです
18:04がこう余分なところまで消しちゃいけない
18:06ですねこうやって上の周りとかも入っ
18:08ちゃうからちょっと注意をして
18:10失敗をしたら選択解除をして
18:12ご資格聞いてみましょうかこんな形で選ん
18:16でデリートキーを押すと一発で消せます
18:19ただこれだとまだ上に残りがあるのでここ
18:22にちょっともう少し消しゴムでちょっとし
18:25た修正をしたいと思います選択解除をする
18:27とまた続きができますので正規消しゴムを
18:30選択しますこんな大きく消すと高額と消え
18:33ちゃいますからこれダメですよね間違え
18:36たら戻しましょうで消しゴムのサイズを
18:39ちょっと小さくしますここからいいかな
18:41自作したらここのとこちょっとこう消し
18:44ますここも
18:46消します大丈夫ですねさっき行く上でも
18:50ちょっと消します
18:51ねで今度はこの羽がこの下にこっちに伸び
18:56なきゃいけないからこれはペンで書きたい
18:59と思いますで色を黒にしたいんですがこの
19:02黒も何種類かあるみたいですからスポイト
19:05でこの辺の苦労をちょっとやると黒出ます
19:08ねでここで同じ色がいいですよねこの
19:10スクリューと同じ色だからスクリーンとか
19:13でもいいですよこれ同じ黒でも大きくする
19:15と明るいんだけど少しボケたりしてると
19:17思います
19:19黒になります444ですねの黒ですでここ
19:24にペンで書きたいと思うでペンをクリック
19:27しますそうするとペン先がこの丸で出ます
19:30のでこのペン先をブラシコントロールの
19:33ところでやって5ぐらいかなねだいたい
19:36この大きさぐらいにしておくといいと思い
19:38ますでここの下に伸びるのでこんな感じに
19:41ちょっと書いていくといいと
19:44思いますこんな感じでいいかなはいできた
19:46と思います
19:48一番最後の駒はこれ形になりますでは次の
19:52コマに動きます今度は真横に行けばいい
19:55ですねだいたいスクルって下からこう回っ
19:58てくるのかなだから真横にしたいと思い
20:00ますそしたらちょっと
20:03キャンパスをちょっと下に動かしますで
20:05これを真横にしようかと思いますじゃあ
20:07また選択でこのスクリューの際のところ
20:12丸いところ上をちょっとご記憶囲って言っ
20:14てでグルーと周りを
20:18囲って
20:19選択しますそしたら変形をしますで変形
20:23ですから心回転をさせますもしあれだっ
20:27たらちょっとキャンパスをね動かしても
20:28いいけどまあまあこれ動かしましょうかで
20:30この辺に持ってくるとわかりやすいんでね
20:32このくらいかな
20:35もっとだったねこれ45だってここですね
20:37真横にするんだったね真横に持ってきて
20:40さっき緑のがいるからねここら辺に持って
20:43きてこう入れるといい感じかなだいたい
20:45いい感じかと思います真横に入りましたそ
20:49したらできたので洗濯を決定をしなきゃ
20:52いけないですでできたらここを動かしたの
20:54で選択解除します
20:57ねそしたら今度は下のところですねもう
20:59ちょっとキャンパス上に持ってってこの
21:01スクリューを消さなきゃいけないので消し
21:04たいと思います資格の楽かなね四角で迷っ
21:07た消しちゃうで
21:10選択解除して消しゴムを持って残り
21:12ちょっとのとこ消す
21:14楽かなまあどっちから行くかだけですこれ
21:18はもうちょっと消せばいいので消して
21:19くださいでスクリューをちょっと書か
21:22なきゃいけないのでただここのペンを持っ
21:24て
21:25太ささっきのあまりこの横にちょっと一発
21:27入れる場所
21:29ねここでスクリューが書けました
21:32はいで今2個目2コマ目ができましたで
21:36今度は3コマ目に行きます3コマ目のこの
21:39レイヤーをクリックしますと3コマ目は
21:42この斜め下にここに出るというわけです
21:43からこのスクリューを移動しましょうと
21:47同じ手順でまたこのスクリューを選択をし
21:50ますグッと選択してこの周りを選択します
21:53これがマウスがねちょっと操作がなかなか
21:57難しいかもしれないで洗濯ができたらば
21:59ここで変形をしますで回転をするので回転
22:03このくらいかな場所を移動します
22:06角度がちょっとあっていない間違えてね
22:08ちょっと今回ですね
22:11こんな感じかなはいこんな感じでの間に
22:14なりましたよねだいたいいい感じにできた
22:17と思いますそしたらOKを忘れずですやっ
22:20てここで変形の解除しますそしたら
22:23ちょっとキャンパスを下に動かして上の
22:26プロペラを消したいですよねプロペラと
22:28いうかスクリューっていうのかなここは
22:30なんか四角くできそうなんでやっていき
22:33たいとやるとこ少なくより少なくした方が
22:36楽なのでこれでデリートキーを押すと消せ
22:38ます
22:39選択を解除して消しゴムを持ちます消し
22:42ゴムでここのところをちょっと消します
22:44もうちょっと消しますでスクリューの
22:47こちらを今度ペンで書かなきゃいけないの
22:49で先ほどのこの太さでいいのでだいたい
22:53イメージとしてはこの辺からこの辺から
22:55ちょっとこんな感じに書くと作りが大変に
22:59なったかなってイメージになりますこの下
23:02もちょっとスクリューの線いるのかな
23:04ちょっと入れとこうかね今回のかな
23:08ますこれで4コマ全部できたと思います
23:10じゃあちょっと大きさを小さくして場所を
23:15移動します
23:16はいでここで1コマ目2コマ目3コマ目4
23:21コマ目で回ってきましたね回ってるかどう
23:23か見てみるのはアニメーションメニューの
23:26ところ自動再生にするとくるくる回ってる
23:29のが見えますこれでOKですね
23:34時間できただけなんですが
23:37潜水艦自体に色を塗っていく方法もあるん
23:40ですけどね今回はそのレイヤーをちょっと
23:42活用したいと思うので
23:44アニメーションの場合1コマ1コマを
23:47フォルダーの中に入れておくとその
23:49フォルダーの中は一つの絵として判断をし
23:52てもらいますですからフォルダをちょっと
23:55ここに入れたいと思いますでフォルダを
23:59入れる場合は
24:00潜水が入れたいところのレイヤーを選択を
24:02してフォルダをクリックするとフォルダが
24:04入りますそしたらフォルダ方向の中にこの
24:07潜水管のレイヤーを移動しておきます移動
24:09できますそうすると中に入りますからね
24:11はいでもう一つこの潜水艦の下のところに
24:14もフォルダーを用意したいと思いますで
24:16これも移動します
24:18でその次の潜水艦もフォルダーを作って中
24:22に入れますその次の潜水艦もフォルダーを
24:25作って中に入れます
24:27と入りました
24:29でそうするとこれ同じでねフォルダを
24:32クリックするとそこは一つの画像として
24:35見るようになりますから他のものを入れる
24:37とフォルダー1の中のレイヤーを重ねて一
24:40つの画像として見ることができます
24:43そんなイメージになりますのでやってみ
24:45たいと思います
24:47はいではここで色塗り映画っていうのを一
24:51つ追加をしたいと思います
24:52新しいレイヤーを追加するときはこの潜水
24:55管のところいろいろ無理した色塗りをし
24:57たいのでねこれを一つ追加をします
25:00レイヤー1ってのがありましたそしたら
25:03レイヤー1のところでペンキ感をこぼすん
25:05ですが
25:06潜水艦レイヤーが下にいますから
25:08ここのレイヤーでこぼすとこの黒く見えて
25:11ますのでここのところを赤く塗りたい
25:15例えばなるとしますねそしたら色をまず
25:19赤くしますでもペン期間でやるんですよ
25:21ペンキ感を選んでからでもいいですどちら
25:23から選んでもいいけど色をとりあえず赤に
25:25します赤は2午後の
25:2900っていうのを間でどなたでもいいけど
25:31ね
25:3200にちょっとやってやっていきたいと
25:33思います
25:3400で入りましたそしたらここでペンキ感
25:37をこぼします赤く塗れましたよね簡単です
25:39よね次これ緑にしたいのでこの緑色の
25:43こんな色にして上をこぼします同じく今度
25:46は先端をちょっと青くしたいので青を選ん
25:50で両方塗りますそれから茶色っぽい色で
25:53この
25:54羽を塗りたいと思いますのであれを塗って
25:57いきたいと思い
25:58ますで帯でも塗ります
26:00帯を塗る時にうっかりこの黒いところで
26:02やっちゃうと黒い色が全てこの色に変わっ
26:05てしまいますのでこれ要注意です間違え
26:08たら
26:09矢印キーで戻ります
26:11尾びれのところも大きくなくて大丈夫かと
26:13思いますけどここにこうやると帯びれが
26:15売れるようになりまし
26:17によって一つ塗れましたのでこの色塗った
26:21レイヤーちょっとこれねフォルダを置く
26:23ためにこうクリックするとここ塗ってない
26:25ですよねほら塗ってないですよねだから
26:28塗ったレイヤーをこのここにコピーして
26:30あげると塗ったイメージになりますので
26:32これもコピーしましょうでまあこれ
26:36潜水艦を塗ってもいいんですけどまあ違う
26:38色にしたいとかちょっとなんかやる場合に
26:41重ねると便利だってことを理解してもらう
26:43ための今回色塗りレイヤーですはいではを
26:47もう一つここで複製をしたいと思います
26:51抑制をしたらこのフォルダーにの潜水艦の
26:53手前に入れときますもう一つレイヤーを
26:56コピーをして
26:58潜水管の手前ときますもう一つコピーをし
27:00て
27:01慣れてくると早いでしょコピーしてやり
27:02ますそうすると各フォルダをクリックした
27:05時に全部
27:07濡れてますよねこれでokだと思います
27:10ちょっとこれでアニメーションで確認を
27:13するとアニメーション自動再生すると
27:16潜水管がプルプルプルプル回って
27:18るっていう風になりました
27:21では今度はここでこの潜水艦これじゃ空に
27:24いるんだがどこにいるかわかんないから海
27:26の中にいるようにしたいと思いますで
27:29ちょっとこう見るのにねちょっと今
27:31キャンパスが広いのでもうちょっと小さく
27:32して
27:33キャンパスをもうちょっと左に動かして
27:35おくといいかもしれませんねこんな感じに
27:37やりたいと思い
27:38今度はこの
27:41潜水艦のここの後ろのところにその海の絵
27:44を入れたいと思いますでここでまあいいや
27:46ここで入れちゃうかな潜水艦とか右
27:48クリックをして
27:50画像を新規レイヤーとして読み込むを入れ
27:52ます
27:53でこの
27:54懐中イラストを選択をして開くを入れると
27:57入りますで懐中イラストが今
28:01色塗りと潜水艦の間にいますからこれ一番
28:04下に持ってきますとこんな感じになります
28:08で今周りが余っちゃってますよねだから
28:11海中イラストのこの
28:13イラストをもっと大きくしてあげなきゃ
28:15いけないのでここでちょっとねこの
28:18フォルダのレイヤーのところにあるこの
28:21白いマークがありますね丸をやると表示し
28:23なくなりますと分かりやすいからこれで
28:25やっていきたいと思います
28:27はいじゃあこれでね大きさを変えたり移動
28:30するには
28:32選択をすればできるって事がありますねだ
28:34からここを選択をします
28:37そうするとね選択してあるのでこれ動かす
28:40とこのレイヤーの中だけ動きますまあ
28:42ちょっと写真も出てきますねはいで変形を
28:46する時に変形をするんですが変形を普通に
28:51やると横に伸ばすと両方に伸びちゃいます
28:54これちょっとあのまた
28:57移動したりして面倒くさいので今回は同じ
28:59変形なんですがもう一度この変形をし直す
29:02と自由変形をクリックしますそうすると
29:05ここは右側だけ伸びます気をつけなきゃ
29:07いけないようにこれ斜めにも動いちゃい
29:09ます自由ですからねでも一応真横にこう
29:12動かしてってだいたいかぶりをします
29:13こちらを真下に動かしていってかぶるよう
29:16にします
29:18ねこんな感じかなだいたい入りましたね
29:19はいこれで場所が決定したのでOKを必ず
29:23クリックをしますとこの区域を大きくした
29:26なってわかりますのでこれで
29:29選択解除しますこれでできたのでちょっと
29:32この潜水管ところを表示するとこんな感じ
29:35に潜水艦が海の中に今いるって事になり
29:38ました
29:40で次のフォルダに行くとこれ当然海がない
29:43ので海中イラストを
29:46複製をして
29:48この
29:49潜水艦の下に入れます同じくこの海中
29:53イラストを複製をしますで
29:57潜水艦の下に入れます
29:59それから同じくもう1回これを複製をして
30:03懐中イラストの中に入れますそうすると
30:06入りましたね
30:07できたのでここをチェックすると全部こう
30:12濡れてますねはい一番
30:15スタートは4から動きますんでこの作りが
30:18立って少し回ってもうちょっと回って
30:21もっと回るという感じでまた縦に戻るって
30:24感じになりますからこういう感じで
30:26ぐるぐる回ってるっていうイメージになる
30:28と思います
30:30で今これを潜水艦と見るだけじゃちょっと
30:33寂しいのでお魚がここで泳いてる雰囲気に
30:36したいと思いますでお魚が泳ぐときはどう
30:39するかっていうと今度は一番手前に魚がい
30:43た方がちょっと面白いのでレイヤーのこの
30:46色つぶしよりもっと手前に
30:49魚がいるようにしたいでここにまた右
30:52クリックをして
30:53画像を新規レイヤーとして読み込みますと
30:56選べばいいんです
30:58魚1を選んで開くってやると魚市がこんな
31:01ところに行きましたで今レイヤー1が選択
31:04になってますのでレイヤーの研修ペーパー
31:06をこうやると好きな場所に動かせます
31:094番ってことはここから始まって234だ
31:13からこの辺にいるといいのかなっていう
31:15雰囲気を出しておきましょう
31:17そしたらさかなクンのこのレイヤーをまた
31:21複製をしますでこれを2番レイヤーの2番
31:25フォルダのレイヤー1の手前持ってきます
31:27これはもうちょっとこのペーパーこれに
31:31持ってきといた方がいいのかなって気がし
31:33ますそれからおさかなクンのレイヤーを
31:36もう一つ複製をしますでフォルダーさんの
31:40レイヤー1の間に入れますでここだとはだ
31:43からこの辺かななんていう風にしておき
31:45ますでもう一つ
31:48この魚のレイヤーを
31:50複製します
31:52で今度はフォルダー用のところレイヤーの
31:55ここに入れますそしたらこれここでいいの
31:58かなって感じになりますで今全部
32:01格納ができました1コマずつに
32:05魚とレイヤーと潜水艦イラストが入って
32:07ますちょっとホルダーをたたむとすっきり
32:09するのでフォルダーを畳んでみましょうか
32:114個前にできていますこれ見てみるとこう
32:15魚がここからスタートして次にここに置い
32:18てここに動いてここに動くとなります
32:20じゃあこれはアニメーションで見てみよう
32:22ということになりますのでアニメーション
32:24をメニューを出して自動再生をクリックし
32:27ますそうすると魚がすごい勢いで泳いで
32:30ますよねこれちょっと慌ただしいので1
32:34秒間に何個待ってとこがこれ3コマぐらい
32:36にすると
32:38魚が平原でちょっと優雅ですね
32:40潜水艦が止まってて4コマぐらいでもいい
32:43かなちょっと4コマにしてみましょうか
32:46こんな感じですねこのくらいのがリアルか
32:48な
32:50意外と魚早いからね
32:52潜水艦はちょっと戦争してそこで停止し
32:54てるイメージですね流れないように
32:56ちょっとスクリューをプルプル回して
32:58るってイメージになりました
33:01これでアニメーション時代Fができました
33:03ので今度はこれを保存をしておきます
33:06せっかく作ったんでねこの情報を全てを
33:10入れたまま保存しておくと続きができます
33:12ではどうするのかというとファイルの名前
33:16を付けて保存ですWordなんかと一緒
33:18ですね
33:19途中経過をやってきますデスクトップの
33:21再生作成予定フォルダの中に入れといた方
33:24が便利だと思いますので
33:26潜水艦アニメ作成とのか
33:29潜水艦
33:32作成ってしときましょうかねはい作成って
33:36名前で保存をしておきますそうすると保存
33:39ができるともう閉じちゃってもここから
33:42続きをまたやりたい時はいつでもでき
33:44るって事になりますで今日のここの成果と
33:48してアニメーションGIFを出力をし
33:50たければと思いますそれは今度はファイル
33:53メニューで今度は
33:56書き出しアニメーションGIFを書き出す
34:00んだよってことになりますからこれを選び
34:02ますどこに出すのかって作成を中に書き
34:05ましょうね作成用の中にアニメーション
34:08GIFを
34:10でこれはアニメとの名前しときましょうか
34:13じゃあ
34:15潜水艦アニメにしようかな感じにして水管
34:20[音楽]
34:22アニメこれにしましょうねアニメにしまし
34:25たでこれで保存をしておきますで1秒間に
34:29何コマ4個まで今見ててよかったんでこれ
34:31でいいかな4コマでいいのでOKをします
34:33と保存ができましたじゃあできたのも確認
34:37してみたいですちょっとファイヤー
34:38ちょっと小さくしてねで作成用って
34:41フォルダの中にさっき入れましたんで
34:44スタートの時は3つの画像しかなかったん
34:47だけど
34:48潜水艦アニメGIFと
34:50潜水艦作成っていうアルパカのファイルが
34:53できました
34:55で潜水アニメ出力したのでこれを実際に
34:58動くかどうか見てみたい場合はこのまま
35:01ダブルクリックだとペイントなんかは動画
35:04のやつ見れないので右クリックをして
35:07プログラムから開くでフォトっていうのが
35:10Windows標準で入っていますので
35:12フォトを開くと開きましょう
35:17潜水艦GIFを開くとこんな形で動いて
35:20るっていう風になると思います
35:24今回してて気がついたんですが
35:27スクリューが回っているとか後ろほら後ろ
35:29の透明になってたからここ本当は
35:32塗りつぶしとかなきゃいけないね後で直
35:34すってことができますので大丈夫だと思い
35:37ますじゃあこれで確認できました
35:40じゃあ今回のレッスンは一番最初に初めて
35:46ファイヤーアルパカでアニメーションを
35:49作るというためにレッスンはもうスタート
35:51しましたのでこれで皆さんやってみては
35:54いかがでしょうか
35:55今回はこの以上で終わりますお疲れ様でし
35:58た
浏览更多相关视频
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)
