2014年2月26日水曜日


GIMPで色々な円を描く方法
試し書きとして適当なキャンバスを作成します
楕円ツールでShiftを押しながら円の選択範囲を作成します

レイヤー部分をパスに合わせて 

選択範囲をパスに→選択範囲解除











2014年2月20日木曜日

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

簡単編

GIMPチュートリアル
まずはぼかしたい画像を用意します
GIMPで展開します
画像をコピーしておき、コピーした画像を

フィルタ→ぼかし→ガウシアぼかし
ここでは130px
ザラザラした質感がほしければフィルタ→ノイズ→HSVノイズを図のようにかけます
ノイズをかけた場合にはもう一度ガウシアぼかし3px

完成です!
ここはアレンジ
いちいち作るのが面倒

上手くできない

って場合はこれを



2014年2月18日火曜日

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

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

まずは新しいレイヤーを16×16pxで作成
 ガイドを引いておきましょう
透明レイヤーを作成し、図のように選択範囲を作り塗りつぶします
新たにもうひとつ 透明レイヤーのを作成し、選択範囲を作り白で塗りつぶし

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


GIMPのGを作りました
・・・・・完成です。



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

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

2014年2月12日水曜日




流行のフラットデザインボタンの作成をGIMPでやってみました

これは非常に簡単で何のテクニックも必要ありません

色はもう少し明るめにした方が良かったな。と反省しております。

ではまず200×60で画像を作成しましょう
次に透明レイヤーを作成します

選択範囲をお好みで作り、角を丸めます。

ここでは5px丸めておりますが、3px位が良かったかな?
好きな色で塗りつぶします
図は♯3377bb
 
文字の入力です

ガイドラインを引き真ん中に配置しましょう

文字のフォントはお好みで
カラーは#FFFです

このままでは味気ないという方は

ボタンを複製し、1px下にずらします
色→トーンカーブ

少し暗くします



これで完成!
(ノイズなんかも入れて試しましたが、無い方が良かったです)

ボタン色をマウスオーバーなどで変化させたい場合は色違いのボタンも作成しておきましょう


ボタンを選択し、色→着色
お好みの色に着色して出来上がり。

シャドウ部分も同様に。