テキストを立体的にしてみよう！
【GIMP紹介記事】
・オリジナル画像を作成しよう！【GIMPってどんなソフトなの？】
テキストに立体的な表現が出せるようになると、デザインの幅が一気に広がりますよね！
最近のフォトショップやイラストレーターでは簡単に出来るこの表現、
GIMPでは結構大変だったりします。
しかし、出来ないことはありません。
少し手間がかかってしまうアナログ的なやり方ですが一度覚えてしまえばなんてことはないのです。
今回はそんなGIMPでのテキストを立体的に魅せるチュートリアルをお届けしたいと思います！
以下が完成イメージです。
まず始めに、立体的に魅せたいテキストを適当に打ち込みます。
今回はこの↓プロフェッショナルとGIMPの２つのテキストを使って説明していきます。
この２つ出来たテキストレイヤーを加工しやすいように１つにまとめます。
レイヤーパレットの中のプロフェッショナルテキストの上で右クリックし、
【下のレイヤーと統合】を選択。
レイヤーが１つにまとまったらこれからまた加工しやすいようにレイヤーを広げておきます。
【レイヤー】→【レイヤーをキャンバスに合わせる】を選択。
レイヤー幅がキャンバス一杯に広がりました。
では、１つにまとめたこのレイヤーを複製します。
そのまま複製した方のレイヤーの上で右クリックし【不透明部分を選択範囲に】をクリック。
選択されたレイヤー部分を描画色 #002952 で塗りつぶします。
そして、【フィルタ】→【ぼかし】→【モーションぼかし】を選択。
モーションぼかしパレットが開いたら以下の設定で処理を反映させます。
テキストの上で今度は【色域選択ツール】を使い選択範囲を作成。
新たに出来た選択範囲を描画色 #002952 で塗りつぶしたら下のレイヤーと入れ替えます。
レイヤーパレットの１番上にあるレイヤーの上で右クリックし【不透明部分を選択範囲に】をクリック。
さらに【レイヤー】→【レイヤーを追加】から新規レイヤーを作成し、
そのまま描画色 #cfe7ff で塗りつぶします。
【選択】→【選択範囲を縮小】から2px分縮小し、キーボードの【Del】で内側を削除します。
また、【レイヤー】→【下のレイヤーと統合】で１つにまとめます。
右クリックから【不透明部分を選択範囲に】→【選択】→【選択範囲を反転】させておきます。
テキストの内側にも影を付けるために【フィルタ】→【照明と投影】→【ドロップシャドウ】を選択。
開いたドロップシャドウパレットを以下の設定にします。
レイヤーパレットの中のテキストレイヤーを【レイヤー】→【下のレイヤーと統合】で１つにまとめます。
１つにまとめたレイヤーを複製し、【鏡像反転ツール】を使い【垂直】に反転させます。
垂直に鏡像反転させたレイヤーを以下のように移動させて不透明度を40.0にしたら完成です！
いかがでしたでしょうか？
数クリックで出来てしまうフォトショップやイラストレーターに比べGIMPでは作業工程が沢山ありますが、
１から作るこの作業がグラフィックデザインの勉強に繋がるかもしれませんね♬
最後に、少しだけさらに画像を加工してみましたよ☆
【目次】プロフェッショナルGIMP
フォントをインストールしてみよう！
【GIMP紹介記事】
・オリジナル画像を作成しよう！【GIMPってどんなソフトなの？】
デザインが作れるようになってくると、どうしてもフォントにこだわりたくなってきます。
「このデザインにはこのフォントがピッタリ合うのに！」とよく思ったりするものです。
ですので今回は、フォントのインストール方法とフォントを配布しているサイトをご紹介
したいと思います。
以下、たぬき油性マジック
を例にしてインストール手順を追っていきます。
個人・商用サイトで無料利用可。
まず、たぬき油性マジック を配布しているサイトの下の方にある
「フォントをダウンロード」をクリックしファイルをダウンロードして下さい。
すると、以下のようなZipファイルがダウンロードされますので
お手持ちの解凍ソフトで解凍します。
↓解凍後
フォルダの中にあるTanuki Magic(True Type)ファイルが確認出来ます。
次にコントロールパネルを開きフォントフォルダに先ほどのTanuki Magicファイルを
ドラッグ＆ドロップさせると自動的にインストールされます。
そして、GIMPを開きフォントツールで確認するときちんと反映されているはずです。
そうすると、このように↓手書き風の可愛いフォントがデザイン出来るようになります！
下記にフォントを配布しているサイトをまとめて紹介している記事をご紹介いたします。
漢字が使える日本語フォント 無料ダウンロード 46種類 : 4GALAXYのメモ
フォントhack.jp｜日本語フォントのポータルサイト｜現在429種類
どや！？1つは入れておきたい高品質な無料日本語フォント集 20
【目次】プロフェッショナルGIMP