スキルアップ

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. ウェブデザイン技能検定3級 合格しました。
  2. ロゴ作成ってどうするの?
  3. Facebook(フェイスブック)ページを変えたらブログアクセスが
  4. 大阪で2つのセミナーを開催します。
  5. ロゴ作成で大切なこと

関連記事

  1. インスタ写真

    WEB知識

    ブログにインスタのタイムラインの画像を表示させる方法

    最近は、色々な美容師さんや、ネイリストさんなどとお話しをさせて頂いてお…

  2. スマホ 画像

    WEB知識

    スマホサイトがあるだけではダメな時代へ突入ですね

    Googleが新たな検索エンジンの対策を発表しました。今までの常識を覆…

  3. チラシ 読んでる

    WEB知識

    基本をマスターして読まれるチラシを作る方法

    デザインの基本についてです。元々僕の場合はWEBディレクターをしており…

  4. ビューティワールド ジャパン

    スキルアップ

    出展者側からの目線で色々と見てみた。BWJとは

    3110です。(齊藤です。)みなさん、ビューティーワールドジャ…

  5. 独自ドメイン

    スキルアップ

    独自ドメインとレンタルサーバー

    独自ドメインの取得僕の場合はドメインはお名前.comで取得し…

  6. 画像 ぼかす

    スキルアップ

    Affinity Photoで画像にグラデーションをかける

    バナーやメインビジュアルの写真などの写真に使えるグラデーションの掛け方…

  1. Affinity Photo 髪の毛まで 綺麗に切り取る

    WEB知識

    Affinity Photoで髪の毛一本まで切抜く方法
  2. THE タイトルタグ

    よくある質問

    titleタグ(タイトルタグ)とは
  3. スマホ 画像

    WEB知識

    スマホサイトがあるだけではダメな時代へ突入ですね
  4. 子供 感謝 手紙

    プライベート

    やっぱり家族っていいもんだな。子供から学ぶ事多し。
  5. インスタ写真

    WEB知識

    ブログにインスタのタイムラインの画像を表示させる方法
PAGE TOP