Web 2.0な星形バッジを5分で作る：すぐに使える画像テク

瀧上園枝（CYAN）
2008/01/25 08:00

エンジニアでもささっと画像を作ってしまえると便利ですよね？ グラフィックのプロフェッショナルじゃなくても簡単に実行できる、お手軽テクニックを紹介します。


　黒い色だった星形の輪郭がグラデーションで塗りつぶされ、周囲には均等なグレーのシャドウが表示された外観になる。このあたりでタイムオーバーになってしまったら、このままでも文字要素を追加すれば星形バッジとしてアクセントグラフィックに使えるだろう。もう少し余裕があるなら、さらにリアルな印象を与えるハイライトを追加しよう。


記事の感想やご意見をコメントでお寄せください（CNET_IDログインが必要です）
ログイン パスワードを忘れた方  |  新規登録
  • 新着記事
  • 人気記事
  • 特集
  • ブログ
  • 話題のタグ
ライブラリ Webアプリケーション開発 Webデザイン Ajax Firefox ブラウザ Firefox 3 Google iPod touch Solaris 小技 仮想化 Apple Microsoft Linux HTML XHTML C/C++ イロハ オープンソース server SOA Apache Database PHP リファレンス CSS Opera CSS 3 Python Safari JavaScript Mozilla Mac OS X Eclipse Leopard フレームワーク iPhone 3G Windows 開発環境 Flash Adobe Tips Off Topic Java iPhone 入門 Ruby Internet Explorer RIA
  • 話題のタグを見る »