画像 ぼかす

スキルアップ

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

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

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

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

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

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

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

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

Affinity Photo ぼかし

左右をぼかす

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

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

半径を変える

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

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

まとめ

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

 

ピックアップ記事

  1. ロゴ作成で大切なこと
  2. フェイスブックでブログのサムネイル(OGP)画像の確認方法
  3. マーケティングに大切なもの、第二章
  4. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは
  5. 4年振りに…。やらかしました。

関連記事

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

    WEB知識

    Affinity Photoで髪の毛一本まで切抜く方法

    Affinity Photoでの画像切り取り方法をお伝えします。画像加…

  2. alt タグ SEO

    WEB知識

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

    最近では、ブログをWordPressで書いている方も凄く増えてきている…

  3. Affinity Photo 画像を丸く切り取る

    WEB知識

    Affinity Photoで画像を丸く切り取る方法

    Affinity Photoで画像を丸く切り取る方法をお伝えします。バ…

  4. 集客 リピート

    スキルアップ

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

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

  5. 時間ない 時計

    スキルアップ

    サロン開業までに集客ツールを作る期間と流れは意外に短い

    サロン開業までのお手伝いを色々としておりますが、サロン開業に向けては資…

  6. Macbook

    スキルアップ

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

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

  1. html タグ タイトルタグ キーワード 

    WEB知識

    SEOの基本《TDKH》について知っていますか?
  2. 充電

    未分類

    池袋駅|充電スポット
  3. 写真 バナー

    WEB知識

    PixlrEditor(ピクセラエディタ)でバナー作成方法
  4. 自転車 写真

    マーケティング

    人は、どんな時に行動にうつすのか?
  5. ピンタレスト

    WEB知識

    Pinterest(ピンタレスト)でWEBサイト全体がスクショできない
PAGE TOP