Photoshop入門編 第１回

まずはここから！基本設定と使い方

まず体験版をDLしよう！

Photoshopを使うには、Adobeの公式サイトからソフトをダウンロードする必要があります。 学割や年間契約など、いろんな料金体系があるので、自分に適したプランで契約するようにしましょう。

まずは１ヶ月の無料体験版をダウンロードしてみましょう。

h"ps://crea+ve.adobe.com/ja/products/download/photoshop

Photoshopって？

Photoshopでできること

Photoshopでは、主に以下のような作業を行うことができます。 　 写真加工・編集　　　　デザイン　　　　　　Web制作 その中でもPhotoshopが得意としているのは、写真加工・編集です。

PhotoshopとIllustratorの違い

写真の編集・加工 に向いている

イラストやロゴの作成 に向いている

例えば、写真を使ったポスターを作成する場合であれば、一般的には １. Illustratorでロゴを作成 ２. Photoshopで写真の編集・加工 ３. Illustratorでテキストなどを配置 というように、それぞれのソフトの特性を活かしながら作成されます。また、職種によってどちらのソフトを主に使用するかという違いもあります。

特性の違い

Illustratorはベクター画像と呼ばれる、点座標や線の方程式で画像を表現します。

ビットマップ画像とベクター画像の違い

Photoshopはビットマップ画像と呼ばれる、ドット絵のような小さな四角形の集まりで画像を表現します。

ビットマップ画像  拡大すると画像が粗くなる

ベクター画像  拡大しても画像が粗くならない

Photoshopはビットマップ画像となるので、あまり拡大してしまうとギザギザの画像になってしまいます。そのため、何かを作成するときは原寸大で作成することを強くおすすめします。 指定サイズよりも小さく作ってしまった場合、拡大されて粗い画像となってしまうので、サイズには注意してください。

デザインするとき気をつけること

Photoshopでは画像をあまり拡大・縮小してはダメ！

基本設定をしよう

基本設定は動画でどうぞ！

1.    単位をpx（ピクセル）に設定  

2.    ガイド（定規）の設定  

3.    「自動設定」でレイヤーを選択する設定  

4.    プレビューアイコン・拡張子の設定  

はじめはなんのことかわからなくても、とりあえずこの通りに設定してみてください。笑

単位をpxに設定しよう

まずは画像のサイズを決める際に必要な 「単位」の設定から始めましょう。 Photoshopには、mm、inch、pointなど複数の単位があり、初期設定では「mm」になっています。 Webの世界では基本的に「pixel」でサイズを表すので、変更しておきましょう。

1.  メニューバーから「Photoshop」を選択し、 「環境設定」⇒「単位・定規…」を選択します。

単位をpxに設定しよう

2. 単位の囲いの中の「定規」「文字」を「pixel」に設定します。

単位をpxに設定しよう

1. 「環境設定」⇒「ガイド・グリッド・スライス」を選択 メニューバーから「Photoshop」を選択し、「環境設定」⇒「ガイド・グリッド・スライス」を選択します。 2. 「グリッド線」「分割数」を「10pixel」に設定 100px四方あたりを、どれくらいの間隔で分割するかを設定します。また、グリッド線は画像の上に重なって表示されるため、線は見えやすい色に変更しておきましょう。 グリッド線は「command」+「＠」で表示・非表示を切り替えられますので、邪魔になってもすぐに非表示にできます。

ガイド（定規）の設定

Photoshopには「レイヤー」という概念があります。 透明のフィルムのようなものを重ねて、その1枚1枚に絵を書いたり、写真を載せたりしていくイメージになります。 下の図でいえば、見た目は「背景＋猫＋テキスト（下町ぶらり）」という画像ですが、実際は「背景」「猫」「テキスト（下町ぶらり）」の3つのレイヤーが重なっていることになります。

「自動選択」でレイヤーを選択する設定

1. 「移動ツール」を選択 ツールパネルの一番上にある矢印「移動ツール」を選択します。

2.  「自動選択」にチェックを入れる 画面上部ツールオプションバーに「自動選択」というチェックボックスがあるのでチェックを入れます。 3.  「レイヤー」に設定 「自動選択」の隣のプルダウンを「レイヤー」に設定します。

「自動選択」でレイヤーを選択する設定

1. 「環境設定」⇒「ファイル管理」を選択 メニューバーから「Photoshop」を選択し、「環境設定」⇒「ファイル管理」を選択します。 2. 「プレビュー画像」を「必ず保存」に設定 「ファイルの保存オプション」という囲いの中の「プレビュー画像」を「必ず保存」に設定します。 3. 「ファイル拡張子」を「必ず追加」に設定 「ファイル拡張子」も「必ず追加」に設定します。

プレビューアイコン・拡張子の設定