IRIAM🔰きれいめサムネを作ろう(頑張る初心者向き)

お久しぶりです☺️　城ノ内ねきです！

IRIAM用のサムネ講座第2弾です。今回は、夜をイメージした綺麗なサムネを作ります。
順を追って説明するので、ぜひ作ってみてください✨

🌷この記事でわかること

•  背景や立ち絵をなじませるコツ📸

• 文字を目立たせる加工方法🎨

• 全体のバランスを整えるポイント💡

• 補足情報(参考サイト、フォントのDL方法)の紹介

第1弾のnoteはこちら！→ サムネnote第1弾

0️⃣サムネを作る準備(参考サイトあり)

0-1：どんなサムネを作るか考えよう

まずはどんなサムネにするか決めましょう。どんな配信をするのかを書き出して整理すると、イメージしやすくなります📝

配信内容をまとめてから作るのが、良いサムネへの近道です🗺
特に企画サムネは、内容をざっくりでもいいので整理してから作るとスムーズです☺️

また普段使いサムネ(雑談や歌枠など)でも、この段階で「自分の配信の売り」、具体的には…

・枠全体の雰囲気
・声やビジュアルなどの魅力
・よく話すトークテーマや選曲など(よくする配信)

こういったポイントを書き出しておくと、サムネづくりのヒントが増えて作りやすくなります🎨

配信情報が書き出せたら、次はサムネの雰囲気を決めていきましょう。

方向性がだんだん見えてきましたか？
作りたいサムネに合わせて、必要な素材（立ち絵・背景・小物など）を準備していきましょう💡

ここまでの内容を、簡単にまとめられるテンプレートを用意しました！整理にぜひ活用してくださいね。

0-2：サムネを作る時に役立つサイト

素材を使うときは、必ず利用規約を確認しましょう。
リンクはそれぞれの利用規約ページ、またはX（旧Twitter）のプロフィールに飛ぶようになっています。

• okumono(背景)　←⚠️依頼での使用NG

• ラムネマテリアル(背景)

• Silhouette Design(影絵素材)

• ICOOON MONO(影絵素材)

• ノグチデザイン様(カラーパレット)

• IRIAM LABO(IRIAM公式素材)

• デザ研＠デイトラ(加工方法の参考)

• いいフォント┃日本語フリーフォント紹介

1️⃣背景と立ち絵の場所を決める

1-1：背景と立ち絵を配置しよう

ここから実際に歌雑サムネを作っていきましょう🎶
まずはざっくり背景と立ち絵を配置します。

※　サムネテンプレートDLリンクはこちら

背景と立ち絵を置けましたか？
そのままでも良いのですが、更に全体の雰囲気を統一させるため、立ち絵を馴染ませる加工をしましょう📸

1-2：立ち絵を背景に馴染ませよう

ここでは立ち絵を馴染ませる加工方法として、①ブレンドモードを活用する方法と、②逆光＆スポットライトを作る方法の2つをご紹介します💡

◆ 下準備
まずは、立ち絵レイヤー(下記画像2)の上に新しいレイヤー(下記画像3)を作ります。そのレイヤーを立ち絵レイヤーにクリッピングしましょう。

① ブレンドモードを活用する方法（簡単）
加工用レイヤーを背景と同じ色で塗りつぶします。
背景と同じ色のシルエットになっていればOKです👌

次に、ブレンドモードを変更して立ち絵を背景になじませましょう。迷った時のおすすめは、ソフトライト、オーバーレイ、スクリーンです🎨
また、加工用レイヤーの不透明度を調整すると、ちょうどいい色味にできますよ☺️

この方法はどんな背景でも比較的違和感が出にくく、万能な馴染ませ方です。
簡単かつ明るい背景(参考画像②参照)でも使いやすいテクニックなので、ぜひ覚えてほしい方法です✨

② 逆光＆スポットライトを作る方法（少し難しい）

シルエットを作るまでは、先ほどの①と同じです。背景の中でも少し暗めの色を使うと、逆光が綺麗に作りやすいですよ🌙

加工用レイヤー(下記画像3)のブレンドモードを乗算（60%程度）に設定します。不透明度はお好みでOKです🙆🏻‍♀️

次に、加工用レイヤーを選択したまま、光が当たる部分(特に顔まわり)を、背景の中の明るい色で塗りましょう。
仕上げに顔の中心にだけ白を少し乗せて、ぼかしブラシで明るくした部分を馴染ませます✨

逆光表現をうまく作るコツは、この3つです👇

• ペンのサイズを大きめにする

• ペンの不透明度を下げる（50％くらい）

• 「塗る」というより、ポンポンと置くイメージで明るさを足していく

立ち絵レイヤーと加工レイヤーをひとつのフォルダにまとめたあと、お好みで立ち絵に光を加えたり影をつけたりしてもOKです☀️
（※詳しくは3.立ち絵の目立たせ方で紹介します。）

このように、立ち絵の色味をサムネ全体に合わせてから、光や影の加工をするとより自然な仕上がりに💕
また色味の調整が終わったら、1つのフォルダにまとめて整理しておくと見やすくて便利ですね😉

⚠️ 立ち絵の色味を変える加工は、元のイラストの印象を多少変えてしまいます。必ず絵師さんへ加工して良いか確認をとってから行うようにしましょう。

1-3：立ち絵を目立たせよう

次は、立ち絵をもっと目立たせる加工をしていきましょう👀✨
もちろん加工をしなくてもOKです。ですが、今回は印象をちょっと変える2つの方法にチャレンジしてみましょう🥸

①光彩(外側)を使う → 柔らかい印象に

1. 立ち絵フォルダの下に新しくレイヤーを追加

2. フィルター → スタイル → 光彩（外側）を選び、光の“モワモワ”をつける❇️

3. ブレンドモード（ソフトライト／スクリーン／加算発光など）や不透明度を調整して、自分の好みに合わせて仕上げをする。

さらに「不透明度ロック」を使うと、モワモワ部分の色をあとから変えることもできます🎨
いろいろ試して、配信の雰囲気に合う色味を探してみましょう！

②ふちどり+立体化を使う → ポップな印象に

1. 立ち絵フォルダの下に新しくレイヤーを追加

2. フィルター → スタイル → ふちどり（外側）を選び、白に近い色で太めのふちをつける

3. 2の下に新しいレイヤーを追加して、同じ手順で暗い色の細いふちをつける

4. 3の下にレイヤーを追加、フィルター → スタイル → 立体化（平行）を選び、さっき使った暗い色でふちを立体的にする

🖼️ お手本サムネでの設定例
お手本サムネでは、①の「光彩（外側）」を使っています。具体的な設定はこちら👇

これで背景と立ち絵の加工は完了です🎉
最後に、レイヤーに名前をつけたり、フォルダでまとめたりして整理しておくと良いですよ📂

⚠️ブレンドモードを変更しているレイヤーは、フォルダに入れると効果が消えることがあります。
フォルダにまとめたあとで、サムネの見た目が変わっていないか必ずチェックしましょう👀

2️⃣文字の位置を決める(フォントのDL)

2-1：文字を仮置きしよう

まずは、サムネに必要な文字情報（タイトル・説明など）を仮置きしてみましょう🚚
仮置きするときは、情報ごとにレイヤーを分けておくのがポイントです‎💡
あとから動かしたりサイズを変えたりしやすくなります😉

文字を置くときに大事なのは次の2つです👇

① どの情報を一番目立たせたいか考えること
② 文字の配置が見やすいか確認すること

この2点を意識しながら、全体のバランスを見て調整してみましょう😎✨

2-2：フォントを決めよう（DL方法）

仮置きが終わったら、次は見やすさを工夫する段階です。フォントの太さや文字サイズを変えて、どこを目立たせたいかを意識してみましょう👀

💡 文字の優先度を考えよう
フォントを決めるときは、情報の優先度を意識するのがポイントです。
ざっくり分けると、こんな感じになります👇

それを踏まえて整理すると、こんなイメージになります👇

ここからの流れは、ざっくり言うとこの繰り返し👇

フォントが変わるだけでも印象はガラッと変わります🪄 難しく考えず、「どんな雰囲気にしたいか？」を意識して選ぶと◎です✨

💻フォントを追加してみよう

しっくりくるフォントを見つけるためには、実際にいろいろ試してみることが大切です✨
そのためにも、気になったフォントはあらかじめダウンロードしておきましょう。ここでは、フォントを追加する2つの方法を紹介します。

①アイビスペイントに元々入ってるフォントを探す

1. 新しく作品ファイルを開いて、文字入れボタンを押す

2. キャンバスのどこかをタッチすると、「文字追加」が表示される

3. テキスト入力画面→左側の「フォント」を押す

4. 「すべて」を選ぶと、アイビスペイント内に元々入っているフォント一覧が表示されます

気になったフォントは、どんどんダウンロードしてみましょう✍️
また、ダウンロードしたフォントの左にある、星マークを押してお気に入り登録しておくと、後で探しやすくなります✨

②外部フォントをダウンロードする(少し大変)

BOOTHやWebサイトなど、外部サイトからフォントをダウンロードすることもできます。
フォント一覧の一番右、「＋」ボタンから検索して、気になるフォントを探してみましょう🔎

アイビスペイントとpixivを連携しておくと、たくさんのフォントを使えるようになります🥳
フォントを変えるだけでも、サムネの印象はぐっと変わります🎨
色んな文字を試して、お気に入りを見つけてみてくださいね💕

3️⃣文字を加工する

ここからは、いよいよ文字の仕上げに入ります！
今回は全体を綺麗で大人っぽい雰囲気にしたいので、光がふわっとにじむネオン風の加工を意識して作っていきます💡

文字情報を整理しやすくするために、色分けしてみました🎨
どんな文字やパーツがあって、どれを一番目立たせたいかをざっくり考えましょう💭
この後の工程がスムーズになります✍️

3-1：背景に馴染ませよう（初見歓迎）

背景と重なって、文字がちょっと見づらいかな…？というときに使える方法です。軽く背景を作って、文字をふんわり馴染ませていきましょう🌙

1. 文字の下に、新しいレイヤーを追加する

2. フィルター → スタイル → 光彩（外側）を選び、半径大きめでふんわり光のモワモワを作る

3. 2のレイヤーを不透明度ロックして、背景色で塗りつぶす🎨

4. 2のレイヤーのブレンドモードを乗算に変更

5. モワモワと文字の間に、もう1枚レイヤーを入れて、ドロップシャドウで影をつける

3-2：ふちどりとテクスチャ素材(リクエスト歓迎)

立ち絵で使ったふちどり加工を、文字に応用してみましょう✍️

1. 文字の下に、新しいレイヤーを追加する

2. フィルター→スタイル→ふちどり(外側)を追加

3. 2の下に新しいレイヤーを追加する

4. 同じ色で立体化（平行）をする

文字に柄をつけたいときのやり方も紹介します🫶

1. 文字の上に新規レイヤーを作る

2. 1のレイヤーを文字にクリッピングして、テクスチャ素材を貼るだけでOK！

テクスチャ素材は、フリー素材サイトだけでなく、アイビスペイント内の素材にもあります🙆‍♀️
私はよく、紙やブラウン管風などの質感を変えるテクスチャや、ストライプやレンガなどの柄のテクスチャを使ってます😎
そのまま貼っても良いですが、ブレンドモードを変更すると、ぐっと馴染んで見えることが多いですよ✨

3-3：ネオンっぽい加工(線、夜の〜の部分)

立ち絵を光らせたときの加工を文字に応用していきます💡ネオンのように光る文字を作ると、一気におしゃれで夜っぽい雰囲気になりますよ🌙

1. 文字の下に、新しくレイヤーを追加する

2. フィルター → スタイル → 光彩（外側）で、半径を大きめに設定→大きめの光のモワモワ（❤️）をつける

3. 1の文字と2(❤️)の間に、新しくレイヤーを追加する

4. 2と同じ加工だが、さっきより半径を少し小さめにする→内側にもう一層のモワモワ（💙）ができる

5. 4(💙)と文字の間に新しくレイヤーを追加する

6. ドロップシャドウをして、影をつける

7. 2(❤️)と4(💙)のモワモワどちらも不透明度ロックをして、好きな色で塗る

光の色や重ね方で印象がガラッと変わります！
ぜひいろんな色を試して、「これだ！」という組み合わせを見つけてみましょう💫

3-4：文字をずらして目立たせる加工(歌雑ロゴ)

ここまででネオン風の加工やふちどり加工ができるようになりましたね。次は、タイトルロゴを少し目立つデザインにしてみましょう🎨

1. 文字の上に新しくレイヤーを追加する

2. フィルター → スタイル → ふちどり（両側）」を選び、画像のように設定する

3. 作ったふちを白黒反転して、色を黒から白に変更

4. 「移動」ツールで、 X・Yともに -10px に移動
   ※少しずらすことで、文字に立体感が出ます💡

5. 文字とふちどりの間に新規レイヤーを追加

6. 「光彩（外側）」使ってふんわり光らせる

それだけでも十分ですが、今回はもう少し遊びをプラスしてみました🎶
具体的には、①「歌雑」の文字の色を変える、②影をつける、③文字部分に金属テクスチャと千鳥柄テクスチャを重ねるという加工をしています🥳

🎉サムネ完成(参考用PSDファイルあり)

その後、ちょっと寂しかった隙間に街並みのシルエットを足したりなんかして……ついにサムネ完成です✨

📁 参考用PSDファイルもご用意しています。
一部の素材は学習妨害対策や利用規約の関係で、
差し替えや加工を行っています。ご了承ください🙇‍♀️ 

完成したサムネをチェックしてみましょう。

しっくりこないときの処方箋💊(参考)

私の素材集です！よければどうぞ！

💮最後までお疲れさまでした！

ここまで読んでくださって、ありがとうございます！
私なりのサムネの作り方をご紹介しました🎨

もし「ここ、もう少し知りたい！」「こんな工夫もあるよ！」など、サムネづくりや細かい技術について気になること、良い情報をお持ちの方は、ぜひコメントやポストで教えてください👂✨
(私もサムネ勉強中！できるだけ見に行きます！）

💬過去投稿のご案内

このnoteでは、これからも準備中さんやリスナーさんの役に立つ情報を不定期に発信していきます🌸
「参考になった！」と思ってもらえたら、スキやフォローで応援してもらえると嬉しいです🥰

また、IRIAMに関する情報を集めたり、初心者さんの疑問を解決するためのDiscordサーバーリニューアル準備中💡 IRIAMについて相談したい人、情報を持っている人、ちょっと話してみたい人も大歓迎🙆‍♀️

悩みを抱えるライバーが少しでも減りますように🍀

過去投稿はこちらから！↓
Vol.1 IRIAM用サムネ作成講座
Vol.2 機材導入講座
Vol.3 配信お役立ち情報
Vol.4 企画運営をしよう
Vol.5 IRIAMって何？(画面の見方)
Vol.6 ランク、盛り上がりスコアって？
Vol.7 応援の仕方や言葉を知ろう
Vol.8 IRIAM用サムネ講座2(頑張る初心者向き) ←イマココ

番外編 城ノ内ねき制作フリー素材まとめ