【ゼロから始めるPhotoshop #02】ざっくり触ってみる

こんにちは、「ゼロから始めるPhotoshop」略して「ゼロフォト」講座の#02を始めます。

当講座ではサンプル画像を使用し、遊びながらPhotoshopの基本操作をざっくりと解説します。

練習用画像のダウンロード

下記にサンプル画像を置いています。

「ダウンロード」ボタンをクリックして「ps_02_sample.zip」をダウンロードしてください。

ダウンロードしたzipファイルを解凍します。
#01で作成した新規psdと同じフォルダに置いてください。

練習用画像をPSDに配置する

真っ白のPSDファイルに練習用画像を配置します。

ドラッグ&ドロップで配置

フォルダに置いている画像をPhotoshopのキャンバスにドラッグ&ドロップして配置する方法です。
楽です。


メニューから配置

[ ファイル ] → [ 埋め込みを配置 ] → [ 埋め込み配置ダイアログ ] → [ 画像選択 ] → [ 配置 ]
こちらでも画像を配置できます。
ドラッグ&ドロップ、メニュー使用、お好みの方法で構いません。

[ 〇 ]または[ Enter ]で配置の確定

画像を配置後に画面上部の[ 〇 ]をクリックまたは[ Enter ]を押して画像の配置を確定します。
[ × ]をクリックまたは[ Esc ]を押すと配置のキャンセルができます。

画面を操作に慣れる

画像をいじる前に、画面の操作をしてみます。
拡大・縮小、キャンバスの移動はフォトショで頻繁に使う機能なので真っ先に覚えておきます。

画面の拡大・縮小

画面の拡大・縮小には「ズームツール」を使います。
ツールバーに虫眼鏡アイコンの「ズームツール」がありますが、一切使いません
頻繁に使う操作なのでショートカットで覚えておくと便利です。

画面の拡大

[ Ctrl ] + [ スペース ] + [ 右へドラッグ ]

または

[ Ctrl ] + [ + ]

画面の縮小

[ Ctrl ] + [ スペース ] + [ 左へドラッグ ]

または

[ Ctrl ] + [ – ]

キャンバスを100%表示

[ Ctrl ] + [ 1 ]

拡大、縮小を使ってキャンバスサイズを100%にすると面倒なので便利です。

キャンバスを画面いっぱいに表示

[ Ctrl ] + [ 0 ]

こちらもよく使う画面なのでショートカットを覚えておくと作業効率化に繋がります。

キャンバスを移動

[ Space ] + [ ドラッグ ] でキャンバスを任意の方向に移動できます。

ツールバーに「手のひらツール」がありますが、上記方法を知っておくと触る必要がありません。

手のひらツールでキャンバスを移動した際、デフォルト設定だとフワァ~っと慣性スクロールします。
「フリックパン」という機能です。
で、このフリックパン、好みが分かれそうな動きですね。
この挙動が好きな方は読み飛ばしてください。
マリオみたいな慣性は不要、フリックパンを解除したい方は下記手順で解除できます。
[ Ctrl + K ] → [ 環境設定 ] → [ ツール ] → [ フリックパンを有効にする ]のチェックを外す

ブラシで落書きしてみる

それでは配置した写真に落書きをしてみましょう。
落書きと言えばブラシ、ブラシツールを使って写真に落書きをします。

ブラシツールを使う

[ B ]を押してブラシツールに持ち替えます。頻繁に使う機能なのでショートカットで覚えておくと便利です。

でも描けない、スマートオブジェクトだから

ブラシツールで描こうとしても描けないかと思われます。
ブラシアイコンではなく、〇に斜線が付いたアイコンになり一切操作ができません。
配置した画像の形式が「スマートオブジェクト」になっているからです。

スマートオブジェクトを見分けるには?

スマートオブジェクトであるかを見分ける方法です。

[ レイヤーパネル ]を見てみましょう。
表示されていない方は[ F7 ]を押して[ レイヤーパネル ]を表示させます。

レイヤーサムネイルの右下に小さなアイコンが確認できます。
小さくて少し分かりづらいですが、このアイコンが付いているものが「スマートオブジェクト」です。

ラスタライズされたレイヤーなら落書き可能

スマートオブジェクトに落書きできるようにするには「ラスタライズ」の必要があります。

※尚レイヤーを使えば簡単に解決できますが、レイヤーは次の#03 レイヤーにつ

いてで解説しますので、レイヤーを使わずに進めていただければと存じます。

[ レイヤーパネル ] → [ ps_02_sampleを右クリック ] → [ レイヤーをラスタライズ ]でラスタライズできます。
ラスタライズされたレイヤーは直接編集が可能です。

あとはブラシツールで存分に落書きしてください。
ブラシの色を変更したい場合は[ カラーパネル ]を使って色を変更してください。

スマートオブジェクトのメリット・デメリット

後にスマートオブジェクトについて詳しく解説しますが、スマートオブジェクトの特徴を簡単に解説します。

画像の劣化を防ぐ

下記画像はスマートオブジェクトとラスタレイヤーの画像を縮小→拡大したものです。


スマートオブジェクトの場合、画像に劣化がありません。反面ラスタレイヤーは拡大・縮小・回転等によって劣化が発生します。

スマートオブジェクトは細かな拡縮・回転調整が必要な制作に強いのが特徴です。

直接編集できない

先の落書きで経験された通り、スマートオブジェクトは直接編集ができません。
※スマートフィルタ等を追加することが可能です。詳しくは後の講座で解説します。

ファイルサイズが大きくなりがち

スマートオブジェクトは元ファイルのデータを全て保持したファイルなので、ファイルサイズが重くなりがちです。

スマートオブジェクト、ラスタレイヤーは用途によって使い分けが大切です。
写真加工などをする場合は、元の写真はスマートオブジェクトで保持し、フィルタやレイヤーで調整を加えていくのが一般的です。
がっつり元画像に直接手を加える必要がある場合はラスタライズします。
Photoshopを導入するには

Photoshop(フォトショップ)を持っていない方は、下記から購入する事ができます。
断然オンラインコード形式がオススメ、購入したらすぐにダウンロード&使用可能です。

学生の方や教職員の方なら断然学割価格コンプリートプランがオススメです!
公式サイトよりも安く買うことができます。
Photoshopをはじめ、Illutrator等の様々なアドビ製品をお得に始める方にピッタリです。
12か月間使い倒しましょう!
上記以外の方は一般向けのコンプリートプランがオススメです。
Photoshopを使って自身の発想をドンドンビジュアル化し、デザイン制作を通して人生を大いに楽しみましょう!

コチラの記事Photoshopを最安で買う方法Photoshopの導入手順を解説しております。

おわりに

画像の配置と頻繁に使うショートカット、Photoshop操作の第一歩です。
またスマートオブジェクトとラスタレイヤー、似てて非なるモノです。違いの概要を理解して使い分けるようにします。

おつかれさまでした。

次回の講座内容はレイヤーについて解説します。フォトショをより効率的に使う為になくてはならない機能の一つです。
レイヤーの概念と操作方法についてゼロから詳しく解説します。

ゼロから始めるシリーズ総合目次

最新情報をチェックしよう!
>デザイナ必須!AdobeCC コンプリートプラン

デザイナ必須!AdobeCC コンプリートプラン

Photoshop、Illustrator、Acrobatなどの定番アプリから、Adobe XD、Dimension、Premiere Rushといった新世代アプリまで、20種類以上のアプリが全て使い放題!
また、15,000以上のフォントが使えるAdobe Fontsや1億点を超えるロイヤリティフリー素材が揃うAdobe Stock(別売)などのサービスも充実。
そんな最強制作ツールを最安値で手に入れよう!

CTR IMG