Tutorial_白ベースの淡い影の半立体風のナビゲーションバー – イラレラボ illustrator-labo

あけましておめでとうございます。 長らく間が空いてしまって申し訳ありません。 今年もイラレラボをどうぞよしなに。と、いうことで。2009年一発目は 淡いグレーに白ベースの淡い影を生かした半立体風のナビゲーションバーのチュートリアルです。 先ずは準備。Webで使う素材なので、書類のモードはRGB、単位はピクセル。 表示はピクセルプレビュー、ピクセルにスナップにチェックです。 詳しくはココ→ バックグラウンドに灰色を敷きます。ここではW500×100Hpxの長方形で。塗りは#E6E6E1。少しだけ黄味かかったグレーです。 ナビゲーションバー本体を書きます。H480×W60pxの四角形を配置し、天地左右をセンターにあわせます。 #FFFFFF > #E6E6E6 角度:-90度 の線グラデーションを塗りに設定します。 効果 > スタイライズ > ドロップシャドウ を 描画モード：乗算 / 不透明

[watanata2000]

デザイン チュートリアル 丸ボタン

[herotter]

イラレラボ

[hysteric_cat]

自分と違う作り方は参考になる