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

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

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


　最後に、必要な文字要素を入力してフォントやサイズを調整し、星形バッジを仕上げよう。「NEW!」とか「beta」とか「comming soon」なんて文字を表示したいときによく使われている。星形バッジのグラデーションを設定するときに利用した［レイヤースタイル］の中から［ドロップシャドウ］を設定すると、文字がいっそう立体的に映えるようになる。［編集→変形→回転］コマンドでバンディングボックスを表示させ、文字要素だけを少し回転してもイイ感じになる。


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