こんにちは！私の名前はリズ・ステイリーです。私はClip Studio Paintを長年使用しています（このプログラムは、Manga Studio 4として知られていたときに使い始めました！）。私はMangaStudio5プログラムとClipStudio Paintのベータテスターであり、このプログラムについて3冊の本といくつかのビデオコースを執筆しました。実際、あなた方の多くはおそらくそれらの本から私の名前を知っているでしょう。 Graphixly.comとCSPのヒントに毎週投稿しているので、毎週戻ってきて、ClipStudioのヒントとコツを学んでください。
ソーシャルメディアや郵送で使用するためのgifを作成することは、自分自身を宣伝するための優れた方法です。特に、これらのgifをブランド化して、ほとんどのFacebookおよびTwitterユーザーがgifを取得するライブラリであるGiphyに配置すると、毎年約130億のgifがFacebookを通じて送信されます。しかし、あなたがアニメーターでない場合はどうなりますか？それは大丈夫です。あなたもgifを作成してGiphyに追加できるので、ネット全体に広がる可能性があります。このチュートリアルでは、アニメーターでなくても、既存のアートワークから簡単なgifを作成する方法を見ていきます。
この記事では、次のトピックについて説明します。
いくつかの重要なGIFガイドライン
簡単なGIFを作成する
あなたの仕事をGiphyに置く
さっそく飛び込みましょう！
いくつかの重要なGIFガイドライン
ソーシャルメディア専用のGIFを作成するときに覚えておくべき最も重要なことの1つは、視聴者を知ることです。宣伝したいものに関連するGiphy、Facebook Messenger、またはTwitterでいくつかの用語を検索し、共有されているものを確認します。反応GIFと面白いGIFは、特に若い人たちの間で非常に人気があります。
GIFを作成するときに覚えておくべき他のいくつかの事柄があります。
GIFをテキストでいっぱいにしないでください。これらは迅速で共有可能である必要があるため、小説を載せないでください。読みづらくなり、視聴者が読むには速すぎる可能性があります。テキストを追加する場合は、特に小さなサイズのモバイル画面でフォントが読みやすいことを確認してください。
グラデーションはGIFでひどく圧縮されることがあるので、あなた自身の裁量でそれらを使用してください。
ファイルサイズを小さくするために、GIFを30秒以下に保つようにしてください。
もちろん、これらはルールとは対照的な提案です（ただし、デザインにテキストがある場合は、常に読みやすいことを確認する必要があります）が、共有可能にするためにGIFをデザインする場合は覚えておくとよいでしょう。
考慮すべきガイドラインがいくつかあるので、簡単なアニメーションGIFを作成しましょう。
シンプルなGIFの作成
このプロセスに入る前に、これはおそらくClip Studio Paintで単純なGIFを作成するための「最良の」方法ではないことを述べておきますが、これは私がこの記事で行ったプロセスです。手描きの「ストレートアヘッド」アニメーションを作成する前は、常にCSPでアニメーションを作成していたため、この執筆用の作品の作成は通常とは少し異なり、特にプレ既存のアートワーク。
また、はい、この記事の執筆時点では夏になりそうですが、この記事ではクランプスGIFを作成します。季節的には適切ではありませんが、クランプスはとにかく一年中使用できると思います。 :)
さて、それが邪魔にならないように、このGIFの作成に取り掛かりましょう！ GIFをデザインするためのキャンバスを作成してから、別のファイルからGIFファイルにアートを追加します。 640x540ピクセルと72dpiの比較的小さなキャンバスから始めます。私たちはソーシャルメディア向けに設計しているため、印刷品質である必要はありません。
下の画像でわかるように、「動くイラストを作成する」チェックボックスも空白のままにします。これは、最初にキャンバス上でデザインの要素を取得し、後でアニメーションを追加したいためです。これは、タイムラインから始めるよりも簡単であることがわかりました。これは後で意味があります。
[OK]をクリックして、新しいキャンバスを作成します。幅と高さは異なる場合がありますが、私の場合は、比較的小さいキャンバスサイズの「横向き」が必要です。
次に、アートワークを新しいキャンバスに配置し始めます。クランプスのデザインを新しいキャンバスと一緒にClipStudioPaintで開いています。図面全体を選択してコピーし、GIFキャンバスに貼り付けただけです。次に、変換ツールを使用して、キャンバスの中央でアートのサイズと位置を変更しました。
次に、アートワークの下のレイヤーに背景色を追加しました。後でこれを変更することになりましたが、今のところ、アートワークが少し見やすくなっています。
このGIFの意図は、クランプスナハトで共有することです。そこで、「メリークランプスナハト」という文字の上下にテキストを追加することにしました。これにより、12月5日（クランプスナハトの日付）に共有しやすくなり、キャラクターが誰であるかがより明確になります。
プロモーション目的でGIFを使用している場合は、GIFにもブランドを付けることを忘れないでください。この画像では、右下にシンプルで読みやすいフォントで自分のWebサイトのアドレスを配置することにしました。
これらの要素を配置した後、クランプスアートで使用したのと同じプロセスを使用して、GIFの両側にベル、ヒイラギ、葦の束のアートを追加しました。これらは、これらの手順を実行するときに実際にアニメーション化する要素です。
これは、緑の背景が気に入らないと判断したときでもあります。そこで、上端と下端につららをいくつか追加しました（これらは、ユーザーThimsyによるClip Studio Assetからのものです。ここからダウンロードできます：https：//assets.clip-studio.com/en-us/detail？id = 1835902）。次に、背景を黒から青のグラデーションに変更し、いくつかの星を追加しました。 Krampusnachtは「KrampusNight」と訳されているので、星のある夜空がテーマに合うと思いました。
すぐにアニメートできる私のデザインを以下に示します。
GIF要素が配置されたので、簡単なアニメーションを作成できます。まず、アニメーションを作成することをCSPに通知する必要があるため、タイムラインが必要です。以下に示すように、[アニメーション]-[タイムライン]-[新しいタイムライン]をクリックします。
新しいタイムラインオプションが表示されます。私たちの目的にとって最も重要なオプションは、フレームレートと再生時間です。テレビや映画のアニメーションのフレームレートは通常24または30です。これはソーシャルメディア専用に作成している単純なアニメーションなので、それほど高いフレームレートは必要ないので、8を選択します。これは、アニメーションの8フレームごとが1秒の時間に等しいことを意味します。より複雑なアニメーションを実行している場合は、よりスムーズなモーションを作成するために、より高いフレームレートが必要になります。
次に、再生時間を設定する必要があります。これは、タイムライン用に作成するフレームの数です。 8フレームごと（または1秒ごと）に繰り返される単純な前後のアニメーションを作成するので、8で割り切れる再生時間を選択します。この場合は32を選択したので、私のGIFは4秒の長さになります。 （毎秒8フレーム、合計32フレーム。32/ 8 = 4）
[OK]をクリックしてタイムラインを作成します。これにより、デフォルトで画面の下部にあるインターフェイスのタイムラインウィンドウが開きます。タイムラインウィンドウが表示されない場合は、上部のメニューバーの[ウィンドウ]をクリックしてから、[タイムライン]をクリックして開きます。
タイムラインができたので、アニメーションフレームを配置するためのアニメーションフォルダを作成する必要があります。[アニメーション]-[新しいアニメーションレイヤー]-[アニメーションフォルダ]をクリックします。
アニメーションの[レイヤー]ウィンドウに新しいフォルダーが作成されます。ここでアニメーションフレームを作成します。このチュートリアルの場合は、アニメーション化するデザインの要素を含むレイヤーを配置します。
Clip Studioのアニメーションの方法により、この時点で（試行錯誤の末）、両方の要素を同じレイヤーでアニメーション化するか、2つのアニメーションフォルダーを作成する方が簡単であることがわかりました。左のベル用と右のベル用の2つのアニメーションフォルダを作成することにしました。これらのアニメーションフォルダを作成したら、ベルレイヤーの1つを1つのフォルダーにドラッグし、もう1つを2番目のフォルダーにドラッグしました。
これらのレイヤーをアニメーションフォルダーに配置すると、デザインから突然消えることがあります。慌てる必要はありません！それらはなくなっていません。レイヤーをアニメーションのフレームにリンクして、これらのレイヤーをいつ表示するかをCSPに指示する必要があります。
これを行うには、タイムラインの赤い縦線がアニメーションの最初のフレームにあり、レイヤーパレットでもレイヤーが選択されていることを確認します。次に、下のスクリーンショットに示されているタイムラインの「セルを指定」アイコンをクリックします。
レイヤーのリストから、最初のフレームに表示するレイヤーを選択します。このリストには、現在のアニメーションフォルダにあるレイヤーのみが含まれます。そのため、最初に[レイヤー]ウィンドウでレイヤーを選択したことを確認しました。これにより、レイヤーのリストが正しいことが保証されました。
次に、右側のベルのレイヤーのコピーを作成し、それを水平に反転して、リードがGIFの内側ではなく外側を向くようにします。コピーしたレイヤーを変換できない場合は、レイヤーのコピーを削除してから、元のレイヤーをラスタライズする必要があります（レイヤーを右クリックして、メニューから[ラスタライズ]を選択します）。次に、レイヤーを再度コピーして、変換を完了できるかどうかを確認します。それでも問題が解決しない場合は、レイヤーをアニメーションフォルダーからドラッグして変換を完了し、アニメーションフォルダーにドロップして戻します。 CSPが私に変換をさせたくない理由を理解するために、これを少し試してみる必要がありましたが、最終的にはそれを手に入れました。
以下のスクリーンショットでは、現在選択されているアニメーションフォルダに2つのレイヤーがあることがわかります。 1つには右向きのベルが含まれ、もう1つには左向きのベルが含まれます。これらは私の2フレームのアニメーションであり、GIFの反対側のベルにも同じ2フレームが必要です。
すべてのレイヤーを作成したら、タイムラインにそれらを表示する方法をCSPに指示します。ベルとリードの位置を毎秒変えてほしい。フレームレートを設定したときのことを覚えていますか？ 8に設定したので、8フレームごとに変更を行う必要があります。赤い縦線（タイムライン再生の現在の場所を示します）をフレーム9に移動します。目的のアニメーションフォルダーが選択されていることを確認してから、[セル画の指定]アイコンをもう一度クリックします。
以下に示すように、レイヤーのリストから2番目のアニメーションフレームを選択し、[OK]をクリックします。
アニメーションフォルダとタイムライン全体の両方でこのプロセスを続行します。下のスクリーンショットでは、両方のアニメーションフォルダーに対して8フレームごと（フレーム9、17、および25）にレイヤースイッチを設定していることがわかります。下のスクリーンショットでは、タイムライン上でレイヤーがどのように配置されているかを確認できます。
タイムラインウィンドウの上部にある[再生]ボタンをクリックすると、いつでもアニメーションを確認できます。ループ再生アイコンをクリックした場合、停止を押すまで再生がループします。これは、動きをチェックしてGIFのプレビューを取得するための優れた方法です。
私のシンプルなGIFは、今私が望む通りです。あなたはそれを以下に見ることができます。次のセクションでは、GIFをエクスポートしてから、Giphyにアップロードして共有できるようにします。
あなたの仕事をGiphyに置く
インターネット上で小さなアニメーションを共有するには、まずインターネットブラウザが理解できるファイル形式にアニメーションをエクスポートする必要があります。
私たちはGIFの作成に集中しているので、それをエクスポートしたいと考えています。これを行うには、次の画像に示すように、[ファイル]-[アニメーションのエクスポート]-[アニメーションGIF]を選択します。
これにより、アニメーションGIFのエクスポート設定が表示されます。このウィンドウでは、エクスポートされたGIFの幅と高さを変更したり、フレームの全部または一部をエクスポートしたり、フレームレートを変更したり、GIFがループする回数を設定したりできます。
下のスクリーンショットでは、GIFを元のキャンバスサイズより少し小さくしています。すべてのフレームをエクスポートしたいので、エクスポート範囲を1〜32のままにします。フレームレートを同じに保ち、ループカウントを無制限に保ちます。このように、GIFは、ブラウザまたはFacebookメッセージで特定の回数再生された後に停止するのではなく、無制限の回数繰り返し再生され続けます。
[OK]をクリックして、エクスポートしたGIFの場所とファイル名を選択します。この手順を完了した後、エクスポートに問題がないことを確認するために、フォルダの場所に移動してファイルを開きました。
それでは、多くのソーシャルメディアサイトがGIFを取得するライブラリであるGiphyにGIFを送信しましょう。これには、Facebook、Facebook Messenger、およびTwitterが含まれます。もちろん、「共有可能な」画像を作成した場合は、画像をGiphyに配置してタグを追加すると、画像をインターネット全体に広め、作品を宣伝するのに役立ちます。
まず、Giphyにアクセスしてアカウントにサインアップする必要があります。アカウントにサインアップしてログインすると、次の画像の画面が表示されます。
ご覧のとおり、まだ何もアップロードしていません。それでは、それを修正しましょう。画面の右上または画面中央の[何もアップロードしていません！]の下にある[アップロード]をクリックします。テキスト。
次に、アップロードするものを選択する必要があります。オプションはGIFまたはステッカー（透明度のあるGIF）です。 GIFアップロードオプションは、MP4またはMOVファイルにも使用されます。透明度のないアニメーションGIFをアップロードしているので、[GIF]オプションをクリックします。
アップロードするファイルを選択します。
以下に示す次の画面で、可視性を設定できます。画像を公開すると、誰でも見ることができます。プライベートに設定すると、あなただけが見ることができるように画像が保持されます。
GIFが見つかるように、いくつかのタグを追加します。このようなものを検索している可能性のある人が自分のGIFを簡単に見つけられるように、クランプスとクリスマスに関連するタグをたくさん追加しました。複数のタグを追加する場合は、各タグの間にカンマを入れてください。
この画像のアートワークは私のものであるため、自分のWebサイトをソースURLとして配置しています。
[GIPHYにアップロード]をクリックして、アップロードプロセスを完了します。これで、GIFが検索可能になり、多くのユーザーに広まる可能性があります。
結論
GIFは共有性が高く、アート、ビジネス、コミック、その他のプロジェクトを宣伝するのに役立ちます。少しの調査といくつかの作業で、幅広い視聴者に広がり、多くの人の目の前で作業を行うGIFを作成できる可能性があります。既存のアートワーク要素と単純な変換を使用することで、アニメーションの経験がない人でもGIFを作成できます。
CLIP Studio Paintの詳細については、https：//www.clipstudio.net/enまたはhttps://graphixly.comにアクセスしてください。
この投稿を「いいね！」したユーザー
コメント