電子タバコ種類(画像)

基本操作

GIMPで画像編集~切り抜きやモザイクで1つの画像を作成する使い方

[st-kaiwa-48]GIMPで画像編集する一連の流れをご紹介![/st-kaiwa-48] GIMPを使って1つの画像を作成する際は,[切り抜き]や[選択],はたまたモザイクなど様々な機能を使用します。

そこで今回は(私が)GIMPで画像編集する際の一連の流れをご紹介します。

SEOブログやアメブロで使用する画像や記事中に含める画像などを作成していきます。

1つの画像を作成までにGIMPで色んな機能を組み合わせているんだなという参考にしてなればと思います(^^)
[st-kaiwa-44]今回は参考例題として3つの画像を作成していきます!

GIMPで画像編集する際の一連の流れを見ていきましょう![/st-kaiwa-44]

3つの参考例題

3つの参考例題とは?

  • う○ちが我慢できなかったゴマ団子
  • 正体不明なケンカ真っ最中の昆虫たち
  • キレイな光景に喜ぶ2人の女性と犬

ココがポイント

ここでは1つの画像を作成するのにどんな機能をどれだけ組み合わせているのか?という紹介ページのためGIMPで各操作方法を詳しく解説していません

もし詳しく各操作を知りたい人は個別ページを参考にして下さいね。

例題①~う○ちが我慢できなかったゴマ団子

ここでは,つい先日飲食店にて注文したゴマ団子がう○ちを漏らした画像をGIMPで編集していきます。

使用したGIMPの機能

  • レイヤーとして開く
  • 画像の拡大・縮小
  • ズーム
  • 切り抜き
  • 楕円選択
  • モザイク
  • 色域を選択
  • 色を透明度に
  • 塗りつぶし
  • レイヤーの移動
  • 変形(水平反転・時計回りに90度回転)
  • テキスト

step
1
編集したい画像をGIMPで開く

う○ちを漏らしたゴマ団子
GIMPの「レイヤーとして開く」にて編集したい画像を開きます。

※画像サイズは2448px(横)×3264です。

step
2
画像サイズを変更する

GIMPで画像編集
画像サイズが大きすぎるので「画像の拡大・縮小」にて画像を700px(横)×933px(縦)に縮小しました。
(見た目は変わってないでしょう?)

※編集画面が小さくなるので[ズーム]の拡大で画像を3回クリックし編集しやすくしました。

step
3
画像を切り抜きする

GIMPで画像編集
個人的にブログに載せる画像で縦長タイプが好きではないので[切り抜き]で画像の必要部分を切り取り横長タイプにしました。

※自分で縦のサイズを微調整をしながら切り抜き,700px(横)×406px(縦)になりました。

step
4
う○ち周りを楕円選択しモザイクを掛ける

GIMPでモザイク
PTAに下品だと言われないために[楕円選択]にてう○ち周りを選択し[モザイク]を掛けました。

step
5
吹き出し画像を付け加える

GIMPで画像切り抜き
無料素材サイト使えそうな"吹き出し"画像をダウンロードし,必要部分のみを切り抜きしました。

<参考:ダウンロードした画像>
GIMPで画像切り抜き
※多くの場合,ダウンロードした画像は編集中の画像サイズにあわせるため「レイヤーの拡大・縮小」でサイズを合わせます。

step
6
色域を選択し背景の白を透明にする

GIMPで画像透過
[色域を選択]にて吹き出し画像レイヤーをクリックし背景の色(白:ffffff)を透明にしました。

step
7
必要部分を塗りつぶしレイヤーを移動させる

GIMPでレイヤーを移動
背景と共に透過されてしまった必要部分を[塗りつぶし]にて白に塗りなおし「レイヤーの移動」にて吹き出し画像を移動させました。

step
8
変形でレイヤーの方向転換する

GIMPでレイヤーを変形
吹き出し画像の向きが変なので「変形」にて「水平反転」⇒「時計回りに90度回転」で向きを整えました。

※「レイヤーの移動」にて位置の微調整もしました。

step
9
テキストを付け加える

GIMPでテキスト
[テキスト]にて文字を入力しました。

テキストサイズの調整・「レイヤーの移動」にて位置の微調整に少し苦労しました。

(工程修了)

<完成画像>
GIMPでテキスト

所要時間:約5分

※"吹き出し"画像を無料サイトで探すのに少し時間が掛かりました。

アメブロや趣味ブログ,SNSなどで使えそうですかね?(笑)
[st-kaiwa-44]普段何気なく行なっているGIMPでの画像編集作業ですが,文字にするとこんなに色んな機能を使用していたのですね(^^;)

自分でも書いててビックリです!(笑)[/st-kaiwa-44]

例題②~正体不明の昆虫をピックアップ

引き続き,私が昔から「なんて名前の昆虫だろう?」と思って,いまだに解決していない喧嘩真っ最中の昆虫を赤い丸にてピックアップしていきます。

木の枝にしか見えない昆虫なんですよね…。

使用したGIMPの機能

  • レイヤーとして開く
  • 画像の拡大・縮小
  • ズーム
  • 新しいレイヤーの追加
  • 楕円選択
  • 描画色の変更
  • 塗りつぶし
  • 選択範囲の縮小
  • 消しゴム
  • パス
  • テキスト
  • レイヤーの移動

step
1
編集したい画像をGIMPで開く

GIMPでレイヤーを開く
編集したい写真を「レイヤーを開く」にてGIMP編集画面で開く。

※画像サイズは3264px(横)×2448px(縦)です。

step
2
画像サイズを変更する

GIMPでレイヤー画像の拡大・縮小
これまた画像サイズが大きすぎるので「画像の拡大・縮小」にて画像を640px(横)×480px(縦)に縮小しました。

※これまた編集画面が小さくなったので[ズーム]の拡大で画像を4回クリックし編集しました。

step
3
新しいレイヤーを追加し楕円選択⇒赤く塗りつぶし

GIMPの選択
昆虫を赤い丸でピックアップしたいので「新しいレイヤーの追加」⇒[楕円選択]⇒[塗りつぶし]にて対象範囲を赤に塗りつぶしました。

※この時点で「描画色の変更」で描画色を赤に変更させました。

step
4
選択範囲を縮小して消しゴムで不要部分を排除

GIMPの選択
「選択範囲の縮小」で選択範囲を3px縮小して[消しゴム]にて不要部分を排除しました。

step
5
パス機能にて矢印を追加

GIMPのパス機能
[パス]⇒「パスの境界線を描画」で矢印を作成しました。

step
6
テキストで文字を書き足す

GIMPでテキスト
[テキスト]で(背景に合う色を模索して)緑の文字を書き足しました。

※[移動]でテキスト位置の微調整をしました。

(工程修了)

<完成画像>
GIMPでテキスト

所要時間:約3分

※パスの矢印の曲線に少し手間取ったぐらいです。

Yahoo知恵袋やFacebookなどで質問する際に,この画像を使えば長年の「なんて昆虫だろう?」という疑問は解消されますかね?笑
[st-kaiwa-44]作業自体は簡単だと思いますが,パスで矢印を作成するのが手間な人は無料サイトにて「矢印画像」をダウンロードして使用しても良いかもですね![/st-kaiwa-44]

例題③~少しオリジナルを付け加えたアイキャッチ画像

最後にSEOブログなどで使うアイキャッチ画像に少しオリジナリティを付け足します。

<元画像>
GIMPで編集する画像
※3264px(横)×2448px(縦)

使用したGIMPの機能

  • 新しい画像
  • レイヤーとして開く
  • レイヤーの拡大・縮小
  • 楕円選択
  • 選択範囲の縮小
  • 色を透明度に
  • レイヤーの移動

step
1
新しい画像で編集画像を開く

GIMPで画像を開く
アイキャッチ画像を作成するため,「新しい画像」にて700px(横)×400px(縦)の編集ページを開きます。

※私はアイキャッチ画像は横長の700px(横)×400px(縦)が好みなので,予め「新しい画像」にて画像サイズを指定しておきます。

step
2
レイヤーとして開くで画像を編集画面へ

GIMPでレイヤーを開く
上記の元画像を「レイヤーとして開く」でGIMP編集画面へ。

※大き過ぎて何が何だかわかりませんね。

step
3
レイヤーの拡大・縮小で画像サイズを合わせる

GIMPでレイヤーの拡大・縮小
「レイヤーの拡大・縮小」にて画像サイズを合わせます。

※700px(横)×525px(縦)にしました。

step
4
[移動]にてレイヤーの位置を微調整

GIMPでレイヤーの移動
もう少し下のキレイな建物を目立たせたかったので[移動]にて縮小された画像の位置を微調整しました。

※あんまり変わりませんか?(^^;)

step
5
無料サイトにて喜ぶ人の画像をダウンロードしレイヤーとして開く

GIMPでレイヤーを開く
無料サイトでキレイな風景に喜ぶ人を探してダウンロードして「レイヤーとして開く」で編集画面へ。

レイヤーサイズが大きすぎて顔がドアップですね。(良くある事です)

step
6
レイヤーの拡大・縮小で女性画像を任意のサイズへ

GIMPでレイヤーの拡大・縮小
「レイヤーの拡大・縮小」で喜ぶ女性を自分のイメージするサイズに変更します。

※105px(横)×90px(縦)に設定しました。

step
7
楕円選択⇒選択範囲の反転⇒色を透明度に

GIMPで選択
[楕円選択]⇒「選択範囲の反転」⇒「色を透明度に」で女性にマルの中へ入ってもらいます。

※「選択範囲の反転」後は[消しゴム]で不要部分を消すのも有りです。

(レイヤーサイズによってはそっちの方が早いかもです)

step
8
[移動]にて女性を希望する位置へ

GIMPでレイヤーを移動
[移動]にて女性を希望する位置へ動かします。

step
9
もう1人女性と犬を付け足す

GIMPで選択
Step5,6,7,8と同等の作業を2つのレイヤー(もう1人の女性と犬)に行ないます。

※3つの位置関係に手間取りました。
(工程修了)

<完成画像>
GIMPで画像編集

所要時間:15分

キレイで感激する画像(特に犬)を無料サイトで探すのに手間取り,「レイヤーの拡大・縮小」で画像サイズを合わすのにも時間が掛かりました。

何気ない写真だけの画像でも良いですが,たまに何か変化を付け加えたい時に使える画像編集方法です。

別サイトで私のブログ共同者も数ページ,同じように作成していますね。
⇒「大げさな結婚相談所の口コミに騙されないように…

昼飯1回分でGIMPの編集作業を色々教えてあげましたからね…(泣笑)

ともかく,ここで作成した画像もせっかくなので,このページのアイキャッチ画像にしておきます(笑)
[st-kaiwa-44]このサイト内の別ページのアイキャッチ画像サイズは少し大きめですが,別サイトなどでは大概700px(横)×400px(縦)にしています!

理由はこれぐらいのサイズが収まりが良く編集しやすいからです!(あと好きなサイズだからです)[/st-kaiwa-44]

まとめ~GIMPで1つの画像を完成させるまで

今回はGIMPで1つの画像を作成する際の切り抜きやモザイクなど一連の流れをご紹介しました。

普段何気なくやっている編集作業ですが,文字にするとこんなに多くの機能を使っていたんだなと自分でも驚きました。

でも慣れてくれば,いつの間にかサッとできる操作方法ばかりだと思います。

GIMPでの編集作業,楽しみながら頑張りましょう(^^)







-基本操作
-, ,