« 7月 2018 5月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Home > Tags > Tips

Tips

スポンサードリンク

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

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

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

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

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

用意する物

Adobe Photoshop

Xcode Tools付属のIcon Composer(OSXのDVDに入ってます)

あればIconographer(シェアウェア)

Continue reading

丸型アイコン背景透過方法

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

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

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

Continue reading

Favicon から png画像生成

 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を入れたら自動的に変換されます。うーん何か使えそうですね。

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

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

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

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

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

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

アジのみそ煮

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

そんなわけでやってみた!
アジのみそ煮01
アジの頭を切る、味がアジに染みこむようにバッテン切り込み入れる。
アジのみそ煮2アジのみそ煮3
ダシで煮る。ダシ取るのが面倒なので市販のめんつゆで煮てみた。→落としぶたをし味噌とみりん(酒と砂糖でもオッケー!)で味付けする。→臭い消しのためにショウガを入れる。→煮込む!
アジのみそ煮4
出来上がり!

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

Home > Tags > Tips

Google
iTunes
ガンダムユニコーン

機動戦士ガンダムUC (Mobile Suit Gundam UC) 5 [Blu-ray] 機動戦士ガンダムUC 4 [Blu-ray]機動戦士ガンダムUC(ユニコーン) [Mobile Suit Gundam UC] 3 [Blu-ray] 機動戦士ガンダムUC(ユニコーン) 2 [Blu-ray]機動戦士ガンダムUC 1 [Blu-ray]
icon icon

Feed
Other
Ranking
ブログパーツ
メタ情報

Return to page top

Get Adobe Flash player
back to top