Affinity Photo 画像を丸く切り取る

WEB知識

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

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

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

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

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

切り取り範囲を丸く 囲む

選択範囲を反転させる

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

切り取り範囲 反転 画像

出来上がり!

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

切り取り完了

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

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

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

以上でした。

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

 

Affinity Photo 髪の毛まで 綺麗に切り取るAffinity Photoで髪の毛一本まで切抜く方法前のページ

画像に文字を入れたり、画像を重ねる方法次のページ画像に文字を重ねる

ピックアップ記事

  1. ウェブデザイン技能検定3級 合格しました。
  2. 4年振りに…。やらかしました。
  3. 顧客満足度って大切だとディズニーで思った
  4. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは
  5. マーケティングに大切なもの、第二章

関連記事

  1. WEB知識

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

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

  2. ターゲット 的 狙う

    WEB知識

    知っているようで知らない。ターゲットとペルソナの違いは

    様々なツールやホームページ作成の際にペルソナを決めてしっかりと考える事…

  3. Affinity Photo 髪の毛まで 綺麗に切り取る

    WEB知識

    Affinity Photoで髪の毛一本まで切抜く方法

    Affinity Photoでの画像切り取り方法をお伝えします。画像加…

  4. ピンタレスト

    WEB知識

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

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

  5. 写真 バナー

    WEB知識

    PixlrEditor(ピクセラエディタ)でバナー作成方法

    今回は、画像加工の方法をご案内致します。最近では、お客様からどの様に作…

  6. 調べる ネット

    WEB知識

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

    久しぶりにブログ書きました。皆さんはネットを使うときってどんなときです…

  1. 気遣い

    プライベート

    サービス業を見ているから、気になることサービスの差別化とは
  2. 充電

    充電スポット

    仙川駅|充電スポット
  3. POP 書き方

    スキルアップ

    魅せるPOP(ポップ)デザインを作る方法
  4. ロゴ作成

    よくある質問

    ロゴ作成ってどうするの?
  5. 睡眠 枕 写真

    プライベート

    良いパフォーマンスをする為にしっかりとした睡眠の大切さ
PAGE TOP