画像 ぼかす

スキルアップ

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

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

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

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

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

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

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

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

Affinity Photo ぼかし

左右をぼかす

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

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

半径を変える

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

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

まとめ

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

 

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

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

ピックアップ記事

  1. 開業前から、インスタグラムを有効に使う方法
  2. フェイスブックでブログのサムネイル(OGP)画像の確認方法
  3. 4年振りに…。やらかしました。
  4. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは
  5. Facebook(フェイスブック)ページを変えたらブログアクセスが

関連記事

  1. SEO

    WEB知識

    SEOなどに有効で、色々な意味でいいドメインってあるの?

    自分のWEBサイト(ホームページ)などえを持つ際は独自ドメインを取得す…

  2. 独自ドメイン

    スキルアップ

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

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

  3. インスタ写真

    WEB知識

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

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

  4. ポケット画像

    スキルアップ

    情報を後で読もうと思った際にすごく便利なpocket

    みなさんは、ブログなどはいつ読んでいますか?Fecabookなどで、気…

  5. ハサミ 画像

    WEB知識

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

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

  6. スキルアップ

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

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

  1. ロゴ 作成

    マーケティング

    ロゴ作成で大切なこと
  2. 画像に文字を重ねる

    WEB知識

    画像に文字を入れたり、画像を重ねる方法
  3. エキテン 地域 集客 

    WEB知識

    エキテンを使いコアユーザーを集めるという事は
  4. 未分類

    ロリポップの独自ドメインが設定できない
  5. OGP サムネイル

    WEB知識

    フェイスブックでブログのサムネイル(OGP)画像の確認方法
PAGE TOP