フレームに合わせて画像や動画を切り抜きする
フレームを使うと、画像や動画をさまざまな形に切り抜いて、デザインにスタイルや構成を加えられます。フレームはプレースホルダーのようなもので、自分のメディアをドラッグして入れたり、Canvaのライブラリーから選んだりできます。
フレームを使ってコンテンツを強調したり、レイアウトを作成したり、クリエイティブな図形を追加したり、モックアップを作成したりできます。
フレームを追加する
- エディターのサイドパネルで素材を選択します。
- カテゴリを参照し、フレームを選択します。
- 「素材を検索」フィールドに探しているものを入力し、Enterキーを押します。
- 検索結果からフレームを選択して、デザインに追加します。
ヒント: ページ上にすでにある図形をフレームのように使いたい場合は、図形をフレームに変換できることがあります。図形をフレームに変換するをご覧ください。
フレームに画像や動画を追加する
フレームを追加すると、Canvaのライブラリから画像や動画をドロップしたり、自分でアップロードしたりすることができます。
- エディターで、画像または動画を追加するフレームを選択します。
- 次のいずれかに移動します:アップロード、素材、プロジェクト。
- 検索バーを使って、特定の写真や動画を探します。カテゴリボタンを使って、ライブラリーを見て回ることもできます。
- メディアをフレームにドラッグし、ぴったり収まるまで移動します。
スマート切り抜きを使うと、フレーム内の写真を切り抜く時間を短縮できます。
注: フレームに追加できるのは画像と動画のみです。
フレーム内の画像や動画を置き換える
- 画像や動画を変更するフレームを選択します。
- エディターのツールバーで置き換えを選択します。
- アップロード、写真、動画、またはプロジェクトから新しい画像や動画を選択します。
- メディアを選択すると、画像や動画が自動的に置き換わります。
この機能はフレームでのみ使用できます。通常の図形やイラストには置き換えオプションは表示されません。
追加した画像や動画のサイズと位置を変更する
フレーム内で、画像や動画のサイズを変更したり、移動したりすることもできます。
- 変更する画像または動画をダブルクリックします。
- サイズを変更するには、画像や動画の四隅にある白い円のハンドルのいずれかをドラックします。
- 写真や動画をグリッド内でドラッグして、表示位置を調整します。
- 左側に表示されているパネル内の右下にある [完了] をクリックして終了します。
フレームに色を塗る
フレーム内に画像や動画を配置しない場合は、フレームを単色またはグラデーションで塗りつぶして、きれいな視覚効果を得ることができます。
- 塗るフレームを選択します。
- 上部に表示されるエディターツールバーで、[カラー] を選択します。
- サイドパネルに表示されている中から好きなカラーを選択します。をクリックしてグラデーションカラーやスタイルを選択することもできます。
フレームの枠線の色を変更する
枠線を編集できるフレームがあります。枠線を編集できるフレームを選択すると、枠線の色を変更できるメニューが表示されます。
- フレームを選択します。
- 上部に表示されるエディターツールバーの [ストロークの色] をクリックします。
- サイドパネルに表示されている中から好きなカラーを選択します。をクリックしてグラデーションカラーやスタイルを選択することもできます。
フレームに枠線が表示されていない場合:
- フレームを選択します。
- 上部に表示されるエディターツールバーの[ストロークスタイル] をクリックします。
- ストロークの太さとスタイルを調整します。
上部エディターツールバーの [ストロークの色] をクリックし、好きな色やグラデーションを設定します。
フレームの角を丸くする
角を丸くすることで、フレームの印象が柔らかくなり、ほかの要素と合わせやすくなるほか、全体のレイアウトも調整しやすくなります。
- フレームを選択します。
- エディターツールバーから、[角の丸み] を選択します。
- スライダーを動かすか、数値を入力して曲線を調整します。
図形をフレームに変換
一部の図形をフレームに変換できるので、他のフレームと同じように画像や動画をドラッグできます。
1. 図形とメディアを追加します
- 使用したい図形をデザインに追加します。
- 図形に収めたい画像または動画を追加します。
2. 両方のアイテムを選択します
- 図形と画像または動画の両方を選択します。複数のアイテムを選択するには、それらをドラッグするか、シフトを押しながらそれぞれを選択します。
3. 選択したアイテムを右クリックして、メニューを開きます。
4. メディアを図形にはめ込む
- 「フレームに変更」を選択します。
- 画像または動画は自動的に図形に収まります。
5. (任意) メディアを取り外す
- 図形から画像または動画を分離するには、合わせられた図形を右クリックします。
- 図形と画像を別々のアイテムとして復元するには、「画像を分離」を選択します。
変換できる図形
対象となる図形(基本図形、AIで生成した図形、手描きの図形など)に目に見える輪郭線が1つだけある場合、「フレームに変更」オプションが表示されます。
「フレームに変更」が表示されない場合
選択したアイテムが対象となる図形ではない場合、次のようにオプションは表示されません。
- イラスト、ステッカー、写真(図形ではありません)
- 線、表、グラフ(図形ではありません)
- 複数のパーツで構成された図形(輪郭線が複数あるもの)
- 付箋
- 繰り返し模様の図形
- 既存のフレーム(すでにフレームになっているもの)
- 画像や動画がすでに入っている図形
フレームやその他の素材について詳しく見る
フレームや類似の素材を使って、インタラクティブなデザインを作る方法を知りたいですか?下の画像を選択して始めましょう。
お役に立ちましたか?
高評価
低評価