Advertisement

latesttutorial2015oct-top

 

Photoshopの新しいテクニックや機能を活用した、デザインチュートリアルを毎月まとめています。今回は、2015年10月度まとめとなります。

 

 

タイムライン機能を利用したGIFアニメーションの作成方法や、プロ顔負けの写真合成テクニック、設定のみで完成するお手軽テキストエフェクトなど、Photoshopによるデザインの幅広さを確認できるチュートリアル作品を中心にまとめています。今後のデザイン制作の参考にしてみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

これはすごい!Photoshopを面白くする新作デザインチュートリアル25個まとめ

 

アニメーション付きネオンサインを作成する方法

Illustratorで作成したパスファイルを、Photoshopのレイヤースタイルのみで、本物そっくりなネオンライトで描きます。さらにタイムライン機能を利用し、GIFアニメーションに仕上げます。

Pizza-Planet

 

 

 

SF映画のような、雪山での大爆発をデザインする方法

ストック写真の選択の仕方から、リアルなライティング用テクニック、煙や炎などの効果的な切り抜きまで、さまざまなテクを学びます。

Final-600x388

 

 

 

巨大竜巻をデザインする方法

異常気象で巻き起こったようなリアルな竜巻を、複数のイメージ写真を合成することで表現する、Photoshopならではのチュートリアル。

0

 

 

 

古い写真をPhotoshopで着色ペイントする方法

ペイントしたレイヤーの描画モードを「覆い焼き」に設定するのが、最大のポイント。あとは、選択範囲のうまい選択方法も一緒に学びます。

what-you'll-create

 

 

手描きスケッチをPhotoshopで利用する方法

クイックマスクモードを利用することで、手描きデザインをPhotoshopに応用する、実践的なデザインテクニック。

8small1

 

 

 

手書きスケッチのミスをphotoshopで編集する方法

通常はむずかしいスケッチの間違いも、Photoshopを利用すれば自由に編集可能です。

enhance-drawing-photoshop-10-4-compare

 

 

 

フラットデザインに奥行き感を加える方法

ドットやハーフトーンなどのパターン素材を重ねることで、平面的なデザインの質感をアップさせます。

1443682585hamburger-menus-final

 

 

 

イメージ写真を高級感のある色合いに編集する方法

コントラストや色バランスを整えることで、レトロでゴージャスな質感に仕上げます。

what-you'll-create-1

 

 

 

秋をモチーフにした、ビンテージ写真加工の作り方

新規調整レイヤーを利用することで、深みのある落ち着いた色合いに調整することができます。

filtergrade

 

 

 

RAWファイルを編集して、美しい風景画を作成する方法

一眼レフなどで撮影された、高画質なRAWファイルのJPEGへの変換から、部分ごとによるレタッチテクニックまで。

landscape-editing-raw-tutorial

 

 

 

リアルな木漏れ日をPhotoshopブラシでデザインする方法

お好みのイメージ写真に、ブラシツールを利用して、手軽に木漏れ日を追加することができます。

24

 

 

 

本物そっくりな霧をデザインする、Photoshopブラシの作り方

フィルタを適用するだけ作成できる霧を、カスタムブラシとして利用できるようにします。

25

 

 

 

SF映画のような宇宙と惑星をデザインする方法

超リアルな惑星の周りを宇宙船が飛び回る、SF映画のワンシーンを写真合成でデザインします。

space-final

 

 

 

永遠に続くレンガ道をデザインをする方法

FilterForgeプラグインを利用し、本物そっくりなレンガの質感を、広大な景色と一緒に合成します。

YellowBrickRoadFinal

 

 

 

高層ビルをつかったテキストエフェクトの作り方

大都市に突如現れる、高層ビルで作成された立体文字テキスト。3Dツール機能を利用することで、本物そっくりなリアルさを追求できます。

55259e19757781.562e04de7f26f

 

 

 

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

本物の炎テクスチャを利用し、違和感なく文字レイヤーに重ねるテクニックが披露した動画チュートリアル。

051-flame-text-post-800x418

 

 

 

ドライバーなど工具を利用した、テキストエフェクトの作り方

パスツールで描いたデザインに、レイヤースタイルを適用するだけのお手軽テキストエフェクト。

final-results11-600x450

 

 

 

ドロドロのスライム状テキストエフェクトの作り方

光沢感たっぷりに表現された文字は、レイヤースタイルを細かく設定するだけでデザイン可能です。

SlimeTextEffect_Final

 

 

 

ハロウィン風テキストエフェクトの作り方

こちらも文字テキストを自由にカスタマイズし、レイヤースタイルを適用するだけのお手軽チュートリアル。

tot

 

 

 

クリスタルガラスのような質感のテキストエフェクトの作り方

入力した文字テキストに、レイヤースタイルを適用するだけで完成する、初心者向けチュートリアル。

rose_crystal_final

 

 

 

草が生い茂ったレンガでできたテキストエフェクトの作り方

レイヤースタイルのみで完成する、黄金レンガのテキストエフェクトに、リアルな草を被せるテクニックは必見。

Yellow Brick Road Text Effect - 600

 

 

 

オーガニックな質感たっぷりのカカシをデザインする方法

用意したテクスチャ素材を、パーツごとに重ねることで、ナチュラルなイラストの仕上がりを実現します。

sc-complete

 

 

 

エメラルド色の宮殿を、写真合成でデザインする方法

オズの魔法使いに出てくる空想の宮殿を、複数の写真ファイルを合成することで実現する、本格的デザインチュートリアル。

emerald-final

 

 

 

ダイナミックな中世の戦場をデザインする方法

写真ファイルの合成方法から、合成した写真ファイル全体の色味を統一する、テクニックなど盛りだくさん。

final-results6-600x391

 

 

 

デザインを立体的に魅せる自動アクションの作成と適用方法

作成している様子をアクションとして記録することで、再生ボタンひとつでスタイルを表現できるようになります。

draw-isometric-icon-using-icon-81

 

 

サムネイル@ : How to Create an Animated Neon Sign Effect – Blog.SpoonGraphics