Affinity Photo 画像を丸く切り取る

WEB知識

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

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

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

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

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

切り取り範囲を丸く 囲む

選択範囲を反転させる

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

切り取り範囲 反転 画像

出来上がり!

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

切り取り完了

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

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

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

以上でした。

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

 

ピックアップ記事

  1. ウェブデザイン技能検定3級 合格しました。
  2. 4年振りに…。やらかしました。
  3. 大阪で2つのセミナーを開催します。
  4. Facebook(フェイスブック)ページを変えたらブログアクセスが
  5. Facebook(フェイスブック)の好かれるプロフィール

関連記事

  1. OGP サムネイル

    WEB知識

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

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

  2. 口コミ 集客

    WEB知識

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

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

  3. チラシ 読んでる

    WEB知識

    基本をマスターして読まれるチラシを作る方法

    デザインの基本についてです。元々僕の場合はWEBディレクターをしており…

  4. 最終目標 ゴール

    WEB知識

    何事も、始める前が大切だなぁ〜。最終目標の設定!

    今日は、セミナーに参加してきました。今回参加したのは、WEBのキャ…

  5. ピンタレスト

    WEB知識

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

    Pinterest(ピンタレスト)をダウンロードをしたけれどWEBサイ…

  6. スキルアップ

    ブログ開設しました。

    ブログを開設しました。初めまして。自分はWEBディレク…

  1. 雪 差別化

    スキルアップ

    ちょっとした投稿でも差別化を図る
  2. THE タイトルタグ

    よくある質問

    titleタグ(タイトルタグ)とは
  3. スマホ 画像

    WEB知識

    スマホサイトがあるだけではダメな時代へ突入ですね
  4. ネット 好き

    WEB知識

    SE0対策・クローラーに気に入られるホームページとは
  5. 調べる ネット

    WEB知識

    皆さんはスマホ?パソコン派(PC派)
PAGE TOP