Affinity Photo 画像を丸く切り取る

WEB知識

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

Affinity Photoで画像を丸く切り取る方法をお伝えします。バナーの作成等では必要になりますので知っておいた方がいいかもしれません。

まずは、切り取りたい画像を開きます。(この辺りは説明を深くしません。)

楕円形ツールを使い丸を作ろう

楕円形ツールを使い切り取り範囲を囲みましょう。基本的な事を言うと、ただ引きだけでは丸が正円ではないので【shiftキー】を押しながら引っ張ると綺麗な円になります。

切り取り範囲を丸く 囲む

選択範囲を反転させる

このまま【deleteキー】を押してしまうと選択した丸の中が、切り取られてしまうので選択の範囲を反転させたいと思います。

切り取り範囲 反転 画像

出来上がり!

あとは【deleteキー】を押せば終了です!選択範囲を反転すると円と画像の周りが点線で囲まれていますので囲まれていれば切とれています。

切り取り完了

丸く切って周りの境界線をぼかす

丸く切って画像の境界線をぼかす際は切ったあとの切り取りはできません。厳密に言うとできないわけではないのですが、レイヤーを重ねて重ねたレイヤーをぼかして切り取りを行わないといけませんので切り取る際に、ぼかしの設定をしてから丸く切り取りをする事をお勧めします。

切り取る画像の周りをぼかす

以上でした。

Photoshopと同様で簡単にできました。これからもどこまでできるのかやっていたいと思います。

 

ピックアップ記事

  1. ホームページリニューアルしたいけど検索順位さげたくない!
  2. 自分のホームページの歴史(ドメイン年齢)を知ってますか?
  3. 開業前から、インスタグラムを有効に使う方法
  4. フェイスブックでブログのサムネイル(OGP)画像の確認方法
  5. ウェブデザイン技能検定3級 合格しました。

関連記事

  1. OGP サムネイル

    WEB知識

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

    先日、知り合いのオーナーさんが気にされていたので、記事にしたいと思いま…

  2. HEIC

    WEB知識

    HEICって拡張子なに?JPGに変換したい

    スマホは買い換えていますか?iPhoneを買い換えるとOSが変わります…

  3. 独自ドメイン

    スキルアップ

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

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

  4. 口コミ 集客

    WEB知識

    口コミ連動型のホームページ作成

    今回は、口コミ連動型のホームページの作成をさせて頂きましたのでその事に…

  5. 404 エラー

    WEB知識

    サイトをリニュアールしたら、Googleからエラーメールが来た

    皆さま、ドメインをそのままホームページをリニューアル出来るのは知ってい…

  6. 画像 重ねる

    スキルアップ

    画像加工の知らないでは済まされない最低限の用語

    昔は、年賀状ぐらいしが写真を見る機会は無かったのですが、今はブログ・S…

  1. 充電

    充電スポット

    あざみ野駅|充電スポット
  2. ショッピング セール

    スキルアップ

    効果を最大限引き出せるPOP(ポップ)作りの基本
  3. WEB知識

    Photoshopを使わずに画像加工をする無料ソフト
  4. 大阪ビューティガレージ セミナー

    マーケティング

    大阪で2つのセミナーを開催します。
  5. WEB知識

    メディアの使い方
PAGE TOP