シナリオ執筆の為、更新停滞気味です

自分でロゴを作成してみる。ココフォリアでのタイトルロゴ。ざっくりロゴ作成方法、ロゴっぽいのを作る!、ロゴの作り方、トレイラー・サムネイルの作り方、VtuberさんやTRPGシナリオなど簡単なロゴが合った方が良いからそれとなく作ってみたい人向け!

目次

作成できるもの

ざっくり文字組み

ざっくり画像付け

ざっくり他画像でも応用

導入

本当はTRPG
サムネイルの作り方を
通しでやりたかったんだけど

岸かれか
岸かれか
男子C
男子C

あまりにも
尺が伸びたから、
ロゴだけになった。

どうせ切り抜くなら、
先に切ろうの方針

岸かれか
岸かれか

使うツールの話:Canva

いつもCanva使っているけど、
似たツールも
いっぱいあると思うから
そっち使ってもOK!

岸かれか
岸かれか
男子C
男子C

アップデートが多くして
楽しいって理由で
ずっとここでは
Canva使っているとは思う。

ロゴの文字組の話

私もロゴ自体は
作ったことないんだけど、
文字を組み合わせて
ロゴっぽいものを作る
こと、
は出来るよ。

岸かれか
岸かれか

男子C
男子C

一応テキストを
入れる手順は、
こんな感じで出来るから紹介しておく

文字を用意する

まず、文字を
用意するよ

岸かれか
岸かれか

文字をバラバラにする

まだバラバラにするボタンはないので、
一個ずつ、テキストを作る感覚です。

で、文字を
バラバラにする

岸かれか
岸かれか
男子C
男子C

手動で?

Canvaはまだ手動。
一個ずつテキストで
「ま」「ず」「は」って頑張った

岸かれか
岸かれか
男子C
男子C

なんつーか、原始的…

うるさいぞ、そこ?
余はおこりまるぞ。

岸かれか
岸かれか
男子C
男子C


おこりまる?

文字に強弱をつける

漢字を大きく、ひらがなを小さく!

で、「漢字を大きく、
ひらがなを小さく」する

岸かれか
岸かれか
男子C
男子C

これだけで、
少しそれっぽくなったな

で、もうこれに、
画像とかつけて
整頓するよ

岸かれか
岸かれか

画像を付けてみる!

ロゴのテーマに合いそうな画像を、背景に付ける

今回はテーマとかはないから、
とりあえず
「ペンキ」で検索するね

岸かれか
岸かれか

で、出てきた中で
良さげなのを選択

岸かれか
岸かれか

ちょっとだけ
整えて、
こう!

岸かれか
岸かれか

……うん。

岸かれか
岸かれか

男子C
男子C

悪くはない、とは思うけど、
がんばったでしょう、感が
否めない。

…い、今から、
整理するからぁ…!

岸かれか
岸かれか

画像に合わせて整理してみる

ノイズも全部伝えるライティングの為、右往左往している場所があるかと思います。

基本の動きは、画像に沿ってコンパクトに。
文字同士が繋がる様な距離で。

この画像の中に、
文字を折っていく感覚で
文字を配置すると楽だよー

岸かれか
岸かれか
男子C
男子C

とにかく、
ピンクの部分に文字を置けと。

そうそう、
文字の先頭からやった方が
楽だと思うよ

岸かれか
岸かれか

男子C
男子C

なら、「まず」の部分を
上の方に動かしてみるか

男子C
男子C

……折ったら返って
余白が目立ったな?

余白が目立った、
という感覚があるのは◎!

岸かれか
岸かれか
男子C
男子C

修正するか?

うん。
あとで修正はするけど、
上からやっていこうかなーって
思ってる

岸かれか
岸かれか

文字に動きを付けてみる

動きを付ける例
1.漢字をもっと大きく!
2.ひらがなをもっと小さく!
3.ひらがなを文字に寄せる
4.じぐざぐにしてみる

ってことで、これ。
少し文字に動きがなくて
優等生だから、
ちょっと動きを付ける

岸かれか
岸かれか
男子C
男子C

動きを付ける?

動きを付ける例としては、
こういうのがあるよ

岸かれか
岸かれか

動きを付ける例
1.漢字をもっと大きく!
2.ひらがなをもっと小さく!
3.ひらがなを文字に寄せる
4.じぐざぐにしてみる

男子C
男子C

こんな感じか…?

男子C
男子C

いや、明らかに
“まず”が浮いてるな。
白いところにしか
置かれていないしさ

うん、見るところは
合っているかも。

岸かれか
岸かれか

間違っているな、という所に
修正をし始めると
一生終わらないから
先に”用意”を見よっか

岸かれか
岸かれか
男子C
男子C

中央に寄せる感じで
良いのか?

そうそう、
それでOK

岸かれか
岸かれか
男子C
男子C

……。

男子C
男子C

明らかに寄せ過ぎた。

説明悪かったかも。
“用意するよ”までが
一つの塊として考えて
良いよ。

岸かれか
岸かれか
男子C
男子C

えーーっと?

用意の字そのものは、
もう少し左に行かないと
あとで”するよ”が

ピンクの位置に乗らない。

岸かれか
岸かれか
男子C
男子C

確かにな。

男子C
男子C

それと、
“まず、”部分が
やっぱ気になるから
直してもいいか?

うん、OK。

岸かれか
岸かれか

そうするなら、
用意の”用”とまずの”ま”は
同じ横位置にある方が
まとまりが良い
かも。

岸かれか
岸かれか
男子C
男子C

…これなら、
中々にいい感じ…

男子C
男子C

いや…?

男子C
男子C

全体的に後で
下げないとだめだな?

うん、後でしよっか。

文字単体で考えれば
もう「するよ」さえどうにかすれば
纏まりが良い感じ

岸かれか
岸かれか
男子C
男子C

ただ横にずらすだけで
良いよな?

うん、おっけー!

念のために
縦向きと横向きで
バランス見てみよっか!

岸かれか
岸かれか

画像比較

男子C
男子C

横向きの方が良いな。

うん、私も好みは横向きかな。

どっちもピンクの部分に
載っていないから
全体的にずらして整えるね

岸かれか
岸かれか

……こんな感じかな?

岸かれか
岸かれか
男子C
男子C

ロゴだ。

うん、
ロゴ感出たね。

岸かれか
岸かれか

フォントの変更

あとは
フォントの変更もかな?

岸かれか
岸かれか
男子C
男子C

雰囲気が柔らかだから
それに近いフォントで良いか?

うん、
おっけー!

岸かれか
岸かれか
男子C
男子C

雰囲気出たな。

何使った?

岸かれか
岸かれか
男子C
男子C

漢字部分は
ダーツフォントで、
ひらがな部分は
UDモトヤ明朝Lを使った。

それに合う画像をさりげなく添えてみる

これだと、
そっと桜っぽい画像も
合うかな?

岸かれか
岸かれか

それに、「を」の文字の
白い部分を
埋めたいのもあるから…

岸かれか
岸かれか
男子C
男子C

モチーフの画像があると、
何を伝えたいか、が
見えてくるロゴになるんだな?

そうそう、
青春っぽい物語なんだな、が
伝わるようになったよ。

岸かれか
岸かれか

おまけ①:違う画像に変えてみる

此処からは、
ざっくりだけど
せっかく文字組した文字があるから
後ろの画像だけ変更して
遊んでみる
のもあり!

岸かれか
岸かれか
男子C
男子C

まず、文字だけを
取り出せば良いか?

そう、

岸かれか
岸かれか

で、この文字の
ぱっと見の輪郭を考えるよ

岸かれか
岸かれか
男子C
男子C

基本的に横長だから、
楕円と長方形、か?

あえて、丸形も入れれば
収まりが

ちょっと悪い例になるから
入れておくね

岸かれか
岸かれか

楕円形の画像に合わせて整頓してみる

まず、画像の出し方は、
素材をクリックして

岸かれか
岸かれか
男子C
男子C

そろそろ、
インスト交代するか?

ゲームなどの説明をする事をインストと言う。

そっか、
読者ちゃん用解説で
Cは知ってるんだ!

岸かれか
岸かれか

なら、あと任せた!

岸かれか
岸かれか
男子C
男子C

OK,任された!
「楕円」を検索で。

男子C
男子C

んで、良さそうな楕円画像を
クリックして表示させる。

男子C
男子C

それで、載せてみると
こんな感じ。

フォント変更

男子C
男子C

…次は、
フォントの変え方だな

男子C
男子C

まず、画像をクリックして覆う
…いわゆるドラッグして、
全選択をする。

男子C
男子C

そうすると、
上のメニューバーに
フォントが
書かれた場所が
出来るから
それをクリック

男子C
男子C

すると、
フォント画面が出るから
好きなフォントを選ぶ

男子C
男子C

で、ざっくり変えたものが
此方って感じ!

長方形でも試してみる

男子C
男子C

同じことを
長方形でもした結果。

男子C
男子C

んで、色変えとか
色々したら、こう。

手書き文字、多くない?

岸かれか
岸かれか
男子C
男子C

あー…思った。
変更分かりやすいかと
思ったけど、
見本としては
癖が強すぎてアウトだな

うん。

困ったら、
安定のゴシックか
明朝寄りフォントが良い
と思う。

岸かれか
岸かれか

丸形の画像に合わせて整頓してみる

男子C
男子C

で、例の丸か。
思ったよりかはバランスが
死んでいないかも

男子C
男子C

…と言っても、
下部分に余白があるのが
目立つから
少しだけ弄るか。

全部集めてみた。

男子C
男子C

本当だったら、
もう少し微調整した方が良い!
という部分もあるな、これ

とはいえ、
文字組みとロゴの感覚を分かって
「出来た!」となるのが
目標
だから
これで一旦終わりでいいよー

岸かれか
岸かれか

おまけ②:フォントの注意事項

さっきちょこと触れたけど、
手書き文字と
個性が強いフォント
についての
個人的な使い方だけ載せておくね

岸かれか
岸かれか
男子C
男子C

個性が強いフォントだと
稀に空間を破壊して回るよな

そう、扱い難しくて…

岸かれか
岸かれか

フォントでの効果例

男子C
男子C

エフェクトは、
文字に装飾が付けられる機能

おすすめの使い方は
こんな感じかな?

岸かれか
岸かれか

Canvaの場合、あめちゃんポップまるは”Ame chan popo maru”表記
源界明朝は、外部の無料フォントを取り込んで使用しています。

男子C
男子C

エフェクトの詳細知りたい場合は、
こっちで確認して

参考になりそうなツイート

終わりに

こんな感じでざっくりでも
ロゴが作りたい!欲しい!
という人用の
つくり方は以上になるよ

岸かれか
岸かれか
男子C
男子C

ロゴがあるだけで
「それっぽさ」が出るから
作れる時は作ってみると
良いと思う。

関連記事(ディスプレイ・トレイラー・サムネイル関係)

TOP

多くの方に教えてくださると、喜びます!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

今はゲームシナリオを書いている者です。
アナログゲームを嗜む脚本家、小説家、人狼もマダミスも好き。

目次