Affinity Photo 画像を丸く切り取る

WEB知識

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

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

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

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

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

切り取り範囲を丸く 囲む

選択範囲を反転させる

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

切り取り範囲 反転 画像

出来上がり!

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

切り取り完了

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

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

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

以上でした。

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

 

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

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

ピックアップ記事

  1. ロゴ作成ってどうするの?
  2. ウェブデザイン技能検定3級 合格しました。
  3. Affinity Photo(アフィニティフォト)で文字にグラデーション入れる方…
  4. 4年振りに…。やらかしました。
  5. ロゴ作成で大切なこと

関連記事

  1. 雪 差別化

    スキルアップ

    ちょっとした投稿でも差別化を図る

    ちょっとした事ですが、差別化を図る方法があります。1/22(月…

  2. 画像 重ねる

    スキルアップ

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

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

  3. チラシ 読んでる

    WEB知識

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

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

  4. 大切な事 メモ

    スキルアップ

    ディレクション大事な事〜事前準備〜

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

  5. 画像 ぼかす

    スキルアップ

    Affinity Photoで画像にグラデーションをかける

    バナーやメインビジュアルの写真などの写真に使えるグラデーションの掛け方…

  6. OGP サムネイル

    WEB知識

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

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

  1. オープン準備

    よくある質問

    サロンオープンで忘れがちの準備内容
  2. ピンタレスト

    WEB知識

    Pinterest(ピンタレスト)でWEBサイト全体がスクショできない
  3. 看板メニュー

    マーケティング

    看板のメニューを考えて来店動機を掴もう
  4. SSL保護されていない通信

    WEB知識

    SSL|保護されていない通信ってなに?
  5. ロゴ作成

    よくある質問

    ロゴ作成ってどうするの?
PAGE TOP