PhotoshopでWebデザイン

レイヤーの整理整頓

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
ちらかりやすいレイヤーの整理整頓方法をみていきます。
講師:
07:28

字幕

デザインの仕事をしていると他の人に Photoshop のドキュメントを渡したり受け取ったりすることがあります。誰が見ても分かり易いように名前をつけて、グループわけして整理整頓をする必要があります。ここではPhotoshop のドキュメントの整理整頓方法を見ていきましょう。まず、今選択しているレイヤーがどのレイヤーなのか簡単にチェックする方法があります。左側のこの目のアイコンをカチカチしてあげると簡単にこのレイヤーはここなんだなと分かります。これは一番下ですね。すごくばらばらに配置されていて非常に分かり難いです。一番下のこれは一番下のここのバーですね。では、分かり易く名前をつけていきましょう。日本語はいいですかね。日本語にします。日本語でも、英語でも名前を付けることができます。レイヤー名をダブルクリックして「メニュー黒」としましょうか。その上を見てあげるとここはソフトバンクとか、au とかdocomoというキャリアが出る所ですね。ダブルクリックして「キャリア」としましょうか。更にその上を見ます。これは上の青い所ですね。では、「メニュー青」としましょう。次は鳥ですね。「鳥」その次は何かここに OK とか、Next とかそういうの感じのボタンそうな感じがします。 「ボタン」としましょうか。次は、例えば Twitter とかBlog の一段目という感じですね。では、「1白背景」としましょうか。この一個上のテキストレイヤーは一段目の文字だと思います。「1文字」その上は「1写真」ですね。今、この三つは全て一段目の素材ですよね。「1写真」「1文字」「1白背景」これをまとめたいと思います。レイヤーを選択してShift を押しながらクリックで複数選択します。Ctrl/Command+Gこんな感じにフォルダーのようなグループを作成して中にレイヤーを含むことができます。このフォルダーグループも名前を付けることができます。「1段目」としましょうか。こうすることで非常に見易いですよね。一段目の写真と文字と白背景まとまりました。これを繰り返していきたいと思います。これは二段目の白背景ですね。「2白背景」です。「2文字」ですね。「2写真」です。Shift を押しながらこの三つを選択します。Ctrl/Command+G でグループ化してこのグループに「2段目」とします。作業を繰り返していきます。これが「3写真」ですね。その下が「3文字」です。これが「3白背景」。Shift を押しながら選択してCtrl/Command+G「3段目」と。 これとこれとこれは4段目ですね。「4写真」「4文字」ですね。「4白背景」まとめて選択してCtrl/Command+Gグループ化して「4段目」と。この感じにしていくと非常に見易いですね。更に、上と下まとめましょうか。この上の辺りはこれとこれとこれとこの要素ですね。ここからここを選択してグループ化します。上にある素材なのでWeb サイトではそれをヘッダーといいます。「ヘッダー」順番も分かり易く上に持っていきましょう。クリックドラッグで一番上のこの線がハイライトになるまで持っていて放します。この 1234 も順番が逆でちょっと気持ち悪いので「1 」をヘッダーの下に持っていきます。というように、「2」をクリックドラッグで「1」の下「3」も「4」の上という風に移動します。この際の注意がドラッグする時にこの「3」の中に入っちゃうんですね。この「3」が囲むである状態だと「3」の中に入ってしまいます。「3」の下に持っていきたい場合はここ「3」の上はここです。この細かい違いを注意しましょう。最後に、この一番下の「メニュー黒」はカラーのフォルダーグループを作成してそれを「フッター」と名前をつけてそこに入れておきたいと思います。 こうすることで誰かどう見ても非常に分かり易いフォルダー分けができました。グループ分けという風にPhotoshop とは言います。ここではPhotoshopのドキュメントの整理整頓する方法をカバーしました。次はレイヤーの自動選択を見ていきましょう。

PhotoshopでWebデザイン

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

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

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

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

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