画像 ぼかす

スキルアップ

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

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

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

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

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

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

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

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

Affinity Photo ぼかし

左右をぼかす

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

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

半径を変える

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

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

まとめ

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

 

ピックアップ記事

  1. マーケティングに大切なもの、第二章
  2. 4年振りに…。やらかしました。
  3. ホームページリニューアルしたいけど検索順位さげたくない!
  4. 看板のメニューを考えて来店動機を掴もう
  5. ロゴ作成ってどうするの?

関連記事

  1. 街の広告 写真

    スキルアップ

    WEBも看板も見てもらえる広告の共通する点とは

    今はサイト作成をしたり印刷関係の仕事もしています。色々と仕事をしている…

  2. ポケット画像

    スキルアップ

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

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

  3. Macbook

    スキルアップ

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

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

  4. スキルアップ

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

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

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

    スキルアップ

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

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

  6. 手帳 写真

    WEB知識

    ディレクション大事な事〜スケジュール管理〜

    僕がディレクションをするにあたり気を付けている事その②です。色…

  1. 気遣い

    独り言

    サービス業を見ているから、気になることサービスの差別化とは
  2. 雪 差別化

    スキルアップ

    ちょっとした投稿でも差別化を図る
  3. オープン準備

    よくある質問

    サロンオープンで忘れがちの準備内容
  4. ワードプレス

    スキルアップ

    気になるサイトのプラグインの調べ方
  5. 街の広告 写真

    スキルアップ

    WEBも看板も見てもらえる広告の共通する点とは
PAGE TOP