スキルアップ

Affinity Photo(アフィニティフォト)で文字にグラデーション入れる方法

Affinity Photo(アフィニティフォト)で文字にグラデーション入れる方法をお伝えします。文字にグラデーションを入れる場合左右に入れる場合はフォントカラーの部分でグラデーションを選択するするだけなので簡単にできるのですが
グラデーションを上下に入れたい場合は、わかりにくいので記載しておきます。

Affinity Photo(アフィニティフォト)で左右にグラデーション入れる方法

これは、デフォルトの設定であるので簡単にできますが一応ご紹介です。

「①フォトカラー」を選択、次に「②グラデーション」を選択

グラデーションのカラーを選択

どちら側を変えたいかを選択して変更しお好みのカラーを選択してください。自動でグラデーションがかかります。

Affinity Photo(アフィニティフォト)3色でグラデーション入れる

Affinity Photo(アフィニティフォト)3色目を入れる

先ほどのグラデーションの部分の赤から黒にグラデーションのかかっているところをクリックして挿入をクリックいたします。

3色目のカラーを選択

新しく丸いポイントが出来るのでその部分に新しいカラーを選択します。

Affinity Photo(アフィニティフォト)で左右にグラデーション入れるまとめ

左右に入れる文には簡単ですね。また四角などの図形も90度や180度回転をさせるなどを行えば問題ないので少し工夫をすれば問題点は無くなります。図形なども細かいところを気にしなければ問題ないでしょう。

文字や図形に上下でグラデーションを入れる

ここからが本題です。
先ほどのように左右でグラデーションを入れる場合は、簡単なのですがデザインをするうえで左右でなく上下でグラデーションをかけなくてはいけない場合もあると思いますよね。文字などはどうしても回転させる訳にはいきませんので…。
ここからは、文字にグラデーションを入れる方法をお伝えいたします。上記のグラデーションがわかった上での作業になります。

文字を記入してシェイプツールを使いグラデーションを作成

文字を記入してフォントを選びます。次にシェイプツールを使い四角を作りその四角にグラデーションをかけていきます。

シェイプツールを90度回転

さほどシェイプツールを使いグラデーションをかけた四角形を90度回転をさせます。
ご存知だと思いますが、「shift」を押しながらですと回転が15度ずつになるので90度の回転が楽になります。

文字の高さと四角を高さと横幅を合わせる

高さを合わせます。文字の上に図形を置いても良いですし、図形の上に文字を置いても構いません。
上下のグラデーションなので横幅はそこまで気にしなくて大丈夫です。

文字をシェイプツールの(マスクレイヤー)配下に入れる

私の場合は、シェイプで作った長方形の右側に文字を持っていくだけで終了

Affinity Photo(アフィニティフォト)で文字にグラデーションまとめ

Affinity Photo(アフィニティフォト)で文字に対して横に入れるのはデフォルトで出来るのですが縦にグラデーションを入れる場合は参考にして頂けたらと思います。
もっと簡単にグラデーションを文字に対して縦に入れる方法がありましたら、教えて頂けたらと思います。

 

ビジネスプロフィールGoogleビジネスプロフィールのユーザー権限の追加方法前のページ

ピックアップ記事

  1. 4年振りに…。やらかしました。
  2. フェイスブックでブログのサムネイル(OGP)画像の確認方法
  3. 顧客満足度って大切だとディズニーで思った
  4. ロゴ作成で大切なこと
  5. 大阪で2つのセミナーを開催します。

関連記事

  1. ハサミ 画像

    WEB知識

    PixlrEditor(ピクセラエディター)で画像の切抜き

    前回の続きです。Pixlr Editor(ピクセラエディター)を使い画…

  2. WEB知識

    WEBディレクターなら覚えておいた方がいいシュートカットキー

    WEBディレクターは電車の中、合間時間での作業など様々な時にパソコンを…

  3. ピンタレスト

    WEB知識

    Pinterest(ピンタレスト)でWEBサイト全体がスクショできない

    Pinterest(ピンタレスト)をダウンロードをしたけれどWEBサイ…

  4. ワードプレス

    スキルアップ

    気になるサイトのプラグインの調べ方

    人気のあるサイト・SEOの上位サイトはどのようなプラグインを使っている…

  5. スキルアップ

    価値観を変えることで生まれる『カタチ』

    今回は、価値観を変えることで生まれる『カタチ』についてマーケテ…

  6. 紹介カード

    スキルアップ

    効果的な紹介カードをつくって、効果的に紹介を貰う

    みなさん紹介カードを作る人って多いと思います。最近の結構お客様から評判…

  1. チラシ 読んでる

    WEB知識

    基本をマスターして読まれるチラシを作る方法
  2. 大切な事 メモ

    スキルアップ

    ディレクション大事な事〜事前準備〜
  3. 気遣い

    プライベート

    サービス業を見ているから、気になることサービスの差別化とは
  4. ネット 好き

    WEB知識

    SE0対策・クローラーに気に入られるホームページとは
  5. WEB知識

    いいホームページを作る為に考えなければいけないこと
PAGE TOP