Design Web 2.0ラベル/ Photoshopのバッジ
多くのWeb 2.0 Webサイトでは、このようなラベル(またはバッジ)を使用して、現在のWebサイト/サービスのステータス(バージョンやまだベータ版かどうか)を確認しています。これらのラベルの作成は、特にPhotoshopを使用している場合は非常に簡単です。ジャンプ後のチュートリアル.
幅400×幅200の新しいキャンバスを作成します。選択する カスタムシェイプツール, 下 形状のドロップダウン、選択 シール ページの中央に図形を描画します.
レイヤーにStar Labelという名前を付けて起動します ブレンドオプション そして、以下のスタイルを挿入してください。
影を落とす
内側の影
ベベルとエンボス
グラデーションオーバーレイ
- カラーストップ1:#0076b3、位置:0%
- カラーストップ2:#b3d5ff、位置:100%
新しいレイヤーを作成し、選択 横型ツール そして任意のテキストを挿入します。テキストを使います ベータ! ここに。ブレンドオプションを起動し、以下のスタイルを挿入します。
影を落とす
グラデーションオーバーレイ
- カラーストップ1:#b2b9bc、位置:0%
- カラーストップ2:#ffffff、位置:100%
ホールド Ctrl, layerのサムネイルをクリック スターラベル そのアウトラインを選択します。一番上に新しいレイヤーを作成し、名前を付けます 光沢のある.
アウトラインが選択された状態で、選択 多角形なげなわツール, ホールド Alt, そして下の図のように半円を描きます.
残りの半分を白でペイントし、不透明度を15%まで下げてください。これが最終結果です。.