スキルアップ

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. 開業前から、インスタグラムを有効に使う方法
  2. ウェブデザイン技能検定3級 合格しました。
  3. Facebook(フェイスブック)の好かれるプロフィール
  4. 効果的な紹介カードをつくって、効果的に紹介を貰う
  5. 看板のメニューを考えて来店動機を掴もう

関連記事

  1. サロミ 写真

    スキルアップ

    美容の経営者・独立者様限定セミナー参加しました。

    本日、美容の経営者・独立者様限定セミナー参加してきました。その名は…

  2. ドメイン

    スキルアップ

    まず、はじめにやったこと

    ブログを開設するに当たりまず最初やったことは、ドメインの取得です。…

  3. スキルアップ

    新しい手帳を変えようと思います。

    2017年になるに当たり手帳を新調しようと思います。今までの手…

  4. 集客 リピート

    スキルアップ

    クチコミなどをしてくれる『強烈なファン』を作る方法

    最近では、ポータルサイトなどで値段次第で簡単に集客ができる店舗が多くな…

  5. ハサミ 画像

    WEB知識

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

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

  6. Macbook

    スキルアップ

    WEBディレクターの外で使うPCはMacで決定!

    見習いWEBディレクターのWEB−3110です。WEBディレク…

  1. alt タグ SEO

    WEB知識

    ワードプレスで大切なalt設定(オルト設定)
  2. 雑誌

    マーケティング

    気付かないが雑誌から読み取る顧客心理
  3. よくある質問

    訳のわからないサービスを販売する業者
  4. グーグルビジネスプロフィール

    WEB知識

    Googleビジネスプロフィールのプライバシー厳しくない?
  5. ビジネスプロフィール

    よくある質問

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