サムネイルのコツ

YouTubeサムネイルに使える!袋文字の作り方|illustrator

サムネイルの文字がなかなか目立たなくて困っています。人気YouTuberみたいにインパクトがあって目立つ文字のつくりかたをおしえてください!

おもち
おもち
こんな疑問にこたえます!

サムネイルで文字を目立たせたいときは『袋文字』をつかいましょう。

袋文字とは文字の色とは違う色で文字をふちどる文字のことをいいます。

こんな感じの文字ですね。

こちらのページではillustratorで袋文字をつくる方法について解説します。

おもち
おもち
たったの3分で袋文字をマスターできるよ!

YouTubeサムネイルに使える!袋文字の作り方

まずは『動画をみる』をクリックして袋文字のつくりかたをみてみよう!

YouTubeサムネイルに使える!袋文字の目立つ配色

上記のとおり。

それぞれアピアランスの中身をみると

こんな感じ。

文字の『塗り』といちばん外側の『線』の色はおなじにして、真ん中の『線』の色は白色に。

シンプルがいちばん読みやすいです!

おもち
おもち
可視性も高くパッと目にはいってくるね!

背景画像によっては外側の線をぼかしてもいいです。

こんな感じに。

アピアランスの中身は

上記のとおり。

外側の『線』のみに効果の[ぼかし(ガウス)]が設定されています。

ぼかしかた:ぼかしたい『線』を選択しアピアランスの[新規効果を追加]>[ぼかし]>[ぼかし(ガウス)]をクリック、好きな数値を指定

ちなみに上記の動画で解説したグラデーションをつかって配色すると

光があたっているような見た目にすることもできます!

おもち
おもち
大人っぽくて上品な文字になるね!チャンネルの世界観づくりにもつかえるよ!

【参考】人気YouTuberさんのサムネイルでつかわれている袋文字を再現してみた

ヒカキンさんのサムネイル袋文字

引用:HikakinTV

文字を分解すると、

  • 塗り:赤色
  • 線:白色

こんな感じ。

これをもとに再現したのがこちら。

アピアランスをみてみると

上記のとおり。

おもち
おもち
文字の大きさによって『線』の太さの数値はかえてね!

ラファエルさんのサムネイル袋文字

引用:ラファエル Raphael

『ドッキリ』は先程のヒカキンさんとおなじ。

『勝手に』は

  • 塗り:白色
  • 線:赤色

『全塗装してみた』は

  • 塗り:オレンジと黄色のグラデーション
  • 中の線:黒色
  • 外の線:白色

こんな感じ。

再現してみたのがこちら。

赤&白文字のアピアランスは

オレンジと黄色文字のアピアランスおよびグラデーションは

上記のとおり。

グラデーションパネルの中にあるグラデーションスライダーはオレンジ・黄色・オレンジの順番に色をならべて、角度は『90°(-90°でも可)』に変更。

参考までに、グラデーションスライダーに色を追加したいときはグラデーションスライダーの近くにカーソルをもっていき『+』マークがあらわれたところでクリックすると色を追加することができます!

おもち
おもち
グラデ―ションの配色をかえるとイロイロな文字がつくれるね!

人気YouTuberさんのグラデーション文字を再現したまとめ記事もあるのでよかったらどうぞ。

マコなり社長さんのサムネイル袋文字

引用:マコなり社長

『身近にいる~』は

  • 塗り:黒色
  • 中の線:白色
  • 外の線:黒色

『関わっては~』は

  • 塗り:赤色
  • 中の線:白色
  • 外の線:黒色

こんな感じ。

再現してみたのがこちら。

黒&白文字のアピアランスは

赤&白文字のアピアランスは

上記のとおり。

外の黒線のみ、効果の[ぼかし(ガウス)]を設定しております。

おもち
おもち
外の黒線は細めに設定するのがポイントだよ!

両学長さんのサムネイル袋文字

引用:両学長 リベラルアーツ大学

『月3万円~』は

  • 塗り:赤色
  • 中の線:白色
  • 外の線:赤色

『得る方法』は

  • 塗り:青色
  • 中の線:白色
  • 外の線:青色

こんな感じ。

再現してみたのがこちら。

赤&白文字のアピアランスは

青&白文字のアピアランスは

上記のとおり。

おもち
おもち
中の白線は太めにして、外の赤や青線は細めに設定するのがポイントだよ!

以上、サムネイルにつかえる袋文字のつくりかたでした。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です