2014年2月26日水曜日
2014年2月20日木曜日
On
2014年2月20日木曜日
with
No comments
so far
おしゃれなWebサイトなどのとっぷぺーじで見かけるぼやけたグラデーションの画像の作成方法
簡単編
GIMPチュートリアル
まずはぼかしたい画像を用意します
GIMPで展開します
画像をコピーしておき、コピーした画像を
フィルタ→ぼかし→ガウシアぼかし
ここでは130px
ザラザラした質感がほしければフィルタ→ノイズ→HSVノイズを図のようにかけます
ノイズをかけた場合にはもう一度ガウシアぼかし3px
完成です!
ここはアレンジ
いちいち作るのが面倒
上手くできない
って場合はこれを
簡単編
GIMPチュートリアル
まずはぼかしたい画像を用意します
GIMPで展開します
画像をコピーしておき、コピーした画像を
フィルタ→ぼかし→ガウシアぼかし
ここでは130px
ザラザラした質感がほしければフィルタ→ノイズ→HSVノイズを図のようにかけます
ノイズをかけた場合にはもう一度ガウシアぼかし3px
完成です!
ここはアレンジ
いちいち作るのが面倒
上手くできない
って場合はこれを
2014年2月18日火曜日
On
2014年2月18日火曜日
with
No comments
so far
gimpでファビコンの作成をしたいと思います
ファビコンとはURLの左側にあるアイコンの事だと思ってください。
サイズは16×16pxや32×32pxなど正方形で作成します。
今回は無難に幅広く使用できる16×16pxで紹介します。
まずは新しいレイヤーを16×16pxで作成
ガイドを引いておきましょう
透明レイヤーを作成し、図のように選択範囲を作り塗りつぶします
新たにもうひとつ 透明レイヤーのを作成し、選択範囲を作り白で塗りつぶし
不要な部分を選択範囲→ディレイトキーで消去
GIMPのGを作りました
・・・・・完成です。
ポイントはシンプルに!
なるべく曲線や細かい図は避けましょう!
でないとぐちゃぐちゃでよくわからなくなります。
16×16pxですからね、簡潔に!
ファビコンとはURLの左側にあるアイコンの事だと思ってください。
サイズは16×16pxや32×32pxなど正方形で作成します。
今回は無難に幅広く使用できる16×16pxで紹介します。
まずは新しいレイヤーを16×16pxで作成
ガイドを引いておきましょう
透明レイヤーを作成し、図のように選択範囲を作り塗りつぶします
新たにもうひとつ 透明レイヤーのを作成し、選択範囲を作り白で塗りつぶし
不要な部分を選択範囲→ディレイトキーで消去
GIMPのGを作りました
・・・・・完成です。
ポイントはシンプルに!
なるべく曲線や細かい図は避けましょう!
でないとぐちゃぐちゃでよくわからなくなります。
16×16pxですからね、簡潔に!
2014年2月12日水曜日
On
2014年2月12日水曜日
with
No comments
so far
流行のフラットデザインボタンの作成をGIMPでやってみました
これは非常に簡単で何のテクニックも必要ありません
色はもう少し明るめにした方が良かったな。と反省しております。
ではまず200×60で画像を作成しましょう
次に透明レイヤーを作成します
選択範囲をお好みで作り、角を丸めます。
ここでは5px丸めておりますが、3px位が良かったかな?
好きな色で塗りつぶします
図は♯3377bb
文字の入力です
ガイドラインを引き真ん中に配置しましょう
文字のフォントはお好みで
カラーは#FFFです
このままでは味気ないという方は
ボタンを複製し、1px下にずらします
色→トーンカーブ
少し暗くします
これで完成!
(ノイズなんかも入れて試しましたが、無い方が良かったです)
ボタン色をマウスオーバーなどで変化させたい場合は色違いのボタンも作成しておきましょう
ボタンを選択し、色→着色
お好みの色に着色して出来上がり。
シャドウ部分も同様に。
2013年8月13日火曜日
On
2013年8月13日火曜日
with
No comments
so far
GIMPで写真を貼り付けしたような画像を作成する方法。
まず新しいレイヤー作成
500px×500px
#efe9dfで塗りつぶし
写真を開きます
切り取りたいようにパスツールで囲みます
選択→パスを選択範囲に→選択範囲の反転
Deleteキーで切り取ります。
フィルタ→投影と照明
図のようにドロップシャドウを掛けます
吹き出しを作りたいと思います
新しいレイヤーを作成し、パスで吹き出しを作り白で塗りつぶします。
写真に適応したドロップシャドウを吹き出しにも適応します。
その上に文字を打ちます
適当に傾けて完成です!
完成画像
完成画像
登録:
投稿
(
Atom
)