記事内にプロモーションを含みます。
「一般消費者が事業者の表示であることを判別することが困難である表示」にならないよう配慮し、法令遵守に基づいた運営を行っています。
canvaのフレームの使い方

Canvaのフレーム機能の使い方|画像の切り抜きでプロ級の見た目!

  • URLをコピーしました!
こんな人に向けて書きました
  • フレームの使い方がわからない
  • 画像を切り抜き・縁取りたい
  • フレームに文字入れしたい

フレーム機能を使って、思い出の一枚をおしゃれに編集したい!

Canvaにはフレームという機能があります。

これを使うと、写真などを切り抜いて、こなれた感じに編集することが可能です。

例えば↓のように、色んな形状のフレームで写真を切り抜きくことができちゃいます。

Canvaのフレーム機能の使い方|画像の切り抜き

本記事ではその使い方について、基本(画像の切り抜き)と応用(縁取り、フレームの文字入れ、グリッド)を説明します。

ちなみに…

なお、有料プランのCanva Proを使えば、7500万点のフレームや画像素材が使い放題です。費用対効果を考えれば、選択肢としてアリです。

この記事を書いた人

ヤットキプロフ

業界歴10年のWeb解析士GAIQ保有。

ガラケー時代からSNSに携わってます。

この記事を書いた人

ヤットキプロフ

業界歴10年のWeb解析士

GAIQ保有

ずっとSNSに携わってます。

目 次

Canvaのフレーム機能の使い方|画像の切り抜きでプロ並の見た目に!

Canvaでは、お手持ちの画像を、バリエーション豊富なフレームの形状(円や波など)に切り抜くことができます。

イメージとしてはこんな感じです。

Canvaのフレーム機能の使い方|画像の切り抜き

この図は分かりやすくするために、フレームの色を青色にしています。

しかし、フレームを白色にするとキャンバスと同じ色になって同化するので、犬の顔の部分が切り抜かれたように見えるというわけです。

そこでまず最初に説明するのは、切り抜くための元画像(上の例でいうと犬の画像)をどこから持ってくるか?ということです。

おそらく、Canvaの提供素材またはPC内の画像から持ってくるはずなので、まずはその方法を説明します。

Canvaの提供素材を使う

Canvaから素材を探すためには、左側のサイドメニューから【素材】という項目をクリックします。

その状態で検索窓にキーワードを入力して検索すれば、素材の候補が一覧となって表示されます。

Canvaのフレーム機能の使い方|画像の切り抜き

お好みのものをクリックすると、該当の素材がキャンバスに追加されます。

PC内の画像を使う

自分のパソコン内にある画像を切り抜きたい場合は、左側の黒いサイドメニューから【アップロード】という項目をクリックします。

すると、【メディアをアップロード】というボタンが表示されます。これを押すと、画像の場所を指定することができます。

Canvaのフレーム機能の使い方|画像の切り抜き

上の手順で場所を指定すると、キャンバス内にその画像が追加されます。

Canvaのフレーム機能の使い方|画像の切り抜き

以上でCanvaのフレーム機能を使う下準備ができました。

ではいよいよ、フレーム機能を使ったおしゃれ画像の切り抜きワザを説明していきます!

Canvaのフレーム機能で画像の切り抜き

今回は見やすいように、キャンバスの色を青色にしています。

ではさっそくやっていきましょう

  1. 左サイドバーから素材をクリック
  2. 検索窓に『フレーム』と入力して検索
  3. メニューの中から『フレーム』をクリック
Canvaのフレーム機能の使い方|画像の切り抜き
  1. 表示されているフレームから好きな形状を選択(今回は円形を選択しました)
Canvaのフレーム機能の使い方|画像の切り抜き
  1. キャンバスにフレームが追加されたことを確認
Canvaのフレーム機能の使い方|画像の切り抜き
  1. キャンバスの空いた場所に切り抜きたい素材や画像を追加
Canvaのフレーム機能の使い方|画像の切り抜き
  1. フレーム内に画像をドラッグアンドドロップで移動
Canvaのフレーム機能の使い方|画像の切り抜き
  1. 完成!
Canvaのフレーム機能の使い方|画像の切り抜き

フレーム内にある写真の位置を調整

これで画像の切り抜きは完成しましたが、対象物の位置がフレームの右側にズレていますね。

ということで、写真の位置を修正していきましょう。

  1. フレームをダブルクリック(画像全体が半透明で表示される)
Canvaのフレーム機能の使い方|画像の切り抜き
  1. グリッド線を参考に画像を移動(マウスの左クリックを押しっぱなしで移動)
Canvaのフレーム機能の使い方|画像の切り抜き
  1. 完成!
Canvaのフレーム機能の使い方|画像の切り抜き

さらに、キャンバス内の位置をフレームごと移動させたり、サイズを調整することもできます。

他の画像を追加したりして、このまま編集していくこともできます。

ちなみに、Youtubeでの説明動画がありました。ここまでのおさらいともいえる、分かりやすい内容です。

上記の方法が分かりにくいという方はご覧になってみてください。

  • URLをコピーしました!

コメントはお気軽にどうぞ!

コメントする


上の計算式の答えを入力してください

CAPTCHA


目 次