PhotoshopでWebデザイン

パラグラフスタイル

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
パラグラフスタイルパレットの使い方をみていきます。
講師:
05:27

字幕

段落スタイルについて見ていきましょう。段落スタイルは文章の段落にデザインを付けてそのデザインを保存し使いまわすことができる機能です。ページ内で何度も使う Body テキストやヘディングテキストの登録方法を見ていきたいと思います。まずテキストのあるエリアにズームします。「ズームツール」に持ち替えてクリックドラッグします。まずは「テキストツール」に持ち替えます。ここの文章の段落、ここにスタイルを付けていきたいと思います。「段落スタイル」のパレットはこの P が逆さまになったようなボタンに四角い枠が 2 つくっついたこれです。これをクリックします。もしない場合は「ウィンドウ」>「段落スタイル」こちらを選択します。今見てあげるとBasic Paragraph+ と書かれています。今このパラグラフ、段落にはこの Basic Paragraphというスタイルがたされていますよ、という意味でこの + が入っています。もしこの段落スタイルの上書を消したい場合はこの「戻る」ボタンを押します。そうすると何もデザインされていない状態に戻ります。では実際にBody 用のデザインをしていきましょう。普通の「段落」のパレットを開きます。 この段落の始まる前に少しスペースを取りたいと思います。「20pt」としましょう。さらに、一行目が始まる前に10pt分下げたいと思います。こんな感じですかね。次は「文字」のパレットを見ていきます。フォントはHervetica にしましょう。今回はHervetica を使っていきます。スタイルはRegular でかまいません。「サイズ」を「14」としたいと思います。もし Body で使うフォントのサイズを選ぶのであれば12 から 18 あたりがお勧めです。今回は 14 を使用します。では、この今デザインした段落を「段落スタイル」に登録していきます。「新規」ボタンを押します。「段落スタイル1」という新しい段落スタイルはできました。これをダブルクリックすると編集することができます。まずは名前を付けましょう。Body としましょうか。確認します。Hervetica でRegular で 14pt問題ないですね。他も見ていきましょうか。「インデントとスペース」、「10」「20」入っています。問題ないかと思います。ではこれを OK を押します。次に、この Sample Headingという文字を別の段落スタイルにしたいと思います。 ここも選択してあげるとBasic Paragraph が当てはめられているのが分かります。+ が入っています。「戻る」ボタンを押してまずデザインをなくします。実際の「文字」のパレットに移動してこちらもHervetica に替えましょうか。Hervetica を選択Regular から Bold にしましょう。少し太めにしたいと思います。「サイズ」も 24 ぐらいにしましょう。さらに色もオレンジにしたいと思います。こんな感じです。これを「段落スタイル」に登録していきます。「新規」ボタンをクリック名前は Heading としましょうか。確認しましょうhervetica で Bold で 24問題ないですね。OK を押します。今、二つの Body と Heading という段落スタイルを作ることができました。これを他の所にも当てはめていきたいと思います。移動します。ではここにしましょう。「テキストツール」に持ち替えてこの Sample Heading をHeading にしたいと思います。Heading を選択します。今、別の beasic Paragraph上書されているので「戻る」ボタンでHeading にしてあげます。 では、実際のボディはBody を選択で「戻る」。こうすることで、一番最初にデザインしたこのスタイルと合わせることはできました。このように段落スタイルを使うと同じデザインを簡単に使いまわすことができます。

PhotoshopでWebデザイン

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

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

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

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

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