PhotoshopでWebデザイン

ナビゲーションを作る

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
ナビゲーションメニューを配置します。
講師:
02:25

字幕

では、今回はナビゲーションメニューを配置していきましょう。上に来る HOME とか ABOUT のページに移動するためのメニューですね。これもヘッダーの一部になります。まずはテキストツールに持ち替えます。この辺をクリックまず、HOME で、Space を空けて「・」を打って「ABOUT」ですね。全部大文字で書きました。今回はフォントはCourier New を使用します。Bolt で「サイズ」も「30」でいきたいと思います。これをちょうどいい場所に配置します。細かい調節はキーボードの上キー下キーの矢印ですね。右とか左とか、これで合わせていきます。この HOME と ABOUT をコピーしたいのでこのレイヤーを選択してCtrl/ Command+J でレイヤーを複製します。複製したら片方を右側に移動させます。テキストのツールに持ち替えてこちら側は STORE でした。STORE一番最後が CONTACT少し左側に移動させましょうか。こんな感じですね。では、順番を変えてこちら側をLEFT MENU としましょうか。こちら側は右側なのでRIGHT MENU と。こんな感じにメニューのバーを作成することが出来ました。 このナビゲーションメニューはどのデバイスからアクセスがあっても見やすくなくてばなりません。最低でも 18pt 以上ですね。なるべく大きいフォントを使っていきましょう。

PhotoshopでWebデザイン

このコースではウェブデザイナーの方を対象に、Photoshopを使ってWebグラフィックやワイヤーフレーム、サイトのモックアップを作成する方法を学習します。具体的には最大効率化するためのカスタムWebワークスペースの作成やカラーリング方法、グラフィクスを最適化する方法を学びます。

4時間27分 (71 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2014年04月13日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。