画像 ぼかす

スキルアップ

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

バナーやメインビジュアルの写真などの写真に使えるグラデーションの掛け方を書いていきます。Affinity PhotoとはMac専用の画像加工ソフトになりますのですが、使い方はAdobeのPhotoshopと変わらないのでPhotoshopの方も、是非ご覧になって頂ければと思います。

まずは、画像を開きフィツター>ぼかしを選択します。

ぼかしのに種類がありますので注意してください。

ガウスぼかし=画像にモザイクをかける
光彩拡散=光がある部分を広げる
ボックスぼかし=画像に四角モザイクをかける
モーションぼかし=画像をズラしてぼかします
放射状ぼかし=画像を回転させながらぼかします
ズームぼかし=画像をズームアップさせながらぼかします
フィールドぼかしの深度=部分的にぼかしを入れます
フィールドぼかしの深度>椿円形=丸を作り中心から遠いところほど濃くなります
フィールドぼかしの深度>ティルトシフト=横や縦でぼかしを入れます

フィールドぼかしのティルトシフト

今回使うのはフィールドぼかしのティルトシフトを使います。

ティルトシフトを使うと下記のような画面が出てきます。線が横になっています。このまま半径のところをみぎにズラしてPxを大きくすると上下にぼかしがかかっていきます。中心をずらせば片側だけにぼかしがかかってきます。

Affinity Photo ぼかし

左右をぼかす

上記の線に青い丸がついているところを動かせばぼかす箇所が上下ではなく左右になります。ぼかしの範囲を左右で変えることも出来ますし、片側だけをぼかすことも可能になります。

ぼかしの範囲 左右ぼかしの範囲 片側だけ

半径を変える

半径を変えれ右にズラしPx数を大きくすれば、ぼかしが大きくかかります。

ぼかし具合は、他のフォントなのことを考えて調整していきましょう。

まとめ

ただ画像をぼかすだけでしたら、簡単ですが文字(フォント)を入れる場合などは、フォントの読みやすさなどを考えなければなりません。レイヤーを上手に使って微調整を繰り返してみましょう。

 

画像に文字を重ねる画像に文字を入れたり、画像を重ねる方法前のページ

画像加工の知らないでは済まされない最低限の用語次のページ画像 重ねる

ピックアップ記事

  1. マーケティングに大切なもの、第二章
  2. 開業前から、インスタグラムを有効に使う方法
  3. ウェブデザイン技能検定3級 合格しました。
  4. ロゴ作成で大切なこと
  5. 自分のホームページの歴史(ドメイン年齢)を知ってますか?

関連記事

  1. 紹介カード

    スキルアップ

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

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

  2. Macbook

    スキルアップ

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

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

  3. ピンタレスト

    スキルアップ

    Pinterest(ピンタレスト)でWEBサイトをスクショする方法

    Pinterest(ピンタレスト)でWEBサイトの全体がスクショする方…

  4. 集客 リピート

    スキルアップ

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

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

  5. WEB知識

    Photoshopを使わずに画像加工をする無料ソフト

    サイト作成・バナーの作成などをする際はAdobe Photoshop …

  6. スキルアップ

    ブログ開設しました。

    ブログを開設しました。初めまして。自分はWEBディレク…

  1. Googleマイビジネス 何

    マーケティング

    今更聞けない!Google(グーグル)マイビジネスって何?
  2. ドメイン年齢

    マーケティング

    自分のホームページの歴史(ドメイン年齢)を知ってますか?
  3. ロゴ 作成

    独り言

    WEB3110は新しいカテゴリー追加しました。
  4. 大切な事 メモ

    スキルアップ

    ディレクション大事な事〜事前準備〜
  5. フェイスブック フォロー

    WEB知識

    Facebook(フェイスブック)の好かれるプロフィール
PAGE TOP