無料で出来る! Gimpでドラクエ風ロゴを作成しよう

2015-11-19Software

サイトURLが変更になりました!
https://0edition.net/
お手数ですがブックマーク・RSSの再登録お願いします。

こんにちは、とみーです。

Gimpという画像処理のフリーソフトで、ドラゴンクエスト風のロゴを作る方法をご紹介します。
上の画像は完成形です。

基本的な使い方の説明は省いてますので、それってどうやるの? となった場合はこちらのサイトがおすすめです。

スポンサーリンク

スクリプトをインストール

まずスクリプトをインストールします。
手順は下記のサイトに載ってますのでご確認ください。

ドラクエ風ロゴの加工方法

文字を挿入・フィルターを適用

まず文字を挿入します。(画像は黄色の文字を挿入してますが、完成形を見るとちょっと色味がキツイので茶色系が良いと思います)
フォントはImpact Condensedがお勧めです。

右側の文字と左側の文字で別のレイヤーにしてください。理由は後述します。

20151119_01

フィルター > 下塗り > 3D押し出し を選択します。
まずは左側の文字から。
厚みの種類は通常、厚みの長さは15、厚みの方向は135、厚みをパターンで塗りつぶすにチェックを入れてパターンを選択します。岩肌のようなパターンが良いかと。

20151119_02

20151119_03

次に右側の文字のレイヤーを選択し、3D押し出しをします。
基本は先程と同じですが、厚みの方向を45にします。

両方の文字を押し出した結果はこんな感じです。

20151119_04

厚みの種類を横に拡大にすると文字のレイヤーは1つで良い感じになりそうなのですが、私はこんな感じに失敗します。何で。

20151119_05

文字を曲げる

文字をカーブさせます。

とりあえず左側文字の押し出しレイヤーを選択しておきます。
フィルター > 変形 > カーブに沿って曲げる を選択します。

プレビューを見ながら良い感じになるように、上部境界と下部境界とそれぞれカーブの線をドラッグします。
もう一つの押し出しレイヤーにも同じカーブを適用しないといけないので保存しておきましょう。Gimpのウィンドウを閉じない限り前回と同じカーブが表示されますが念のため。

20151119_06

文字のレイヤーを非表示にしたら、こんな感じになります。
文字も同様にカーブすると多少のズレが生じ、上手く立体的になりませんので非表示にしてしまいましょう。

20151119_07

表面の色を変える

選択 > 色域を選択 で表面の色をクリックします。
私は半径を3、しきい値を7に設定しました。
半径とかツールオプションに表示されない場合はドラッグすると半径やしきい値が変化します。

20151119_08

新規レイヤーを作成し、編集 > 描画色で塗りつぶす で色を塗ります。
左右両方、表面の色を塗った結果がこちらです。

よくよく見ると青くしたくない部分まで着色されてしまっています。

20151119_09

消しゴムで調整

青じゃないのに青く塗られた箇所を消しゴムで消していきます。
細かい作業になるので拡大して消し消し・・・。

20151119_10

完成!

どうでしょう!? ドラクエっぽくないですか!?

20151119_11

ロゴのみ拡大版

20151119_12

ちなみに先程までとは岩肌のパターンが違います。
当初に選択したパターンが気に入らなかったので、新規レイヤーを作成してモードをオーバーレイにし、パターンで塗りつぶしを行いました。こっちのが良い!

あと表面のテキストにグラデーションかけました。
ちょっとした手間でクオリティが上がります。

他にも色々方法はあると思いますので、この記事を参考にしてあれこれ試してみてください。

こちらの記事もおすすめです