三階ラボ

Archive for the icon Tag

Home Prev Next

downloads FatBird.green Icon for Adium

Tags:
, , ,

FatBird.green Icon for Adium image

いろいろなインターネットメッセージ(IM)サービスに対応したAdium [to Official]というチャット用アプリケーションがあります。常に起動している必須アプリなのですが、どうしてもアイコンがしっくり来なかったので自分で作ってみました。

太ったトリです。

用意したアイコン画像の数が結構あるので、ちょびっとばかり重いですが、是非試してみてください!

作り直し&カラーバージョンを用意しました!
FatBird.colors Icon for Adium

Download FatBird.green Icon for Adium


try-and-error 入力モードの視認性

Tags:
, , , ,

メニューバーの入力モードアイコン

日本語環境では必須のインプットメソッド。
Macでは、Apple純正のことえりや、サードパーティ製のATOK、egbridgeなどがあります。
ボクは昔からegbridgeを使っているのですが、現在の入力モードを確認する場合、

  • 右上のメニューバーアイコンを目視する。
  • 操作パレットのアイコンを目視する。
  • とりあえず打ってみる。

といった方法があると思いますが、
それぞれ

  • 大きなモニタの左側で作業をしていると、右上のメニューバーアイコンまでの視線の移動距離が長い上に、しっかり目視しないと判りづらいアイコンデザイン。他のメニューバーアイコンに埋もれちゃってるし。。。
  • 操作パレットが邪魔な上に、しっかり目視しないと判りづらいアイコンデザイン。設定ボタンとかいらないし。。。
  • 英数入力したいのに、かな入力だったときのイラっと感。そのあとdeleteescを押す虚しさ。。。

といった不満がありました。

メニューバーのアイコンをカラーに

こんな具合に、しっかり目視しなくてもいいように、かな入力=青/英数入力=赤、といった具合にメニューバーのアイコンに色を着け、判別しやすいようにしてはいたのですが、どうしても視点の移動距離は短くなりませんでした。

そこで、普段全く使っていない操作パレットを改造すればいいじゃん! と思いついたので、早速実行してみました。

デフォルトの操作パレット

デフォルトではこんな感じ。

改造した操作パレット-切り替え

Interface Builder を使って「操作パレット」の「英数入力」と「かな入力」以外全てのアイコンを非表示にし、サイズを大きくしてみました。
好きなところに置くことができるので随分判別しやすくなったのですが、常駐するには大きすぎて、アプリケーションによっては存在自体が邪魔になってしまいました。

んで更に改造。

改造した操作パレット-トグル

今度は「操作パレット」の「かな入力」以外全てのアイコンを非表示にし、英数入力のときは青色、かな入力のときは赤色の画像を切り替えるようにしてみました。
これで、現在の入力モードだけを判別できるようになった上、横幅も無駄なくつかえるようになったのですが、やっぱり邪魔(笑)
欲張りなことに、モニタの下の方で作業をしているとき、いちいち上に視線を向けるのも面倒になってしまいました。

んで更に改造。

改造した操作パレット-デスクトップ上下にバー

デスクトップの上下に4pxづつのカラーバーを表示するようにしてみました。
これで、他のアプリケーションの邪魔にならず、しかもモニタのどこを見ていても、現在の入力モードを確認できるようになりました。
いまのところ、これで落ち着いています。

本当はこんなクダラナイ改造しないで済むように、デフォルトでこういう機能を付けて欲しいんですけどね。。。。
とは言え、egbridge自体が製造中止になってしまったので、ことえりやATOKに頑張っていただきたいです。

ところでegbridgeの開発はどこも引き継がないのかな? すごくイイ財産だと思うんだけどなあ。


downloads Adobe CS4 icons

Tags:
,

Adobe CS4 icons

アメリカではついにAdobe CS4が発売されましたね。まだ日本での発売時期は決まってないみたいですが、待ちきれずに今回もアイコンを作ってみました。
余計なのもありますが、全部で32種類のアイコンが入っています。

Adobe CS4 icons ScreenShot

今回はMac用とWindows用でファイルを分けました。

Mac用アイコンはLeopardになってから扱えるようになった512×512pxのビッグサイズでも表示できます。Folderに貼り付けたコピペ用アイコンとicns形式のファイルの2パターンを用意。256×256よりも大きいアイコン表示にした時は下部にソフト名が表示されます。

Windows用もハイレゾリューションアイコン(256×256px対応のICO)を用意しました。

それにしてもアイコンはどんどん大きくなってきますね~。昔と比べてごまかしが効かないのがつらいですね(笑)

Adobe CS4 icons Download for Mac .dmg

Adobe CS4 icons Download for Win .zip


downloads Adobe CS3 icons

Tags:
,

Adobe CS3 icons

Adobe CS4ついでに、Adobe CS3用のアイコンを作り直しました。
なんだかんだ仕事で使うにはCS4の移行には時間がかかっちゃいますからね。

Adobe CS3 icons ScreenShot

基本的にCS4は文字が黒でCS3は白になっています。どういう意味があるのでしょう?
そしてCS5が出る時にはどうするんでしょうね?(笑)
ガラッと変えちゃうのかな?

追記
ちょっとミスがあったので、ダウンロードファイルをアップロードしなおしました。

Adobe CS3 icons Download for Mac .dmg

Adobe CS3 icons Download for Win .zip


tips アイコンを変更する

Tags:
,

アイコンを変更する

以下の作業は自己責任でお願いします。

[Mac OS X] 一般的な方法(コピペ)でアイコンを変更する

コピペで変更

  1. 気に入ったアイコンが表示されているファイル/フォルダ/アプリケーションを選択する。
  2. Command + Iを実行して情報を見る
  3. 開いたウィンドウの左上にあるアイコンを選択する。
  4. Command + Cを実行してコピーする。
  5. 次に、アイコンを変えたいファイル、フォルダ、アプリケーションを選択する。
  6. Command + Iを実行して情報を見る
  7. 開いたウィンドウの左上にあるアイコンを選択する。
  8. Command+Vを実行してペーストする。

[Mac OS X] .icnsファイルを入れ替えてアプリケーションのアイコンを変更する(例:Illustrator CS3)

.icnsファイルの置き換え

  1. アイコンを変更したいアプリケーションを選択し、右クリック(またはControl + クリック)で[パッケージの内容を表示]を選択する。
  2. Adobe Illustrator CS3.app → Contents → Resources 内にある AI_Application_Icon.icns をデスクトップかどこかに避難させる。後々アイコンを戻したくなったときのために元アイコンは捨てない方がいいですよ。
  3. 次に、ダウンロードしてきた.icnsのファイル名を、AI_Application_Icon.icns という名称に変更し、先ほどの Adobe Illustrator CS3.app → Contents → Resources の中に突っ込む。

[Mac OS X] システムで用意されているアイコンを変更する

システムのコアな部分にあるファイルをいじれば編集できますが、結構面倒くさいので、アイコンを置き換えるソフトの使用をお勧めします。


  • CANDYBARCANDYBAR

    アイコンカスタマイズ・オーガナイズソフト。512×512 アイコンに対応してます。$29 シェアウェア。

[Windows] アイコンを変更する

Windowsのこと、あまり詳しくないので、ググってください!


Top Prev Next