自然に身につくフォトショップ力 最新お役立ちレシピ、作り方37個まとめ

Style-Transfer-Neural-Filter-After-Banner

 

「いざデザインをしようとすると手が止まる」「使い方はある程度わかるけど、スタイルがいつも同じ」「機能がアップデートされすぎで迷子」、フォトショップをつかったことのある人なら、一度は感じたことがあるかもしれません。

 

今回は、現場で使えるフォトショップの実用テクニックを学ぶ最新チュートリアル、つくり方レシピをまとめてご紹介します。

 

知っておきたい便利な時短テクニックから、フォトショップの最新アップデートで追加された新機能の使い方など、実際に手を動かし手順どおり進めることで、どんな案件でも対応できるスキルを磨きましょう。

 

 

自然に身につくフォトショップ力 最新お役立ちレシピ、作り方37個まとめ

 

シンプルなグリッドパターン柄のつくり方

フォトショップのグリッド機能を活用し、シンプルで印象に残る4種類のグリッドパターンを作成するチュートリアル。完成したパターンは保存し、Webサイトに活用することもできます。

GridPatterns0

 

 

 

目の色を変更する方法

目の部分にのみレイヤーマスクを適用し、調整レイヤーを使えば、どんな色にもスライダーをつかって直感的に変更できる便利テクニック。

change-eye-color-in-photoshop-final

 

 

 

キラキラのグリッターエフェクトを作成する方法

Instagramの投稿などで見かけるソーシャル系デザイントレンドを、フォトショップならではの、ディテールにこだわった魅力的なキラキラエフェクトを作成します。テクスチャを重ね、描画モードを「スクリーン」とするだけのお手軽テク。

glitter-effect-photoshop-tutorial-image

 

 

 

写真を8ビットのピクセルアート風に仕上げる方法

写真から切り抜いた被写体をピクセルアート風に仕上げるチュートリアルで、手順をアクションとして保存しておけば、次回から再生ボタンひとつに。

8bit-pixel-art-convert

 

 

 

ニューラルフィルター機能をつかって、写真にアートスタイルを適応する方法

メインメニュー「フィルタ」>「ニューラルフィルタ」に進み、「スタイルの適用」にチェックを入れましょう。ゴッホや北斎といった世界的な名画スタイルを、ボタンひとつで適用できるAdobe Senseiの人工知能テクノロジーをつかったテクニック。

Style-Transfer-Neural-Filter-After-Banner

 

 

 

フォトショップで写真を違和感なくブレンドする方法

レイヤーマスク機能と人物の自動選択機能が活用された、実用的で応用しやすいチュートリアル。レイヤーの描画モードは「オーバーレイ」の他に、「ソフトライト」、「ハードライト」、「ビビットライト」などを試してみるとよいでしょう。

how-to-blend-images

 

 

 

写真から余計な電線を消し去る方法

写り込んでしまった電線をまるでなかったかのように消し去ることができるテクニック。他の消し去りテクニックと一緒に覚えておきましょう。

Remove-Telephone-Wires-Photoshop-Before

 

 

 

写真の背景を消去しながら、リアルな影は残す方法

レイヤーマスクを反転させた2枚のレイヤーを重ね、「レベル補正」機能で白黒コントラストを表現する、目からウロコなチュートリアル。宝石など特定の色を変更することも可能ですよ。

29-Keep-Shadow-Banner

 

 

 

写真にガラスの反射エフェクトを追加する方法

まるで窓ガラス越しに覗いているような風合いを、テクスチャを利用して手軽に表現するチュートリアル。

28-Glass-Reflection-Banner

 

 

写真にくしゃくしゃにしたエフェクトを追加する方法

テクスチャをただ重ねるのではなく、「置き換え」フィルタを用いることで、どんな写真も配置するだけで超リアルなくしゃくしゃ感を演出できます。PSDファイルでいつでも使えるようにしておくのもアリ。

26-Crumpled-Paper-Banner

 

 

過度な露出で「白飛び」した写真をナチュラルに補正する方法

アップデートが続くCamera RAWフィルタ機能なら、配色やノイズ除去、奥行き感などこまかく個別でカスタマイズでき大変便利。Camera RAWフィルタの具体的な補正テクニックを学びましょう。

30-Overexposed-Banner

 

 

 

ホログラムエフェクトの作り方

SF映画を連想させるホログラムエフェクトを、いくつかのシンプルなPhotoshopテクニックで表現できるチュートリアル。サンプル用PSD、テクスチャ素材も無料配布されています。

PHLEARN-hologram-effect-banner

 

 

 

昼間の写真を夜にしてしまう方法

空の置き換え機能を利用することで、満月がのぼるリアルな仕上がりを実現でき、数クリックのみのシンプルな手順もうれしいです。

turn-day-into-night

 

 

 

すりガラス風エフェクトの作り方

レイヤースタイルとフィルタ機能のみで完成のお手軽チュートリアル。いろいろなグラフィック画像に重ねてみましょう。

simple-frosted-glass-effect-in-photoshop-

 

 

 

ボコボコの水の泡で歪むテキストエフェクトの作り方

まるで水槽を通して見ているような、リアルな歪みをデザインするテキストエフェクト向けチュートリアル。

water-bubbles-distorted-text-effect

 

 

 

ネオン色に輝く光沢クロムテキストのつくり方

鮮やかなネオン色の発色が特長の、80年スタイルのテキストエフェクト。グラデーションレイヤーで自由なカラーリングを設定でき、さらにテクスチャで質感もアップ。

vivid-neon-chrome-660

 

 

 

画面が歪んだグリッチテキスト効果のつくり方

「ゆがみ」フィルタを利用した簡単グリッチエフェクトを、文字テキストやロゴなどにも応用できるチュートリアル。

glitch-text-effect-flatten

 

 

 

モコモコとした毛皮でできたテキストエフェクトのつくり方

ブラシをつかってリアルな毛並みを表現し、レイヤースタイルで手軽にエフェクトを作成できます。

fur-action-text-effect

 

 

 

血がたれたようなホラーテキストエフェクトのつくり方

ハロウィンやホラー映画を連想させる、リアルな立体感を表現する見た目で、フォトショップの基本エフェクトとレイヤースタイルで完成のお手軽さもポイントです。赤からみどり色といったカラー変更もOK。

dripping-text-effect

 

 

 

文字テキストを画像で塗りつぶす方法

よく利用されている人気エフェクトのひとつ、覚えておきたいテクニックです。同時にレイヤー状に重ねることで立体感を演出した、応用テクニックにも便利。

Fill-Text-with-Image-Banner-After

 

 

 

iPad版Photoshopにブラシを追加、インポートする方法

iPadに直接ダウンロードしたPSブラシの追加方法の他に、DropboxやiCloudにパソコンで利用しているお気に入りブラシを保存し、iPadでも利用できるようにする、2つの方法を知りましょう。

brush-on-ipad

 

 

 

フォトショップの文字ツールに関するショートカットキー大全集

文字ツールを扱ううえで便利な時短ショートカットキーを、現役デザイナーが吟味したリスト。数が多いので、自分にあったものを選びましょう。

PS-type-shortcuts-hero-image

 

 

 

エアリーな空気感、質感を表現するフォトショップブラシの作り方

スタンプのようにペタりとするだけで、もやがかった幻想的で、ヴィンテージな雰囲気を演出できる不思議なブラシを、テクスチャ素材をつかって作成します。

create-texture-brush-photoshop-banner-after2

 

 

 

フォトショップ「選択とマスク」使い方完全ガイド

複雑な背景や髪の毛も見事に選択することができる、「選択とマスク」機能の実践的な使い方をサンプル画像をつかって紹介した動画チュートリアル。

Select-Mask-Photoshop-Before

 

 

 

紙が破れた様子をリアルに表現する方法

ペラっとめくれた部分から覗くと、もう一枚の画像が現れるというテクニックで、応用しやすいチュートリアルのひとつ。ここでは環境問題について、2枚の異なる風景が映し出されています。

torn-image-overlay

 

 

 

デジタル・カモフラージュパターンのつくり方

2019年オリジナルのアップデート版で、ある機能を適用するたびにカモフラージュ柄が自動生成されるテクニック。

digital-camo-patterns-photoshop-tutorial

 

 

 

月型の風船をデザインする方法

風船と付きを合成する際に、よりリアルに見せる猫などの被写体への光の当たり具合を調整する方法など、知りたいテクニックがつまった実践チュートリアル。

balloon-moon

 

 

 

ロケットの打ち上げ風景を写真合成する方法

外の植物を撮影した何気ない写真を、ドラマチックにするまでの過程を、手順ごとにサムネイル付きで分かりやすく紹介したチュートリアル。完成までの様子を見るだけでも面白い本格的な作品。

Someday-Tutorial-800x1000

 

 

未知の惑星探索風の超リアルな本格的な写真合成チュートリアル

このチュートリアルで使用している画像ファイルは、すべて無料ダウンロードでき、実際にチュートリアルを試してみるのにもおすすめです。

Begining-of-a-Journey-Photoshop-Tutorial-1-1000x1000

 

 

 

水中を漂うくらげをデザインする方法

まるで部屋全体が水に浸かってしまったような写真合成テクニックで、ポイントはレイヤーの描画モードの設定方法。

Library-Aquarium-Tutorial-1-1000x1000

 

 

 

リアルすぎるくちびるの作り方

ブラシツールで位置から手描きペイントで完成させる、本格的なデジタルペイントを学ぶことができるチュートリアル。まるで写真のようなリアルな光沢感の出し方など、知りたいポイント多数。

draw-lips-photoshop-19-2

 

 

 

背景の色だけを変更する方法

Photoshopでの人物などの切り抜き機能が驚くほど進化したことで、フォトショップのテクニックもアップデートが必要です。ワンクリックで切り抜いた人物に合わせレイヤーマスクを作成、あとは「色相と彩度」調整レイヤーでお好みの色に仕上げれば完成です。

27-Color-BG-Banner

 

 

 

たったこれだけ、写真を映画風に仕上げる方法

「自然な彩度」の他に、「特定色域の選択」という見落とされがちな調整レイヤー機能をつかったお手軽テクニック。

apply-cinematic-look

 

 

シミや折り目、引っかき傷などのついた写真エフェクト用アクション

スマートフィルタや調整レイヤー、オーバーレイテクスチャなどを活用し、ボタンひとつで写真エフェクトが完成するアクション素材を作成します。

distressed-effect-photoshop-action

 

 

 

雨粒のついた窓ガラスをデザインする方法

窓枠からうつる風景を撮影した写真を、まったく異なる風景に仕上げるだけでなく、窓ガラスに映る花瓶(これも合成)や雨粒までリアルに表現するチュートリアル。

create-rainy-window

 

 

 

人物シルエットを活用した美しいデザインのつくり方

特別なカメラ技術がなくても、フォトショップを利用すれば美しいシルエットをわずかな手順で作成できます。

silhouette-composition-photoshop-psdvault

 

 

ドラマチックな朝日の写真合成チュートリアル

複数の写真を組み合わせることで、思わず目がいく絶景をデザインする写真合成チュートリアル。風景写真をカーブ状に変形することで、リアルな奥行き感を演出できます。

home-scene-photo-manipulation

 

 

日本語Photoshopチュートリアル、増えてます。

スプレーでペイントしたようなブラシ文字のつくり方

スプレーペイント特有のザラッとした粒子感が特長で、テクスチャを重ねることで手軽にリアルなブラシエフェクトを表現できます。

 

 

 

アートヒストリーブラシで写真を絵画ペイント風に仕上げる方法

アートヒストリーブラシを活用することで、ほんの数クリックで写真を水彩ペイントのようにできるお手軽チュートリアルで、絵が描けなくても全く問題ありません。

 

 

 

メタリック&光沢感!80年代クロム合金エフェクトのつくり方

光沢感たっぷりなクロム合金の質感を表現できるチュートリアルで、文字テキストからロゴなどの図形シェイプにも応用できるテクニックは、配色などすべて編集可能な点もポイントです。

 

 

 

こすって完成!圧倒的な「ぼかし」をデザインする簡単テクニック

たったひとつのツールを利用するだけで、手軽にぼかしエフェクトを楽しむことができます。これまでに紹介した「かすれ」と「にじみ」エフェクトと一緒に活用したいテク。

 

 

前回のフォトショップの作り方ガイドまとめはこちらどうぞ。