作業がグッと捗る、取り入れたいPhotoshop時短テクニック17個まとめ
24 Tips, Tricks, and Hacks for Adobe Photoshop CC
Photoshopのデザイン制作をスピードアップできる、あまり知られていない時短テクニック17個をまとめてご紹介します。デザイナーが覚えておきたい、ショートカットキーを使ったテクニックを中心に、よりスムーズなデザイン体験を実現することができます。
参照元@ : 28 Powerful Hidden Tips, Tricks, Features! - TutVidコンテンツ目次
小技テク1 文字入力の決定を素早く行う。
小技テク2 ブラシ設定をドラッグのみで行う。
小技テク3 HUDカラーピックをカンバス上で表示する。
小技テク4 Photoshop以外から色を抽出する方法。
小技テク5 部分的にのみ色を置き換える。
小技テク6 ペンツールのラバーバンド機能。
小技テク7 透明ピクセルをロックする。
小技テク8 ドロップシャドウを自由に動かす。
小技テク9 デザインをCSSに変換する。
小技テク10 合成画像を読み込む。
小技テク11 結合部分をコピーする。
小技テク12 スキントーンで色域指定する。
小技テク13 コピースタンプの角度を変更する。
小技テク14 ダイアログボックスを一発で初期化。
小技テク15 レイヤーパネルのオプション機能について。
小技テク16 デザインスペースを有効にする。
小技テク17 レイヤーの描画モードを素早く変更する方法。
ステップ1 文字入力の決定を素早く行う。
文字入力後に、オプションバーの決定ボタンを押す代わりに、Command / Ctrl+Returnを押すことで、素早く文字入力の決定を行うことができます。特に利用する機会の多いテクニックのひとつと言えるでしょう。
ステップ2 ブラシ設定をドラッグのみで行う。
選択しているブラシサイズや硬さを調整したいときは、Mac ではControl+Option 、WindowsではAlt+右クリックを押したまま、マウスを左右にドラッグすることで、ブラシサイズを直感的に変更することができます。
同様に、Control+Optionを押しながら、マウスを上下にドラッグすることで、ブラシの硬さを変更することができます。硬さを低く設定することで、淡い水彩ペイントのような質感、高く設定することで、ベタ塗りペイントとなります。
ステップ3 HUDカラーピックをカンバス上で表示する。
手軽にカラーピッカーを表示させる方法として、Control+Option+Commandを押しながら、カンバス上をクリックしましょう。
内側の四角形で、「色相」を選択したら、Spaceバーを押すことで色相を固定し、マウスカーソルを移動させ、再度Spaceバーを離すことで、外側のサークル円より「色合い、彩度」を選択することができます。
HUDカラーピッカーのスタイルを変更したいときは、Command+Kで環境設定を開き、「HUDカラーピッカー」のドロップダウンより、お好みの項目を選択することもできます。
ステップ4 Photoshop以外から色を抽出する方法。
デザインを作成しているときに、他のウェブサイトの配色などを参考にしたいと思うと、そのページのスクリーンショットを撮り、Photoshopに読み込むといった手順が必要です。
その代わりに、ツールパネルより「スポイトツール
」を選択し、カンバス内を一度クリックしてから、Commandを押しながら、Photoshopの外までドラッグすることで、自由に色を抽出し、描画カラーとして利用することができます。同様に、Optionを代わりに押すことで、背景カラーを選択できます。
ステップ5 部分的にのみ色を置き換える。
見落とされがちな Photoshop のパワフルな機能のひとつ。ツールパネルより「色の置き換えツール
」を選択し、オプションバーよりモード「色相」および「カラー」、制限「隣接」に設定しましょう。
ヒストリー数を大きく設定すると、Photoshopのパフォーマンスに影響が出て、処理速度が遅くなることがあります。プロジェクトに応じて、細かく設定すると良いでしょう。
お好みの描画カラーを選択し、色を置き換えたい部分を、ブラシ中心部分の十字ポイントでなぞるように、すこしずつペイントしていきましょう。これで色相に応じたエリアのみを、手軽にペイントすることができます。はみ出てしまうときは、「許容値」を調整してみると良いでしょう。
ステップ6 ペンツールのラバーバンド機能。
こちらもあまり使われていない、Photoshop のパワフルツールのひとつ。ツールパネルより「ペンツール
」を選択し、オプションバーの歯車アイコンをクリックし、「ラバーバンド」にチェックを入れましょう。
こうすることで、クリックしてポインターを移動しているときに、次にどこにパスを打つことができるか確認でき、パスセグメントプレビュー機能として利用することができます。
ステップ7 透明ピクセルをロックする。
独立するいくつかのレイヤーを同時に編集しているとき、一部のレイヤーのみで行いたいことがあります。そんなときは、レイヤーパネルより編集したいレイヤーを選択し、「透明ピクセルをロック」を活用してみましょう。
「すべてをロック」とは異なり、選択したレイヤー内のみ編集できるようになり、間違って他のレイヤーを触ってしまうのを防ぐことができます。
ステップ8 ドロップシャドウを自由に動かす。
レイヤースタイルで適用したドロップシャドウを、より自由に移動させることができるテクニック。メインメニューより「レイヤースタイル」>「ドロップシャドウ」を選択し、サイズや距離などを設定しましょう。
カンバス上に作成されたドロップシャドウを、直接ドラッグすることで、自由な場所に配置することができます。
ステップ9 デザインをCSSに変換する。
レイヤースタイル機能を利用し、編集された文字テキストは、コーディングに活用できるCSSファイルに置き換えることができます。レイヤーパネル上より、レイヤースタイルを適用したテキストレイヤーを選択し、メインメニューより「レイヤー」>「CSSをコピー」をクリックしましょう。
Command+Vで文字テキストをペーストした様子がこちら。すべてのスタイルに対応できるわけではありませんが、Photoshopのデザインをつかって、コーディングをはじめやすい環境を整えてくれます。
ステップ10 PSDファイルの代わりに、合成画像を読み込む。
ひとつのPSDファイルで長時間作業を続けていると、ファイルサイズが大きくなりすぎて、Photoshopの動きがもたついてしまうという経験はないでしょうか。そんなときは、Alt/Option+Shiftを押しながらファイルを開いてみましょう。
こうすることで、すべてのレイヤーをひとつに結合した、合成画像を読み込むことができるので、最終デザイン調整段階などで、活用したいテクニックと言えます。
ステップ11 結合部分をコピーする。
複数のレイヤーで作成されたPSDファイルを編集しているとき、一部分のみを切り取り、背景デザインなどに使いたいときに便利なテクニック。ツールパネルより「長方形選択ツール
」を選択し、お好みの選択範囲を指定したら、メインメニューより「編集」>「結合部分をコピー」を選択しましょう。
新規ファイルを開き、Command+Vでペーストすると、選択された範囲内のレイヤーすべて結合し、ひとつのレイヤーで表示します。
ステップ12 スキントーンで色域指定する。
選択範囲を指定する方法はたくさんありますが、人物モデルを選択したいときは、「スキントーン」での指定を行うことができます。メインメニューより「選択範囲」>「色域指定」を選択しましょう。ポップアップが表示されたら、「スキントーン」を選択し、OKボタンを押しましょう。
実際に選択範囲を指定した様子がこちら。今回は背景まで選択されてしまっていますが、特に背景が白だけの場合などは、手軽で強力なツールとなるでしょう。
ステップ13 コピースタンプツールの角度を変更する。
画像からゴミやキズなどの、不要な部分をきれいに取り除いたり、複数の画像を合成できるコピースタンプツール。しかし、角度の異なる部分をコピーすると、不自然な合成となってしまうことがあります。
そんなときは、まずメインメニューより「ウィンドウ」>「コピーソース」を選択し、開いたパネル上の「コピーソースを回転」部分を、デザインに応じて調整しましょう。横に配置された矢印アイコンをクリックすることで、値を初期化することもできます。
ステップ14 ダイアログボックスを一発で初期化。
Photoshopのトーンカーブ機能を利用して、写真加工などを行うときに、設定がぐちゃぐちゃになったので一度リセット、初期化したいということがあります。そんなときは、Alt/Optionを押すと、キャンセルボタンを初期化ボタンに変更することができます。
こうすることで、一度キャンセルボタンでダイアログボックスを閉じ、再度トーンカーブを選択するといった、手間を省くことができます。どんな種類のダイアログボックスにも対応したテクニック。
ステップ15 レイヤーパネルのオプション機能について。
レイヤースタイルを適用し、手の込んだ文字レイヤーを複数扱っているとき、スタイルの種類がすべて表示されてしまい、ドキュメント全体を確認しづらいことがあります。また、文字レイヤーを複製するたびに、「〇〇のコピー」というワードが追加されてしまう。そんな問題を解決したいときは、レイヤーパネル上で右クリック>「パネルオプション」を選択しましょう。
「新規効果とフィルターを拡張表示」のチェックを外すことで、すべてのレイヤースタイルを閉じた状態で、「コピーしたレイヤーとグループに「コピー」を追加」のチェックすを外すことで、「〇〇のコピー」問題を解決できるでしょう。その他にも、サムネールサイズの変更なども行うことができます。
ステップ16 デザインスペースを有効にする。
Photoshopの豊富すぎる機能は、はじめての人にとっては、操作がややこしいツールに思えるかもしれません。そんなときは、最新テクノロジーを盛り込み、開発中の「デザインスペース」機能を活用してみましょう。まずCommand+Kをクリックし、環境設定パネルを表示しましょう。項目より「テクノロジープレビューを選び、「デザインスペースを有効にする」にチェックを入れましょう。
OKボタンを押すと、よりシンプル化されたPhotoshopを利用することができます。現在人気が上昇している、Sketchにも似た分かりやすいインターフェースは、初心者のひとにもオススメです。また、メインメニューより「ウィンドウ」>「標準のPhotoshopに戻る」をクリックすることで、自由にレイアウトを切り替えることも可能です。
ステップ17 レイヤーの描画モードを素早く変更する方法。
選択しているレイヤーの描画モードを手早く変更する方法として、Shiftを押しながら、+をクリックすることで、描画モードを順次切り替えることができます。それとは別に、描画モードには個別のショートカットキーが用意されています。よく利用する描画モードだけでも覚えておくと、より作業をスムーズに行うことができるでしょう。
ステップ20 意外と知らない、Photoshop CCの隠し小技テクニックまとめました。
前回まとめた小技テクニック20個も、参考にしてみてはいかがでしょう。
Photoshopの小技を確認参照元リンク : 28 Powerful Hidden Tips, Tricks, Features! - TutVid
画像ファイル : BigStockPhoto