TOP  >  Tool , WebDesign  >  CS3&WEB2.0風のアイコンを簡単に作成できる「Icon Generator」
2008年10月26日

CS3&WEB2.0風のアイコンを簡単に作成できる「Icon Generator」

CS3のグラデーションの掛かった四角に白抜きというシンプルなアイコンやWEB2.0風のバッジアイコンをを簡単に再現してくれるのが今回紹介する「Icon Generator」です。

photoshopでもシンプルなので簡単に作れますが、「Icon Generator」を使えば文字と色を決めるだけで、アイコンを作ることができます。試しに当サイトの姉妹サイト「Designworks」の頭文字とサイトカラーでCS3風アイコンを生成してみました。

詳しくは以下


DWで制作したアイコン

利用方法は至って簡単で、まずはアイコンに入る文字列を入力します。日本語は通らず、最大4文字まで入力することができます。文字が決まったら次は色を決めます。Bg colorからカラーパレットが読み出せますのでそこから色を選びます。二つともOKであれば「Create Icon」のボタンを押せば自動的に4つのサイズのアイコンを出力してくれます。WEB2.0系のバッチについても同様です。

「Icon Generator」はAdobe AIR 1.1 で作成されていて動作にはAIRのインストールが必要となります。ダウンロードは「Adobe – Adobe AIR Marketplace」から

Adobe – Adobe AIR Marketplace

posted 04:56  |  
Category: Tool , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る