デザインにおいてクオリティは当然大事ですが納期、スピードを考慮することも非常に大事です。
しかしグラフィックソフトは機能が充実しているために、上手く使いこなせないという人も少なくありません。
特に写真加工でおなじみのPhotoshopは、同じAdobe社のIllustratorと比較しても機能性が高く使いこなせるようになるまでは時間がかかります。

例えば、よくデザイン作業で行う処理の中に切り抜き、画像補正がありますがこれらの処理だけでも何通りもの方法があります。
単純な作業にものすごく時間がかかってしまった、という経験が一度は誰しもあるはずです。

今回は意外に知らない方も多いPhotoshopの小技的使い方を3つご紹介します。これらを覚えて活用すればPhotoshopのスキルアップはもちろん、作業スピードを格段にアップすることも可能です。
いずれも使用頻度の高いものですので、使ったことがないという方は是非お試しください。

1.アクションを使ってPSDから一気に画像を保存する方法

この方法では、Photoshopでアクションを作成しいくつかのPSDファイルから一括でJPEG画像を出力します。
デザイン違いでバナーが複数必要になったり、ホームページのデザインで画像を多数扱うという機会は非常に多いので知っておくととても便利です。
一度設定すればいつでも使うことができますので、気になる方は作っておくのがオススメです。

ステップ1:画像出力するためのアクションを作成する

まずは、Photoshopのアクションを作成します。
アクションとは動作を記録して、再生すると同じ動作をする機能のことです。

①Photoshopを起動し、「ウインドウ」→「アクション」とクリックします。

②アクションパネル内のアイコンをクリックし、新規アクションを作成します。
アクションダイアログが立ち上がったら、アクション名、セットを入力します。ここでは、アクション名:画像保存、セット:オリジナルに設定します。
設定が終わったら「記録」をクリックします。
tips1

③アクションパネル下部に記録状態を意味する赤い丸アイコンが出現します。
tips2

④「ファイル」→「開く」とクリックし、用意しておいたPSDファイルを1つ開きます。
tips3

⑤「ファイル」→「別名で保存」とクリックし、ファイル名はそのままJPEG形式で保存します。
tips4

⑥「ファイル」→「閉じる」とクリックし、先程の記録ボタン横にある「停止」ボタンをクリックします。
これでPhotoshopアクションが記録されました。
tips5

ステップ2:ドロップレットを作成する

続いて、ドロップレットを作成します。
ドロップレットを作成するとディスク上にドロップレットアイコンを置くことができ、これに画像ファイルをドラッグ&ドロップすることで手軽にアクションを適用することができます。

①「ファイル」→「自動処理」→「ドロップレットを作成」とクリックします。
「選択」ボタンを押すと保存場所を決めることが可能です。
tips7

ここでは、保存場所にデスクトップを指定し「画像保存」というドロップレットを作成します。
tips8

<実行>「”開く”コマンドを無視」にチェックを入れた状態で、先程準備したアクションを実行します。
<実行後>「”別名で保存”コマンドを省略」にチェックを入れ、「保存して閉じる」を選んでください。
デスクトップを見てドロップレットのファイルがあればこの手順は完了です。
tips9

ステップ3:PSDファイルをドロップして画像を保存する

これで画像を保存する準備は整いましたのであとはファイルをドロップするだけで画像保存を一括でおこなうことができます。

①PSDファイルを一つのフォルダにまとめ、先程のドロップレットにドラッグ&ドロップします。
すると処理が始まりますので、しばらく待ちます。
tips10

②処理が終わったあとフォルダを確認すると、全てのPSDファイルから画像をJPEGで出力してくれています。
tips11
tips12
ちなみに、今回の例ではPSDファイルとJPGファイルを同じフォルダに保存しましたが分けることも可能です。
先の手順にあった「ドロップレットを作成」で[フォルダー]を指定すれば、お好きなフォルダに保存することができます。大量に処理する場合には一緒になると後々手間がかかることもありますので、分けておくのがオススメです。

2.レイヤーマスクで面倒な切り抜きを簡単にする方法

Photoshopで切り抜きをおこないたい時に、複雑すぎるデザインの場合うまく切り抜きができない場合があります。
そんな時にレイヤーマスクを使うと、簡単で綺麗に切り抜きをおこなうことが可能です。

ステップ1:画像にマスクをつけて透かす

①Photoshopを起動して画像を開きます。処理をおこないたい画像の上で右クリックをし、複製をおこないます。
2tips1

次に元画像の背景を複製して、レイヤーパネルからマスクをつけます。
2tips2

②マスク部分でAltを押しながらクリックすると画像がマスクになります。

③初めの画像を「選択範囲」→「すべて選択」で選択して、マスク部分に放り込みます。
2tips3

④マスクに「イメージ」→「色調補正」→「階調の反転」をおこなうと不要な部分が透けます。
2tips4
2tips5

これで、複雑な画像も簡単に不要な部分を取り除くことができます。
2tips6

ステップ2:色が薄いと思ったらレイヤーを濃くしたい分複製する

⑤色が薄くなってしまった場合には、濃くしたい分だけレイヤーを複製し統合すれば濃くすることができます。
2tips7

3.グラデーション機能を使って写真の明るさを部分的に補正する方法

写真を撮影していざ使おうというときに、よく写真の端だけが真っ暗に写っていることがあります。(今回サンプルに使う画像は、意図的に暗く加工しています)
そんな時、全体的に必要ない部分まで処理してしまうと写真全体が明るくなりすぎてしまうので、部分的に修正する必要があります。

実際に全体を明るくした画像をご覧頂くと分かるとおり、やはり黒い部分はそのまま残っています。
3tips1

このような場合には、グラデーション機能を使えば写真の一部だけを自然に補正することが可能です。
3tips2

ステップ1:写真の暗い部分にグラデーションを適用する

①Photoshopを起動し、処理をおこないたい写真を用意します。

②新規レイヤーを作成し、グラデーションを適用します。
この時、グラデーションを明るくしたい部分にだけ適用するのがポイントです。
また、グラデーションの色は描画色から透明に設定してください。
3tips3

指定する色は何色を使っても問題ありません。

ステップ2:グラデーション部分を選択する

③グラデーションをかけたレイヤーに選択範囲を作成します。
画像のように、グラデーションがかかった部分のみ選択してください。
この選択範囲のみが明るくなります。
3tips4

ステップ3:トーンカーブで色調補正する

④元の画像を選択し、普通通りトーンカーブで明るさを補正します。
ぼかしを取り入れつつ、暗くない部分の明るさに合わせて色調を整えていきます。
この際に「イメージ」→「色調補正」→「トーンカーブ」と選んでもいいのですが、元々の画像に補正を加えてしまい戻すことができませんので「レイヤー」→「新規調整レイヤー」→「トーンカーブ」と選択するのがオススメです。
これで、選択範囲外はそのままにグラデーションをかけた部分だけが明るくなりました。
3tips5

まとめ

以上、Photoshopの小技的使い方を3つご紹介しました。
いかがでしたでしょうか。

なかなか面倒な単純作業、切り抜きといった細かな作業はよくあるやり方でやっていてはどうしても時間がかかってしまいます。
普段よくおこなう基本的な処理を見直せば驚く程効率がよくなりますので、Photoshopをなんとなく使っているという方は一度検討してみる必要があります。

今回取り上げた3つの方法はいずれも現場で活用しやすく作業的にも簡単なものですので、是非活用してみてください。

このニュースを読んだあなたにおすすめ

Photoshop初心者必見!Photoshopを使いこなすために知っておくべき情報まとめ
【2015年版】商用無料の人気フリーフォント35選
【必須スキル】2015年は入力速度を上げる!見ないで打てる簡単タイピング術

このニュースに関連するカリキュラム

LPOに関するカリキュラム

LPOに関するカリキュラム

LPOに関して、カリキュラム形式で学びましょう