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、位置:中央