[Canva] 背景やテキストの演出・便利な操作

Canvaで「グラデーションはできないのかな?」と調べたらできました😊

その他テキストの演出と、便利な操作をまとめました

無料枠で利用 😅 」が前提です

参考に、Canvaのアカウント作成、基本操作について書いています

目次
  1. グラデーション
    1. 写真からグラグラデーションを作る
    2. グラグラデーション素材を使う
  2. 写真の加工
    1. 一部をモザイク加工する
    2. オーバーレイ
  3. テキストの装飾
    1. エフェクトを使う
    2. テキストを立体的にする
  4. 便利な操作

グラデーション

写真からグラグラデーションを作る

写真をぼかしてグラデーションにします

  1. Canva編集画面で、写真を選び「画像を編集」をクリック

    写真を選び「画像を編集」をクリックします

  2. すべて表示をクリック

    調整の「すべて表示」をクリックします

  3. ぼかしを100%

    「ぼかし」を100%にします

  4. 明るさを100%

    「明るさ」を100%にした時です

サイズや角度の調整をします

画像のサイズ調整をする

グラグラデーション素材を使う

  1. gradientsで検索

    「素材」から「gradients」をキーワードに検索します

    *グラデーションで検索すると無料の選択肢が少ないです ^^;

    画像の編集に「色が表示される場合」とされない場合があります

  2. 色が表示される場合

    「色が表示される場合」は、色の編集ができます

配色やカラーコードの参考に

数が少ないですが、2色グラデーションで角度もわかります

カラーコードの見本市のようなサイトです

写真の加工

一部をモザイク加工する

一部がモザイクの写真
完成イメージ
  1. 写真を複製する

    写真を複製する(同じサイズ2枚)

  2. 2つを重ねて切り抜きをクリック

    2つを重ねて「切り抜き」をクリックします

  3. モザイクにしたい部分を選択して完了

    モザイクにしたい部分だけを選択して「完了」
    (切り抜きます)

  4. 画像を編集をクリック

    「画像を編集」をクリックします

  5. ピクセルを選択

    「ピクセル」を選択
    見当たらない場合は、追加できるエフェクト一覧があるので
    「ピクセル」を選択し、「接続」をクリックします

  6. 適用をクリック

    種類を選びます
    もう1度クリックすると細かな設定ができます

    最後は「適用」をクリックします

オーバーレイ

左はオーバーレイなし、右はオーバーレイありです

オーバーレイある場合とない場合の写真
  1. 図形を選択

    素材の「線と図形」で図形を選択
    今回は「正方形」

    適応する写真の範囲を覆います

  2. 透明度を調整する

    色を決めます
    右上「透明度」のアイコンをクリックします
    透明度を調整します

オーバーレイの上にテキストをのせると、テキストがはっきりします

オーバーレイの上にテキストを表示

テキストの装飾

エフェクトを使う

  1. エフェクトをクリック

    テキストを選択している状態で
    「・・・」右上三点ドットから、「エフェクト」をクリックします

  2. 枠曲させる

    枠曲させる時

  3. テキストのスタイルを選択

    テキストのスタイルを選択

  4. 枠曲させるとネオンを選択

    「枠曲させる」と「ネオン」を選択しました

テキストを立体的にする

エフェクトのエコーを選択

「エフェクト」の「エコー」を選択
「オフセット」「向き」「カラー」をそれぞれ調整

テキストを複製し、位置を横に動かし重ねる

影の色や数を決めたい時は
テキストを複製し、
位置を横に動かし重ねます

操作方法は「便利な操作」参照

便利な操作

重ねるとき以外でも、知っておくと便利な操作です

複製するには
素材やテキストを「Altキー」を押しながらドラッグして離します
重なり順を調整する
「右クリック」で調整します
「背面へ移動」や「最背面へ移動」をクリックします
重なっている後ろの物を選択したい時
「Ctrlキー」Macは「Cmdキー」を押しながらクリックします
複数を選択する時
「Shiftキー」を押しながら、クリックしていきます
グループ化する(バラバラにならないように、移動する時に便利です)
グループにしたい素材を全て選択して、右上の「・・・」「グループ化」をクリックします
グループを解除する
グループになっている場合は、右上の「・・・」「グループ解除」が表示されているので、「グループ解除」をクリックします
素材をpx単位で(細かく)移動させたいとき
1pxずつ動かす時は「矢印キー」
10pxずつ動かす時は「Shiftキー」と「矢印キー」