WordPressでシネマグラフを作成・追加する方法

WordPressの投稿にシネマグラフを追加する方法を知りたいですか？シネマグラフとは、画像の一部分やエリアが動き、他の部分は静止している画像のことです。これらの画像は非常に魅力的で、あなたの投稿にストーリーテリングの要素を加えます。この投稿では、WordPressでシネマグラフを簡単に作成・追加する方法をご紹介します。

シネマグラフとは？

シネマグラフとは、GIF画像の一部分が動き、残りの部分が静止している画像のことです。とても映画のように見えるので、シネマグラフと呼ばれています。

画像にストーリー性を持たせることで、より魅力的に見せることができます。特に、長編コンテンツやポッドキャストのエピソード、音声ファイルに添えると効果的です。

シネマグラフの作成は、通常のGIFとは少し異なります。しかし、適切なツールがあれば、少しの努力と少しの練習で、自分の動画から見事なシネマグラフを作成することができる。

それでは、WordPressでシネマグラフを簡単に作成・追加する方法を見ていきましょう。

動画からシネマグラフを作成する

始めるには、以下の項目が必要です：

1. シネマグラフに変換したい小さな動画クリップ
2. アドビ・フォトショップ
3. あなたの時間、忍耐力、創造力

さあ、始めよう。

まずは動画を用意しましょう。iMovieのような動画編集ツールを使って、シネマグラフに必要な最低限のクリップだけに動画をトリミングすることができます。

次に、Photoshopを開き、ファイル ” インポート ” ビデオフレームをレイヤーにメニューをクリックして、動画をレイヤーにインポートする必要があります。

動画を選択し、OKボタンをクリックして次に進みます。動画のサイズによっては、完全にインポートされるまで少し時間がかかる場合があります。

動画がインポートされると、レイヤーパネルの下に動画フレームがレイヤーとして表示されます。

ここで、一番最初のレイヤー（レイヤー1）以外のすべてのレイヤーを選択する必要があります。

レイヤー ” 新規 ” レイヤーメニューからグループを選択するか、Command + G (WindowsではCTRL + G)を押してレイヤーをグループに追加します。

次に、グループを選択し、レイヤー ” レイヤーマスク ” すべてを表示でグループにマスクを追加します。

マスクを追加したら、Command + I（WindowsではCtrl + I）キーを押してマスクの色を反転させる。

描画色を白に設定し、ブラシツールをクリックする。ブラシツールを使って、ループで表示したいエリアをハイライトする必要がある。

その後、ウィンドウ ” タイムラインで、すべてのレイヤーをアニメーション形式で開きます。

タイムラインでは、最初のフレームを除いて、すべてのフレームが透明に表示されます。

これを変更するには、レイヤーパネルで最初のレイヤー(レイヤー1)を選択し、レイヤーの可視性を解除アイコンをクリックし、一致ボタンを押します。

次に、タイムラインのトグルアイコンをクリックし、すべてのフレームを選択します。その後、もう一度トグルボタンをクリックし、フレームのコピーを選択します。

フレームをコピーした後、トグルボタンをクリックし、「フレームをペースト」オプションを選択します。

貼り付け方法の選択を求められます。選択後に貼り付け」を選択し、OKボタンを押します。

次に、タイムラインのトグルアイコンをもう一度クリックし、「フレームを反転」オプションを選択する必要があります。

シネマグラフアニメーションの完成です。

コンピューターに保存するには、ファイル ” ウェブ用に保存オプションに進みます。ポップアップが表示されますので、GIF形式を選択して保存ボタンをクリックしてください。

以上でシネマトグラフの準備はすべて整いました。

WordPressで他のGIFを追加するのと同じように、あなたのサイトに追加することができます。シネマグラフを追加したい投稿日やページを編集して、メディアを追加ボタンをクリックするだけです。

メディアアップローダーのポップアップが表示されるので、ファイルを選択ボタンをクリックしてコンピューターからGIFファイルをアップロードします。

アップロードしたら、「投稿に挿入」ボタンをクリックして次に進みます。

WordPress投稿エディターに画像が表示されます。

投稿を保存または更新することを忘れないでください。プレビューボタンをクリックすると、シネマグラフが実際に表示されます。これがこのチュートリアルで作成したシネマグラフです。

この投稿が、WordPressでシネマグラフを作成・追加する方法のお役に立てば幸いです。WordPressユーザー向けにロイヤリティフリーの画像を無料で提供しているサイトのリストもご覧ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Facebookでもご覧いただけます。