HOME  /GIMP
 /GIMPで部品を組み合わせて画像を作成する
2020年02月03日

GIMPで部品を組み合わせて画像を作成する

ダウンロードした部品とGIMPで切り抜き画像を作成するで作成した切り抜き画像を使って下記の様な画像を作成する方法を解説します。

GIMP1200×300

1.GIMPのキャンパスサイズを決める。

GIMPを起動する。

私のWordPressの固定ページの幅は1200×300pxが丁度良いキャンパスサイズとなっています。
そこで、メニュの『ファイル➡新しい画像』で新しいキャンパスを作ってください。

2.背景画像を読み込む

メニュの『ファイル➡レイヤーとして開く』で背景(雪).jpgファイルを呼び出してください。

レイヤとして新たな背景画像が追加されます。

白の背景画像はキャンパスサイズを定義する為に作りましたが、新たな背景画像を呼び込んだので不要になりました。
白の背景レイヤを右クリックで『レイヤーの削除』コマンドで削除して下さい。
また背景(雪)レイヤをimg_56077fddc6c9b拡大・縮小コマンドimg_56077d33e76db移動コマンドでキャンパスサイズ1200×300pxに合うぐらいに小さなレイヤサイズに縮小してください。

3.その他の部品も呼び出し、適度のサイズに変更する。

メニュの『ファイル➡レイヤーとして開く』で

・GIMP.pngファイル

・車.jpg

・車切り抜き画像.xcf

・カーブ付き矢印.xcf

を呼び出し、拡大・縮小コマンド及び移動コマンドでサイズや場所を決めてください。
下記の様な画像になります。

この中で車.jpgだけが茶色の枠で囲まれていますが、この書き方は

①車.jpgをアクティブレイヤにする。

②コマンド『選択➡すべてを選択』で写真枠が点滅します。

③コマンド『編集➡選択範囲の境界線を描画』コマンドを挿入します。

上記操作で、写真枠が茶色で描画されます。

4.文字を入力する。

サンプル画像にある下記の文字を入力します。

文字列及び文字の縁取りはGIMPのテキスト作成の基本を覚えるを参照して描画してください。

①画像切り抜き、合成、編集ソフトGIMP

②このカテゴリはGIMPの使い方を紹介しています

③切り抜き

以上で、サンプル画像の作成が完了しました。

5.画像ファイルとして書き出す

コマンド『ファイル➡名前を付けてエクスポート』を実行します。

以上でGIMPで作られた画像ファイルがpng形式で保存されました。
この画像をWordPressのメディアを追加でアップロードして文章に張り付けます。

 

尚、このファイルはpng形式だけでなくGIMP形式でも保存しておいてください。
コマンドの『ファイル➡名前を付けて保存』
将来の修正時にこのファイルから変更できます。

 

以上でGIMPの基本的な操作は完了です。

 メモ

以上でこのドキュメントの説明は完了です。

関連ドキュメントはメニュの「GIMPタブ」か下記の関連記事一覧から探して下さい。

又、このサイトには、Google広告が掲載されています。

この記事が貴方の参考になりましたら、広告もご覧頂ければ幸いです。


<関連記事一覧>

ダイアログボックスエリアにフォントとカラーパレットを設定した環境下でテキストを作成したり色を変える方法を解説しています。またデザイン分野では文字の大半が縁取り文字になっていますがこれを行う為の基本的な操作も解説しています。

サイトを構築していくと必ずロゴや基本商品及び矢印等、頻繁に使う図形があります。これらの図形をGIMPのxcfファイルで保管し使いたい時に取り込む方法もありますが、これらをブラシとして登録しておくと検索も容易になると共に作成も簡単になります。ここではブラシの使い方と登録方法を解説します。

GIMPの使い方が判ってくるとGIMPで名刺をデザインし独自の名刺を作る事も可能になります。このドキュメントは100円ショップのダイソー等で名刺作成用のプリンタ用紙を購入し自宅のプリンタで印刷する方法を解説していますがこれを理解すると名刺印刷業者のHPに書かれている内容も理解できるようになります。

GIMPが初めての方向けにGIMPのインストールの仕方からGIMPの基本設定を解説しています。特に基本設定でシングルウィンドウモードへの切り替え方法から始まりツールオプションやダイヤログボックスエリアの整理方法を解説しています。

GIMPの基本設定ではGIMPの画面周りを整理しましたが、ここではGIMPとは何か?を知ってもらう為にサンプル画像を使ってレイヤの概念やレイヤ操作の基本的なコマンド(移動,拡大・縮小,回転,鏡像反転,)及びテキスト入力の基本を解説しています。

図形や文字に凹凸をつけるためにはエンボス(Emboss)又はべベル(Bevel)という機能を利用します。このドキュメントはLayer Effectsというプラグインを使ってOuter Bevel、Inner Bevel、Emboss、Pillow Embossで文字や図形を3D化する方法を解説しています。

GIMPには商用利用可能なフォントを追加したり、図形や文字作成を助ける為のプラグインやスクリプト等を独自に追加する機能があります。しかしWindowsのアカウントを日本語で利用している場合、GIMPのデフォルトの個人フォルダが利用できません。本ドキュメントはこのような場合でも利用できる個人フォルダの作成方法を解説しています。

GIMPで切り抜き画像を作成する方法は色々な方法があります。本ドキュメントでは具体的の画像サンプルをベースにパスツールで画像を切り抜く方法を詳しく解説しています。またその他のツールは特徴のみを解説しています。

GIMPをインストールするとWindowsに登録されているフォントが総てGIMPフォントに取り込まれます。しかしこのフォントを使って画像を作成する事は可能ですが商用利用できるか?否かが問題になります。そこで本ドキュメントではWindowsフォントを取り込まない方法及び商用利用OKのフォントの取り込み方を解説しています。

GIMPの操作画面は、自分が使い易い様にカスタマイズができます。このドキュメントはそのやり方解説しています。