ただいまの人気記事はこれ!おすすめ記事いろいろ

【Affinity Photo】文字のふちどりにグラデーションオーバーレイを使う方法

Affinity Photo
当サイトでは記事内に広告を掲載しています。

Affinity Photoでは、文字のふちどりをグラデーションにすることができます。

たとえばこんな感じ。

【Affinity Photo】文字のふちどりにグラデーションオーバーレイを使う方法

単色でふちどりをつけた場合よりも、カラフルで面白い雰囲気になります。

こうした効果を出す方法として、前回の記事では「文字パネルを使った方法」をお届けしました。

【Affinity Photo】文字のふちどりをグラデーションにする方法【文字パネル使用】
Affinity Photoでは、文字のふちどりをグラデーションにすることができます。 たとえばこんな感じ。 単色でふちどりをつけたときよりも、ユニークな雰囲気になります。 というわけで、今...

今回はその方法とは別のやり方で、レイヤーエフェクトを使って文字のふちどりをグラデーションにする方法をお届けします。

Affinity Photoの記事一覧

手順

まずは準備から

1.まずはキャンバスに任意の文字を書いてみましょう。画面左のツールバーからアーティスティックテキストツールを選択します。

アーティスティックテキストツール

 

2.フォントやサイズはお好みでOKです。今回は例として次のような文字を書いてみました。

文字

 

この時点でのレイヤー構成は次の通りです。

レイヤー構成

「ゆずゆろぐ。」とあるのが、文字を書いたレイヤーです。

 

3.レイヤーパネルで、文字を書いたレイヤーを右クリックします。

文字を書いたレイヤーを右クリック

 

メニューが表示されますので「複製」を選択します。

「複製」を選択

 

すると、文字を書いたレイヤーが複製されます。

文字を書いたレイヤーが複製

 

4.上にある文字レイヤーの右側にあるチェックをはずします。これで上のレイヤーが非表示になります。

レイヤーを非表示に

 

ちなみにこの作業を行った場合も、キャンバス上の表示は変わりません。

キャンバス上の表示

つまり、上と下に同じレイヤーがある状況で、上のレイヤーを非表示にしたので、下のレイヤーがみえているというわけですね。

 

5.下のレイヤーをクリックして選択状態にします。

レイヤーを選択

 

すると、画面上部に「a」というボタンが表示されますので、これをクリックします。

「a」というボタン

 

文字の設定ができるパネルが表示されます。

文字の設定ができるパネル

このパネルは、画面上部のメニューの「表示」→「スタジオ」→「文字」でも表示することができます。

 

3.文字パネルが表示されたら、矢印の部分をクリックします。

文字パネル

 

すると、ふちどりを設定できるパネルが開きますので、「幅」のバーを動かして数値を上げていきます。

「幅」

 

すると、何らかの色でふちどりがつき、文字が太くみえるようになります。

ふちどり

ここでの目標は「文字のまわりが太くなること」です。色や太さはあとからしっかり調整できますので、この段階では気にする必要はありません。文字のまわりが太くなっていればOKです。

 

6.文字を太くできたら、レイヤーパネルで下のレイヤーを右クリックします。

下のレイヤーを右クリック

 

メニューが開きますので「グループ化」を選択します。

「グループ化」を選択

 

すると、下のレイヤーが「グループ」というフォルダに収納されます。

「グループ」フォルダに収納

これで準備は完了です。さっそくグラデーションをつけていきましょう。

スポンサーリンク

全体にグラデーションをつけてみよう

1.レイヤーパネルで「グループ」レイヤーを選択し、下部にある「レイヤーエフェクト」アイコンをクリックします。

「レイヤーエフェクト」

 

2.レイヤーエフェクトのパネルが開きます。左側のメニューの「グラデーションオーバーレイ」タブを選択し、左側の□にチェックを入れます

「グラデーションオーバーレイ」

 

矢印のところをクリックすると、グラデーションの色を設定できるパネルが開きます。

グラデーションの色を設定

 

ここでは例として、次のような色合いにしてみました。

グラデーションの設定

 

ちなみにこの段階では、ふちどり部分を含めた文字全体がグラデーションになります。

文字全体がグラデーションに

では、これがふちどりにみえるようにしていきましょう。

ふちどりにしてみよう

1.レイヤーパネルで上の文字レイヤーの右側にある□チェックを入れます。

レイヤーを表示する

 

すると、さきほど作ったグラデーションの上に文字が表示され、ふちどりにみえるようになります。

上のレイヤーが表示

 

2.上のレイヤーの文字の色を変えるときは、レイヤーパネルで上のレイヤーをクリックして選択状態にします。

レイヤーパネル

 

すると、画面上部に文字の色を表すタイルが表示されます。このタイルをクリックすると、文字の色を自由に設定できます。

文字の色

 

3.グラデーションの色合いを設定するときは、下のレイヤーの「レイヤーエフェクト」アイコンをクリックします。

「レイヤーエフェクト」アイコン

 

「レイヤーエフェクト」パネルが開きますので、ここでグラデーションの調整ができます。

「レイヤーエフェクト」パネル

 

4.また「グループ」レイヤーには、最初に下にあった文字レイヤーが収納されています。

「グループ」レイヤー

ふちどりの太さを調整するときなど、必要に応じてチェックしてみてください。

 

5.お好みの雰囲気になれば完成です。

お好みの雰囲気になれば完成

スポンサーリンク

今回の方法のメリット

今回の方法は、前回の記事で紹介した「文字パネルを使ってふちどりをつける方法」よりも少々手間がかかります。

【Affinity Photo】文字のふちどりをグラデーションにする方法【文字パネル使用】
Affinity Photoでは、文字のふちどりをグラデーションにすることができます。 たとえばこんな感じ。 単色でふちどりをつけたときよりも、ユニークな雰囲気になります。 というわけで、今...

が、今回の方法は、なんといってもグラデーションを細かく調整できるのが大きなメリットです。

設定できる項目が多いことに加えて、直感的に操作できる部分が多いため、凝った演出をしたいときなどに便利です。

記事で使用したツール

今回の記事で使用したツールは次の通りです。

【Affinity Photo】

最高の写真編集用ソフトウェア | ブラック フライデーで 50% オフ
世界中の何百万人もの写真家、アーティスト、そしてその他のプロフェッショナルが第一に選ぶ写真用エディタ - 50%オフ

今回はAffinity Photoのレイヤーエフェクトを使って、文字のふちどりをグラデーションにする方法をお届けしました。よかったら参考にしてみてください。

スポンサーリンク
Affinity Photo
ゆずゆろぐ。の本が出ました!
ゆずゆろぐ。の本が出ました! 完全書きおろし、Amazonで販売中です。興味のある方はぜひどうぞ!
ゆずゆをフォローする
この記事を書いた人
ゆずゆ

読むと、ちょっぴり役に立つ&たのしくなるコンテンツを発信しています。クッピーラムネとAmazonのFire HD8がお気に入り。雑貨マニア。

ゆずゆをフォローする
ゆずゆろぐ。
タイトルとURLをコピーしました