画像 ぼかす

スキルアップ

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

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

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

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

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

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

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

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

Affinity Photo ぼかし

左右をぼかす

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

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

半径を変える

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

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

まとめ

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

 

ピックアップ記事

  1. 顧客満足度って大切だとディズニーで思った
  2. Facebook(フェイスブック)ページを変えたらブログアクセスが
  3. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは
  4. 自分のホームページの歴史(ドメイン年齢)を知ってますか?
  5. 効果的な紹介カードをつくって、効果的に紹介を貰う

関連記事

  1. スキルアップ

    価値観を変えることで生まれる『カタチ』

    今回は、価値観を変えることで生まれる『カタチ』についてマーケテ…

  2. プロモーション アピール

    WEB知識

    より好まれる・より効果が出るプロモーション方法

    今ではブログ等で自身のアピールがしやすく、それをFacebookやTw…

  3. ハサミ 画像

    WEB知識

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

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

  4. 商品 売上 粗利

    スキルアップ

    どの商品で勝負をするのか?

    だだ商品を販売するのでは、会社は成り立ちません。販売個数や売上は同じで…

  5. 街の広告 写真

    スキルアップ

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

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

  6. WEB知識

    WEBディレクターなら覚えておいた方がいいシュートカットキー

    WEBディレクターは電車の中、合間時間での作業など様々な時にパソコンを…

  1. WEB知識

    メディアの使い方
  2. ワードプレス

    スキルアップ

    気になるサイトのプラグインの調べ方
  3. THE タイトルタグ

    よくある質問

    titleタグ(タイトルタグ)とは
  4. ブログを書く

    独り言

    ブログの記事を続ける大切さ
  5. alt タグ SEO

    WEB知識

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