【GIMP】ダンゲロス・ボードゲームのDIYカードの作り方

「ダンゲロスボードゲームのカードをDIYしたいけど、PhotoshopもCLIP STUDIOもIllustratorも持ってないし、うまくできるかもわからんのにいきなりお金払ってそれらのソフトを買うのはちょっとなぁ」という俺みたいな人向けに雑にメモ書きします。

2017-05-28 07:22:49

みさく @nagaomisaku

ちなみに俺は普段画像編集ソフトなんて触ってないので、変な手順ふんだりしてるかもしれませんが、わかる人はいいようにやってください。むしろもっと楽なやり方あったら教えてください。

2017-05-28 07:23:01

みさく @nagaomisaku

GIMPは gimp.org から落としてきてインストールしてください。ブランクカードのテンプレートは公式 cagamiincage.wixsite.com/dangerousgame/… から、『フォトショップデータ（RGB/GIMPでも編集可）』を落としてきてください。

2017-05-28 07:23:43

みさく @nagaomisaku

ちなみに最初RGB版はなかったので、俺は有料のソフトの無料期間を利用してRGB変換したものを使っていました。架神先生RGB版置いていただいてありがとうございます。

2017-05-28 07:24:11

みさく @nagaomisaku

GIMPを起動して、ブランクカードproRGB.psdを開きましょう。なんかエラー出るけど気にしたら負けです。左側のツールボックスと右側のレイヤーが表示されてなかったら、メニューのウィンドウから探して表示させてください。 pic.twitter.com/tOeWCbFu8U

2017-05-28 07:24:52

拡大

みさく @nagaomisaku

あとは公式のDIY講座 togetter.com/li/1107342 を参照……といいたいところですが、GIMPだと思い通りにいかない罠が結構あります。タダだからね。仕方ないね。

2017-05-28 07:25:08

みさく @nagaomisaku

まずはレイヤーが大量にありますが、我々は細かいところをいじる必要がないので、上位レイヤーの一番左側の『-』ボタンを押していじりやすくします。性別・LV・能力の種別は、その左側の『目』のマークを押すと表示・非表示が切り替わるので、いらないものを非表示にしましょう。 pic.twitter.com/fS8ObCGy7A

2017-05-28 07:25:39

拡大

みさく @nagaomisaku

文章のレイヤーを開きます。ここでキャラ名や能力名のレイヤーをいじって、内容を変えたいと思います。 ……が、GIMPでpsdを開くときに、文字だったという情報がなくなってしまうようです。大体の位置を表していると割り切って、別に文字レイヤーを作りましょう。

2017-05-28 07:26:03

みさく @nagaomisaku

ツールボックスからテキストを選びます。フォント・色・サイズは元のに近そうなものを適当に。このとき、最初に1行空行と、先頭にスペースを入れておき、文字の入力する範囲を広めにしておくことをオススメします。 pic.twitter.com/OHYUuk4XSB

2017-05-28 07:26:32

拡大

みさく @nagaomisaku

これで文字は入れられるんですが、元のカードみたいに文字を縁取りしたくありません？俺はしたいのでします。GIMPのテキストには縁取りの機能がないようなのでひと手間かけます。まず、先ほど自分で作った文字のレイヤーを選択して、複製します。 pic.twitter.com/WOkr6qSLQT

2017-05-28 07:27:10

拡大

みさく @nagaomisaku

複製したら、下のほうにあるレイヤーを右クリックし、『不透明部分を選択範囲に』をクリックします。そしてメニューの選択範囲→選択範囲の拡大をクリックし、拡大量に適当な数値を入れてOKをクリックします。（ここでは8pixelにしてみました） pic.twitter.com/cJjuYDu3wE

2017-05-28 07:27:43

拡大

みさく @nagaomisaku

文字の周りをちょっと広く囲むような表示になるかと思います。縁取りしたい色はツールボックスの四角が重なっているところで選択します。描画色でも背景色でも構いません。ここでメニューの編集→(描画色/背景色)で塗りつぶすをクリックすると、縁取りできます。 pic.twitter.com/b6yPebefiz

2017-05-28 07:28:33

拡大

みさく @nagaomisaku

キャラ名はさらにもう一周縁取りたいので、同じ作業をしてください。この縁取りが元のレイヤーサイズでぶった切られてしまうようなので、空行やスペースを入れて広めにしておきました。他の文字も同様にしましょう。 pic.twitter.com/sI1cmpQ4rj

2017-05-28 07:29:03

拡大

みさく @nagaomisaku

そんなわけで全部文字を入れてみました。あともう少し。（個人が遊んでいる範疇です） pic.twitter.com/UbIIkdTyCm

2017-05-28 07:29:24

拡大

みさく @nagaomisaku

使いたい絵の画像をドラッグアンドドロップします。一番上に重なっちゃうと思うので、ベースレイヤーと背景レイヤーの間に移動します。大きさを変えたい場合は、絵のレイヤーを選択して拡大・縮小ツールで変更してください。 pic.twitter.com/krC89xyTIn

2017-05-28 07:30:15

拡大

みさく @nagaomisaku

これでほぼほぼ完成ですが、ソフト上でいい具合のサイズに切り抜く方法がよくわかっていないので、俺は印刷後にトリムマークに合わせて切っています。その場合背景の下に、白で塗りつぶしたレイヤーを追加してください。印刷時に透明部分が黒くなってしまう現象を回避するためです。 pic.twitter.com/WBMQBLZQCX

2017-05-28 07:30:50