• builder Top
• HTML/CSS
  • Internet Explorer
  • Internet Explorer
  • CSS
  • CSS
  • Safari
  • ...

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

瀧上園枝（CYAN）

2008/01/25 08:00

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

　とりあえず形が描けたところで、次のステップは色の編集だ。ハヤリのグラフィックに欠かせないのがちょっと光っているような表現。まずはグラデーションで明暗のベースを表現しておく。［レイヤー→レイヤースタイル→グラデーションオーバーレイ］を実行する。これはグラデーションをレイヤー単位で設定できる便利な機能である。初期設定では黒〜白へ変化するグラデーションが設定されているので、グラデーションサンプルをクリックして［グラデーションエディタ］を表示させる。

記事へのアクション
• 記事をクリップする
• builderブログを書く

記事の評価
• 9人の推薦記事
• 5人がクリップ
  • minnakam
  • （名無し）
  • （名無し）
  • zepeus
  • tsuneo
• ソーシャルブックマーク(-)
• トラックバック(0)
• • タグ
  • チュートリアル
  • デザイン
  • Web2.0風デザイン
  • Web開発者
  • 画像テク
  • 星形バッジ
  • 画像
  • グラフィック
  • ハウツー
  • Tips
  • リファレンス
  • 小技
  • Web製作
  • Webデザイン
  • Photoshop
  • WEB2.0
  • GRAPHIC
  • web2.0
  • Graphics
  • PhotoShop

記事にタグをつけてクリップするにはCNET_IDへの登録が必要です。

CNET_IDログイン／新規登録 閉じる