Photoshop:メニューボタン(btn)作成

メニューボタン 幅150pixel、高50pixel
Photoshop新規作成→数値入力:pixel、解像度:72、カラーモード:RGB→
長方形ツール選択→シェイプレイヤー選択→オプション:固定にチェック、幅:150pixel 高さ:50pixe→
スタイルパレットの中から選択→サムネイルをcommand+クリック選択→イメージ:切抜き


レイヤースタイルを調整
レイヤーの中の効果を表示→グラデーションオーバーレイ選択→
グラデーションクリック→調整する→グラデーション名を付けて、新規グラデーション作成選択


文字を入れる
新規レイヤー作成→文字ツール選択→文字を打つ→2つのレイヤー選択→
整列パレット:整列させる


Point!!
-文字で大切なこと-
・トラッキングは-150以上にしない
・フォントは基本Helveticaを使用


文字をドロップシャドウ
コントロールパレット:レイヤー→レイヤースタイル→ドロップシャドウ→
距離:0px、スプレッド:40%、サイズ:5px
1つのボタンが完成したら、レイヤーをコピーし各メニュー内容の文字を変えておく。


web用に保存
各レイヤーをweb用に保存→jpegに設定→中画質に設定


各ボタンをつなげる
Photoshop新規→幅:保存した各ボタンの数×150pixel、高50pixel→ビュー→新規ガイド→
垂直方向150pixel→各ボタンのレイヤーを移動→スナップさせる→
各レイヤーの上に境界線用の新規レイヤー作成→command+クリックで範囲選択→編集→境界を描く→幅1pixel、位置:中央