![見出し画像](https://assets.st-note.com/production/uploads/images/99469632/rectangle_large_type_2_a3fa28d55620abbe808bb5bea54ef0d9.png?width=1200)
ブラウザで完結できる、同人誌表紙メーカーでデザイン表紙をつくってみる話
概要
本をつくりたいけど表紙はどうしたら!?という話題を最近見かけるので実際に同人誌表紙メーカーさんを使ってなんとなくいい感じの表紙をつくってみたぞ、という我流チュートリアルです。
前置き
字書きのかたが「はじめて本を出してみたい!」と思ったときに直面する問題のひとつが表紙なのでは、と思います。どう用意するか考えたときにおそらくこのようなパターンが挙げられそうです。
1. 自分でドロー系ソフトを使ってつくる
2. 友人知人に頼んでつくってもらう(絵描きさんに描いてもらうなど)
3. 印刷所orSKIMAなどにある有料のデザインサービスを利用する
わたしもいまは試行錯誤しつつも自分でつくっていますが、1番はじめは友人に頼んでデザインをつくっていただいたりイラストを描いていただいたりしました。
でも、ドロー系ソフトを使うにもツールが多い(Photoshop、クリスタ、Affinity Designer、メディバン、FireAlpaca、Canvaなどなど…)ので一から覚えるのは大変!誰かにお願いするための頭のなかにあるイメージを伝えるのは大変、またそのつてをあたるのも難しい…最初から有料サービスを使うのはハードルが高い…とたくさん迷ってしまうことも多いのではないでしょうか。
そんなときに役に立つのが同人誌表紙メーカーさん。よくTwitterで見かけるSS名刺メーカーシリーズさんと同じ管理者さんが制作・運営されています。
また、デザイン担当は同人誌の素材制作で有名なてんぱるさんです。
普段はIllustratorを使って表紙の作業をすることが多いわたしですが、友人知人に「はじめて本をつくる」という方を見かけたときに自分のやりかたを勧めるのは難しく…でも自分で表紙をつくるのも同人誌の楽しみのひとつだなと思っているので、それを自分の手でやるにはどうしたら…?ということを考えてたどり着いたのがこのツールでした。
実際にどんなことができるのか触ってみた上で、このツールでできることをわたしなりに紹介してみるのが本記事の趣旨です。触ってみるのがとても楽しかったので、この記事もわくわくした気持ちで書きました!
同人誌表紙メーカーとは?
ブラウザだけで、同人誌の表紙データを楽々作成!
デザインとサイズを選んで、タイトルを入れ、ダウンロードするだけ!
誰でも楽しく簡単に、同人誌の表紙が作れるツールです。
豊富な素材を用意されており、ドロー系ソフトを使わずとも自身のイメージにあわせてブラウザで表紙をつくることができるツールです。無料で使用できます(すごい!)
作成できるイメージ例
#同人誌表紙メーカー デザイン/色/フォント/配置の組み合わせで色々遊べます!例えば……
— 同人誌表紙メーカー (@covermkrinfo) January 6, 2022
1枚目:デザイン206/はんなり明朝
2枚目:デザイン095/ZEN丸ゴシックRegular
3枚目:デザイン068/解星オプティMedium
4枚目:デザイン069/しっぽり明朝Regular pic.twitter.com/b67PUXI6BF
公式Twitterではこんなふうにイメージを載せていらっしゃいます。ブラウザで操作するだけでここまでできるのはすごい!
選べるデザイン
さまざまなデザイン素材が色やカテゴリから選べて、ほのぼのにもイチャラブにもシリアスにも対応できそうです。デザインは2023年3月現在で600点もあります!
![](https://assets.st-note.com/img/1677927514665-Hm8lVXt0og.png?width=1200)
![](https://assets.st-note.com/img/1677927607193-P40espFe0q.png?width=1200)
![](https://assets.st-note.com/img/1677928827329-3gKhUQQSuu.png?width=1200)
版サイズはA5とA6(文庫)から選べて、Adult Only・R18マークもデザインにあわせて自動的につけられます。どれもかわいくて迷ってしまいます。
公式Twitterの作例まとめ
同人誌表紙メーカー 作例ツイートまとめ https://t.co/7xeV9dSYU3
— 同人誌表紙メーカー (@covermkrinfo) December 21, 2022
これまでの作例ツイートをまとめました!ポイント解説や設定のスクリーンショットを添えたものもありますので、ぜひご参考にどうぞ。#同人誌表紙メーカー
公式Twitterにて作例ツイートをなさっていて、文字入れについてのアドバイスや、設定についてのスクリーンショットをまとめてくださっています。
その上で、一般ユーザー&字書きであるわたしが実際に触ってみて、友人知人に勧めて、こうすると「よりそれっぽくなるかも」ということをこの記事でまとめてみます。一般ユーザーの一例なので、まず上記の作例を見た上で、「こういうやりかたもあるんだな〜」程度にご覧いただけたらうれしいです。
同人誌表紙メーカーを使う前の下準備
同人誌表紙メーカーさんを使う前に、まずタイトルを考えておく必要があります。
1. タイトルは日本語がおすすめ
使えるフォントは70種類ほどありますが、そのどれもが日本語フォントです。なので、日本語のほうがそのフォントが持っているデザインを有効活用できそうです。
とはいえ、英語はダメ、というわけではなくもちろん英語のタイトルでも制作はできます。今回の記事では日本語タイトルのものをいくつか紹介しますが、以下のツイートのように英語タイトルの表紙もつくれます!
「3.フレーム内で行替えしてバランスよく」
— 同人誌表紙メーカー (@covermkrinfo) January 10, 2022
無理に1行でいれてスカスカ・端までキチキチにいれてぎゅうぎゅう、とならないように、バランス良く行替えしましょう。
縦長のフレームだからタイトルも縦書き、横長だから横書き、とは限りません。
「O」を「♡」にするなど、記号もうまく活用してみて。 pic.twitter.com/bCHFB1Hpyg
2. なんとなくのイメージを考える
本にする内容から、どんなカラーやモチーフがいいかを事前に想像しておくとよさそうです。たとえば青春ものだったら町並みや青空、ラブコメならハート、花言葉が出てくる話なら花、などなど。
以下のツイートは同人誌表紙メーカーではないですが、普段わたしがデザイン表紙をつくっているときに考えていることです。こんな感じで連想形式でモチーフを抽出しておくと、表紙をつくりやすいです。
デザイン表紙をつくるときにこんなことを考えているな〜ということをざっくりまとめてみました。一例として見ていただけたらうれしいです〜🙏 pic.twitter.com/lIxCzCku2n
— nana (@kissincitrus) May 25, 2022
実際につくってみる
わたしなりに何点かタイトル・属性を変えて考えてみたものをのせてみます!その際考えていたことなどもあわせて書いています。
選択カテゴリはわたしがそれぞれのデザインを選んだときにチェックをいれたカテゴリのことです。
せっかくどれも素敵でかわいいので…と思い全部の作例にR18マークを入れていますが、もちろん全年齢の本にも使えます。
※以下の作例はすべてA6サイズで作成しています。
1. 青春・学パロ
タイトル:月曜日はちょっと憂鬱
選択カテゴリ:風景・イエロー・グリーン
デザインは034、フォントは源ノ明朝ExtraLight、文字サイズは28pt、文字カラーは黒、横書き、左/上揃えにしたスクリーンショットがこんな感じ。
![](https://assets.st-note.com/img/1677932423673-xk8p9dbf3w.png?width=1200)
この状態でも素材のおかげでかなり雰囲気がありますが、もう少し「憂鬱」感を出せたらな〜と思ってより調整をかけてみます。
![](https://assets.st-note.com/img/1677932574394-B6RIoGenrz.png?width=1200)
元の状態からフォントを解星オプティMedium・24ptに変更して、改行位置も調整しています。このタイトルの場合「ちょっと」の「ょ」と「っ」の小さな文字が空白が空いて見えるので、ほかの文字と並べないほうがバランスがとれそうだな、と思いそうしています。
配置のカスタマイズも調整していて、字間や行間を少しだけ広げて、より雰囲気を出す・ダルそう〜な感じに仕上げてみています。笑
![](https://assets.st-note.com/img/1677932674712-4EjiDs7HGZ.png?width=1200)
配置のカスタマイズについては「表紙印刷範囲・内枠の確認」にチェックをいれて、この範囲におさまるように調整しています。
ちなみにそれぞれこういう意味があったりします。
表紙印刷範囲:実際の本のサイズ、灰色のラインは断裁されたり背表紙になる位置をあらわしています。
内枠:タイトルなど、重要な文字はこのラインに収まっておいたほうが良いラインです。
![](https://assets.st-note.com/img/1677933466745-Nh9ipK9dAK.png?width=1200)
R18マークを入れるときは、そのデザイン特有のマークがあるので、それと対象位置にするとバランスがとりやすいのでおすすめです。詳しくは以下のツイートをご覧ください!
「2.R18の位置でタイトル配置を決めよう」
— 同人誌表紙メーカー (@covermkrinfo) January 10, 2022
R18表記がセンターにあるものはタイトルもセンターに、R18やワンポイントが隅にある場合は対角上にタイトルを置くとバランスがいいです。もちろん一概には言えませんが…
R18の対角上にタイトルを置いたサンプルを作ってみたので参考にしてみてください。 pic.twitter.com/L6GpVXQsXJ
2. ラノベ調、アホエロ
タイトル:一歳年下の彼氏が俺をむちゃくちゃ愛でてくる
選択カテゴリ:キュート、ピンク
デザインは161、フォントはZEN丸ゴシックMedium、文字サイズは28pt、文字カラーは白、横書き、中央揃えにしたスクリーンショットがこんな感じ。
![](https://assets.st-note.com/img/1677933757435-r8nqhzXwoH.png?width=1200)
この状態でもかわいいのですが、「むちゃくちゃ」のあたりがちょっと気になるので、もう少しだけ調整をかけてみます。
![](https://assets.st-note.com/img/1677933915645-BHbEmgbfUk.png?width=1200)
元の状態から、フォントをZEN丸ゴシックBlackにして太くしてよりポップな雰囲気にし、均等揃えにすることで文字ごとの大きさのばらつきを軽減しています。
配置のカスタマイズと印刷表示範囲については以下のようにしています。
![](https://assets.st-note.com/img/1677934078426-XYNRJQAYk9.png?width=1200)
![](https://assets.st-note.com/img/1677934105289-RknrhLQOuq.png?width=1200)
3. 切ない、シリアス
タイトル:夢なら醒めてくれるな
選択カテゴリ:シック、ブルー
デザインは248、フォントは源ノ明朝ExtraLight、文字サイズは28pt、文字カラーは白、縦書き、左/上揃えにしたスクリーンショットがこんな感じ。
![](https://assets.st-note.com/img/1677934483440-VEPP6flADo.png?width=1200)
よりインパクトが出るような雰囲気にするならどうするかな〜と思い、調整をかけてみます!
![](https://assets.st-note.com/img/1677934652790-Nm8kWFGprF.png?width=1200)
元の状態から、はんなり明朝に変更し文字サイズも62ptにしかなり大きくし、一般の文庫本にありそうな雰囲気にしてみました。
![](https://assets.st-note.com/img/1677934872786-FIZYr204uV.png?width=1200)
こちらは敢えて内枠からはみでるようなカスタマイズをしています。その場合はちゃんと「タイトルが内枠から出ている」ことを知らせてくれるエラーが表示されます。
![](https://assets.st-note.com/img/1677934747215-LgFZw95yCd.png?width=1200)
4. ほのぼの、穏やか
タイトル:恋のすべて
選択カテゴリ:フラワー、レッド
デザインは432、フォントは源ノ明朝ExtraLight、文字サイズは28pt、文字カラーは黒、横書き、中央揃えにしたスクリーンショットがこんな感じ。
![](https://assets.st-note.com/img/1677935134615-mDa2GIgNto.png?width=1200)
この状態でもかなり雰囲気があるのですが、より細部の調整をかけてみます。
![](https://assets.st-note.com/img/1677935357451-N5X2sQ5f9w.png?width=1200)
元の状態からフォントをはんなり明朝にし、フォントサイズを22ptにし、字間をかなりあけています。それ以外の調整は特に行っていないので、印刷表示範囲のスクリーンショットは割愛します。
![](https://assets.st-note.com/img/1677935774075-681l2sAy56.png?width=1200)
裏表紙の表記・背表紙
裏表紙によくある表記や、背表紙に文字をいれることができます。背表紙に文字入れする場合は10mm以上が対応のようです。サンプルとして入れてみた状態はこちら。ここまでできれば入稿できるようになります。
背表紙・背幅の設定については使用する紙の厚さや印刷所によって変わってくるので、詳しくは印刷所のガイドをご確認ください。
![](https://assets.st-note.com/img/1677935801986-huLd5vAS7J.png?width=1200)
調整するときのワンポイント
文字数は5字以上がよさそう
バランスをとりやすくするのであれば5文字以上のタイトルがおすすめです。とはいえこだわりのタイトルを変更するのが難しい…という場合は、以下のアドバイスが参考になりそうです。
配置のカスタマイズで位置を移動させてサブタイトルをつける、という内容なので、よりデザインの幅が広がりそうだな〜と思います。
【デザイン315 作例】和風の金魚デザインは、しっとり古風なタイトルにもぴったり。Oradano明朝は旧字体の雰囲気がすてきですね。フォントが反映されないときは「常用外漢字に対応」チェックをお忘れなく。裏表紙テキストは、配置カスタマイズで表紙側に移動させれば、サブタイトルにも活用可能です! pic.twitter.com/if3BKPu27A
— 同人誌表紙メーカー (@covermkrinfo) June 15, 2022
注意事項
入稿時には必ず、オンライン画像出力サービスを使ってつくった表紙データだということを利用する印刷所に伝える必要があります。
印刷所への連絡事項や注意事項などが細かくまとまっているので、詳しくは同人誌表紙メーカー内の「表紙を印刷する前に」のページを必ず確認した上で入稿してください。
おわりに
無料でここまでつくれるのは本当にすごい…!と紹介していてしみじみ感じました。もちろん、このツールでできない表現もたくさんあるのですが、この範囲に収まらないやりたいことを見つけたらはじめて合いそうなドロー系ソフトのチュートリアルを探してみる…という指標になる、はじめて本をつくるかたにはとてもおすすめだし、慣れている方にとっても気楽に表紙がつくれる素敵なツールだと思います!
冒頭にて紹介した公式の作例はとにかくたくさんあるので、自分に合いそうなデザインを探して、ご自身のイメージにあう表紙をご自身でつくってみてください!自分の手でつくったものって愛着が湧くと思うので、この記事で興味を持っていただける機会があればうれしいです;)
この記事が気に入ったらサポートをしてみませんか?