こんにちは、ゆいです。
今回は、ブログやYoutubeのサムネイルの作り方を解説したいと思います。
私は↓「Phonto」というスマホアプリで作成しています。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/3c1fdb3a7905dc4dbb124a1b15db407e.png?resize=150%2C150&ssl=1)
目次
ブログのサムネイルの作り方
ということで、実際に作成した
↓こちらのサムネイル↓の作成プロセスをお伝えしていきますね。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/af623bbd8a6339faf440e0ac21404047.png?resize=728%2C470&ssl=1)
①まずはサムネイルに使う写真を用意します。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883010.jpg?resize=576%2C1024&ssl=1)
画面中央下のカメラマークをタップ。
写真アルバムから、保存した写真を選択。
私はpixabayなどのフリー素材から写真をダウンロードして使っています。
② 写真全体にうっすら黒のフィルターをかけて暗くする。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883011.jpg?resize=576%2C1024&ssl=1)
画面左下の三本線のマークをタップ。
「アイテムを追加」を選択。
黒塗りの四角形の画像を選択。
画面上に表示された四角形をタップし、
「色」を選択。
黒色を選択し、透明度を「0.13」まで引き下げる。(ここは好みで)
次に四角形のサイズを調整します。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883012.jpg?resize=576%2C1024&ssl=1)
四角形をタップして、「サイズ」を選択。
写真全体に四角形がかぶるように、
サイズを大きくします。
③ 写真に文字を追加します。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883014.jpg?resize=576%2C1024&ssl=1)
操作画面の任意の場所をタップし、
「文字を追加」を選択。
ここでは、
「ネットビジネス」
「7ヶ月経過」
と二つに分けて入力します。
④ 文字を装飾します。
表示したい場所に文字をスライドして配置します。
文字をタップして「サイズ」を選択し、
大きさを調整。
さらに「スタイル」を選択して、
文字の色や装飾を選択します。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883015.jpg?resize=576%2C1024&ssl=1)
画面中央の「文字」を選択すると文字の色が、
「ストローク」を選択すると文字の縁取り(写真では濃い紫色の部分)が調整できます。
ちなみに「ストローク」の幅は、
画面一番下の「幅」で調整できます。
⑤ 完成
文字の装飾が完了したら、完成です。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883017.jpg?resize=576%2C1024&ssl=1)
画面右下のマークをタップし、
「画像を保存」でアルバムに保存されます。
Youtubeのサムネイルの作り方
次に、Youtubeのサムネイルの作り方を
ご紹介していきますね。
↓こんな感じのサムネイルになります。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/3ee9226ead9645cc1bcd425ac9bb08b4.png?resize=728%2C429&ssl=1)
①サムネイルの枠の色を選択する
画面中央下のカメラマークをタップし、
「プレーンな画像を選択する」を選択。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883018.jpg?resize=576%2C1024&ssl=1)
今回はピンク色の画像を選択します。
「保存」を選択。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883019.jpg?resize=576%2C1024&ssl=1)
③サムネイルの内側の白い部分を作ります
画面左下の三本線のマークをタップし、
「アイテムを追加」を選択。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883020.jpg?resize=576%2C1024&ssl=1)
黒塗りの四角形を選択し、
色を「白色」に変更。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883021.jpg?resize=576%2C1024&ssl=1)
四角形のサイズを修正して、
サムネイルに合うように調整します。
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883022.jpg?resize=576%2C1024&ssl=1)
④ 白い部分に文字を追加
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/S__3883023.jpg?resize=576%2C1024&ssl=1)
入れたい文字を追加して、
サイズを調整します。
画面右下のマークをタップして、
「画像を保存」で保存。
画像をパソコンに送り、
「shift」+「command」+「4」で
必要な部分を切り取ってサイズ調整し、
スクリーンショットにします(←macの場合)。
*完成*
ブログ用にもYoutube用にも、
簡単にサムネイルが作成できる便利な
アプリなので、ぜひ活用してみてください。
ちなみに、今回紹介したサムネイルが使われている記事はこちらです。
ネットビジネスを始めて7ヶ月。反省点や率直な感想を語ってみた。
「仕組み化」の全体像が学べる電子書籍を無料で公開中
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/02/f29a93f244366de383d526f6dbfb3cf9.png?resize=150%2C150&ssl=1)
![](https://i0.wp.com/rcvs1234.com/wp-content/uploads/2019/08/fd48b9f96f527212334625dca3c52a61.png?resize=728%2C433&ssl=1)
丁寧に解説して頂きありがとうございました。
何かしら成果が出たらご報告にあがります。
今回は本当にお世話になりました。