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

瀧上園枝（CYAN）

2008-01-25 08:00:00

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

写真をクリックすると次の写真に移動します

　［ツールボックス］下部のカラーサンプルで［描画色と背景色を入れ替え］ボタンをクリックして、描画色を［白］に変更しておく。

前の写真へスライドショーで再生次の写真へ

Web 2.0な星形バッジを5分で作る：すぐに使える画像テク瀧上園枝（CYAN）

« »

記事へのアクション

コメントを書く

関連情報(3件)

ホワイトペーパー

企業におけるスマートフォン導入の障壁を払しょくする対策とは？
提供：トレンドマイクロ株式会社（Trend Micro Mobile Security)

仮想環境におけるセキュリティとバックアップに関する注意事項
提供：シマンテックドットクラウド

情報漏洩問題、まずは基本から固めませんか？「情報セキュリティハンドブック」
提供：日本オラクル株式会社

スピード経営を実現するクラウド実用事例～クラウド活用事例に見えるスマートなビジネスの実現～
提供：日本アイ・ビー・エム株式会社（IBM SmarterCloud Enterprise）

ニフティクラウド　セキュリティーホワイトペーパー
提供：ニフティ株式会社

システム管理者のためのモバイルデバイスのセキュリティガイドブック
提供：トレンドマイクロ株式会社（Trend Micro Mobile Security)

「ビッグデータ」を「スモールスタート」する段階的なシステム構築
提供：さくらインターネット株式会社

東映ラボ・テック、フジテレビジョン、カンバン娘など24社のクラウド活用事例を一挙公開！
提供：ニフティ株式会社

「ビッグデータ」「ソーシャルアプリ」キーワードから紐解くこれからのコンピューティング
提供：さくらインターネット株式会社

論理分割かVM方式か？クラウドに向けたサーバ仮想化の適材適所を知る--日立製作所
提供：日立製作所（ITプラットフォーム事業本部）

RSS | サイトマップ

ブログを書く(CNET_IDのご登録が必要です)

[ログイン] [ログアウト]

folllow builer on twitter

新着記事
特集
ブログ

Adobe Creative Cloudのスタートで何が変わるか 2012-04-26 17:48:00
防水スピーカーをワイヤレス化、お風呂でのんびり音楽を楽しむ 2012-04-24 17:31:00
月額5000円からのAdobe CS6--アドビ、Creative Cloudの予約受付開始 2012-04-23 17:27:00
新着一覧 »

防水スピーカーをワイヤレス化、お風呂でのんびり音楽を楽しむ 2012-04-24 17:31:00
自作バーコードで音楽CDを管理する 2012-04-12 18:25:00
Perfumeが公開したダンスのモーションデータをChromeで扱う 2012-04-06 17:37:00
特集一覧 »

シンコムとシャープ、ECMとBIG PADの連携を紹介するイベントを開催 2012-05-16 10:30:00
SAS、データマイニングの導入・活用を促進する新サービスを発表 2012-05-16 00:30:00
アライドテレシス、東広島市の教育クラウドネットワークインフラ構築を支援 2012-05-16 00:30:00
ドリーム・アーツ、INSUITE最新版を発表--スマートデバイスの活用を強化 2012-05-16 00:30:00
KVH、99.9％の可用性を保証するネットワークサービス「KVH IaaS Direct Connection」を発表 2012-05-16 00:30:00
ブログ一覧 »

企画特集

物理→VDI環境移行「3つの罠」とは
陥らないためのワンポイント解説＆
”実証実験から読み解くセミナー”情報
データ爆発に備える"無限の可能性"
必要以上の容量を奨められていませんか？
→電気ガスのように使えるストレージを知る
日立の新サーバに見る、日立の本気
日立のサーバ戦略が描く、IT活用の今後
仮想化・クラウド対応としての製品強化
百聞は一見で！日立のビッグデータ
JP1、Hadoop、QlickView　"集計・分析"
データをクラウドに集約　”蓄積・検索"
スマートデバイスに忍び寄る危機！
福田和代が贈るZDNetオリジナルストーリー
見逃せない3部作の第1回が無料公開！
セキュリティでブランド価値を向上
ウェブ消費行動の専門家×日本ベリサイン
ネットで消費者の信頼を得るポイントとは
企業情報セキュリティもオラクル！
境界防御だけでは、もはや不十分？
大切なデータベースを守る方法とは
クラウド意識調査結果を公開
率直な読者のご意見を全て公開
クラウドに対する疑問や実際の効果に迫る
情報交換会参加しませんか？
製造業者必見
オフライン環境のセキュリティ対策
脆弱性に緊急対応する仮想パッチ
物理パッチ適用までにサーバを襲う脅威から
自動的に保護するDeep Securityエージェント

CNET_ID | RSSフィード | サイトマップ

International Business Site for Developer: Builder.com | Builder UK | TechRepublic

The Japanese edition of 'ZDNet' is published under license from CBS Interactive, Inc., San Francisco, CA, USA.Editorial items appearing in 'builder by ZDNet Japan' that were originally published in the US Edition of 'ZDNet', 'CNET', 'TechRepublic', and 'CNET News.com' are the copyright properties of CBS Interactive, Inc. or its suppliers. Copyright © CBS Interactive, Inc. All Rights Reserved. 'ZDNet', 'CNET' and 'CNET News.com' are trademarks of CBS Interactive, Inc.

朝日インタラクティブについて | 個人情報保護方針 | 利用規約 | 訂正 | 広告について

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

開発チームにわざわざデザイナーを入れるまでもない案件では...

まずはPhotoshopを起動して...

指定したサイズで、新規ドキュメントが作成される

星形バッジの輪郭は、［多角形ツール］で描画する

星形を描くための設定の秘密は、［オプションバー］にある

ドキュメントウィンドウ内をドラッグすれば...

とりあえず形が描けたところで、次のステップは色の編集だ

これが［グラデーションエディタ］だ

分岐点のカラーを変更するためのダイアログボックスが...

グラデーションの左端の［カラー分岐点］が...

［レイヤースタイル］ダイアログに戻る

さらに...

設定内容が切り替わったら、［描画モード：通常］に変更する

［光彩のカラー］を選択するための［カラーピッカー］が表示され...

［レイヤースタイル］ダイアログに戻ったら...

黒い色だった星形の輪郭がグラデーションで塗りつぶされ...

［レイヤーパネル］を見てみると...

［ツールボックス］で［長方形選択ツール］アイコンをプレスして...

［オプションバー］で［ぼかし：10px］と入力し...

ドキュメントウィンドウ上で...

［編集→塗りつぶし］メニューコマンドを実行する

選択範囲が白で塗りつぶされる

このままではハイライトが強すぎることは一目瞭然

［ツールボックス］で［グラデーションツール］を選び...

画面上を星形バッジに重なるように...

白い楕円形の不透明度が、右下〜左上方向へ変化するのだ

最後に...

星形バッジのグラデーションのベース色を［レイヤースタイル］で...