« 画像を縮小してアップロード・JTrim編 | トップページ | 只今テンプレートの工事中です »

2007年4月28日 (土)

カンタンな壁紙背景を作った

  調子に乗って、シンプルな壁紙を作ってみた。
  これなら絵心は無くても、誰にでも出来るじゃないか、と思ったので画像編集ソフトで(ペイントでも可能)作る時のコツを紹介!

  画像は小さければ小さい程、軽くなっていいのだが、作業中は拡大して作るので、あまり小さいのも見づらいので、今回は「32pxの大きさに、4pxの正方形のドット」という画像を作る。(作業中は拡大して)

  1. 32pxの新規画面を作成したら、すきな色にペイントツールで塗り潰す。(大抵のソフトではバケツのアイコン)
  2. 新規レイヤーを1の上に置き、四角い選択ツールで4pxの正方形を作り、選択範囲内を好きな色で塗り潰す。
     このレイヤーの複製をもう一つ作っておく。
  3. 4pxの2つのレイヤーを下の図の場所に置く。
     ※ 下図では分かり易くするために、4px単位で補助の線をいれているが、これは説明用。

     4pxの正方形を動かしたりす刷るので、定規やメモリを表示出来た方が作業がスムーズである。
     どんな大きさでも、1つのドットの倍数で画像の大きさを決めれば、うまくいく。 
  4.  3つのレイヤーを統合して(レイヤー機能のないソフトではそのまま)、拡張子をgifかjpegで保存する。
  5. 作品が出来たら、サーバーにアップローでして、ココログなら
    「コントロールパネル」⇒「ファイル」⇒新規ファイルをアップロードする。
     画像のURLアドレスを控えておく。(コピー&ペーストでよし)
  6. カスタムCSS編集のボックス内に、次の記述をする。

    body {
    background-image:url(ココに画像のURLアドレス);
    background-position: top left; }

  7. 「変更を保存」して「反映」したら、ブログを表示して確認してみて!

 以下に調子に乗りついでに、いくつか壁紙を作ってみたので、
良かったら使ってくだされ。

注)ただし商用/直リンクは不可です。   見本はこちらから

                     
     
                  
        (見づらいけど、二段目は丸い水玉の模様)

|

« 画像を縮小してアップロード・JTrim編 | トップページ | 只今テンプレートの工事中です »

◆カスタマイズ全般」カテゴリの記事

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/6973/6243333

この記事へのトラックバック一覧です: カンタンな壁紙背景を作った:

» 壁紙を選んでみる [スポンジボブ画像の手書き掲示板で壁紙スポンジボブをゲット!!]
壁紙というのもイラストとか画像を使ってできますね。 壁紙で無料のももありますが、... [続きを読む]

受信: 2007年4月30日 (月) 08時05分

« 画像を縮小してアップロード・JTrim編 | トップページ | 只今テンプレートの工事中です »