フォトショップ初心者が確認したい
使い方・基本設定まとめ
デザインをはじめようとするとき、こうしたいというアイデアがたくさんあるかもしれません。問題は、Photoshopの使い方が分からないことで、望んでいるデザインを実現するために、細かい使い方を覚えるのに何時間も費やすことになってしまいます。簡単そうに見えて時間がかかることも多く、イライラしてしまうかもしれません。
Photoshopをうまく理解するために、ここでは基本となる機能や使い方をまとめてご紹介します。これらのポイントを押さえておくことで、よりスムーズなPhotoshopによるデザイン制作を行うことができるようになります。
Photoshop
For Life
“The Ultimate Guide to
Cutting Stuff Out in Photoshop”
覚えておきたいフォトショップの基本機能
※ マークは、切り抜きの詳細レベルを表しており、多いほどより細かい部分まで対応できます。
※ 左上のナビメニューより各ツールの詳細へ移動することもできます。
基本その１ 画像の開き方
Photoshopで画像を開くには、メインメニューより「ファイル」>「開く」を選択し、画像を保存しているフォルダからお好みの画像を選択しましょう。
ショートカットを利用するときは、Ctrl / Command + Oでファイル選択用ポップアップが表示されます。
基本その２ レイヤーを知ろう。
レイヤー機能を利用すれば、よりクリエイティブな表現が可能となります。ファイルは、複数のレイヤーから構成されており、各レイヤーごとがアートワークの一部となっています。透明のフィルムに、一枚ずつパーツが配置されていると考えると分かりやすいかもしれません。
各レイヤーをクリックで自由に移動できるように、「レイヤーの選択」をしておきましょう。ツールバーより「クイック選択ツール」(ショートカット: V）を選択し、オプションバーの「自動選択」にチェックを入れ、「レイヤー」に設定して置きましょう。これで、「移動ツール」を利用して各レイヤーを移動できるようになりました。
基本その３ ズーム機能の使い方
細部まで作り込まれたグラフィックやイラストを編集するときに、ピクセル単位で細かく調整するために、ズーム機能が必要になるかもしれません。
さまざまな方法がありますが、基本的な方法として、ツールバーより「クイック選択ツール」(ショートカット: Z）を選び、ズームしたい個所を選択しましょう。
特定のエリアを拡大したいときに便利なショートカット Space + Ctrl / Command + クリック/ドラッグ。左右にドラッグすることでズームイン/アウトできるので、細かい作業では拡大し、編集語はズームアウトで全体のデザインを瞬時に確認することができます。
通称バードアイビュー。カンバスをズームアップして作業をしているときなど、瞬時に別の箇所やパーツに移動したいときがあります。そんなときは、Hを押しながらクリックすることで、全体表示するだけでなく、カーソルを移動させた場所をピンポイントズームアップしてくれます。
ズームイン / アウトは、さまざまな方法で実現できる機能のひとつ。元のサイズに戻したいときは、Ctrl / Command + 0でスクリーンサイズ全体に、Ctrl / Command + 1で等倍サイズに戻すことができます。
基本その４ 手軽に複製コピー
複製したいレイヤーを選択したら、Alt/Optionを押しながらドラッグすることで、簡単にレイヤーをコピーすることができます。また、まとめて複数のレイヤーを複製することもできるので、覚えておきたい作業スピード時短テクニックのひとつです。
基本その５ ワークスペースのカスタマイズ
Photoshopでは、異なるデザインの目的に応じて、ウィンドウの配置を変更し、自分だけのワークスペースを作成することができます。
メインメニューより「ウィンドウ」>「ワークスペース」を選択し、お好みのワークスペースのスタイルを決めることができます。カスタマイズしたワークスペースは保存しておくことで、いつでも作業環境を復元することも可能です。
より使いやすい作業環境を整えるために、Photoshopにはたくさんの拡張機能が公開されています。用途に応じてパネルを追加、拡張することもできます。
基本その６ 環境設定を整えよう。
よりPhotoshopを使いやすくするために、いくつかの設定をあらかじめしておくと便利です。メインメニューより「Photoshop」>「環境設定」（Windowsでは「編集」>「環境設定」）より各種設定を行うことができます。
ウェブデザインでは基本的にpxでサイズを表すことが多いので「環境設定」より「単位・定規...」を選択し、「定規」と「文字」の単位を「px」に変更すれば完了です。
画像または要素を正確に配置したり、整列させたいときはガイド機能を活用しましょう。特に設定は必要ありませんが、使いやすい環境にしておくことで、作業をより効率することができます。
「環境設定」>「ガイド・グリッド・スライス」を選択し、「グリッド線」と「分割数」を10に設定しましょう。
こうしておくことで、要素を並べやすくなりました。グリッド線はCommand + @で表示・非表示の切り替えが可能です。
基本その７ 配色について
Photoshopでは、手軽に配色を設定することができ、RBGやCMYK、Pantoneなど複数のスタイルに対応できます。
また、描画色と背景色を設定したり、よく利用する色をスウォッチとして保存することもできます。ツールバーの描画色パレットをクリックすることで、カラーピッカー機能をいつでも呼び出すことができます。
基本その８ ブラシを活用しよう。
Photoshopのブラシツールは、よりリアルに魅せ、質感を追加することができる素晴らしい機能です。ブラシには、水彩ペイント風からスプレー、墨絵などさまざまな種類が揃います。ツールボックスより「ブラシツール」を選択するか、F5でブラシパネルを表示できます。
基本その９ 文字テキストを利用しよう。
文字テキスト機能を利用すれば、プロジェクトで使用されているフォントを簡単に変更できます。ツールボックスより「横書き文字ツール」を選択、またはTで文字パネルを表示することができます。
テクニック10 フィルター機能
Photoshopには、アートワークやデザインに追加できるビジュアルエフェクト用プリセットが多数が用意されています。よく利用するものとして、「ぼかし」や「シャープ」などがあります。メインメニューより「フィルター」を選択することで、各種フィルターを適用することができます。