Home > Tags > Tips

Tips

スポンサードリンク

丸型アイコンをMacOSXでアイコンとして使う方法

　前回の背景透過に続いて多い質問への回答です。MacOSXで丸型アイコンを使う方法です。今のままだとWEB用くらいにしか使えませんし、downloadして情報を見でコピー＆ペーストしてもこんなアイコンにしかなりません、そんなわけで使いたいという方のためにその方法を記します。

　ただ、MacOSX用のアイコンは通常128pixel×128pixelの画像サイズが必要ですが、当ブログで公開中の丸型アイコンのサイズは66pixel×66pixelのため約半分くらいしかデータ量がないのでアイコンを大きく表示すると悲しいような画質になることを理解してください。中ぐらいのサイズだと意外に綺麗に表示はされます。その辺りを理解して利用してくださる方はどうぞ。

Photoshopで透過にし、コピーしてフォルダーにペーストしても透過部分は反映されず白くなります。それで良い場合はその方法だけで良いです。ただ、美しくないので以下の方法をオススメします。

＊この方法が正しいかどうかは知りません。他にもっと簡単な方法があるかもしれませんが、私は知りません。結構無理矢理感があるのですが取りあえずの方法です。

用意する物

Adobe Photoshop
Xcode Tools付属のIcon Composer（OSXのDVDに入ってます）
あればIconographer（シェアウェア）

Comments: 2
Trackbacks: 0

　現在公開中の丸型アイコンのほとんどが影を付けているため背景が白くなっております。透過GIFの場合影の部分に白が入ってしまい、白バックのwebSite以外では汚らしくなってしまいますし、透過PNGにすれば綺麗になりますがMicrosoft Internet Explorer6だと、透過部分がgrayに表示されてしまいます。（WEBSITE管理者が設定すれば透過表示になるはずですがデフォルトは無理。IE7だとそのまま透過になります。）
　上記のような理由から背景を白にした状態で公開しているのですが、やはり背景が白以外の所で使う場合も多い様で、背景を透明にする方法への質問が結構あったのでその方法を書いておきます。全部透過作業する気力がないため出来る方はご自身でお願いします。背景を透過にするのは規約により許可しております。*加工したアイコンの再配布は禁止します。

必須ソフト：Adobe Photoshop　持っていない方は他ソフトでお願いします。
MacOSXで説明してますが、Windows版でもやり方は同じです。shortcutのCommandが”Ctrl”ボタンだと思ってください。

*下記方法はあくまで一つの例です

Comments: 0
Trackbacks: 0

Favicon から png画像生成

2006-10-28 (土)
Web
Tips

　Favicon API α版と、言うサイトでFaviconの画像をpng画像に自動的に変換してくれるというサービスがありました。知らなかった。

Favicon API α版 URL http://favicon.aruko.net/

Faviconとは、ここのサイトでも表示させていますが、ブラウザのURL欄の左側に表示されてる画像のことです。Yahoo!なら、ライブドアなら、Appleなら、ここのサイトならの様なURL欄のアイコンなのですが、これは通常「.ico」と言う拡張子のついたアイコンfileをサーバー上にUPし、<head></head>内に記述し、URL欄に表示させている物なので、このままでは通常ブラウザ上になど表示させることはないのですが、今回Favicon API α版さんでは、それを自動的にpngに変換し出力してくれるサービスをされています。

これは・・・使い方によったらblogで応用できますね。たとえば以前書いた「トラックバックにサムネイル画像」の様に、トラックバック先の方のblogにFaviconがついていたらそれを自動的にタイトルの前などにそのアイコンを表示させるようなことが出来ますね。

<img src="http://favicon.aruko.net/m/f/http://blog.planting-field.com/" width="16" height="16" alt="" border="0" />

緑文字の所を変換させたいサイトのURLを入れたら自動的に変換されます。うーん何か使えそうですね。

Comments: 0
Trackbacks: 0

画像に文字を自動で埋め込むサイト

2006-08-25 (金)
Design
Tips

　自動的に入力した文字を、最初からテンプレートとして登録してある画像にその文字を埋め込んでくれるというサイトがありました。これは中々面白い！ってなわけで色々やってみることにした。

まずはナンバープレートの画像にサイト名

どうやら日本語も行けるらしいです！
金タグ金属のタグ
Dangerガラナ Danger看板
女肥後女性の腰、肥後ずいきって・・・・(;^_^A ｱｾｱｾ…

うーん思い浮かんだ言葉を入れてみただけなんだけどね。おほほ、思い浮かんだ言葉が怪しいなぁ。。。まぁ中々面白いので是非チャレンジしてみてくださいな。

画像生成サイトはこちら！→「imagechef」

Comments: 0
Trackbacks: 0

アジのみそ煮

2006-07-12 (水)
Food / Drink
Tips

先日NHKの「ためしてガッテン」を見ていたら「アジ（鯵）」の特集をやっていて、私は鯵が結構好きなのでなんとなくそのまま見ていました。するとアジの色々な不思議な面や調理法などを紹介している中にサバの定番調理法の「味噌煮」をサバではなくアジで調理するとおいしいって紹介していました。こりゃ初耳！しかも街頭調査では結構おいしいらしいっすよ！

そんなわけでやってみた！

アジの頭を切る、味がアジに染みこむようにバッテン切り込み入れる。

ダシで煮る。ダシ取るのが面倒なので市販のめんつゆで煮てみた。→落としぶたをし味噌とみりん（酒と砂糖でもオッケー！）で味付けする。→臭い消しのためにショウガを入れる。→煮込む！

出来上がり！

食べてみた。・・・・すげー柔らかい。サバより旨いかもしれないなこれは。みそ煮と言えばサバって思っていたけどアジのみそ煮がここまで旨いとは思わなかったです。柔らかさは素晴らしい。うーん新しい発見でしたよ。是非お試し下さい。作り方はサバのみそ煮と全く一緒ですから結構簡単っすよ。

Comments: 0
Trackbacks: 0

Home > Tags > Tips

Counter

939008 Visitors

Search

Category

Archive

最近の投稿

オススメ

Image of マイケル・ジャクソン THIS IS IT (Amazon限定スチールブック仕様/完全数量限定/特製ブックレット付き) [Blu-ray]

Image of GUNDAM FIX FIGURATION NEXT GENERATION リゼル

Image of モヤモヤさまぁ~ず2 DVD-BOX (VOL.7、VOL.8)

Image of 機動戦士ガンダム THE ORIGIN (20) ソロモン編・後 (角川コミックス・エース 80-23)

Image of GUNDAM FIX FIGURATION METALCOMPOSITE #1006 ユニコーンガンダム

Twitter@qozy

元旦にサッカー見ようぜ！ RT @hirayamatokyo: 獲ろう！ RT @YEBISU_Black: 取ろうぜ！ RT @iozo70: ということで、今年は天皇杯取ろうぜ 16 hrs ago
気持ち悪い、なんか気持ち悪い(oﾟ∀ﾟo) http://bit.ly/9VQcys 16 hrs ago
敗退は残念だが、これでリーグ戦残留へ気持ちを切り替えて集中できるな。 #fctokyo #2010ync_ft 16 hrs ago
清水が守備しまくっていたがな #fctokyo #2010ync_ft まぁとにかく今年のお菓子杯が終わった。 16 hrs ago
あれだけ決定的に崩してシュート撃って枠に飛んで全部入らないのは何故か！　うーんうーん　何かにとりつかれている。 16 hrs ago
もっと見る