GIMP フラットデザイン背景、ぼやけた背景作成方法チュートリアル

おしゃれなWebサイトなどのとっぷぺーじで見かけるぼやけたグラデーションの画像の作成方法

簡単編

ＧＩＭＰチュートリアル

まずはぼかしたい画像を用意します

ＧＩＭＰで展開します

画像をコピーしておき、コピーした画像を

フィルタ→ぼかし→ガウシアぼかし

ここでは130ｐｘ

ザラザラした質感がほしければフィルタ→ノイズ→ＨＳＶノイズを図のようにかけます

ノイズをかけた場合にはもう一度ガウシアぼかし3px

完成です！

ここはアレンジ

いちいち作るのが面倒

上手くできない

って場合はこれを

Read More

ＧＩＭＰ ファビコンfavicon作成方法 チュートリアル

 gimpでファビコンの作成をしたいと思います
ファビコンとはＵＲＬの左側にあるアイコンの事だと思ってください。

サイズは16×16ｐｘや32×32ｐｘなど正方形で作成します。
今回は無難に幅広く使用できる16×16ｐｘで紹介します。

まずは新しいレイヤーを16×16pxで作成

 ガイドを引いておきましょう

透明レイヤーを作成し、図のように選択範囲を作り塗りつぶします

新たにもうひとつ 透明レイヤーのを作成し、選択範囲を作り白で塗りつぶし

不要な部分を選択範囲→ディレイトキーで消去


GIMPのGを作りました

・・・・・完成です。



ポイントはシンプルに！
なるべく曲線や細かい図は避けましょう！
でないとぐちゃぐちゃでよくわからなくなります。

16×16pxですからね、簡潔に！

Read More

GIMP 写真の切り抜き 写真に影 作り方

GIMPで写真を貼り付けしたような画像を作成する方法。

まず新しいレイヤー作成
500px×500px

#efe9dfで塗りつぶし

写真を開きます

切り取りたいようにパスツールで囲みます

選択→パスを選択範囲に→選択範囲の反転


Deleteキーで切り取ります。

フィルタ→投影と照明

図のようにドロップシャドウを掛けます

吹き出しを作りたいと思います

新しいレイヤーを作成し、パスで吹き出しを作り白で塗りつぶします。

写真に適応したドロップシャドウを吹き出しにも適応します。


その上に文字を打ちます

適当に傾けて完成です！

完成画像

完成画像

Read More

GIMP トイカメラ風画像加工 チュートリアル

トイカメラで撮影した様な写真の作り方

GIMP トイカメラ風の光が映り込んだ写真の作り方チュートリアル

GIMPでInstagram風,レトロな写真の作り方　チュートリアル

こちらも参考にどうぞ

今回のキャンバスサイズは500×500で作成します

まず新しい画像を作成し、写真を開きます

写真のサイズを拡大・縮小で合わせてください

次に新しいレイヤーを作成し、ff0000で塗りつぶします。

塗りつぶしたレイヤーのモードをオーバーレイに変更

楕円選択で図のように選択し、選択範囲を反転します。

次に、選択→境界をぼかす→90px

フィルタ→ぼかし→ガウシアぼかし→10px

これで画像の周りを10pxぼかしました

選択範囲を解除し、写真全体をガウシアぼかしで2pxぼかしましょう。

また楕円選択を使い、図のように選択。
選択範囲の反転
境界を100pxぼかします

新しいレイヤーを作成し、黒で塗りつぶし

透明度を60％

新しいレイヤーを作成

枠を作るので短径選択で角を丸めます。

選択範囲を反転し、黒で塗りつぶしたら完成です。

完成画像

元画像

Read More

GIMP ガラス風ボタンの作成方法 チュートリアル

GIMPでおしゃれなボタンを作る方法

ガラス風クリアボタン

このボタンは背景が濃い方が良く映えます

まず背景となる木目素材を開きます

キャンバスサイズは任意で（ここでは600×300）

短形選択で角を丸める10pxで図のように選択します。

選択した状態で
フィルタ→照明と投影→ドロップシャドウを図のようにセットしOK

次に選択範囲を反転させましょう。
もう一度ドロップシャドウを選択し、図のようにセットしてOK

これでガラス部分の内、外のシャドウがかかりました。

もう一度選択範囲を反転させて、選択→選択範囲の縮小→20px

この時角が丸まっていない場合は短形選択で選択範囲場を1度クリックして角丸を適応させてください。

新しいレイヤーを作成し、e1ca0bで塗りつぶします。
選択範囲はそのまま

選択範囲にドロップシャドウを掛けます。

図のようにセットしてOKボタン

選択範囲を反転してドロップシャドウ。

また図のようにセットしOK

選択範囲反転
フィルタ→ノイズ→HSVノイズを掛けましょう

最初にしておけばよかったのですが忘れていてすいません。
初めに選択した範囲をもう一度短形選択で選択してください。

そして背景の木目レイヤーの上でCtrl+C→Ctrl+Vを押してレイヤーを貼り付け、追加してください。

そのレイヤーを木目画像のすぐ上に配置します

貼り付けたレイヤーにフィルタ→ぼかし→ガウシアぼかし→5px

文字を入力して完成です！

完成画像

Read More