ブログ

【GIMP】画像編集講座 基本操作について、分かりやすく丁寧に

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

bandicam 2015-04-23 19-38-38-657

どうも、僕です。ジミィです

今回も画像編集ソフトGIMPについて学んでいきましょう
ここでは実際にGIMP に触れ、基本的な操作を覚えていきます

新しい画像を作成

GIMP を起動させます

bandicam 2015-04-23 19-40-45-838

 

起動後、ファイル→新しい画像をクリック
(ショートカットキーCtrl+N)

 

bandicam 2015-04-23 19-42-05-896

 

 

 

キャンバスの大きさ(幅、高さ)

を決めた後、OK をクリックします
ここでは、幅350px 高さ200px としてます

 

 

 

文字を書く

次にキャンバスに文字を書いてみます
1.ツールボックス中の【テキスト】を選択する
2.設置する場所をクリックする
3.「GIMP テキストエディタ」に文章を書く
4.「閉じる」をクリックする

bandicam 2015-04-23 19-43-51-607次は文字の設定を変更します
(通常は)ツールボックスの下にある、ツールオプションで設定します

bandicam 2015-04-23 20-09-56-503フォント

Sans → Times New Roman

大きさ

18px → 50px

 

色を選択する

文字に色を付けるので、塗りたい色を選択します
ツールボックス中にある色選択の描画色(前景色)を選択しbandicam 2015-04-23 19-46-42-736

(右の図で言うと、黒色のところが描画色、白色のところが背景色となります)

図のように水色に変更します

bandicam 2015-04-23 19-47-43-962

色の変更は、「描画色を変更」というパ
レットの中から、変更したい色を感覚的に
選ぶことができますが、

ここでは「HTML 表記」にカラーコードを入
力することで色を変更したいと思います
ここでは「4ab0f5」と入力します

感覚操作で選ぶ方の方が多いと思いますが、
こちらの方が正確に色を区別することができ、
微妙な色合いの違いを正確にデザインで表現できるので、より実践的です

 

 

※すみませんが、僕は専門家ではないので・・
カラーコードの一覧はWEB サイトを参考にして下さいね
http://0bbs.jp/help/color.php
http://earlgreyim.s57.xrea.com/html/01collarchart3.htm

また、カラーコードを調べる方法として、
ツールボックスにある【スポイト】ツールで、ピクセルから色を抜き出すことができます

色を塗る

(文字全部に色を塗る場合)
文字「GIMP」の全てを水色に塗る場合「GIMP」という名前のレイヤーを選択した状態で、
テキストツールをクリックします

bandicam 2015-04-23 19-53-05-824

(文字を個別に塗る場合)

文字「GIMP」全体ではなく、「G」のみの文字を水色に塗る場合、少し違う方法で塗ります

ツールボックスの【塗りつぶし】ツールを選択して、
ツールオプションを以下の設定にしてください。設定後、画像ウィンドウの「G」のみをクリックしましょう

bandicam 2015-04-23 19-54-29-413

 

塗りつぶし方法
描画色
塗りつぶし範囲
類似色領域を塗りつぶす
←塗りたい所をクリックすると、
塗りつぶせます

 

 

 

 

レイヤーを表示・非表示にする

先ほどの「GIMP」を非表示に切り替えbandicam 2015-04-23 19-57-51-213てみます

右図のように目の画像がありますが、
それをクリックして消してください

 

そうすると、画像ウィンドウ内の画像も消えました

レイヤーは表示、非表示をここで簡単に切り替えられるので、とても便利に画像編集ができます

 

 

この機能もよく使いますので、覚えておいて下さい(終わったら、また表示に戻しておくのをオススメします)

余白を取り除く

余分な余白を取り除きますbandicam 2015-04-23 19-54-29-413

画像→画像の自動切り抜き を選択します

すると、右上の図のように、余白

が綺麗に取り除かれました

 

なぜ余分な余白を取り除くのか?

単純にサイト上で画像を使う時、丁度の大きさの方が使い勝手が良いからです(笑)

 

画像として保存

ファイル → 名前をつけて保存 → (保存先とファイル形式を設定後)保存 → 保存

bandicam 2015-04-23 20-04-33-534bandicam 2015-04-23 20-05-41-269

 

 

 

 

 

上手に出来ました\(^o^)/

bandicam 2015-04-23 20-06-48-477


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

関連記事

コメント

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

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

管理者:ジミィD

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

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

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

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

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

著者略歴

最近の記事

LINE@登録へ

友だち追加数

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

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

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

ページ上部へ戻る