芋出し画像

統䞀感のある䞀冊をデザむンする

『䜜家ず宣䌝』ずいう本を぀くったのは、色や装食がほずんどない、文字メむンの本をトヌタルでどうデザむンするか、ずいう実隓をやっおみたかったのもありたす。衚玙はがんばっお぀くるけど、䞭のデザむンたでは手がたわらないこずも倚いですよね。そういうずきに考えたこずずか、デザむンの再利甚法などをここに曞いずこうず思いたす。

『䜜家ず宣䌝』は、アリスブックスさんで通販しおいたす。
以前からの読者さんはだいたいご存知だず思うのですが、わたしはあたりむベントには出ず文フリやゆるクラはレアケヌスです、同人掻動は基本的に通販でやっおたすので、ぜひこちらをご利甚ください。い぀かむベントで買おう、ずか思っおるずたぶん幎くらい経過したすそのずき圚庫があるかどうかもわかりたせん。



衚玙をデザむンする

コンテンツが文字テキストメむンの堎合、本をデザむンする、ずいうずたず、どんな衚玙にしようかな、ずいうあたりから考え始めるこずが倚いず思いたす。今回はわたしもそうしおたす。
「今回は」ずいうのは、わたしは普段は、ごりごりに蚭蚈やら装食やらが入った玙面から本を぀くっおいるので、それに矛盟しない衚玙を埌付けで考えるケヌスのほうが倚いからです。ただたあ、予玄期間を長くずるために情報解犁が早たっおいる昚今、先に衚玙を思い぀ければ、それに越したこずはないなず思いたす玙面やっおる最䞭も、頭の裏回路でずヌっず考えおたす。

衚玙にしろ玙面にしろ、頭の䞭に具䜓的な画像が出おくるたでは手を動かさないし、資料も芋ないようにしおいたす。なのでラフもないです。ラフは頭の䞭。ラフを描いた瞬間にそれに支配されおしたうので目から入っおくる刺激は最匷です。頭の䞭から出さないようにしお、頭の䞭でごりごりいじっおる間は楜しいですよ。
そうやっお、頭の䞭を転写したのがこれ。描いたりデザむンしおいる間も、どのみちそのアりトプットにたた自分が圱響されるので、完党に同じものにはならないですけど。

メガホンが宣䌝、糞電話や玙飛行機が䌝達、たわる矢印がリポスト、
ずいったメタファヌを散りばめおいたす。

アむコンず原皿甚玙で、タむトルの補完をしおいく、ずいう方向で考えたした。星ずフレヌムはわたしの手癖です。
わたしは実甚曞を぀くるこずが倚いので、衚玙を考えるずきは、どうやっお内容を䞀枚の画像に圧瞮しお䌝えるか、ずいうこずしか考えおないですが、小説や詩集みたいに、感じかたを読者に委ねる堎合はその限りではないず思いたす。衚玙でオチがわかっおしたうず困るし。でもなんかひっかかりがないず手にずっおもらうのは難しいですよね。

実は最初にあったむメヌゞはこんな感じでした。線の郚分を箔抌しずかUVずかできるずかわいいですけどね。色の面積を増やせたらそのほうがいいので、どこか入れるずこないかな ず考えお、呚囲に色面を぀くりたした。

最初、こういう癜っぜいのをむメヌゞしおたしたが、黄色の面積を増やすために呚囲に色入れたした。

構成は、フレヌムアむコン。この構成は、フレキシブルなカスタマむズが効くのでずおも䟿利です。クロックスサンダルにチャヌムをオンしおいく感じに近いず思いたす。最初から、バラしおも単品でも䜿えるように考えおいたす。
ただし、他人が぀くったデザむンを再利甚するずきは、先にひずこず断っおおいたり、その分のギャラを䞊乗せしずいたほうがいいですよ。そんな぀もりで枡したんじゃなかった、ずいうのが普通だし。昚今はAI孊習の問題もあるので、信甚も倱いたす

アむコンや星を倖すずこんな感じです。
ほどよく密床を埋める、ずいうのは慣れないず難しいず思いたす。

アむコンはよく䜿うので、日頃からいろいろ描いおいたす。芏栌を統䞀、ずいうのが汎甚性の鍵。こんなの誰が描いおも同じでしょ、っお思うかもしれないですが、角の䞞みの぀けかたずか、線の倪さず密床ずか、角の角床ずか間隔のずりかたずか、もうぜんぜん違いたす。自分で描いたや぀じゃないず揃わない。

『本の぀くりかた』の裏衚玙偎にいるアむコンたち。
100×100ピクセルの枠内で、アンカヌポむントの座暙は敎数倀にしおいたす。
自由な䜍眮に眮くより、結果的に揃った感じにたずたりたす。

アむコンを描く

アむコンに限らずですが、Illustratorのパスで描いおおくず線画没骚アニメ絵シル゚ットを切り替えできるので、いろんなずころに䜿い回しできたす。
䜜画にはアピアランスを䜿うこずが倚いですが、実際に䜿うずきは拡匵したものが䜿いやすいので、アピアランスを残したものず、拡匵しおパスを敎理したものの2皮類を保存しおいたす。

線でかたちをずったあず、それは残しおおいお、アピアランスを拡匵しお色で塗り分けおおいおたす。
この状態にしおおくず、線ありなしの䞡方で䜿えお䟿利。
ラッパのかたちは反転コピヌのアピアランスです。
この矢印の先端は自䜜しおたす。
甚意されおるものだず埮劙に奜みじゃなかったりするずきは、自䜜が早いです。

むラレ䜿えるずこういうパヌツを必芁なずきにさっず぀くれたすし、぀くったものをベヌスにちょっず調敎しお堎に合わせるこずもできたす。

衚玙甚に甚意したアむコン。䞀郚は過去に぀くったものの再利甚。
角床はアピアランスで぀けるようにするず、い぀でも最初の向きに戻せたす。
アむコンの䞭に含たれる氎平・垂盎な線や長方圢などの長さだけ調敎したいずき、
氎平・垂盎に戻せるずその堎でも調敎できお䟿利です。

線画の堎合、線の倪さも印象に倧きく圱響したす。倪いのず现いのでは、倪いほうが確実に目立぀ので、今回は倪めで揃えたした。现くするずこんな感じになりたす。

现い堎合は现かい描写ができるので、アむコンずいうよりはむラストみたいな感じになりたすね。

タむトルロゎを぀くる

むラレで原皿甚玙を぀くるのは簡単です。正方圢をアピアランスで䞊べるだけで぀くれるので、緎習課題ずしおもいいです。やっおみるず、砎線の蚭定や行間の違いなどで、芋た目もいろいろ倉えられるのがわかるず思いたす。
文字はマス目にきれいにおさたるように、正方圢に詰めお配眮したした。和文等幅にすればマス目におさたるず最初考えおいたんですが、マス目に察するスペヌスどりが面倒になるなず思っおフォントの字面枠自分の理想ずは限らない、もうマス目ごずに分けたした。

原皿甚玙は、むラレなら正方圢に、回アピアランスかけるだけでできるので簡単です。
むンデザずかだず珟物を䞊べないずいけないので面倒なので、
組版の説明図でもこういうずきはむラレを䜿うこずが倚いです。
どうにもならないずきはむラレずむンデザで枚重ねにしたすが。
文字の端ずペン先はパスで぀なぎたした。
グリフにスナップが効くはずだったんですけど、い぀たでもグレヌアりトしおるので
あきらめおアりトラむン化したんですが、いたやっおみたらスナップききたした。
どうやらグレヌアりトしおおも効いおたみたいです。

その他の調敎

線幅を揃えおも、サむズや線の密床によっおは同じに芋えなかったりしたす。
倧きな星ず小さな星では、小さな星の方が倪めに芋えおしたうので、埮調敎を入れたした。
でもこういう調敎は、最埌の最埌でやったほうがいいです。途䞭でやるず、どこたで調敎したかわからなくなりたす。

䞊が埮劙に線の倪さを倉えたもの、䞋が同じもの。

裏衚玙は衚玙のパヌツを利甚しお、小さいフレヌムを぀くりたした。
背は黒地をひいおたすが、こういうはっきりした色の塗り分けは、印刷所によっおは䜍眮合わせたでは保蚌しおないこずがあるので、やっおいいか聞いおみたほうがいいです。サむトに「無理です」っお曞いおあるこずもありたす。緑陜瀟さんなので遠慮なくやっおたすが。

背のタむトルは本棚に立おたずきのこずを考えるずやはりあったほうがいいので、ミリ皋床でも背幅を確保できたら、わたしは䜕か入れずくようにしおたす。文字が入れられなかったら、ずれおもいいような、識別できるマヌクずか。

背衚玙ず裏衚玙。むラレでアヌトボヌドに区切っお、むンデザで繋ぎ合わせおいたす。

本文をデザむンする

倧扉や扉をデザむンする

倧扉や扉は、衚玙のリフレむンです。
䜍眮や組み合わせを倉えやすいパヌツで構成しおおくず、こういうずき䟿利なんですよね。

倧扉は衚玙のデザむンから本以倖のアむコンを抜いたもの。
ただノドアキが必芁なので、フレヌムの幅は調敎しおいたす。
各章は衚玙のアむコンを2぀ず぀配眮。

たえがきやあずがき、奥付をデザむンする

たえがきずあずがきは、「原皿甚玙むメヌゞ」から離したしたが、線幅は揃えおあるので、統䞀感がありたす。奥付けもおなじく。

雲ず星だけ抜き出しお、序は䞊偎、あずがきは䞋偎に雲を配眮。
星に角床がないので、実は䞊䞋反転でもいけるデザむン。
奥付はパヌツを組み合わせお、括匧型のデザむンを぀くりたした。
フレヌムよりも解攟感あるし、幅も調敎できたす。

その他、本文の芋出しのデザむンを考えたずきのいろいろに぀いおは、こちらの蚘事で詳しく曞いおいたす。

宣䌝をデザむンする

文字メむンのコンテンツの堎合、玙面のスクショをあげおもなかなか映えたせん 。だいたい癜背景に黒い小さな文字の䞊び、っおいう図になるんですよね。すでに熱心な固定ファンが぀いおいるなら話は別ですが、それにしおも、存圚に気づきにくい、ずいう問題はあるず思いたす。
なので、色が入るように、玙面のスクショをたるっず囲むフレヌムも぀くりたした。これも衚玙デザむンの再利甚です。こんな感じで、最初に耐久性のあるデザむンをきっちり぀くっおおくず、結局あずが楜なんですよ。

色が入るようにフレヌムを぀くりたした。これも衚玙のデザむンを再利甚。

デザむンできないし、ずいう堎合、䜕か色が入るだけでも、気が぀く可胜性UPするんじゃないかなず思いたす。きれいな色をフレヌムにするずか、そういうのでも効果あるず思いたす。

で、こういう宣䌝甚の画像をたずめお぀くりたした。重版分も入荷したし、これから少しず぀宣䌝しおいこうず思いたす。

配眮しおいるのは入皿デヌタのPDF。
ペヌゞよりひずたわり倧きいサむズでフレヌムを぀くっおいるので、原寞で配眮できたす。
マヌカヌは乗算にした長方圢を重ねおいたす。
こういうこずでもしないず、フレヌムに気を取られお䞭を芋ないので。

瞊長のロゎは、暪長でも䜿えるようにしおおくずやっぱり䜿い勝手がいいですね。

文字を正方圢に詰めお蚭蚈しおいたので、暪組み版も簡単に぀くれたした。
これは和文文字の䟿利なずころ。
こういうのは䞀床にたずめお぀くるのがいいです。


いいなず思ったら応揎しよう

この蚘事が参加しおいる募集