カンタンな壁紙背景を作った
調子に乗って、シンプルな壁紙を作ってみた。
これなら絵心は無くても、誰にでも出来るじゃないか、と思ったので画像編集ソフトで(ペイントでも可能)作る時のコツを紹介!
画像は小さければ小さい程、軽くなっていいのだが、作業中は拡大して作るので、あまり小さいのも見づらいので、今回は「32pxの大きさに、4pxの正方形のドット」という画像を作る。(作業中は拡大して)
- 32pxの新規画面を作成したら、すきな色にペイントツールで塗り潰す。(大抵のソフトではバケツのアイコン)
- 新規レイヤーを1の上に置き、四角い選択ツールで4pxの正方形を作り、選択範囲内を好きな色で塗り潰す。
このレイヤーの複製をもう一つ作っておく。 - 4pxの2つのレイヤーを下の図の場所に置く。
※ 下図では分かり易くするために、4px単位で補助の線をいれているが、これは説明用。
4pxの正方形を動かしたりす刷るので、定規やメモリを表示出来た方が作業がスムーズである。
どんな大きさでも、1つのドットの倍数で画像の大きさを決めれば、うまくいく。 - 3つのレイヤーを統合して(レイヤー機能のないソフトではそのまま)、拡張子をgifかjpegで保存する。
- 作品が出来たら、サーバーにアップローでして、ココログなら
「コントロールパネル」⇒「ファイル」⇒新規ファイルをアップロードする。
画像のURLアドレスを控えておく。(コピー&ペーストでよし) - カスタムCSS編集のボックス内に、次の記述をする。
body {
background-image:url(ココに画像のURLアドレス);
background-position: top left; } - 「変更を保存」して「反映」したら、ブログを表示して確認してみて!
以下に調子に乗りついでに、いくつか壁紙を作ってみたので、
良かったら使ってくだされ。
注)ただし商用/直リンクは不可です。 見本はこちらから
(見づらいけど、二段目は丸い水玉の模様)
| 固定リンク
「◆カスタマイズ全般」カテゴリの記事
- 久しぶりの更新っ!(2008.06.28)
- 背景画像を透かしてみた(2006.10.10)
- 解像度とピクセル(改正版)(2007.04.08)
- 高額画像編集ソフトはもういらない?(2007.04.01)
- ココログから返事が来た(2007.08.19)
「ウェブログ・ココログ関連」カテゴリの記事
- 解像度とピクセル(改正版)(2007.04.08)
- 高額画像編集ソフトはもういらない?(2007.04.01)
- 今度はコメント欄が不具合中?!(2007.09.14)
- ココログから返事が来た(2007.08.19)
- 本文右側がはみ出す不具合をカスタムCSS編集で直す(2007.06.23)











コメント