SSブログ
ブログカスタマイズ ブログトップ
前の10件 | -

背景が透明なアイコンを作る。 [ブログカスタマイズ]

私の希望は・・・

○自分でアイコンを作りたい!
○背景は透明にしたい!
○PCにインストールされているソフトで済ませたい!
(新たにソフトを買いたくない!)
○子供でもわかるような方法で!

というわけで・・・
1キロバイトの素材屋さん の「アイコンの作り方」を参考に
我が家のPCに入っているソフトと格闘した結果、
以下2つのソフトでできることがわかりました。

■Microsoft Windows(アクセサリの中)に付属されている「ペイント
■Microsoft Office(XP以前のみ)に付属されていた「Microsoft Photo Editor


ここでは私なみへいのプロフィール画像を使ってご説明します。

①まずはイラストを描くため、ペイントを起動。

paint_1.gif


②適当なキャンバスサイズにしておきます。

paint_3.gif
    
paint_4.gif


③いわゆる「ドット絵」で描いていきますので、800%の拡大表示、
  グリッドを表示にしておきます。

paint_5.gif

paint_6.gif


④実寸表示で確認しながら描くとわかりやすいです。

paint_7.gif


⑤描いていきます。
  キャンバスの大きさに合わせて描く場合は、その枠の中で修整して
  いかなければなりませんが、特に決めていない場合は②の方法で
  キャンバスを大きくするか、ポインタをドラッグして広げてください。

paint_8.gif


⑥描き終わったら、キャンバスの大きさを調整します。

paint_9.gif


⑦「背景」の部分をイラストと区別するため、イラストで使っていない色を
  背景色にしておきます。ここではグレーにしました。
  白のままでも構いませんが、イラストに白が使われているとその部分も
 透過されます。

paint_10.gif


⑧画像を「24ビット ビットマップ(.bmp)」で保存します。

paint_11.gif


⑨続いては背景の透過処理をするため、フォトエディタを起動。

paint_2.gif


⑩赤の矢印で示した所をクリックするとペンのポインタが表示。

paint_12.gif


⑪透明にしたい所をクリック。

paint_13.gif


⑫透明感を少なくしたい場合はパーセンテージを小さくします。

paint_14.gif


⑬透過された部分が(わかりにくいですが…)チェックで表示されました。

paint_15.gif


⑭必ず「PNG形式(.png)」で保存します。

paint_16.gif


イラストの代わりに色でやると、透明感のある背景素材が作れます。
ちなみに、このブログの記事やサイドバーの背景は「白・透過性60%」に
なっています。

ただし、Windows Internet Explorer 6 以前のバージョンでは
表示されないようです。

表示させたい場合にはその方法を紹介されている方がたくさん
いらっしゃいますので、申し訳ありませんが検索していただいて
ご自分に合った方法でカスタマイズしてみてくださいね。


フォトエディターがない方には・・・
N Galleryさんの 「ペイントTips」でWordを使って透過させる方法が紹介されてます。
ちょっと手間は掛かりますが、ご参考までに。(7/2追記)
nice!(4)  コメント(7) 
共通テーマ:パソコン・インターネット
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

ブログも模様替え。 [ブログカスタマイズ]

関東はすっかり秋です。
朝夕は冷えるので油断すると風邪を引きそうです。

服を半袖から長袖にチェンジ。(遅い?)
曇りや雨の日はパーカーやベストが必要な感じになってます。

学校閉鎖でお出掛けできない我が家はおウチでの~んびり。

ブログもハロウィンバージョンに模様替えしようかと思い
トップ(ヘッダー)の絵を描いていると、娘がのぞき込んで一言。

「えーっ、なんかそのカボチャ違うんじゃない?」と。

朝からだらだらしていたので、そうだ!と思い

「じゃあさー 絵が上手だから描いてくれる?」と頼みました。

即OK![手(チョキ)]

描き始めたら早いこと早いこと。
どんどんイメージが湧いてくるんでしょうね~。
集中力もスゴイ!!
宿題もこのくらいやって欲しいなぁ~(笑)

というわけで早速UPしました[るんるん]
これからシリーズ化しようよ~って言ったら
お駄賃請求された・・・(^_^;)

最近ちゃっかりしてるよ、まったく。

nice!(1)  コメント(11) 
共通テーマ:日記・雑感
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

ゲストアイコン変更 [ブログカスタマイズ]

今日、ダンナと娘が親子バイクスクールに
行っていていないので、久しぶりに悠々と
・・・いや、さみしくお留守番(笑)


ずいぶん前にusacoさんから紹介していただいていた
ゲストアイコンの変更にチャレンジしました。

参考にさせていただいたのは・・・

■TANさんの記事
「So-netブログのコメント欄のゲストアイコン変更」
http://sothis.blog.so-net.ne.jp/2006-08-09-1

■エルティアさんの記事
「ゲストアイコンを変更しました。」
http://brock.blog.so-net.ne.jp/2008-10-20

TANさんには以前もお世話になりましたが
情報を惜しげなく披露してくださり
本当にありがとうございます!!

アイコンの絵は「A Trial Product's 素材置き場」さんのを
お借りして、ペイント(笑)で作ってみました。
guest_icon1.jpg
気が向いたら変わるかも。

ちなみに私は「記事」コンテンツの中の
「挿入テキスト(下部)」ボックスに
書き込んであります。


nice!(0)  コメント(0) 
共通テーマ:blog
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

「拍手」設置しました。 [ブログカスタマイズ]

ソネブロには『nice!』という機能があります。

そのネーミングの通りナイスな記事やコメント代わり、
応援や励まし、足跡代わりなどとても便利なのですが・・・


ソネットブロガーしか使えない!![もうやだ~(悲しい顔)]


ブログペットのお友達やマイミクさんなど
ゲストさんの訪問が多い私にとっては
とてもさみしい・・・(>_<)

なかなか会えない友人も「時々見てるよ~」と
言ってくれるのですが、コメントが公開されるの
少し抵抗あるのかな?

と、勝手に想像して『拍手』を設置してみました♪


無料で利用できる拍手には「web拍手」「FC2拍手」等
ありますが、今回は拍手数が表示される「FC2拍手」を
利用させていただくことにしました。
(FC2ブログのお友達も多いことですし♥)

各記事の下にある拍手ボタン.gifボタンをクリックして
いただくと「拍手」がつき、「コメント」フォームが出てきます。
コメントすることが特になければ、そのままウインドウを閉じ、
あれば入力して「公開する」か「公開しない」を選び
「確認する」→「投稿する」をクリックして送信完了です。

よろしければご利用くださいね。
(気持ち的には"ぜひお願いしますっ!"ってカンジですが・・・^^;)
あ、もちろんソネットブロガーの方もOKですヨ。
よろしくお願いします(^o^)/

nice!(2)  コメント(10) 
共通テーマ:blog
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

「NEW」表示をカスタマイズ [ブログカスタマイズ]

So-net blogネタです。(^^;)

「読んでいるブログ」のNEWを変えてみましたのでご紹介します。
ただシロウト的カスタムなので参考程度でお願いします。(笑)
青色部分が変更前、赤色部分が変更後です。


★文字色を変える(例:初期色から青色に)

①「デザイン」→「テンプレート管理」→「タイトル」
  →「スタイルシート編集」

⁄*-----Side-----*⁄
・・・・・
・・・・・
.new {
margin-left:6px;
color:#f00;
font-weight:bold;
}

.new {
margin-left:6px;
color:#0000FF;
font-weight:bold;
}


★文字を変える(例:NEWをnewに)

①「スタイルシート編集」は変更なし。
 ※色も変える場合は上記を参考に変更してください。

②「デザイン」→「レイアウト」→「読んでいるブログ(RSS)」
  →「コンテンツHTML編集」

<a target="_blank" href="<% rss.site_url | html %>">
<% rss.title | html %></a>
<% rss.last_update | date_format('%m/%d') %>
<% if:rss.is_new %>
<span class="new">NEW</span><% /if %>

<a target="_blank" href="<% rss.site_url | html %>">
<% rss.title | html %></a>
<% rss.last_update | date_format('%m/%d') %>
<% if:rss.is_new %>
<span class="new">new</span><% /if %>


★画像に変える

①使う画像をファイルに保存しておく。
 ※素材屋さんからお借りする場合は
    作者さんの「お約束」を守ってくださいね。

②「デザイン」→「テンプレート管理」→「タイトル」
 →「スタイルシート編集」

⁄*-----Side-----*⁄
・・・・・
・・・・・
.new {
margin-left:6px;
color:#f00;
font-weight:bold;
}

.new {
margin-left:6px;
background:url("/_images/blog/_99b/(ブログ名)/(ファイル名.gif)") no-repeat;
}
※ファイルをクリックしたら自動で書かれました。

③「デザイン」→「レイアウト」→「読んでいるブログ(RSS)」
 →「コンテンツHTML編集」

<a target="_blank" href="<% rss.site_url | html %>">
<% rss.title | html %></a>
<% rss.last_update | date_format('%m/%d') %>
<% if:rss.is_new %>
<span class="new">NEW</span><% /if %>

<a target="_blank" href="<% rss.site_url | html %>">
<% rss.title | html %></a>
<% rss.last_update | date_format('%m/%d') %>
<% if:rss.is_new %>
<img src="/_images/blog/_99b/(ブログ名)/(ファイル名.gif)" width="22" height="13" border="0" align="" alt="(ファイル名.gif)" /> <% /if %>
※ファイルをクリックしたら自動で書かれました。

nice!(3)  コメント(6) 
共通テーマ:blog
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

「最近のコメント」表示をカスタマイズ [ブログカスタマイズ]

サイドバーにある「最近のコメント」の表示を見て・・・

コメントくださった方に「お返事書いたよ~」って
一目でわかるように「>」や絵文字を使ったり、
どの記号を使おうか迷ったことありませんか?

私はずっと「投稿者名」が表示されればいいのに・・・
って思ってました。

で、お勉強すればいいんですけど、これがなかなか・・・[ふらふら]

久しぶりに探したら・・・ありました!
チャコさまの記事です。
ご丁寧に「通常表示」と「ツリー表示」の両方載せてくれています。
ありがたいですね~。早速使わせていただきました[黒ハート]

私もいつか ちょちょいっと書けるようになりたいなぁ・・・。
nice!(1)  コメント(8) 
共通テーマ:blog
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

ブログパーツ [ブログカスタマイズ]

いつもお世話になっているsaimonさんご紹介の
ブログパーツ2点を設置しましたので
私からもご紹介させていただきます。


其の一、今日のベストフレーズ by BlogDeco

最新記事の中からベストフレーズを選び出してくれる
そうなのですが、書いてない日はどこからくるのか・・・
それもまた楽し[るんるん]


其の二、テロップ by BLOG APARTMENTS

テロップ形式で表示できる優れものです。
今回はお知らせ用に使ってみました。
背景色と同系にすると文字だけが流れるようになって
それはそれで面白いかも~。

nice!(1)  コメント(4) 
共通テーマ:blog
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

ブログペットの背景 [ブログカスタマイズ]

ブログペットユーザーさんなら、一度は
「背景を替えてみよう!」って思いますよね~。

思わないって方でも、ちょっと立ち読みしてって
くださいな~[手(パー)]

背景職人さんがたくさんいらして、
みなさん本当に素晴らしい作品が多くて
そこからお借りすることもあるのですが、
今回は我が家のペット達の写真を使って
3種類作ってみました。

作る時のポイントは、
(もうご存知の方もいらっしゃると思いますが・・・)

・幅130ピクセル×高さ150ピクセル
・JPEGで保存

これだけです。

ちなみに今回のは「ペイント」を使いました。
(というか、他のペイントソフトが入ってなかった…[ふらふら]
興味ある方、お試しあれ~[るんるん]
nice!(1)  コメント(5) 
共通テーマ:日記・雑感
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

なんかイジりたい。 [ブログカスタマイズ]

な~んか、あっという間に12月ですね。
とくに11月は早かった気がします。
人も車もせかせかし始めたので、事故のないよう
みなさんお気を付けくださいね。


さてさて、今日はブログのこと。

なんか色々やってみたくて、旦那と子供を送り出してから
猛スピードで家事済ませて(ガンバって窓拭きもやったよ[手(グー)]
PCの前にへばりついてます。
めったに肩こりを感じない私ですが、首がコキコキいってます[あせあせ(飛び散る汗)]

今日はMyFlashFetish.comMP3プレイヤーを設置してみました。
12月になったのでクリスマス特集[クリスマス]で。
洋楽のみで、しかも私の青春時代のお気に入りだけf(^^;)ですけど
よかったら聴いてみてくださいネ[るんるん]

nice!(1)  コメント(9) 
共通テーマ:日記・雑感
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ

「コメント絵文字スクリプト」を設置しました♪ [ブログカスタマイズ]

ブログをカスタマイズしてみようかなぁと思ってあちこち探索してたら、
TANさまのページに遭遇しました。

こういうの作れる人って尊敬しちゃう[ぴかぴか(新しい)][目]
よかったら使ってみてくださ~い[わーい(嬉しい顔)]

★ゲストの方のコメント記入方法
  記事下のコメント(x)をクリックするとコメントを書くという枠が表示されますので、
  お名前コメント画像認証を記入して「送信」をクリックしてください。

★このスクリプトはso-net blogユーザーのみ設置可能です。
設置したいという方は、「旧絵文字」ボタンの右の EMOJI SCRIPT V.2・・・ をクリック!

nice!(2)  コメント(7) 
共通テーマ:blog
※コメントを公開したくないという方は、 お手数ですが拍手のコメント欄からお願いします。 拍手いただけるととてもウレシイです。
秘密のコメントも書き込めます。
ページトップへ
前の10件 | - ブログカスタマイズ ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。