ブログ

【GIMP】画像編集講座 無料レポートなどのパッケージを作ってみよう

メール講座はこちら
詳しくは↑をクリック

bandicam 2015-04-24 23-00-18-794
どうも、僕です。ジミィです
今日もGIMPの使い方について学んでいただきましょう

無料レポートを作ったことってありませんか?

(無料レポートを知らないのなら、
http://mailzou.com/ここを見てもらえればお分かりいただけるかと)

アレ作成する時とかって、必ずサムネイル画像を選択しますよね?
僕もレポートは何部か執筆してますが、
よくあるのが、ただ文字を書いた画像だけをアップロードしちゃうとか・・

正直「それだけじゃ、なんかなぁ・・((´・ω・`)」って思ってたんです

皆さん色んな画像を使って自分のレポートを際立たせようとしています
僕もあんな3Dチックな画像を作れたらなぁ・・ って思ってたら
出来るみたいです、GIMPで\(^o^)/

早速やってみましょう

こういうの作ります
bandicam 2015-04-24 23-01-14-718

3Dパッケージを作ろう

今までにも
「無料で3 D パッケージ画像を作る方法」
というのはいろいろとありましたが、実際問題として、
こういうパッケージ画像を一から作ることはそんなに簡単な話ではありません

なぜなら3面(または2面)の平行四辺形をズレルことなく合わせたり、
そこからさらに元画像の編集が待っているからで・・

正直「(‘A`)マンドクセ」って感じ

なのでここでは、元々出来上がった画像をGIMPで編集する事をオススメします
とりあえずやって貰う用に、これ差し上げますので、まずはダウンロードしてください
3d_packege01
「xcf ファイル」でされておりますので、そのまま編集でOKです(`・ω・´)ゞ

では、フォルダ内の「3d_packege01.xcf」ファイルをGIMP で開いて下さい

初期状態ではこのようになっています(下図)
文字や模様、帯などが非表示となっているので、
そちらを表示させれば既に完成した状態となっています

bandicam 2015-04-24 23-01-38-185

文字や色の変更、模様を追加する

まず、レイヤー「logo1」「フロント模様」で使用するフォント、
ブラシ素材を、あらかじめパソコン、GIMP にインストールさせておいて下さい
・fb_e1(フォント)・・フォトショップのシェイプ的な役割のフォントが収録されている
http://www.ne.jp/asahi/24/fb/font2.htm

・Paint Strokes PS Brushes(フォトショップ専用ブラシ)
http://skylineillusions.deviantart.com/art/Paint-Strokes-PS-Brushes-101239025

それでは早速【テキスト】アイコンで任意の文字を書いていきます

bandicam 2015-04-24 23-01-43-530

出来ました
でも・・なんだか違和感を感じません?(;^ω^)

パッケージ画像と文字の角度が合っていないからです

文字とパッケージの角度調整

【剪断変形】アイコンを使い、パッケージ画像の角度に合うように文字を変形させます
文字画像をクリックしてください

ここでは、変形率(Y)-20 にしてみましょう
bandicam 2015-04-24 23-02-07-756

この数値は文字のサイズや配置する位置によっても変えなければいけないので、
必ずしもこの数値が正しいとは限りません

一発ではなかなか合わないので、何度も微調整を繰り返して角度を合わせるようにして下さい

一つ出来あがったら、他の文字もどんどん追加していきましょう

bandicam 2015-04-24 23-02-16-863

サイドの文字を縦に並べる時は、
【回転】ツールを使いましょう。回転させた文字に【剪断変形】させることになります

※ GIMP には縦書きの機能がありませんので、この件についてはまた触れていきます

パッケージの色の変更

1. レイヤー「フロント赤」を選択状態にしてください。
2. レイヤー」→「透明部分」→「不透明部分を選択範囲に」を選択します
3.新規レイヤーを追加し、レイヤー名を「フロント青」とします

 

bandicam 2015-04-25 19-25-47-952

新規レイヤーを追加し、レイヤー名を「フロント青」とします
【ブレンド】ツールでグラデーションをかけます

サイドの色も同様に変更してみましょう

1. レイヤー「サイド赤」を選択状態にします
2. 「レイヤー」→「透明部分」→「不透明部分を選択範囲に」を選択します
3. 新規レイヤーを追加し、レイヤー名を「サイド青」とします

bandicam 2015-04-24 23-02-26-523

【ブレンド】ツールでグラデーションをかけます

bandicam 2015-04-24 23-02-38-329

終わったら、上のメニューから

「選択」→「選択を解除」してください

グラデーションは微妙な光加減を簡単調節できるので便利なのですが、単色で塗りつぶしても構いません

【ブラシ】ツールで模様を描く

GIMP ではフォトショップのブラシ(abr)をそのまま使うことができます
こちらのブラシを使い、簡単な模様を描いていきたいと思います
http://skylineillusions.deviantart.com/art/Paint-Strokes-PS-Brushes-101239025

1.レイヤー「フロント青」を選択状態にして下さい
2.「レイヤー」→「透明部分」→「不透明部分を選択範囲に」を選択します
3.新規レイヤーを追加し、レイヤー名を「フロント青模様」とします

【ブラシ】ツールを選択してください
ツールオプションで設定を下図のように変更します

・不透明度:60.0
・ブラシ:skylineillusions_paintstrokes.abr-018
・拡大 縮小:1.00

bandicam 2015-04-24 23-02-48-002

こうなります
bandicam 2015-04-24 23-02-55-803

シンプルデザインで、模様をつける

これもインストールしたブラシをそのまま使っているだけです

bandicam 2015-04-24 23-03-02-379

(参照:http://myphotoshopbrushes.com/brushes/id/315
【ブラシ】ツールオプション
・不透明度:100.0
・ブラシ:swirls&vines.abr-017
・拡大 縮小:1.50

フロントの模様はこれで出来あがりとして、次はサイドです
サイドとフロントの模様をそのまま繋げただけでは違和感が残りますので、
【遠近】ツールで角度を変える必要があります

とりあえず、フロントの時と同様の方法で模様をサイドにも描いてみましょう
1.レイヤー「サイド青」を選択状態にして下さい
2.「レイヤー」→「透明部分」→「不透明部分を選択範囲に」を選択します
3.新規レイヤーを追加し、レイヤー名を「サイド青模様」とします

下の図のように、先ほどの模様と繋げるために、
重なるように【ブラシ】ツールで描きます
bandicam 2015-04-24 23-03-11-928
ちなみに設定は先ほどと同じです。
(参照:http://myphotoshopbrushes.com/brushes/id/315
【ブラシ】ツールオプション
・不透明度:100.0
・ブラシ:swirls&vines.abr-017
・拡大 縮小:1.50

次に【遠近】ツールで下図のように距離を狭めます
bandicam 2015-04-24 23-03-44-136

※なお、変換後に下図のような「フローティング選択範囲」というものが出たら、
「新しいレイヤーを追加」ボタンをクリックしましょう

bandicam 2015-04-24 23-03-53-285

後は、お好みで帯などを付けてください。(フロント帯、サイド帯)
bandicam 2015-04-24 23-04-03-023


  • このエントリーをはてなブックマークに追加

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

管理者:ジミィD

⬛「自分らしさ」を武器にITビジネス系の情報発信しているメディアワーカー

⬛そして元声優なアニヲタ

⬛自由と非凡がテーマなバイク乗りで、会社に頼らず生きる考え方と、趣味の事を中心に呟いてます。

⬛Amazonにて 【雇われずに生きるガイドブック】 を上下巻同時出版。ブログランキング1位記念で↓↓から期間限定で無料配信中

電子書籍無料ダウンロードへ

著者略歴

最近の記事

LINE@登録へ

友だち追加数

LINE@で友だちになってくれた人、限定のプレゼントも用意していますので是非是非、申請してくれたらと思います。

友だち申請特典の詳細はこちらへ

是非ポチッてみてください

ページ上部へ戻る