背景画像を作る
ハイクで描いた絵を加工する
前回描いた大妖精を固定画像にしていこう企画用意するもの
1 | 画像※1 |
2 | GIMP(無料画像エディタ)※2 |
3 | セピアフィルター※3 |
GIMP
無料のソフトですしかし、ペイントお絵かき向けでないという...今回は周りの空白を削除して透過させるのに用いた
セピアフィルター
今回はモノクロからセピアにして素材感を出すために使いました自力でJScriptでフィルターを作るのはめんどいので例のサイトでやりました
バナー工房
セピア色に変換して保存します
作業工程
1 | 画像を透過する |
2 | 画像をセピアに変換する |
3 | 雑な線を消す |
画像を透過する
ここでGIMPを使っておおまかに削除していきます若干雑い部分は後に訂正
画像をセピアに変換する
例のサイトでセピアフィルターをかける雑な線を消す
↑ズームアップすると雑な部分が残っているのが分かります(800倍)↑
↑雑な部分を白く塗りつぶす↑
↑もう一度、同色前範囲透過を行う↑
完成
後はこのソースをスタイルシートの所に貼り付けるだけなんだけど...
div#picture{
position: fixed;
bottom: 0;
right: 0;
color: white;
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}