Canvaの画像透過の仕方、
説明しますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
Canva有料版しか
透過出来ないよな?
他サイトで代用しろ、の
丸投げ説明が多かった印象だ。
そう、
「有料版の説明するのは
気が引ける」
という理由で
省きすぎていたので…。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
気を遣い過ぎて返って
分かりにくくしていた
可能性があった、と
平たく言うと
そんな所です。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
背景透過の例
![](https://sazano123.com/wp-content/uploads/2022/11/image-2-6-1024x538.webp)
前回のあらすじ
まず、まあ色々あって、
この立ち絵を透過する必要が
出てきたわけです。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-1-8.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
そうだ。
ツールは無料で使える為、Canvaを使用していきます↓
透過のやり方
画像サイズについて
今回は
800×1200
個人差あるので、ご自由にどうぞ
まずサイズですが、
800(横)×1200(縦)で
行こうと思います。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
立ち絵のサイズは個人差あるので
好きなサイズ感があったら、
それに合わせて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
デザイン作成、を
押せばいいか
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T111652.104-1024x538.webp)
覚えていそうなので、
任せます。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
では、
カスタマイズを押して
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T111724.807-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
先ほど言っていた
800×1200を入力する
–
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T111802.622-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
すると、
デザイン作成が押せるから
クリック、だな
–
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T111847.477-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
縦長な画面が出てきた
縦長に設定したので、
縦長になります
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T111958.885-683x1024.webp)
画像のアップロードの仕方
では、画像を
アップロードして下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
左端の
黒いツールバーからで
良いか?
そうですね、
雲とやじるしのマークです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T112204.371-1024x538.webp)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
メニューが出てきた
![](https://sazano123.com/wp-content/uploads/2022/11/image-51-4-1024x538.webp)
では、紫の
「ファイルをアップロード」を
選択してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T112830.120-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
押した
では、
フォルダから
使いたい画像を
選択するところまで
やって下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
・・・。
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
無事に
使いたい画像が
出てきた
![](https://sazano123.com/wp-content/uploads/2022/11/image-50-4-1024x538.webp)
では、出てきた画像を
クリックして下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
分かった。押す
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T112922.535-1024x538.webp)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
真ん中に
画像が追加されたな
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T113018.030-1024x538.webp)
!【画像透過のやり方】
では、画像をクリックすると
上のメニューバーが
変化すると思います。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T113018.030-1024x538.webp)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
クリックをする
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T113116.414-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
紫の枠が出てきて、
メニューバーが
出てきたな
では、「画像を編集」を
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-52-4-1024x538.webp)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
丁度目の前に
「背景リムーバ」と
書かれたものがある。
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T113235.525-1024x538.webp)
まさに「それ」になるので
背景リムーバを
クリックして下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
…いや、
白の背景でやっても
分からないな…
なら、
黒くしましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-53-4-1024x538.webp)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
なら、押そう
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T114937.217-1024x538.webp)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
回っている…
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115105.177-1024x538.webp)
そこそこ時間かかりますからね、
1分以上経っている場合は
エラーかも知れませんが
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
出来たな
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115145.296-1024x538.webp)
そうですね、
透過自体は
これで完成なので
トリミングしましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
トリミングとは
–
画像のトリミング方法について
画像をクリックすると出てくる
紫色の枠を使うとトリミングが出来ます。
画像をクリックして、
ツマミを動かせば完了…ですが、
少し詳しく説明しますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
画像をクリックして、
つまみ
図を用意しました
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115228.943-1024x538.webp)
–
サイズ変更ツマミ:斜めの〇
斜めの〇ツマミを動かすと
画像のサイズを変えることが出来る
斜めの丸いツマミを動かすと
画像のサイズを
変えることが出来ます
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115309.087-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
引き延ばしたり、
縮ませたり、か?
そうです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
トリミング:横の白いバー
横の白いバーを動かすと、
画像をトリミングすることが出来る
横のバーを動かすと
画像を切ることが出来ます
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115406.374-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
ワードだと、
↓になるよな
![](https://sazano123.com/wp-content/uploads/2022/11/image-54-4.webp)
そうですね、
縮んだ画像は
見栄えが悪いので
なるべく使わない様にしましょう
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
だから、
このソフトでは
切り取る機能になっているのか
そういうことです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
では左の子は
一旦切り取ろう
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115446.742-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
出来たが、
少し罪悪感が残るな
双子ではなく、
衣装差分と
言ってませんでしたっけ
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
そうだった…。
気が軽くなった
ダウンロードの仕方
–
ダウンロードは
右上の「共有」を
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115737.380-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
押したら、
メニューが出てきたな
では、ダウンロードを
クリックして下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T115839.035-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
まだ続くんだな?
–
もうすぐです。
背景透過にチェックをいれて、
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T120054.841-1024x538.webp)
–
ダウンロードしたいページを
選択します。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T120246.312-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
設定が完了した
–
では、
「ダウンロード」を
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/11/image-2022-11-26T120341.904-1024x538.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
…これで、
ダウンロード出来たな
![](https://sazano123.com/wp-content/uploads/2022/11/image-55-4.webp)
そうですね
これで一通りの流れに
なります
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
では、サイト作りの
続きに戻りたい。
あと、
もう一人分の背景透過も
お願いしますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
関連記事
ディスプレイの作り方、ディスプレイでよくあるデザイン。トレイラー作成にも応用可!
![](https://sazano123.com/wp-content/uploads/2022/05/image-2022-05-26T124343.830-1024x576.webp)
YoutubeサムネイルやTRPGトレイラーで使える画像の作り方。無料ツールを使っての画像作成の仕方、動画サムネ画像を簡単作成!インストール不要なツールCanva無料版にて作成
![](https://sazano123.com/wp-content/uploads/2021/11/image-42-1024x576.webp)
RPGトレイラー4枚を作る前編!キャッチコピー編!Canvaを使ったトレイラー作成方法。キャッチコピーや人を引き付ける台詞をどうやって作るのか、キャッチコピーやタイトルを付けるコツや型について紹介!
![](https://sazano123.com/wp-content/uploads/2022/10/image-66-2-1024x538.webp)
TRPGトレイラー4枚を作る後編!トレイラー画像編!Canvaを使ったトレイラー作成方法。概要に何を書くのか、シナリオのロスト率基準について、1枚目から4枚目って何に書いているのか。Twitterでもおしゃれに見えるトレイラー画像を作る!
Canvaの有料版の機能について。有料版の登録し方、有料会員と無料会員の違い。色変更が出来る有料素材の紹介や、背景透過の比較、フォントの効果について、課金の仕方&チームで活用する方法、ユーザーを招待する方法。
![](https://sazano123.com/wp-content/uploads/2022/11/image-49-4-1024x538.webp)
–
–