大好きなアイパッドとプロクリエイトで、今日も新しいテクニックに挑戦です。
プロクリエイトで
アニメーションを作ってみました!
え!いつの間にそんな難しい技を身につけたの?
それが、難しくないんだよね〜
私のようにデジタル苦手なアラフィフ女子でも、こんな可愛いアニメができるんです。
![出来上がったアニメーションの画像](https://hammingkoala.com/wp-content/uploads/2023/03/IMG_4505.gif)
だから、
- プロクリエイトの活用方法がわからない
- 誰かに喜んでもらいたい
- 新しいテクニックを身につけたい
そんなふうに思ったら、今回紹介するアニメーションはいかがでしょうか?
簡単にできちゃうし、誰かとシェアして楽しくなっちゃいますよ!
プロクリエイトでのアニメーションの作り方
複雑な操作は、ほとんどありません。
iPadとApple Pencil、そしてネット環境があればすぐに始められます。
題材を決める
![題材を考えている人のイメージ画像](https://hammingkoala.com/wp-content/uploads/2023/03/IMG_4558.png)
まず、アニメーションが似合いそうな題材を考えます。
今回は、友達の誕生日にメッセージを送ることにしました。
毎年ラインで動くスタンプや、バースデーカードを送っていました。
今年は少し目先を変えて、オリジナルの動くメッセージをラインで!
お題「メッセージ入りのバースデーアニメーション」に決定。
素材を集める
![ネットで、素材を探している状態のイメージ画像](https://hammingkoala.com/wp-content/uploads/2023/03/IMG_4560.jpg)
お題にあった素材を検索します。
「誕生日」「お祝い」「プレゼント」などでググって画像をチェック。
スクロールしながら、いろんな画像を眺めていってイメージを膨らませます。
街へ出掛けて、バースデーカードをチェックするのもいいですね。
結局、ラッピングしたプレゼントの箱やクラッカーなどをピックアップしました。
これらを参考に、作っていきましょう!
iPadには、Split View(スプリットビュー)という機能があるので便利ですよ。
スケッチ
![スケッチの方法の説明画像1](https://hammingkoala.com/wp-content/uploads/2023/03/253CBF87-0B34-440D-B47F-198369A302E4.jpg)
さあ、プロクリエイトを立ち上げます。
右上のプラスボタンから新規キャンバスを作成します。
サイズはSquareにしました。
ブラシをスケッチから6B(鉛筆)にして、カラーは黒で下絵をスケッチします。
![スケッチの方法の説明画像1](https://hammingkoala.com/wp-content/uploads/2023/03/C0AEB957-45AA-4582-8FE8-8F452DA31A20.jpg)
![スケッチの方法の説明画像2](https://hammingkoala.com/wp-content/uploads/2023/03/6C7EA04C-6666-4A2C-BAD4-1C765B340C01.png)
スプリットビューで、左側に画像を出しておくと見ながらかけます。
iPadの画面中央上にある3つの丸をタップ。
「Split View」を選ぶとプロクリエイトが一瞬引っ込みます。
そこで、ホーム画面からもうひとつ出したいアプリを選びます。
今回は画像を探した「Google Chrome」をタップ。
すると両方の画面が半分ずつ映るようになりましたね。
真ん中の境界線をApple Pencilで動かすことができます。
二つアプリの表示の比率を7:3ぐらいにすると書きやすいです。
テキストを入れる位置を考えて画像を配置します。
選択ボタンをタップすると今描いたイラストが点線で囲まれています。
それを動かしたり、大きさを変えていい感じに配置。
下絵が出来上がりました。
アウトラインと色塗り
![スケッチの不透明度を下げる方法の説明画像](https://hammingkoala.com/wp-content/uploads/2023/03/C484B56F-FF64-4B38-9665-22477D89FB3C.jpg)
右上、右から2番目のレイヤーボタンをタップ。
プラスボタンから新しいレイヤーを作ります。
先ほどの下絵のレイヤーのNのボタンをタップして不透明度を下げ薄く表示します。
好みの色やブラシでアウトラインと色塗りをしていきましょう!
![色塗りの方法の説明画像](https://hammingkoala.com/wp-content/uploads/2023/03/3F13CA15-7629-4044-8948-760AE104B63C.jpg)
どんな形や色でも自由!
今回プレゼントの箱は色→ピンク ブラシ→カリグラフィーのチョークにしてみました。
ブラシの感じを出すために、塗りつぶしはカラードロップではなく、Apple Pencilで塗り絵のように塗っていきます。
リボンは赤。
結んである感じはちょっと難しいけど、何回も書けばいいのです。
そして、やり直すのも簡単です、2本の指でタップすれば元に戻るから。
テキストも加えておきます。
アクションメニュー「追加」からテキストを追加で好きな文字を入力します。
今回は、「Happy Birthday!」とシンプルに。
大体完成したら、左上のギャラリーをタップして一覧に戻ってコピーを作っておくことをお勧めします。
![キャンバスのコピーの方法の説明画像1](https://hammingkoala.com/wp-content/uploads/2023/03/430E7744-3B7C-4F42-9F90-E630EA16ADB3.png)
ギャラリー画面の右上「選択」をタップ。
![キャンバスのコピーの方法の説明画像2](https://hammingkoala.com/wp-content/uploads/2023/03/EB6B25B6-919E-493D-B1C3-990568EA042C.jpg)
○をタップしてチェックを入れて複製をタップ、でコピーができました。
![キャンバスのコピーの方法の説明画像3](https://hammingkoala.com/wp-content/uploads/2023/03/8F70D6EA-AC58-4293-A42E-6666FDE62E24.jpg)
![キャンバスのコピーの方法の説明画像4](https://hammingkoala.com/wp-content/uploads/2023/03/2E81AE1B-0357-42BE-B26B-3EAECB5E9D0D.jpg)
こうしておけば、安心ですよね。
アニメーション
![簡単なハートのアニメーション画像](https://hammingkoala.com/wp-content/uploads/2023/03/IMG_4563.gif)
左上のアクションメニュー(レンチのマーク)からキャンバスをタップします。
上から2番目のアニメーションアシストの右のトグルをオン(青く表示)します。
これだけです。
![アニメーションにする操作の説明画像1](https://hammingkoala.com/wp-content/uploads/2023/03/B4ED4894-43C8-4328-B01F-C99D6AF69CC8.jpg)
あっという間にアニメになるよ!
![アニメーションにする操作の説明画像2](https://hammingkoala.com/wp-content/uploads/2023/03/47AEA3AD-A976-4B06-A36F-09C2E5571D74.jpg)
画面下中央にタイムラインが表示されます。
再生をタップすると、ほら、アニメーションです。
なんだかチカチカしてるので、ゆっくりにしましょう。
「設定」をタップして、フレーム/秒を設定します。
今回は3にしました。
レイヤーひとつひとつが、アニメーションの一つのフレームになります。
同じ時に表示されたい画像はレイヤーをグループ化しておきましょう。
グループ化したいレイヤーをまとめて指でつまむだけでOK!
要素を書き足す
![くまのイラストの写真](https://hammingkoala.com/wp-content/uploads/2023/03/A0448151-99EA-4CDC-978A-C1E59DC6AE10.jpg)
ハッピーバースデーの文字と、プレゼントの箱のアニメを作ってみたけどちょっと寂しい。
そんな時は、アニメーションの要素(フレーム)を増やしましょう。
プレゼントの箱のレイヤーを複製します。
増やした方のレイヤーをちょっと描き換え。
フタの部分を消して、クマちゃんが顔を出すようにしてみました。
周りに星などの装飾をくわえてみましょう。
くまちゃんを描く時は、フタがしまったプレゼントのレイヤーは非表示にしておくと書きやすいです。
![レイヤーを非表示にする方法の説明画像](https://hammingkoala.com/wp-content/uploads/2023/03/0DF4CBCA-1097-42C9-B574-7CD9573D6A9D.jpg)
レイヤーを選択して、一番右側の四角のチェックを外すと非表示になります。
なくなったわけではないので、またチェックをつければ見えるように。
完成!
![アニメーションの再生の方法の説明画像](https://hammingkoala.com/wp-content/uploads/2023/03/5D552667-152F-4D48-83EB-820271F7F04C.jpg)
タイムラインの「再生」で何度も確認しましょう。
確かめながら、フレームを増やしたり順番を調整していきます。
![アニメーションの設定の説明画像](https://hammingkoala.com/wp-content/uploads/2023/03/416E6563-CE36-4E43-B59F-C0AF0957F848.jpg)
画面下中央のタイムラインの中の設定をタップ。
フレーム/秒や、オニオンスキンの透明度などを自分好みに変えていきます。
同じレイヤーをコピーしてフレームを増やしても、調整できます。
プロクリエイトで作ったアニメーションをシェアしよう
![GIFファイルで書き出す方法の説明画像1](https://hammingkoala.com/wp-content/uploads/2023/03/D4F174EC-8DAD-4BC9-AD13-3CEE35F7BB97.jpg)
書き出します。
画面左上の「アクション」メニューから共有をタップ。
「アニメーションGIF」の形式にします。
![GIFファイルで書き出す方法の説明画像2](https://hammingkoala.com/wp-content/uploads/2023/03/49BEF267-219F-41D2-A75C-6CA3C62671AA.png)
GIFファイルってなに?
graphics interchange format(GIF)のマルチイメージを使ったアニメーション。
複数のフレームを順番に表示できるものです。
動画ファイルではなく、画像ファイルの拡張なので扱いが簡単なのが特徴です。
つまり、アニメーションを手軽に作って楽しむにはもってこい、ということですね。
ラインで送ってみた
![出来上がったアニメーションをエアードロップで書き出す方法の説明画像1](https://hammingkoala.com/wp-content/uploads/2023/03/9A0A72F8-8874-45B2-8D2A-15E1315113CB.jpg)
画像を保存できたら、ラインに送りましょう。
私はiPadにラインアプリが入っていないので、エアドロップでiPhoneに送りました。
ラインでいつも送るメッセージに今回のアニメーションを添付。
iPadにラインが入っていれば、そのまま書き出しができてさらに早い!
相手の反応は?
![メッセージを見て喜ぶ女性のイメージ画像](https://hammingkoala.com/wp-content/uploads/2023/03/IMG_4561.jpg)
最初は、ラインのスタンプかと思われたみたい。
でも、ちょっと違うし、絵がどうみても素人っぽい。
自分で作ったよ、と伝えると、
どうやって?教えて!
嬉しくて、やり方をすぐに伝えました。
これで、プロクリエイト好きがまた増えそう💔
とにかく、喜んでもらえてよかった!
まとめ プロクリエイトのおかげでiPadが大活躍!
![できがったアニメーションの画像](https://hammingkoala.com/wp-content/uploads/2023/03/3254844E-963F-4A1E-9860-E8A356818424.png)
iPadでお絵描きするなら、ダントツでプロクリエイトをおすすめ
Apple Pencilとの相性も抜群なので、タブレットが気になったりお絵描きが好きなら
この組み合わせは絶対に後悔しないお買い物になりますよ。
静止画と同じ感覚でアニメーションが作れてしまうし、
アニメーションにすることで、相手へのインパクトは倍増します。
これからは、もう少し複雑なアニメーションを作ってほかのSNSにアップするなんてこともできそうですね。