「画像に文字や図形を入れたい!」ブログやネット販売、そしてビジネスでのやり取りにおいて、これが簡単にできれば、相手に言いたいことを伝える上で、大きな武器になります。今回はアプリ「Canva」を使った、画像への文字と図形の入れ方を初心者にもわかりやすく解説します。
画像に文字入れアプリ「Canva」無料
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/2020-12-07-104048.jpg)
Canvaは、
ブログやネット販売用に使う
画像の文字入れ以外に、
年賀状、フライヤー、名刺などが
テンプレートを使いながら
初心者でもかんたんに
作ることができるアプリです。
・iPhone
・iPad
・Android
・PC(Windows、Mac)
各デバイスで
基本無料で使うことができます。
ここでは、iPadの画面を使って
無料の範囲での解説をします。
あと、Apple Pencil無しでも使えます。
Canva 画像に文字や図形を入れる
Canvaは日々進化し続けていて
約半年前に比べて
使い心地もかなり変わっています。
Canvaを起動したら
右上の「デザインを作成」をタップ。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3674.jpg)
デザインのキャンバスになる
テンプレートが表示されます。
「+カスタムサイズ」は作成する大きさが
はっきり決まっている場合に選択します。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3675.jpg)
今回は「デスクトップ壁紙」を選びます。
これは目的の大きさとは違いますが、
できあがってから、
他のアプリで切り取って
サイズ調整しますので大丈夫です。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3676.jpg)
左メニューから「カメラロール」をタップ。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3677.jpg)
デバイス内(iPad)にある
写真一覧から
文字を重ねる画像を選択します。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3678.jpg)
写真をタップすると
自動でキャンバスに画像が入ります。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3679.jpg)
画像の四隅にある○を動かして
キャンバス一杯まで広げます。
このとき、キャンバスと画像の
縦横の比率が合ってないと
下のように白地が残りますが、
この部分は完成後に
切り取りますので大丈夫です。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3680.jpg)
文字入れをします。
左メニューから
「T:テキスト」をタップ。
たくさんのサンプルが表示されます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3681.jpg)
ここでは
「見出しを追加」をタップしました。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3682.jpg)
キーボードで文字を入力。
これで文字入れの完了です。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3684.jpg)
1.フォントを変える
上部メニューから
フォントのボタンをタップして
表示される一覧から
使いたいフォントを選びます。
このとき黄色い王冠マークの付いたフォントは
有料プラン専用ですので
無料のままだと使えません。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3686.jpg)
2.文字を拡大・縮小する
上部のフォントサイズボタンでも
サイズ変更はできますが、
フォントの四隅の○を動かすことでも
拡大・縮小はできます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3687.jpg)
3.フォントの色を変える
上部フォントカラーのボタンをタップすると
カラーの一覧が表示されます。
デフォルトカラーから選べば
そのまま直ぐに文字に反映されます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3688.jpg)
4.文字にエフェクトをかける
最初に、上のカラーの変更が終わったら
写真の周りのグレーの余白部分をタップで
カラーパネルが非表示になります。
上部のエフェクトボタンをタップ。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3693.jpg)
ここでは
エフェクトに「影付き」を選んで
・オフセット
・影の透明度
・影のカラー
この3つを調整しました。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3694.jpg)
これで文字装飾の完了です。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3695.jpg)
左メニューから「素材」をタップ。
表示される素材一覧から
「図形」の「すべて表示」をタップ。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3700.jpg)
表示される図形は一部有料になっています。
無料で使える図形には選択の際に
「無料」と小さく表示されます。
ここでは円を選んで見ました。
選択した時点で、画像上に円が入ります。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3704.jpg)
画像の余白部分をタップで
素材パネルが非表示になります。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3705.jpg)
1.図形の色を変える
左上のカラーボタンをタップ。
![Canova](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3705a.jpg)
カラーパレットが表示されるので
使いたい色を選択します。
選んだら直ぐに画像に反映されます。
![Canova](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3706.jpg)
2.図形の透明度を変える
上部の透明度ボタンをタップすると、
透明度を調整する
スライダーが表示されます。
![Canova](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3707.jpg)
透明度を下げることで
下の画像が透けます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3708.jpg)
画像の外側の余白スペースをタップで
ツールバーが非表示になります。
![Canova](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3709.jpg)
矢印を入れます
僕がブログの画像によく入れている
「矢印:→」を入れます。
左メニューから「素材」をタップして
表示される「線」から
「すべてを表示」をタップします。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3710.jpg)
使いたい「線(矢印)」を選びます。
有料でないと使えない素材もありますが、
無料には「無料」と表示されます。
選んだら直ぐに、画像上に表示されます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3712.jpg)
次は「矢印」の色を変えます。
左上のカラーボタンをタップ。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3720.jpg)
カラーパレットが表示されるので
使いたい色を選びます。
選んだら直ぐに反映されます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3721.jpg)
四隅の○を動かして拡大・縮小
図形自体をタップしたままドラッグで移動
それぞれ、文字のときと同じ方法です。
次に「画像」「文字」「図形」の
重なり順を変えます。
最後に入れた矢印が
一番上になっているのを
文字の下に移します。
上部の「配置」ボタンをタップすると
重なり順を変えるパネルが表示されます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3722.jpg)
矢印が選択された状態で
「背面へ」をタップすると
矢印が文字の下に移ります。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3723.jpg)
元は、
「画像」「図形○」「文字」「矢印」
この順に重なっていたのが
「画像」「図形○」「矢印」「文字」
このように順番が変わりました。
これは上級者向けのアプリだと
「レイヤー」という言葉で言われるのですが
Canvaはそれを簡単に
重なり順を変えて同じようなことをしています。
レイヤーについては
Adobe Frescoの記事で解説しています。
![](https://www.8270chihaya.net/wp-content/uploads/2020/11/marek-levak-Rz3CmJpcLew-unsplashh-530x354.jpg)
保存方法その1
上部、矢印で示したボタンをタップ。
![Canova](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3724a.jpg)
このような画面が出たあと
カメラロールに保存されます。
![Canova](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3727.jpg)
保存方法その2
上部右端の共有ボタンをタップ
![Canova](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3724b.jpg)
一覧から
「画像として保存」を選ぶと
「保存方法その1」と同じで
そのままカメラロールに保存されます。
その他にもたくさんの保存先が
表示されていますが
基本的には、
いったんカメラロールに保存してから
目的の場所に使うほうが
エラーも出なくて安全だと思います。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3728.jpg)
これがカメラロールに保存された
できあがり画像。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/6E4FB24C-8B6B-429C-95C5-8EF7CB902DA8.jpg)
ところが、よく見ると
最初にキャンバスと
画像の大きさが合ってなかったので
左に白いキャンバスが残っています。
これを切り取ってしまいます。
Photoshop Express(無料) を使います。
下部の「切り取り」を選んで
画像の部分だけを指定します。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3730.jpg)
Snapseed(無料) を使って切り取る
ツールから「切り抜き」を選びます。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3734.jpg)
白いキャンバスの残り部分を
画像の選択範囲から切り取ります。
終わったら右下の「✓」をタップ。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3732.jpg)
できあがったら
右下の共有ボタンをタップして
保存して完了です。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/IMG_3733.jpg)
カメラロール内に保存されています。
フォルダ「Snapseed」がある場合は、
そちらに入っています。
![Canva](https://www.8270chihaya.net/wp-content/uploads/2020/12/69C0DBB2-E472-418F-9EDD-B3F47F5A7697.jpg)
Canva まとめ
Canvaは、特に専門的な知識がなくても使えるので、初心者でも使いやすいデザイン用アプリだと思います。使うメリットとしては、最初からテンプレートがたくさん用意されているので、サイズやデザインを一考えなくても作り始めることができる点です。仕上がりイメージというのは、いつもデザインに触れていない人は、浮かびにくいので心強いと思います。反面、ある程度デザインができる人にとっては、機能的にも物足りなさを感じると思います。
コメント