この記事を読むのに必要な時間は約 9 分です。
こんにちは、「ゼロから始めるPhotoshop」略して「ゼロフォト」講座の#02を始めます。
当講座ではサンプル画像を使用し、遊びながらPhotoshopの基本操作をざっくりと解説します。
この記事の目次
下記にサンプル画像を置いています。
「ダウンロード」ボタンをクリックして「ps_02_sample.zip」をダウンロードしてください。
#01で作成した新規psdと同じフォルダに置いてください。
真っ白のPSDファイルに練習用画像を配置します。
フォルダに置いている画像をPhotoshopのキャンバスにドラッグ＆ドロップして配置する方法です。
楽です。
[ ファイル ] → [ 埋め込みを配置 ] → [ 埋め込み配置ダイアログ ] → [ 画像選択 ] → [ 配置 ]
こちらでも画像を配置できます。
ドラッグ＆ドロップ、メニュー使用、お好みの方法で構いません。
画像を配置後に画面上部の[ 〇 ]をクリックまたは[ Enter ]を押して画像の配置を確定します。
[ × ]をクリックまたは[ Esc ]を押すと配置のキャンセルができます。
画像をいじる前に、画面の操作をしてみます。
拡大・縮小、キャンバスの移動はフォトショで頻繁に使う機能なので真っ先に覚えておきます。
画面の拡大・縮小には「ズームツール」を使います。
ツールバーに虫眼鏡アイコンの「ズームツール」がありますが、一切使いません。
頻繁に使う操作なのでショートカットで覚えておくと便利です。
[ Ctrl ] + [ スペース ] + [ 右へドラッグ ]
または
[ Ctrl ] + [ + ]
[ Ctrl ] + [ スペース ] + [ 左へドラッグ ]
または
[ Ctrl ] + [ – ]
[ Ctrl ] + [ 1 ]
拡大、縮小を使ってキャンバスサイズを100%にすると面倒なので便利です。
[ Ctrl ] + [ 0 ]
こちらもよく使う画面なのでショートカットを覚えておくと作業効率化に繋がります。
[ Space ] + [ ドラッグ ] でキャンバスを任意の方向に移動できます。
ツールバーに「手のひらツール」がありますが、上記方法を知っておくと触る必要がありません。
で、このフリックパン、好みが分かれそうな動きですね。
この挙動が好きな方は読み飛ばしてください。
マリオみたいな慣性は不要、フリックパンを解除したい方は下記手順で解除できます。
[ Ctrl + K ] → [ 環境設定 ] → [ ツール ] → [ フリックパンを有効にする ]のチェックを外す
それでは配置した写真に落書きをしてみましょう。
落書きと言えばブラシ、ブラシツールを使って写真に落書きをします。
[ B ]を押してブラシツールに持ち替えます。頻繁に使う機能なのでショートカットで覚えておくと便利です。
ブラシアイコンではなく、〇に斜線が付いたアイコンになり一切操作ができません。
配置した画像の形式が「スマートオブジェクト」になっているからです。
スマートオブジェクトであるかを見分ける方法です。
[ レイヤーパネル ]を見てみましょう。表示されていない方は[ F7 ]を押して[ レイヤーパネル ]を表示させます。
レイヤーサムネイルの右下に小さなアイコンが確認できます。
小さくて少し分かりづらいですが、このアイコンが付いているものが「スマートオブジェクト」です。
スマートオブジェクトに落書きできるようにするには「ラスタライズ」の必要があります。
※尚レイヤーを使えば簡単に解決できますが、レイヤーは次の#03 レイヤーにつ
いてで解説しますので、レイヤーを使わずに進めていただければと存じます。
[ レイヤーパネル ] → [ ps_02_sampleを右クリック ] → [ レイヤーをラスタライズ ]でラスタライズできます。
ラスタライズされたレイヤーは直接編集が可能です。
あとはブラシツールで存分に落書きしてください。
ブラシの色を変更したい場合は[ カラーパネル ]を使って色を変更してください。
後にスマートオブジェクトについて詳しく解説しますが、スマートオブジェクトの特徴を簡単に解説します。
下記画像はスマートオブジェクトとラスタレイヤーの画像を縮小→拡大したものです。
スマートオブジェクトの場合、画像に劣化がありません。反面ラスタレイヤーは拡大・縮小・回転等によって劣化が発生します。
スマートオブジェクトは細かな拡縮・回転調整が必要な制作に強いのが特徴です。
先の落書きで経験された通り、スマートオブジェクトは直接編集ができません。
※スマートフィルタ等を追加することが可能です。詳しくは後の講座で解説します。
スマートオブジェクトは元ファイルのデータを全て保持したファイルなので、ファイルサイズが重くなりがちです。
写真加工などをする場合は、元の写真はスマートオブジェクトで保持し、フィルタやレイヤーで調整を加えていくのが一般的です。
がっつり元画像に直接手を加える必要がある場合はラスタライズします。
画像の配置と頻繁に使うショートカット、Photoshop操作の第一歩です。
またスマートオブジェクトとラスタレイヤー、似てて非なるモノです。違いの概要を理解して使い分けるようにします。
おつかれさまでした。
次回の講座内容はレイヤーについて解説します。
レイヤー機能はフォトショをより効率的に使う為になくてはならない機能の一つです。
レイヤーの概念と操作方法についてゼロから詳しく解説します。
Photoshopを最安で購入するには
Photoshop（フォトショップ）を持っていない方は、下記から最安値で購入できます。
断然オンラインコード形式がオススメ、購入したらすぐにダウンロード&使用可能です。
学生の方や教職員の方なら断然学割価格のコンプリートプランがオススメ！公式サイトよりも安く買うことができます。
なおPhotoshop単品はコチラから最安値で購入できます。
Photoshopをはじめ、Illustrator等の様々なアドビ製品をお得に始める方にピッタリですよ。12か月間使い倒しましょう！
上記以外の方は一般向けのコンプリートプランが最安値です。
Photoshop単品はコチラから最安値で購入できます。
Photoshopで自身の発想をドンドンビジュアル化し、デザイン制作を通して人生を大いに楽しみましょう！
下記にフォトショ、イラレを最安値で導入できる手順を記載しております。
本業が教えるイラレとフォトショ講座の目次は下記から。
