Affinity Photo 画像を丸く切り取る

WEB知識

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

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

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

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

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

切り取り範囲を丸く 囲む

選択範囲を反転させる

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

切り取り範囲 反転 画像

出来上がり!

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

切り取り完了

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

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

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

以上でした。

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

 

ピックアップ記事

  1. 4年振りに…。やらかしました。
  2. ウェブデザイン技能検定3級 合格しました。

関連記事

  1. 考える 迷い

    WEB知識

    SEO・検索エンジンの対策する前に知らないといけない事

    みなさんが悩んでいるSEOですが、上位検索の対策はみんな考えていますが…

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

    WEB知識

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

    前回の記事で書きましたがSEOの基本となる部分の《TDKH》について考…

  3. ハサミ 画像

    WEB知識

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

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

  4. Pinterest  ピンタレス

    WEB知識

    まだブックマーク?Pinterest を活用しよう

    まだブラウザでサンプルサイト等をブックマークしていますか?僕もそうでし…

  5. 集客 リピート

    スキルアップ

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

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

  6. 手帳 写真

    WEB知識

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

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

  1. チラシ 読んでる

    WEB知識

    基本をマスターして読まれるチラシを作る方法
  2. 画像に文字を重ねる

    WEB知識

    画像に文字を入れたり、画像を重ねる方法
  3. ドメイン

    WEB知識

    SEOなどに有効で、色々な意味でいいドメインってあるの?
  4. Pinterest  ピンタレス

    WEB知識

    まだブックマーク?Pinterest を活用しよう
  5. 独自ドメイン

    スキルアップ

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