背景が透明なアイコンを作る。 [ブログカスタマイズ]
私の希望は・・・
○自分でアイコンを作りたい!
○背景は透明にしたい!
○PCにインストールされているソフトで済ませたい!
(新たにソフトを買いたくない!)
○子供でもわかるような方法で!
というわけで・・・
1キロバイトの素材屋さん の「アイコンの作り方」を参考に
我が家のPCに入っているソフトと格闘した結果、
以下2つのソフトでできることがわかりました。
■Microsoft Windows(アクセサリの中)に付属されている「ペイント」
■Microsoft Office(XP以前のみ)に付属されていた「Microsoft Photo Editor」
ここでは私なみへいのプロフィール画像を使ってご説明します。
①まずはイラストを描くため、ペイントを起動。
②適当なキャンバスサイズにしておきます。
⇓
③いわゆる「ドット絵」で描いていきますので、800%の拡大表示、
グリッドを表示にしておきます。
④実寸表示で確認しながら描くとわかりやすいです。
⑤描いていきます。
キャンバスの大きさに合わせて描く場合は、その枠の中で修整して
いかなければなりませんが、特に決めていない場合は②の方法で
キャンバスを大きくするか、ポインタをドラッグして広げてください。
⑥描き終わったら、キャンバスの大きさを調整します。
⑦「背景」の部分をイラストと区別するため、イラストで使っていない色を
背景色にしておきます。ここではグレーにしました。
白のままでも構いませんが、イラストに白が使われているとその部分も
透過されます。
⑧画像を「24ビット ビットマップ(.bmp)」で保存します。
⑨続いては背景の透過処理をするため、フォトエディタを起動。
⑩赤の矢印で示した所をクリックするとペンのポインタが表示。
⑪透明にしたい所をクリック。
⑫透明感を少なくしたい場合はパーセンテージを小さくします。
⑬透過された部分が(わかりにくいですが…)チェックで表示されました。
⑭必ず「PNG形式(.png)」で保存します。
イラストの代わりに色でやると、透明感のある背景素材が作れます。
ちなみに、このブログの記事やサイドバーの背景は「白・透過性60%」に
なっています。
ただし、Windows Internet Explorer 6 以前のバージョンでは
表示されないようです。
表示させたい場合にはその方法を紹介されている方がたくさん
いらっしゃいますので、申し訳ありませんが検索していただいて
ご自分に合った方法でカスタマイズしてみてくださいね。
※フォトエディターがない方には・・・
N Galleryさんの 「ペイントTips」でWordを使って透過させる方法が紹介されてます。
ちょっと手間は掛かりますが、ご参考までに。(7/2追記)
○自分でアイコンを作りたい!
○背景は透明にしたい!
○PCにインストールされているソフトで済ませたい!
(新たにソフトを買いたくない!)
○子供でもわかるような方法で!
というわけで・・・
1キロバイトの素材屋さん の「アイコンの作り方」を参考に
我が家のPCに入っているソフトと格闘した結果、
以下2つのソフトでできることがわかりました。
■Microsoft Windows(アクセサリの中)に付属されている「ペイント」
■Microsoft Office(XP以前のみ)に付属されていた「Microsoft Photo Editor」
ここでは私なみへいのプロフィール画像を使ってご説明します。
①まずはイラストを描くため、ペイントを起動。
②適当なキャンバスサイズにしておきます。
⇓
③いわゆる「ドット絵」で描いていきますので、800%の拡大表示、
グリッドを表示にしておきます。
④実寸表示で確認しながら描くとわかりやすいです。
⑤描いていきます。
キャンバスの大きさに合わせて描く場合は、その枠の中で修整して
いかなければなりませんが、特に決めていない場合は②の方法で
キャンバスを大きくするか、ポインタをドラッグして広げてください。
⑥描き終わったら、キャンバスの大きさを調整します。
⑦「背景」の部分をイラストと区別するため、イラストで使っていない色を
背景色にしておきます。ここではグレーにしました。
白のままでも構いませんが、イラストに白が使われているとその部分も
透過されます。
⑧画像を「24ビット ビットマップ(.bmp)」で保存します。
⑨続いては背景の透過処理をするため、フォトエディタを起動。
⑩赤の矢印で示した所をクリックするとペンのポインタが表示。
⑪透明にしたい所をクリック。
⑫透明感を少なくしたい場合はパーセンテージを小さくします。
⑬透過された部分が(わかりにくいですが…)チェックで表示されました。
⑭必ず「PNG形式(.png)」で保存します。
イラストの代わりに色でやると、透明感のある背景素材が作れます。
ちなみに、このブログの記事やサイドバーの背景は「白・透過性60%」に
なっています。
ただし、Windows Internet Explorer 6 以前のバージョンでは
表示されないようです。
表示させたい場合にはその方法を紹介されている方がたくさん
いらっしゃいますので、申し訳ありませんが検索していただいて
ご自分に合った方法でカスタマイズしてみてくださいね。
※フォトエディターがない方には・・・
N Galleryさんの 「ペイントTips」でWordを使って透過させる方法が紹介されてます。
ちょっと手間は掛かりますが、ご参考までに。(7/2追記)
ブログも模様替え。 [ブログカスタマイズ]
関東はすっかり秋です。
朝夕は冷えるので油断すると風邪を引きそうです。
服を半袖から長袖にチェンジ。(遅い?)
曇りや雨の日はパーカーやベストが必要な感じになってます。
学校閉鎖でお出掛けできない我が家はおウチでの~んびり。
ブログもハロウィンバージョンに模様替えしようかと思い
トップ(ヘッダー)の絵を描いていると、娘がのぞき込んで一言。
「えーっ、なんかそのカボチャ違うんじゃない?」と。
朝からだらだらしていたので、そうだ!と思い
「じゃあさー 絵が上手だから描いてくれる?」と頼みました。
即OK!
描き始めたら早いこと早いこと。
どんどんイメージが湧いてくるんでしょうね~。
集中力もスゴイ!!
宿題もこのくらいやって欲しいなぁ~(笑)
というわけで早速UPしました
これからシリーズ化しようよ~って言ったら
お駄賃請求された・・・(^_^;)
最近ちゃっかりしてるよ、まったく。
朝夕は冷えるので油断すると風邪を引きそうです。
服を半袖から長袖にチェンジ。(遅い?)
曇りや雨の日はパーカーやベストが必要な感じになってます。
学校閉鎖でお出掛けできない我が家はおウチでの~んびり。
ブログもハロウィンバージョンに模様替えしようかと思い
トップ(ヘッダー)の絵を描いていると、娘がのぞき込んで一言。
「えーっ、なんかそのカボチャ違うんじゃない?」と。
朝からだらだらしていたので、そうだ!と思い
「じゃあさー 絵が上手だから描いてくれる?」と頼みました。
即OK!
描き始めたら早いこと早いこと。
どんどんイメージが湧いてくるんでしょうね~。
集中力もスゴイ!!
宿題もこのくらいやって欲しいなぁ~(笑)
というわけで早速UPしました
これからシリーズ化しようよ~って言ったら
お駄賃請求された・・・(^_^;)
最近ちゃっかりしてるよ、まったく。
ゲストアイコン変更 [ブログカスタマイズ]
今日、ダンナと娘が親子バイクスクールに
行っていていないので、久しぶりに悠々と
・・・いや、さみしくお留守番(笑)
ずいぶん前に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 素材置き場」さんのを
お借りして、ペイント(笑)で作ってみました。
気が向いたら変わるかも。
ちなみに私は「記事」コンテンツの中の
「挿入テキスト(下部)」ボックスに
書き込んであります。
行っていていないので、久しぶりに悠々と
・・・いや、さみしくお留守番(笑)
ずいぶん前に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 素材置き場」さんのを
お借りして、ペイント(笑)で作ってみました。
気が向いたら変わるかも。
ちなみに私は「記事」コンテンツの中の
「挿入テキスト(下部)」ボックスに
書き込んであります。
「拍手」設置しました。 [ブログカスタマイズ]
ソネブロには『nice!』という機能があります。
そのネーミングの通りナイスな記事やコメント代わり、
応援や励まし、足跡代わりなどとても便利なのですが・・・
ソネットブロガーしか使えない!!
ブログペットのお友達やマイミクさんなど
ゲストさんの訪問が多い私にとっては
とてもさみしい・・・(>_<)
なかなか会えない友人も「時々見てるよ~」と
言ってくれるのですが、コメントが公開されるの
少し抵抗あるのかな?
と、勝手に想像して『拍手』を設置してみました♪
無料で利用できる拍手には「web拍手」「FC2拍手」等
ありますが、今回は拍手数が表示される「FC2拍手」を
利用させていただくことにしました。
(FC2ブログのお友達も多いことですし♥)
各記事の下にあるボタンをクリックして
いただくと「拍手」がつき、「コメント」フォームが出てきます。
コメントすることが特になければ、そのままウインドウを閉じ、
あれば入力して「公開する」か「公開しない」を選び
「確認する」→「投稿する」をクリックして送信完了です。
よろしければご利用くださいね。
(気持ち的には"ぜひお願いしますっ!"ってカンジですが・・・^^;)
あ、もちろんソネットブロガーの方もOKですヨ。
よろしくお願いします(^o^)/
そのネーミングの通りナイスな記事やコメント代わり、
応援や励まし、足跡代わりなどとても便利なのですが・・・
ソネットブロガーしか使えない!!
ブログペットのお友達やマイミクさんなど
ゲストさんの訪問が多い私にとっては
とてもさみしい・・・(>_<)
なかなか会えない友人も「時々見てるよ~」と
言ってくれるのですが、コメントが公開されるの
少し抵抗あるのかな?
と、勝手に想像して『拍手』を設置してみました♪
無料で利用できる拍手には「web拍手」「FC2拍手」等
ありますが、今回は拍手数が表示される「FC2拍手」を
利用させていただくことにしました。
(FC2ブログのお友達も多いことですし♥)
各記事の下にあるボタンをクリックして
いただくと「拍手」がつき、「コメント」フォームが出てきます。
コメントすることが特になければ、そのままウインドウを閉じ、
あれば入力して「公開する」か「公開しない」を選び
「確認する」→「投稿する」をクリックして送信完了です。
よろしければご利用くださいね。
(気持ち的には"ぜひお願いしますっ!"ってカンジですが・・・^^;)
あ、もちろんソネットブロガーの方もOKですヨ。
よろしくお願いします(^o^)/
「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 %>
※ファイルをクリックしたら自動で書かれました。
「読んでいるブログ」の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 %>
※ファイルをクリックしたら自動で書かれました。
「最近のコメント」表示をカスタマイズ [ブログカスタマイズ]
サイドバーにある「最近のコメント」の表示を見て・・・
コメントくださった方に「お返事書いたよ~」って
一目でわかるように「>」や絵文字を使ったり、
どの記号を使おうか迷ったことありませんか?
私はずっと「投稿者名」が表示されればいいのに・・・
って思ってました。
で、お勉強すればいいんですけど、これがなかなか・・・
久しぶりに探したら・・・ありました!
チャコさまの記事です。
ご丁寧に「通常表示」と「ツリー表示」の両方載せてくれています。
ありがたいですね~。早速使わせていただきました
私もいつか ちょちょいっと書けるようになりたいなぁ・・・。
コメントくださった方に「お返事書いたよ~」って
一目でわかるように「>」や絵文字を使ったり、
どの記号を使おうか迷ったことありませんか?
私はずっと「投稿者名」が表示されればいいのに・・・
って思ってました。
で、お勉強すればいいんですけど、これがなかなか・・・
久しぶりに探したら・・・ありました!
チャコさまの記事です。
ご丁寧に「通常表示」と「ツリー表示」の両方載せてくれています。
ありがたいですね~。早速使わせていただきました
私もいつか ちょちょいっと書けるようになりたいなぁ・・・。
ブログパーツ [ブログカスタマイズ]
いつもお世話になっているsaimonさんご紹介の
ブログパーツ2点を設置しましたので
私からもご紹介させていただきます。
其の一、今日のベストフレーズ by BlogDeco
最新記事の中からベストフレーズを選び出してくれる
そうなのですが、書いてない日はどこからくるのか・・・
それもまた楽し
其の二、テロップ by BLOG APARTMENTS
テロップ形式で表示できる優れものです。
今回はお知らせ用に使ってみました。
背景色と同系にすると文字だけが流れるようになって
それはそれで面白いかも~。
ブログパーツ2点を設置しましたので
私からもご紹介させていただきます。
其の一、今日のベストフレーズ by BlogDeco
最新記事の中からベストフレーズを選び出してくれる
そうなのですが、書いてない日はどこからくるのか・・・
それもまた楽し
其の二、テロップ by BLOG APARTMENTS
テロップ形式で表示できる優れものです。
今回はお知らせ用に使ってみました。
背景色と同系にすると文字だけが流れるようになって
それはそれで面白いかも~。
ブログペットの背景 [ブログカスタマイズ]
ブログペットユーザーさんなら、一度は
「背景を替えてみよう!」って思いますよね~。
思わないって方でも、ちょっと立ち読みしてって
くださいな~
背景職人さんがたくさんいらして、
みなさん本当に素晴らしい作品が多くて
そこからお借りすることもあるのですが、
今回は我が家のペット達の写真を使って
3種類作ってみました。
作る時のポイントは、
(もうご存知の方もいらっしゃると思いますが・・・)
・幅130ピクセル×高さ150ピクセル
・JPEGで保存
これだけです。
ちなみに今回のは「ペイント」を使いました。
(というか、他のペイントソフトが入ってなかった…)
興味ある方、お試しあれ~
「背景を替えてみよう!」って思いますよね~。
思わないって方でも、ちょっと立ち読みしてって
くださいな~
背景職人さんがたくさんいらして、
みなさん本当に素晴らしい作品が多くて
そこからお借りすることもあるのですが、
今回は我が家のペット達の写真を使って
3種類作ってみました。
作る時のポイントは、
(もうご存知の方もいらっしゃると思いますが・・・)
・幅130ピクセル×高さ150ピクセル
・JPEGで保存
これだけです。
ちなみに今回のは「ペイント」を使いました。
(というか、他のペイントソフトが入ってなかった…)
興味ある方、お試しあれ~
なんかイジりたい。 [ブログカスタマイズ]
な~んか、あっという間に12月ですね。
とくに11月は早かった気がします。
人も車もせかせかし始めたので、事故のないよう
みなさんお気を付けくださいね。
さてさて、今日はブログのこと。
なんか色々やってみたくて、旦那と子供を送り出してから
猛スピードで家事済ませて(ガンバって窓拭きもやったよ)
PCの前にへばりついてます。
めったに肩こりを感じない私ですが、首がコキコキいってます
今日はMyFlashFetish.comのMP3プレイヤーを設置してみました。
12月になったのでクリスマス特集で。
洋楽のみで、しかも私の青春時代のお気に入りだけf(^^;)ですけど
よかったら聴いてみてくださいネ
とくに11月は早かった気がします。
人も車もせかせかし始めたので、事故のないよう
みなさんお気を付けくださいね。
さてさて、今日はブログのこと。
なんか色々やってみたくて、旦那と子供を送り出してから
猛スピードで家事済ませて(ガンバって窓拭きもやったよ)
PCの前にへばりついてます。
めったに肩こりを感じない私ですが、首がコキコキいってます
今日はMyFlashFetish.comのMP3プレイヤーを設置してみました。
12月になったのでクリスマス特集で。
洋楽のみで、しかも私の青春時代のお気に入りだけf(^^;)ですけど
よかったら聴いてみてくださいネ
「コメント絵文字スクリプト」を設置しました♪ [ブログカスタマイズ]
ブログをカスタマイズしてみようかなぁと思ってあちこち探索してたら、
TANさまのページに遭遇しました。
こういうの作れる人って尊敬しちゃう
よかったら使ってみてくださ~い
★ゲストの方のコメント記入方法
記事下のコメント(x)をクリックするとコメントを書くという枠が表示されますので、
お名前、コメント、画像認証を記入して「送信」をクリックしてください。
★このスクリプトはso-net blogユーザーのみ設置可能です。
設置したいという方は、「旧絵文字」ボタンの右の EMOJI SCRIPT V.2・・・ をクリック!
TANさまのページに遭遇しました。
こういうの作れる人って尊敬しちゃう
よかったら使ってみてくださ~い
★ゲストの方のコメント記入方法
記事下のコメント(x)をクリックするとコメントを書くという枠が表示されますので、
お名前、コメント、画像認証を記入して「送信」をクリックしてください。
★このスクリプトはso-net blogユーザーのみ設置可能です。
設置したいという方は、「旧絵文字」ボタンの右の EMOJI SCRIPT V.2・・・ をクリック!