IRIAM🔰サムネ作成講座(テンプレあり)

2022年2月22日 18:01

初めまして✨
さいつよ9ちゃい、城ノ内ねきです！

今回はIRIAM用のサムネ講座です。かなりの長文になりますが、困っている方に届きますように🍀
※Ibis paintの基本的な機能(レイヤーの追加や順序入れ替え、画像読み込み等)を理解している前提です。そのため、各機能の位置についての説明は省き気味です。わからない場合は質問して頂けますと幸いです。

現在discordにて、色んな人からIRIAMの情報を集めて初心者さんの疑問解決をする目的で、IRIAMの情報を幅広く集める鯖を運営しています。
鯖の情報を整理しつつ、たくさんの人に情報が伝わることを願い、noteを始めました🎉🎉
不定期での投稿ですがよろしくお願いします🙇‍♀️💦

1.サムネを作る前に

まずIRIAMのサムネは、①立ち絵(背景なしキャラのみ素材)を使ったサムネと②一枚絵(背景まで描かれた正方形イラスト)を使ったサムネの大きく２つに分けられるように思います。今回は、①の立ち絵を使ったサムネの作成についてです！📖✍︎
ここでのサムネ作成に必要なものを確認します。

立ち絵orキャラクターのみ素材
背景画像
Ibis paint(アプリ)
配信内容(タイトル及び簡単な説明)
売り文句(初見歓迎等含む)

2.サムネテンプレについて

今回は、ツイートした時に重要な情報(キャラの顔や配信内容)がわかりやすいサムネを目指します。

例えばIRIAMの配信をツイートすると、サムネを3分割した真ん中しか映らないので、重要な内容は真ん中に配置すると宣伝効果が高くなると思います。
(※🤏この絵文字通りの手の形にした後、人差し指を上の辺、親指を下の辺に合わせてサムネの一部を隠すと、Twitterでの見え方をある程度再現できます。)
またIRIAMではモリスコの影響で、サムネの上部はデッドスペースといえます。なので配信内容を書くと見えなくなりがちです。デザイン的に収まりいいけど…

というわけで、IRIAMサムネを作る際に情報を載せる場所は限られています。そのため配置さえ押さえれば簡単にTwitterでも見やすいサムネは作れるはず…！
そこで、視覚的にわかりやすくするため、簡単なテンプレートを作ってみました！こちらを使ってIRIAMやTwitterで見やすいサムネを作ってみてください！

ではIbis paintを使って実際に作っていきましょう。

3.サムネを作る準備をする

まずは1:1の新規キャンバスを作ります。
※一応は縦横どちらも513pxが推奨サイズであるものの、サイズが違っても1:1なら普通に表示されます。

開いたら、先程のテンプレートをサムネに合わせておきます。その後不透明度を下げ(約30%)、👁のマークを押して見えない状態にします。それを全てのレイヤーの1番上に配置しておくことで、👁のマークを押して見え方を、すぐチェックできるようになります👀

IRIAMでは、ホーム画面に正方形のサムネが並んでいます。そのため、枠線をつけると比較的目立って見やすくなるみたいです。枠線を配置してみましょう。
※先にレイヤー一覧の下にある[背景]を透明(真ん中の2つ)にしておくと見やすいです。

まずコマ割りを押した後、画面をタップし枠を追加します。枠のサイズや太さはどれぐらいでも、枠線は後からでも色を変えれますが、白が無難かと思います。今回の例では、余白はどちらも30px、太さは10pxの白の枠線にしました。

次に下のレイヤーに移動し、枠の外を塗りつぶします(色は枠線と違う方がわかりやすい)。そうすることで、枠線から立ち絵や文章が飛び出さなくなります。
※今のレイヤー一覧は、1が枠外側、2が枠線、3がテンプレートになってるかと思います。

ここから[クリッピング]という機能を駆使して、立ち絵を配置しやすい背景を作っていきます。
※クリッピングについてはこちらをご覧ください。↓
https://ibispaint.com/lecture/index.jsp?no=30

4.背景を作ろう

今、枠外を塗りつぶしたレイヤーが選択されてると思います。ここから画像読み込みで、使いたい背景を選び、いい感じに配置します。
その背景をレイヤーの複製で2枚に増やします。その増やした背景の1つを、枠外塗りつぶしレイヤーの下に動かします。
次に、上にある方の背景(レイヤー3)を選択し、枠外塗りつぶしレイヤー(レイヤー2)にクリッピングします。できたらレイヤーを結合します。
最後に、枠外塗りつぶしレイヤーを枠線の上に動かして、背景は完成です💮

⚠️わからなくなるのでレイヤーごとに名前を設定しとくといいです、レイヤー数増えまくるので…。
⚠️現在のレイヤーは、1が全面の背景、2が枠線、3が枠外となっているはずです。確認してみてね。

5.立ち絵を配置する

※テンプレート(レイヤー4)を見えるようにしておく。
1の背景レイヤーを選んだ状態で、画像読み込みで使いたい立ち絵を持ってきます。立ち絵を配置する時は、~~ママの絵しか勝たんの気持ちで~~目立つところに顔を置くようにしましょう。

テンプレートの[Twitterサムネ範囲]の部分に顔がくるように置くと1番見やすくなります。端に寄せて配置すると配信内容を書き込むスペースができるのでオススメです。私は右に寄せて配置しました😉
この時立ち絵を加工(フィルター内にある縁どり外側、光彩外側、ドロップシャドウなど)しても見やすくなります。⚠️この場合参照は作業レイヤーに！

6.文字を配置しよう

経験上、サムネで枠の内容が説明されていた方が興味を持たれやすい(＝入室しやすい)です。そのため、配信内容や売り文句をサムネに書くと良いです。
わざわざ文字入れるのがめんどくさい場合、例えば「雑談」や「歌枠」といったタイトルなら素材を使えば簡単です。ロゴ以外にも衣装などの素材はTwitterで「# Vtuber素材」もしくは「# フリー素材 # Vtuber」と検索すれば出ます。(⚠️利用規約を必ず見ようね)

↓素材探しならこちらのサイトもおすすめ↓
https://reincar.net/sozai/

6-1 ロゴを作る

素材を使えばここを飛ばすことができます。
しかし自分にあったサムネにするため、自作した方が良い場合もあったりします。そこでタイトル文字の作り方を載せておきますね。
文字を置くレイヤーはテンプレの下(＝サムネ本体の1番上)が見やすいかなと思います。また文字加工の際にレイヤーをまとめるため、文ごとにフォルダでまとめるといいです。

比較的暗め背景に映えるロゴ(4と5はオマケ)

文字入れで「雑談」(今回はけいふぉんと)
下にレイヤーを作り、ふちどり(外側)。幅は5pxで色はかなり暗め(完全な黒は避ける)。
さらにその下にレイヤー、光彩(外側)。幅は同じく5pxで結晶光彩ON、色は白
1番上の雑談レイヤーの上に新規レイヤーを作りクリッピング。フィルターから描画(平行波グラデーション)で好きな色に
さらに上にレイヤー作りクリッピング。アイビスの素材欄からモノクロの素材を貼って、ブレンドモードをソフトライトに。

比較的明るい背景に映えるロゴ(簡単)

色つきで文字を打ち込む
上に新規レイヤー作りクリッピング。適当に色を塗る(意味ごとに色変えても可愛い)
白でふちどり(外側)

文字加工については①クリッピングするとその部分だけ塗る(or 素材を貼る)ことができること、②ふちどりや光彩、影を上手く使って見やすくすると良いの2つを覚えておけば大丈夫です。

また、原色(特に黒)を避けると失敗しづらく、画面内にある色(+白)に近い色を使うと統一感が出ます(差し色で真反対の色1つならOK)。ただ同じ色だと紛れて読みづらくなる可能性があるので、読みやすいように加工をしましょうという感じです…！

また同じような方法で宣伝文句も書きましょう。
タイトルだと遠くから読みやすいフォント(オススメはけいふぉんととコーポレート丸ロゴ)を使いますが、タイトルに比べ情報の優先度の低い宣伝文句は細めの文字(瀬戸フォントSP、07ロゴたいぷゴシック、マメロンなど)でもバランスよく見えます。文字入れの時にフォントからぴったりなフォントを探してみてくださいね！

6-2 文字を見やすい位置に動かす

テンプレの位置を見て、文字を動かします。
タイトルはTwitterで見える範囲に、重要ではないものはIRIAMでしか見えない範囲でも大丈夫です。
また、文字を移動する時に、「ラスタライズしますか？」と出たらOKしてください。
⚠️ラスタライズ→文字情報を文字画像に変化させる
情報の状態では内容を変えることができますが、ラスタライズすると変えられなくなるので注意です⚡

【補足】
事務所勢についてはかならず事務所ロゴを入れる、デビューしたてならPT回収〇と書くと良いです。
特にポイント回収については、デビューしたてしかできないので、そこで顔を売るためにもPt回収の方を受け入れた方が良いかなと私は思います。

7.最悪ここだけ見ればわかるよ(まとめ)

以下の6つをやるだけでサムネが見やすくなります。

サムネに枠をつける
Twitterサムネ範囲にタイトルとキャラの顔
情報の優先度によりフォントや大きさを変える
色は原色を避け、画面内の色(+白)を使う
見やすいように文字を加工する
画面上部に情報を置かない。

テンプレも再度貼りますので使ってみてください😌

最後に私がよく使う素材サイト貼っておきますね
ロゴなどの素材→ https://reincar.net/sozai/
壁紙などの素材→https://sozaino.site/

8.終わりに

ここまでお疲れ様でした！
思ったより長くなってしまいました…💦
わかんない事があればお気軽に聞いてください。またサムネ作成依頼や、画面共有でサムネを一緒に教えながら作ったりもできるので、困っても抱え込まないようにしてくださいね！

もう一度のお知らせになりますが、IRIAMの情報を集めて初心者さんの疑問を解決する目的で、IRIAMの情報を幅広く集める鯖を運営してます！
何かIRIAMに関して困っている方、情報を持っている方はぜひご参加ください🙇‍♀️
鯖はこちら→https://discord.gg/yE28kAFgdj

悩みを抱えるライバーが少なくなりますように🍀
他講座はこちらからも飛べます↓
Vol.1 IRIAM用サムネ作成講座 ←イマココ
Vol.2 機材導入講座
Vol.3 配信お役立ち情報
Vol.4 企画運営をしよう

この記事が気に入ったらサポートをしてみませんか？