• builder Top
• HTML/CSS
  • Chrome
  • CSS
  • Safari
  • XHTML
  • XHTML
  • ...

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

瀧上園枝（CYAN）

2008/01/25 08:00

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

　まずはPhotoshopを起動して、グラフィックを描画するドキュメントを作成しよう。［新規］ダイアログでは、ドキュメントのサイズを指定する。制作したい星形バッジの大きさに合わせて、適度なサイズに設定しよう。今回は［幅：400pixel、高さ：400pixel」と指定。［解像度］は［72pixel/inch］、［カラーモード］は［RGBカラー］、［キャンバスカラー：白］とする。

記事へのアクション
• 記事をクリップする
• 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ログイン／新規登録 閉じる

秋もやります！ builder tech day

ユーザーにとっては、UIがすべて

RIAやAjaxによりインターフェイスデザインの幅が広がりました。「正しいデザイン」へのアプローチを、テクノロジーとメソドロジー両方の切り口で、具体的にご紹介するリアルイベントです。