アニメーションされた 輝くテキストは、デザインに華やかでダイナミックな印象を与え、SNS投稿、招待状、デジタルアートに最適です。Photoshopを使用して、レイヤースタイル、輝き効果、およびタイムラインアニメーションを組み合わせて、この効果を簡単に作成できます。このチュートリアルでは、輝くテキストをステップバイステップで作成し、アニメーションで輝かせる方法を紹介します。さあ、始めましょう。テキストを動かしましょう！
1. 新規ドキュメント
まずは、574 Px x 319 Pxのサイズで新しいドキュメントを作成します。
次に、グラデーションツールを使用して、背景を #29108c から #152869 までの色で塗りつぶします。
グラデーションは左上から右下に向かって引きます。
2. テキストの作成と輝き効果の付加
フォントを選択し、テキストを入力します。ここでは、「Franklin Gothic Heavy」を使用し、サイズは235 Pxで色は #8e5ade です。
レイヤーを複製するには、2回Ctrl+Jを押します。これで、3つの同一のレイヤーができます。
最初の輝き効果では、最初のレイヤーにフィルター＞ノイズフィルター＞ノイズを追加を適用し、20%の値を選択します。レイヤーをラスタライズするかどうかの質問が表示されたら、OKを選択します。
2番目のレイヤーについても同じ手順を踏み、強度を21%に設定します。
そして、3番目のレイヤーにも同様に、値を22%に設定します。これで、それぞれのレイヤーに異なるノイズ効果が得られます。
3. 輝きを作成
テキストレイヤーの上に空のレイヤーを作成し、そこに異なる星のパターンを設定します。
星のブラシはPSD-Tutorials.deでも入手できます。お好みの星型ブラシを選択し、下のレイヤーにたくさんの星を配置します。ブラシのサイズを少し変えて、星がランダムに配置されるようにバリエーションを加えてください。
残りの2つの星のレイヤーにも同様にして、異なる星のパターンを作成します。
4. 輝きをアニメーション
これから面白い部分がやってきます。作成した輝きをアニメーション化します。それには、ウィンドウ＞アニメーション …に移動します。
次に、画面下部にあるフレーム表示のシンボルをクリックします。
その後、2回シンボルをクリックして、さらに2つのフレームを作成します。
最初のフレームを選択し、最初のテキストレイヤーをその対応する星エリアと一緒に表示させます。
その後、2番目のフレームを選択し、2番目のペアを表示させます …
そして3番目のフレームでは、残りの2つのレイヤーを表示させます。
その後、Shiftキーを押しながら3つのフレームをすべて選択し、 …
… 秒数横の小さな三角形をクリックし、フレームごとに再生時間0.2秒を設定します。
そして、アニメーションが継続的に複数回再生されるようにするために、以下に示すように、無制限 に設定します。
それから 再生ボタン を押すと、アニメーションが再生されます。
5. アニメーションを保存
アニメーションを保存するためには、ファイル＞Webおよびデバイスに保存 に移動します。
そして、表示されるウィンドウで GIF を選択するだけです。そして 保存 をクリックすると、アニメーションが保存されます。
多くの場合、画像ビューアーで開かれるアニメーションが再生されないことがよくあります。フレームのみが表示されます。しかし、アニメーションを確認するには、画像ファイルをブラウザウィンドウにドラッグ＆ドロップするだけで十分です。そうすれば再生されます。
このチュートリアルが楽しかったことを願っています。ここで私たちの最終結果をご覧いただけます：
