Affinity Photo 画像を丸く切り取る

WEB知識

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

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

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

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

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

切り取り範囲を丸く 囲む

選択範囲を反転させる

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

切り取り範囲 反転 画像

出来上がり!

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

切り取り完了

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

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

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

以上でした。

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

 

ピックアップ記事

  1. フェイスブックでブログのサムネイル(OGP)画像の確認方法
  2. ロゴ作成で大切なこと
  3. ウェブデザイン技能検定3級 合格しました。
  4. ロゴ作成ってどうするの?
  5. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは

関連記事

  1. OGP サムネイル

    WEB知識

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

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

  2. 404 エラー

    WEB知識

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

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

  3. 目 画像

    WEB知識

    WordPress(ワードプレス)でアイキャッチ画像を設定する

    Wordpress(ワードプレス)で記事などを書く際ですが、記事を書く…

  4. フェイスブック フォロー

    WEB知識

    Facebook(フェイスブック)の好かれるプロフィール

    Facebook(フェイスブック)は、様々な人が使っていてサロンの宣伝…

  5. WEB知識

    Photoshopを使わずに画像加工をする無料ソフト

    サイト作成・バナーの作成などをする際はAdobe Photoshop …

  6. 手帳 写真

    WEB知識

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

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

  1. 充電

    充電スポット

    大宮駅|充電スポット
  2. アクセス 下がる

    独り言

    Facebook(フェイスブック)ページを変えたらブログアクセスが
  3. セミナー

    日記

    先日のセミナーを終えて
  4. プロモーション アピール

    WEB知識

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

    充電スポット

    赤羽駅|充電スポット
PAGE TOP