テキストを立体的にしてみよう!
【GIMP紹介記事】
・オリジナル画像を作成しよう!【GIMPってどんなソフトなの?】
テキストに立体的な表現が出せるようになると、デザインの幅が一気に広がりますよね!
最近のフォトショップやイラストレーターでは簡単に出来るこの表現、
GIMPでは結構大変だったりします。
しかし、出来ないことはありません。
少し手間がかかってしまうアナログ的なやり方ですが一度覚えてしまえばなんてことはないのです。
今回はそんなGIMPでのテキストを立体的に魅せるチュートリアルをお届けしたいと思います!
以下が完成イメージです。
まず始めに、立体的に魅せたいテキストを適当に打ち込みます。
今回はこの↓プロフェッショナルとGIMPの2つのテキストを使って説明していきます。
この2つ出来たテキストレイヤーを加工しやすいように1つにまとめます。
レイヤーパレットの中のプロフェッショナルテキストの上で右クリックし、
【下のレイヤーと統合】を選択。
レイヤーが1つにまとまったらこれからまた加工しやすいようにレイヤーを広げておきます。
【レイヤー】→【レイヤーをキャンバスに合わせる】を選択。
レイヤー幅がキャンバス一杯に広がりました。
では、1つにまとめたこのレイヤーを複製します。
そのまま複製した方のレイヤーの上で右クリックし【不透明部分を選択範囲に】をクリック。
選択されたレイヤー部分を描画色 #002952 で塗りつぶします。
そして、【フィルタ】→【ぼかし】→【モーションぼかし】を選択。
モーションぼかしパレットが開いたら以下の設定で処理を反映させます。
テキストの上で今度は【色域選択ツール】を使い選択範囲を作成。
新たに出来た選択範囲を描画色 #002952 で塗りつぶしたら下のレイヤーと入れ替えます。
レイヤーパレットの1番上にあるレイヤーの上で右クリックし【不透明部分を選択範囲に】をクリック。
さらに【レイヤー】→【レイヤーを追加】から新規レイヤーを作成し、
そのまま描画色 #cfe7ff で塗りつぶします。
【選択】→【選択範囲を縮小】から2px分縮小し、キーボードの【Del】で内側を削除します。
また、【レイヤー】→【下のレイヤーと統合】で1つにまとめます。
右クリックから【不透明部分を選択範囲に】→【選択】→【選択範囲を反転】させておきます。
テキストの内側にも影を付けるために【フィルタ】→【照明と投影】→【ドロップシャドウ】を選択。
開いたドロップシャドウパレットを以下の設定にします。
レイヤーパレットの中のテキストレイヤーを【レイヤー】→【下のレイヤーと統合】で1つにまとめます。
1つにまとめたレイヤーを複製し、【鏡像反転ツール】を使い【垂直】に反転させます。
垂直に鏡像反転させたレイヤーを以下のように移動させて不透明度を40.0にしたら完成です!
いかがでしたでしょうか?
数クリックで出来てしまうフォトショップやイラストレーターに比べGIMPでは作業工程が沢山ありますが、
1から作るこの作業がグラフィックデザインの勉強に繋がるかもしれませんね♬
最後に、少しだけさらに画像を加工してみましたよ☆
【目次】プロフェッショナルGIMP















