Advertisement

mask-a-texture_960x540

 

あらゆる表現を可能にする魔法のようなツール、フォトショップ。

 

この記事では、実際にデザインを作成しながら、フォトショップの基本から実用的なテクニックまでをマスターできる、最新デザインチュートリアル、つくり方をまとめてご紹介します。

 

デザインがより捗る便利ツールや、無料ダウンロードできる素材、フォトショップで覚えておきたい基本テクニックや小技なども、一緒にまとめています。

 

 

Photoshopのフリー素材をつかって、デザイン作業効率をアップ

 

「フォトショップでデザインする時間がない。」、というひともいるでしょう。

 

そんなときは、ボタンクリックのみで手軽にデザインエフェクトを表現できるPhotoshopアクションやレイヤースタイルなどのPSD素材も活用してみると良いでしょう。

 

フォトショップの作業効率がアップする便利ツールをまとめた記事はこちら。

デザインの現場に欠かせない Photoshop(フォトショップ)は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的

 

ロゴデザインをサクッと作成したいときはこちら。

※ 2019年3月13日に新しい素材17種類を追加し、合計47個の無料ロゴテンプレート素材をまとめています。 ※ 2020年2月10日に新しい素材7種類を追加

 

文字テキストをかっこよくしたいときはこちら。

※ 2019年8月7日に新しい素材20種類を追加し、合計66個の無料Photoshopテキストエフェクト素材となります。 ※ 2020年2月10日に新しい

 

プロのような写真加工ができる無料アクションはこちら。

※ 2020年1月6日に新しい素材18種類を追加し、合計92個の無料Photoshopアクション素材となります。 ※ 2019年3月6日に新しい素材16種類を
Photoshopを使うことでさまざまなデザインを表現できますが、そんな中でも写真加工を行うというひとも多いでしょう。今回紹介するアクション機能を利用す
「自分で撮影した写真を加工したいけど、やり方がよく分からない。」そんなときは、写真加工における一連の手順を再生ボタンひとつで完了させる、アクション機能を利用してみま

 

インスタ映えを狙う、Instagramストーリー用テンプレートはこちら。

※ 2019年2月19日に新しい素材19種類を追加し、合計49個のPhotoshopテンプレート素材となります。 ※ 2020年8月29日に新しい素材24

 

グラフィックデザインにも役立つ、無料ダウンロード可能なPSD素材。

ウェブデザインはもちろん、グラフィックデザインにも役立つ、無料ダウンロード可能なフォトショップ最新PSDデザイン素材をまとめています。 文字テキストや

 

ウェブレイアウトの作成に困ったときはこちらもどうぞ。

「ウェブサイトを作成したい、でも時間もスキルもない。」そんなときに役立てたいのが、あらかじめデザインされたテンプレート素材です。時間の節約になるだけでなく、デザイン

 

 

 

すごいぞフォトショップ!参考にしたい最新チュートリアル、つくり方まとめ

 

まずは、1分ほどの短い動画で、フォトショップの魅力的なエフェクトを紹介している、Adobe公式の動画チュートリアルが公開中です。

 

短時間で、効果的なデザインエフェクトをさがしているひと、フォトショップをはじめたばかりのひとにオススメしたい、お手軽なチュートリルが揃います。

 

 

フォトショップで美しく変化するグラデーション・アニメーションのつくり方

タイムライン機能をつかい、キーフレームを打ちながらテクスチャを回転させていくことで、ゆっくりと変化するグラデーションカラーを表現するテクニック。

animated-gradient_960x540

 

 

 

フォトショップでイラストをアニメーションさせる方法

タイムライン機能を活用することで、写真の一部(ここではシャツ)のみに動きを加える方法が紹介されています。

animate-illustrations_960x540

 

 

 

背景を切り取り、レタッチする簡単な方法

新機能「被写体の選択」を利用することで、数クリックのみで背景を切り取り、自由な色に変更することができるようになりました。

retouch-remove-background960x540

 

Photoshopに追加された新機能の中でも、人工知能Adobe Senseiを搭載した「オブジェクト選択ツール」は、被写体の選択にかかる時間を大幅に節約する素晴ら
写真の背景から一部を切り抜く作業は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、切り抜きを行っているというひとは、どれだ
人物などの被写体の切り抜きは、フォトショップでも人気のある使い方、テクニックのひとつです。 この記事では、「選択とマスク」機能をつかった、よりきれいな
この記事では、フォトショップで樹木の背景を透明に切り抜く方法4つをご紹介します。 青空を背景にしたシンプルなものから、夕日が当たり複雑なものまで、葉っ

 

 

テクスチャの一部をマスキングする方法

比較的新しい「フレームツール」を利用すれば、選択範囲を選択し、テクスチャをドラッグするだけで、お好みの範囲のみにテクスチャを適用できます。

mask-a-texture_960x540

 

 

 

手描きのペイントをつかったGIFアニメーションのつくり方

フレームごとにカスタマブラシをつかってペイントし、タイムライン機能をつかって無限ループアニメーションを作成する具体的なプロセスが公開されています。

make-painted-video-loop_960x540

 

 

 

ハイファッションなフェイスペイントを行う方法

まるで本当にペイントしたような、リアルさを表現できる簡単レタッチテクニックをマスター。

face-paint_960x540

 

 

 

画像をソーダ缶の立体的なラベルに仕上げる方法

大幅に強化され、使いやすくなったPhotoshopの3D機能を活用したテクニッ。メッシュプリセットにはピラミッド、三角コーン、立方体など立体感抜群の仕上がりを手軽に再現できます。

3d-model-wrapping_960x540

 

 

 

3D風のガラスの屈折効果を使ったタイポグラフィーデザイン

Adobe Dimensionをつかい、立体的でガラスのように透明なオブジェクトを、僅かな手順で作成し、Photoshopを使って、背景が透けたようなエフェクトを再現します。

glassy-3d-refraction-effects

 

 

 

ミニマルなハーフトーン・エフェクトのつくり方

ネオンエフェクトとハーフトーン・エフェクトを組み合わせた、シンプルですが魅力的なデザインチュートリアル。

minimalist-halftone-design-tutorial

 

この記事では、Photoshopでハーフトーン画像を作る方法について紹介しています。 ハーフトーン(英: Halftone)とは、、写真内の異なるグレ

 

 

超複雑なデザインパターンを作成する方法

まるで一枚のイラストのように見えるほど複雑な、イラストを使ったシームレスパターンを作成するチュートリアル。

detailed-pattern

 

Photoshopをつかって継ぎ目のないパターンテクスチャを作成するのは、なかなか面倒な作業で、時間もかかってしまいます。この記事では、繰り返しパターンをラクラク作

 

 

コーヒーカップにリアルな雲をデザインする方法

コーヒーカップの上に、モクモクとかかる超リアルな雲模様を作成する、驚きの写真合成チュートリアル。

coffee-original-1

 

 

 

眠るシロクマを描いた美しい写真合成のつくり方

眠っているシロクマの鼻の上に、きれいな青色の蝶を乗っけてみたり、ユラユラと揺れる水面の表現方法などを学びます。

polar-bear-tutorial-scaled

 

写真加工や修正は、Photoshopのデザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、エフェクトを効果的に適用しているというひとは、
この記事では、Photoshopを使った自然な仕上がりの合成写真の作り方をご紹介します。画像から人物を切り抜き、別の画像に違和感なくナチュラルに貼り付けるというとき

 

 

写真合成で美しい風景画をデザインする方法

あらかじめ用意しておいた複数の写真を違和感なく合成し、全体の色味を青く調整する方法など、レタッチで活用したいテクニック。

scenic-landscape

 

 

 

金ピカの金箔をつかった、超リアルな黄金テキストのつくり方

黄金テクスチャを利用することで、手軽に高級感たっぷりなテキストエフェクトを作成できます。ここでは、スタンプを押したような金箔エフェクトを再現。

post-thumbnail-1

 

この記事では、フォトショップなどで使える便利な黄金フリーテクスチャ素材を厳選、まとめてご紹介しています。高画質なものが多く、ウェブサイトだけでなくポスターやフライヤ
今回はPhotoshopをつかって、キラキラと輝くダイヤモンドの文字エフェクトの作り方をご紹介します。 特定のフォントを利用することで、テキストエフェ
光や炎などキラキラ感を自由に表現できる、ライティングエフェクトに特化した文字テキスト用Photoshopチュートリアルをまとめてご紹介します。

 

 

メラメラと燃える炎のテキストエフェクトのつくり方

炎テクスチャを活用することで、手軽にリアルな炎をデザインに追加できるテクニック。重厚感のある背景テクスチャのつくり方も参考にどうぞ。

final-result

 

今回のチュートリアルは、フォトショップで高温の炎が文字から出ているエフェクトを作る方法をご紹介します。手順はいつもより長めですが、ハイクオリティーな文字を作成することができます

 

 

モノグラム・デザインを作成する方法

ふたつの文字が立体的に重なったような、モノグラムを手軽にデザインできるチュートリアル。自分のイニシャルを使うなど、応用しやすいテクニック。

howtomakeamonograminphotoshop-final

 

 

 

手描きしたイラストスケッチを元に、ベクターシェイプへの変換、色付けなどためになるテクニック満載のチュートリアル。

how-to-lettering-love

 

 

 

60年代のサイケデリックスタイルのポスターをデザインする方法

鮮やかな配色の決め方や、独特の曲線カーブを描くフォントの作成、写真をポップなイラスト風に仕上げる方法など、実用的なテクニックを学びます。

60s-psychedelicstyle-concert-poster

 

 

 

スプレーペイント風デザインのつくり方

入力したフォントをまるでスプレー缶で描いたような、ラフなエッジで再現するデザインチュートリアル。

spray-painted-type_960x540
 

 

 

写真を手描きのインクスケッチ風に加工する方法

インクペンで手描きスケッチしたような風合いが特長のエフェクトで、落書きブラシを作成することで、よりオリジナリティーの高いデザインに仕上げることが可能。

ink-sketch-action

 

紙とペンとつかって手描きされたイラストを、デジタル加工しやすくするために背景を透明にする方法をご紹介します。Photoshopの「線画抽出」という作業で、「チャンネ

 

 

写真を水彩ペイント風に加工する方法

ドライブラシフィルタを利用して、写真をまるでカンバスに手描きペイントした風合いに仕上げます。

make-picture-like-painting-in-photoshop

 

 

 

写真をパレットナイフ・ペイント風に仕上げる方法

アクリル絵の具を立体的に、厚く重ねって描くペインティング技法を再現するテクニック。アクションとして保存しておくことで、ボタンをクリックするだけで、いつでもエフェクトを適用できるようになります。

final-product-2

 

 

 

写真を油絵風に仕上げる方法

写真のリアルさを残して、油絵の具でペイントしたようなイラストエフェクトに加工するチュートリアル。

photoshop-oil-painting-effect

 

今回のPhotoshopチュートリアルは、まるで写真のようなリアル感を表現するスケッチエフェクトの作り方です。手書きで本物そっくりなイラストを描くアーティストが表現

 

 

写真をカラフルな水彩ペイント風に加工する方法

フォトショップによる水彩ブラシのつくり方から、水彩エフェクト、調整レイヤーによるカラー補正などを学ぶチュートリアル。

final-product-1

 

 

 

美しくて淡いパステルカラーのスウォッチを作成する方法

あらかじめPhotoshopに用意されたスウォッチを確認しながら、淡いおしゃれなパステルカラーの配色を決めていきます。

pastel-color-codes-tutorial-main-preview

 

 

 

フォトショップでロゴデザインを作成する基本チュートリアル

シェイプの組み合わせ、配色決め、文字テキストの入力といった、フォトショップの基本を学びながら、ブランドロゴを作成します。

design-logo_step3_cre20200720

 

 

 

Tシャツ用のヴィンテージ風ロゴデザインのつくり方

Tシャツにプリントするためのドキュメントの設定方法にはじまり、ヴィンテージプリント風エフェクトのつくり方など、応用が効くテクニック。

vintage-logo-tshirt-design

 

 

 

Instagramストーリー用デザインのつくり方

1080x1920pxの各アートボードをつかって、統一感のあるストーリーデザインに仕上げる最新テクニック。

instagram-story-template_step6_cre20200727

 

 

 

Photoshopのパペットワープをつかった写真加工テクニック

写っている人物やオブジェクトなどのポーズを手軽に変更できるツールで、詳しい使い方をわかりやすく解説した動画チュートリアル。

puppet-warp-photoshop-single

 

 

 

光が背景から差し込んだ光線(Light Ray)を描く方法

たった5つの手順のみで、まぶしい光が差し込む様子をリアルに再現できる動画チュートリアル。

create-light-rays-in-photoshop

 

光や炎、虹などをリアルに表現できる、ライティングエフェクトに特化したPhotoshopチュートリアルをまとめてご紹介します。 当サイトで2010年ごろ

 

 

パステルカラーのグリッチエフェクトをつかった写真加工テクニック

60秒にまとめられた短い動画チュートリアルでは、人物の切り抜きにはじまり、美しいグリッチエフェクトの作り方、「境界線調整ブラシ」ツールのつかい方を紹介。

final-2

 

 

 

random-pattern-fill

 

 

 

瞳の色を自由に変更する方法

レイヤーマスク機能をつかって、瞳の部分のみをマスキングすることで、自由な色やテクスチャなどを追加できる、覚えておくと便利なテクニック。

eye-color

 

今回は、どんな写真にも応用できる、色の置き換え・変換のお手軽Photoshopテクニックをご紹介します。 このシンプルなテクニックを習得することで、「
「写真に写っているドレスや車の色を変更したい。」「背景の色をもう少し明るくしてほしい。」「ブランドカラーに合わせてソファーの色を変更したい。」 デザイ

 

 

ひらひらと舞う桜の花びらブラシのつくり方

ブラシでなぞるだけで、お好みのエリアに桜の花が待っているようなデザインに仕上げることができるテクニック。

final

 

 

 

写真をグリッチエフェクト付きのモノクロ加工する方法

カラーチャンネルを使い白黒に変換した写真に、人気のグリッチエフェクトを手軽に追加できるテクニック。

split-color-effect_960x540

 

 

 

天使の輪っかのようなネオンエフェクトをつかったポートレイト写真

暗闇にぼんやりと浮かび上がる、ピンク色のネオンの光を表現するデザインエフェクト。

neon-angel-portfolio

 

この記事では、フォトショップを使って写真をSFスチームパンク風に加工する方法をご紹介します。リドリー・スコット監督が近未来の退廃した世界観を描いた、SF映画の金字塔

 

 

写真に古い紙テクスチャの質感を追加する方法

テクスチャを用意し、写真に重ねるだけで表現できるお手軽チュートリアルで、はじめてのひとにもオススメ。

how-to-make-an-old-paper-texture-in-photoshop-main-preview

 

 

 

写真にザラッとした質感を追加する方法

写真の雰囲気をぐっと良くする、人気のグランジエフェクトをマスターするチュートリアル。

grain_film

 

 

 

80年スタイルのレトロな夕焼けデザインのつくり方

モダンレトロなアーケードゲームを連想させる色使いの写真合成チュートリアル。利用している素材は、すべて無料ダウンロードも可能。

sunset-cover-art-design-tutorial

 

 

 

映画のようなドラマチックな写真加工のテクニック

現実ではあり得ない、魔法のような壮大な世界観を描く、フォトショップによる写真合成チュートリアル。

man-standing-ori-scaled-dreamer

 

 

 

絶景をバックに吊り橋を渡るインパラをデザインする方法

美しい背景のつくり方から、端やインパラの合成、そして立体感を演出する葉っぱを作成したら、全体の色合いを調整レイヤーをつかって整えます。

bridge-tutorial-1-scaled

 

 

 

赤く染まった夕焼けの空に変更する方法

写真に写った空を自由にカスタマイズするテクニック。赤い夕日が建物や人物にあたっているような色合いも、見事に再現できる本格的チュートリアル。

view-above-the-clouds-tutorial-1-scaled

 

 

 

積み重ねた本の上に座る、ちいさな妖精をデザインする方法

サイズ感の異なるパーツを組み合わせ、空想の世界観を表現したデザインチュートリアル。淡いランプの光に照らされた、リアルなライティングテクニックを学びます。

book-photoshop-tutorial-1-scaled

 

 

 

ポートレイト写真を妖精にする方法

さまざまな写真合成テクニックを駆使した、本格的なデザインチュートリアル。レタッチ作業から、複数の写真全体の色味調整、人物へのヘッドギアなどのパーツ装着など、リアルな仕上がりを目指します。

elf-final

 

 

 

道路を水いっぱいの洪水のように加工する方法

いくつかの写真を合成することで、水で溢れた道路でサーフィンする様子をリアルに再現できるチュートリアル。

road

 

 

 

光をつかった幻想的な風景画のつくり方

複数の写真を違和感なく合成することで、ファンタジーな空想の世界を再現する、Photoshopの醍醐味とも言えるテクニックを学びましょう。

sureal-deer-9a

 

 

 

フォトショップのテクニックを学んで、作業スピードをさらにアップ!

これからフォトショップをはじめようというひとにオススメしたい、基本の使い方や設定方法をまとめています。フォトショップで迷ったら、まずはこのページからどうぞ。

この講座では、Photoshop(フォトショップ)を習得するのに知っておきたい基本の機能や使い方を分かりやすく解説しています。初心者のひとはもちろん、中・上級者のひ

 

フォトショップの操作をよりスピードアップさせるショートカットは一覧でどうぞ。

フォトショップでの作業に時間がかかってしまう、というひとは多いでしょう。作業をはじめると、同じ作業を延々と繰り返していることがあります。そんなときは便利なショートカ

 

あまり知られていないけれど、覚えておくと便利な小技テクニックもいかがでしょう。

この記事では、Photoshopによるデザイン制作がより快適になる、あまり知られていない小技テクニック11個をまとめています。より作業がしやすくなるポイントから、大
この記事では、覚えておくとフォトショップでの作業効率がアップする便利な時短テクニック25個をまとめて紹介しています。 新しくPhotoshop CCに
Photoshopでのデザイン制作をより快適にするコツやショートカットをまとめています。スムーズな作業を実現する、ちょっとうれしいポイントから、大幅に作業時間を短縮

 

フォトショップを120%味わうことができる写真加工は、もちろん押さえておきたいところ。

写真加工や修正は、Photoshopのデザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、エフェクトを効果的に適用しているというひとは、
フォトショップは、写真加工に欠かせないデザイン編集ツールです。この記事では、写真加工に強くなるPhotoshopチュートリアルをご紹介します。 フォト

 

Adobe公式ブラシも1,000個以上が無料で公開されています。

フォトショップで利用できるブラシ素材をお探しですか。実はフォトショップには、1000種類以上の無料の高品質ブラシが用意されており、Google検索などで時間を費やす

 

 

新しくなったPhotoshopを試してみよう。

photoshop-select-object-tips-0

 

新しくアップデートされたPhotoshopは、Creative Cloudアプリよりダウンロードできます。また、はじめてのひとも7日間の無料体験が用意されているので、まずはPhotoshopを体験してみましょう。無料体験終了後は、個人の場合はフォトプラン 980円〜/月(税別)、Photoshop単体 2480円/月(税別)、コンプリートプラン 5680円/月(税別)などでそれぞれ利用可能となっています。

 

photoshop-ipad-subscribe

 

サムネイル@ : How to Mask a Texture in Adobe Photoshop – Adobe Create