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下にずらします
色→トーンカーブ
少し暗くします
これで完成!
(ノイズなんかも入れて試しましたが、無い方が良かったです)
ボタン色をマウスオーバーなどで変化させたい場合は色違いのボタンも作成しておきましょう
ボタンを選択し、色→着色
お好みの色に着色して出来上がり。
シャドウ部分も同様に。
登録:
投稿
(
Atom
)