デザイン

デザイン

PR

ガラスのひび割れのPhotoShopでの作り方等がわかるチュートリアル100選!プロ級デザイナー達の技術から新しい学びや技術を得るために

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、Top 100 Tutorials for Mastering Photoshop
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

10,692 views

読了時間 : 約15分53秒

フォトショップは多くのデザイナーにとっての必須アイテムですよね。

 

同じような機能を持つエディターもありますが、どれもフォトショップほど有名ではなく莫大なコミュニティーを有しません。

 

プロ級の創造性を持つクリエイティブデザイナーやフォトグラファーからの安定したフリー素材、またはチュートリアルの提供なしには、新しい学びや技術は生まれません。

 

この記事では、それらすべての技術を簡単な説明と共に次のジャンルにカテゴリー分けしてみました。彩色・イラストレーション、写真構成、デッサン、写真編集、3D、アイコンデザイン、テキストエフェクト、ポスターデザインの8つです。

 

さぁ、気合を入れて新しい機能を学びフォトショップをより楽しんでみましょう!

 

彩色・イラストレーション

非現実的な動物のモチーフ Surreal Animal Morph

このAdobe Photoshopにあるチュートリアルでは、少し変わった幻想的な生物を作り出すことができます。

 

炎を用いて描く Paint With Fire

シンプルなモデルを、下の画像のようにまるで炎を纏っているかのように描く方法を学ぶことができます。特にフォトショップの調節レイヤー機能を練習したい人におすすめです。

Tophat Animal Manipulation

このチュートリアルでは、下の画像のようなスケートボードに乗る素敵な帽子をかぶったゾウの構図の作り方を学ぶことができます。

カラフルで幻想的なデジタルペインティングの作り方

Colorful Fantasy Digital Painting

この中級クラスのチュートリアルではフォトショップを用いた素晴らしい幻想的な作品の作り方を学ぶことができます。このチュートリアルに挑戦する際には、手元にグラフィックタブレットを用意することをおすすめします。

白黒の幻想的な女性キャラクターを作る

Making of Seance

このチュートリアルでは意味深な雰囲気を醸し出す女性キャラクターを作ることができます。その際、フォトショップコンセプトをしっかりと理解していなければこのチュートリアルに挑戦することは難しいかもしれません。

フォトショップを用いた城の描き方 Paint a Castle in Photoshop

名前の通り、このチュートリアルでは城の描き方を学ぶことができます。それだけでなく、こちらには、25本ものチュートリアル動画がついているので簡単にフォトショップのコンセプトを理解できます。

 

二面相デジタルペインティング “Two-Faced” Digital Painting

二面相というのは『バットマン』に出てくる有名なキャラクターですよね。

このチュートリアルではフォトショップを用いたそんな二面相の作り方を紹介しています。

肖像画の描き方をマスターする Making of Portrait

このチュートリアルでは肖像画の描き方を学ぶことができます。おでこ、頬骨、あごなど、簡単なステップを踏みながら肖像画の描き方をマスターできる仕組みになっています。

デジタルカラーの使い方を学ぶ Color Inked Line Art

こちらのチュートリアルはデジタルカラーを用いたイラストレーション、スキャニング、クリーニング、カラーリング、そしてレンダリングの技術を提供しています。

エレクトリックギターの描き方 Photorealistic Electric Guitar

本物のようなエレクトリックギターを描くにはたくさんの技術が必要とされます。

このチュートリアルを使うことでそのような複雑なステップを数時間でマスターできるでしょう。

レトロな雰囲気を醸し出すイラストを描く 

Illustration Retro Look & Feel

このチュートリアルでは、ビンテージ感にあふれたイラストの描き方を学ぶことができます。フォトショップの階調化や色域指定などの機能を使うので、それらをマスターしたい人におすすめです。

戦斧の描き方 Medieval Battle Axe

このチュートリアルでは戦斧の描き方を説明しています。

可愛くて不気味な子供のイラストの描き方 

Cute and Scary Children’s Illustration

可愛いと不気味、フォトショップの描く世界を除いてこの二つの言葉は本来共存できないものです。

このチュートリアルでは、完璧な子供のイラストを仕上げる方法を学べます。

スクラッチによる車の描き方 

Automobile Illustration From Scratch

このチュートリアルはフォトショップを用いた最高にかっこいい車の描き方を提供しています。

サイケデリックなイラスト Create a Psychedelic Illustration

このフォトショップとイラストレーターチュートリアルはサイケデリックな世界観の描き方を説明しています。このチュートリアルを行う前にしっかりとフォトショップとイラストレーターを理解しておく必要があります。

インク切れ感を利用する Creating ‘Broken Link’

放射線状グラデーション、レイヤー、クリッピングマスクに着目したチュートリアルなので、ある程度の芸術技術をもっていることが前提とされています。

何も身にまとっていないキリンを描く Undress a Giraffe

この素晴らしいチュートリアルでは、キリンのドットを取り除くことによって何も着ていないようなキリンの姿を描くことができます。ドットをアイロンテーブルの上の上着に移すことにより、以下の作品が作られます。

動くライトのエフェクトを作る 

Glowing Light Painting Effect

簡単でとても素早くライトを用いた作品を作ることができます。以下の作品では、靄のかかった夜の道路の写真と歩く人型の写真をうまく用いています。とても素晴らしいテクニックです。

海洋生物を表すイラスト 

Underwater Vector-Style Illustration

愉快な海面下の生物の描き方を学ぶことができます。本来、フォトショップではこのようなイラストは作ることができませんでした。しかし、こういったイラストもデザインすることが可能になりました。

騎士の戦闘シーン Making of Knight

このチュートリアルを用いることにより、騎士などのかっこいい戦闘シーンを描くことができます。

ドラゴンの描き方を学ぶ Dragon from a Hamburger

鱗を纏ったドラゴンやその立派な羽、さらにはその周りの背景をも描くことができます。

キャプテンアメリカの盾の再作成 Captain America Shield

全体的なチュートリアルの過程はとてもシンプルで45分もかかりません。赤い丸を書くところから始めて、様々な残りの細部を書き加えていきます。

スクラッチからビンテージテレビを作る 

Detailed Vintage TV from Scratch

フォトショップの技術をつかってビンテージテレビの描き方を学べます。テレビの形を描き、そのあとで質感などの細部を書き込んでいきます。

映画のような飛行シーンを描く Cinematic Aerial Scene

このチュートリアルの背景にはまるで映画から抜き出してきたような航空機のドラマチックなシーンを描くという目的があります。

デジタルなヘルボーイの作成 Making of Hellboy

コミックブックから飛び出してきたようなヘルボーイをデジタル的に描く方法を学べます。キャラクターの作図から背景の描き方まで各ステップを順に説明しています。

シュールなシーンの描き方 Paint a Surreal Scene

Hatice Bayramougluを使って幻想的でシュールなシーンを描くことができます。シンプルなスケッチから始めて、配色を選び、順を追った説明で発芽様子やその背景を描きます。

3D効果を使ったドラゴンの攻撃 

Stunning Dragons Attack with 3D Features

ドラゴン、炎、煙、ロボットなどを使ってビデオゲームのワンシーンのようなイメージを作り出します。

スーパーヒーローを描く Glowing Superhero

フォトショップのMarquee機能とペン機能を使って様々な形態を描き、調節レイヤーやレイヤースタイルを用いてグローエフェクトを調節します。

コミックブックファンアートイラストを作る 

Create Stunning Comic Book Fan Art Illustrations

コミックブックファンアートイラストを描くためのタブレットの使い方を紹介しています。

今回描かれたのは車田正美の聖闘士星矢のキャラクター、カプリコーンです。

 

写真構合成チュートリアル

 

近未来の構図を作る Futuristic Composition

このチュートリアルでは、近未来を想像させる写真構図をつくることができます。3Dを作るときのようなレイヤー効果やパターンを用います。

ホラー映画のような写真構図 

Horror Movie-Themed Photo Composition

このチュートリアルでは、現存している材料をもとにホラー映画仕立てに加工出来ます。

かっこいいスニーカーの構図 Awesome Splashing Sneaker

フォトショップを利用してスプラッシングスニーカー効果を作り出します。基本的なフォトショップ機能だけではなく、このチュートリアルでは、既存の写真を用いてデザインを完成させます。

クローンツールを利用してガラスの卵を作成する 

Glass Egg Tutorial

もしフォトショップでクローンツールの練習をしているのならば、このチュートリアルがうってつけです。既存の卵のイメージ画像を元に、ガラスの卵の最終イメージを作成します。

細部まで描き表わしたスチームパンクの昆虫を作る 

Highly Detailed Steampunk Insect

複雑ではありませんが、広くイメージ構図を使います。多くの過程が簡単に説明されているので基本的なフォトショップへの理解が大切になってきます。

炎の目と涙を持つ木の顔をデザインする 

Unique Wooden Face with Fiery Eye and Tear

下の画像のようなユニークなデザインを作成できます。チュートリアルには中級レベルのフォトショップ技術が必要です。

 

デッサンチュートリアル

 

ライカカメラの描き方 Draw a Leica Camera

ライカカメラは一流カメラブランドの一つですよね。そのため、それを描くことを多くの人がためらいます。このチュートリアルではそんなライカカメラをまるで本物そっくりに描けるように練習できます。

スクラッチから本物そっくりの靴紐を描く 

Realistic Shoelaces From Scratch

スクラッチテキスチャーとグランジ機能を使ってビンテージ感に溢れた靴紐の描き方をレクチャーしています。

写真チックな卵の様子を描く Photo-Realistic Broken Egg

このチューターでは、卵の殻と中の黄身を描く方法を説明しています。

限られたパレットを用いて滑らかな抽象物を描く

限られた影を使って印象的なイメージを作ることができます。

スモークエフェクトを使って金の円を描く 

Abstract Golden Circle with Smoke Brushset

カスタムブラシセットとフリートランスフォームツールを使ってその他のツールやマスキングテクニックと同じような効果が得られます。

写真編集

 

水の中の動物 Animals in the Water

いくつかの写真とそれを調節したものを一枚の写真に合成することができます。

炎を用いた写真 Multi Fire Photo

映画のワンシーンのような写真を作りたい方はこのチュートリアルを見てみることをお勧めします。

近未来都市のデジタルペイント Making of the Futuristic City

都市の写真を用いて近未来都市の写真を創作することができます。この

ペイントはスクラッチからのものではなく、写真が実際に初めの段階で用いられます。

サイボーグ写真 Human Cyborg Photo

サイボーグ人間のつくりかたをこのガイドと共に覗いてみませんか?

写真を絵画に変換する Convert Photos Into Paintings

もし古びた面白みのない写真を何か新たなわくわくするものに変換したいときはこのチュートリアルを使ってみては?

躍動的な人間風化を描く Human Disintegration Effect

力強くて感情的な人間風化効果の作り方をまなぶことができます。曇り空の背景から始まり、過程の中で人、稲妻、光のイメージを使って空に風化のエフェクトを散らしていきます。

シュールなミニチュア人間 Surreal Mini Me

自分自身のミニチュアサイズの写真をゴージャスな風景に合わせて編集する。

リアルなレーザービームエフェクトを作る 

Realistic Laser Beam Effect

レーザービームエフェクトの作り方が学べます。この効果はアブストラクトテキスト効果とメタル効果、そしてクラウド効果の組み合わせでできているのです。主に、ブラシ機能とフィルター効果を使い、レーザービームを作ります。

混沌とした風化効果の作り方を学ぶ 

Chaotic Disintegration Effect on a Face

顔面に混沌とした無秩序な風化効果の作り方を学びます。このエフェクトを生み出すために、顔と小枝のイメージを用いて、さらにそれに粉々のガラスと鳥の羽ばたきを追加します。

偽のX線効果を作る Fake X-ray Effects

隠れている細部を明らかにするために様々なモードを組み合わせることによってパソコンのマウスの内部の仕組みを再構築することができる。

 

次に、さらなる医学的なイラストにするためにフォトショップでディストレス効果を加えてみましょう。最後に3D効果を追加することで完成します。

かっこいい機械的な馬の再作成 Amazing Mechanical Horse

いくつかの写真を組み合わせることによってロボット的な馬を作ります。

金属パーツを集めて馬の表面に合わせる方法を学びます。このテクニックはほかのタイプのロボット的な動物を作るときに使われます。

在庫イメージを用いて夜光イメージを作る Night Light

このようなイメージを作るには、スプラッターブラシとシングルテキスチャーの二つを使います。チュートリアルでは、この過程を通して使われるツールや技術を説明しています。

3D触覚写真構成を用いたダークな画像を作る 

Dark Statue with 3D Tentacles

このような写真はフォトショップとシネマ4Dを用いて作ります。シネマ4Dに写真構成技術を加えることで女性の写真を彫刻風にアレンジするこができます。

宇宙を想像させるような装飾を施す 

Give a Portrait a Cosmic Makeover

シンプルなショットを力と美を感じさせるアイキャッチ画像へと変化させることが目的です。

近未来的な肖像画 Futuristic Abstract Portrait

最も優れていることと言えばこれらのテクニックはどんな肖像画にも適応できることです。つまり、あなた自身の肖像画もクリエイティブな肖像画に作り変えることができるのです。あなたの顔だけでなく、友達や家族の顔だって素敵な作品にして驚かしてみましょう。

炎要素を取り入れて超自然マジックを創造する 

Dark, Super-Natural Magic Figure with Fire Element

 

 

この効果を作るにはマスキングやヴェゼルヘアーを描くといったトリッキーなテクニックを用いるので中級レベルの技術が必要です。

専門的な光効果を使ったプロダクトショットを作る 

Realistic Crack Effect on a Face

このチュートリアルはグラデーション、質感、マスキング、ブラシ、それから調節レイヤーのコンビネーションからできています。しかし、このチュートリアルを用いることでこのような素晴らしい結果を生み出すことができます。

顔に表せられる現実的なひび割れ効果を付け加える 

Realistic Crack Effect on a Face

このチュートリアルのなかで、イメージに簡単にひび割れ効果を付け加えることができます。基本的なフォトショップの特徴を9つの簡単なステップに振り分けて説明し、何種類かの質感素材とブラシが必要とされます。

美しい非現実的な夜景写真構成 

Beautiful Surreal Night Photo Manipulation

中級の具体性のあるチュートリアルが全てのステップをガイドしてくれます。チュートリアルは1、2時間ほどの長さになることもありますが、すべての詳細を丁寧に説明しています。

フィクションの雪がえるを作る 

Fictional Arctic Snow Frog in Photoshop

このチュートリアルのなかで、いくつかのフリー素材とこのカエルを作るための効果を合成させます。

洪水にさいなまれる街の様子の写真合成を作る 

Fictional Arctic Snow Frog in Photoshop

シンプルな写真を洪水のシーンへと変化させる。この半現実的なイメージを作るには比較的シンプルな技術が使われています。

スペースブラシを使ったダークな非現実的な都市を表現する 

Photo Manipulation of a Flooded City Scene

 

光のトリックと調整レイヤーを含む未来のあなた自身のデザインにもシンプルかつ有益な写真合成技術を学べます。

写真と手書きを合成した作品を作る 

Dark Surreal Urban Scene with Space Brush

たくさんのフォトショップツールを使用します。また、このチュートリアルのなかで、スケッチの使い方と本当の写真を合成するテクニックを学べます。

天使の落下風景と写真合成方法 

Photo Manipulate a Falling Angel

これを表現するためにジャンプした女の子の写真を使います。質感のある背景から始めて、雲のイメージ画像を使って本物の背景を作ります。そして、ジャンプする女の子の写真と羽のイメージを付け加えます。

透明感のある画像を作る Create Transparent Masks

写真を編集するにあたって、セレクションとマスク機能を必要とします。このチュートリアルはグラスの例を用いてその過程を説明しています。

3Dチュートリアル 

Rusty Metallic Textured Skull Using 3D Renders

3Dレンダーを利用したさびた金属の質感を伴ったスカルを作る

3Dレンダーの使い方を学びたい人にはうってつけの起点です。

スクラッチからシリアルの箱のデザインを作る 

Cereal Box Cover from Scratch

もし面白いフォトショップのチュートリアルでレンダリングの練習をしたいのであれば、これを必ずチェックしてくださいね!

3Dツールを用いて近未来の効果を作る 

Futuristic Effects with Photoshops 3D tools

このチュートリアルではたくさん3Dツールを使いますが、PSD Tutsで見られるようなレイアウトではなくこの作品ならではのチュートリアルステップを持っています。

 

アイコンデザイン

 

スクラッチからカムコーダーアイコンを作る 

Camcorder Icon From Scratch

このチュートリアルはカムコーダーアイコンを作るためにシェープレイヤー、ブラシ、それからレイヤースタイルを使います。

リアルな写真アプリアイコンを作る Photorealistic App Icon

このチュートリアルはリアルなアプリアイコンを作るためにレイヤーエフェクトに加えてフォトショップの光や影も用います。

クールなラジオアイコンを作る Cool Radio Icon

もしベクターを編集するのであれば、このチュートリアルはとても有効です。

レトロなゲームボーイアイコンの作り方 

Retro Gameboy Icon

なんと懐かしのゲームボーイ!!心配はいりません。フォトショップでレトロなゲームボーイアイコンを作ることによってその思い出を追体験できるはずです。

ヘッドホンアイコンを作る Headset Icon

ヘッドホンアイコンの作り方を説明しています。

テキスト効果

 

アイステキスト Ice Text

ポスターを作りたいときには役立つチュートリアルになりそうです。

タイポグラフィーに熱意を付け加える 

Add Some Zing to your Typography

皆さん文字にちょっとしたスパイスを付け加えたいですよね。このチュートリアルはペンツールを使いそれを成し遂げることを後押ししてくれます。

炎を模したテキスト Fire Text

もし宣伝用のキャンペーンのために文字を設定したいときにこれはとてもいいテキストスタイルとなるでしょう。

ヒップスターテキスト効果を用いる Hipster Text Effect

初心者向けでとても親しみやすいチュートリアルで絶対に作品を見栄え良くしてくれます。

近未来的なRAWZライトエフェクトを作る 

RAWZ Light Effects

近未来のトロンスタイルライトエフェクトの作り方を学べます。

初心者から中級者のためのチュートリアルで、約45分ほどで完成します。

ゴールデンロゴテキスト Golden Logo Text

ロゴ、アニメーション、イントロその他でこのゴールデンロゴは強力です。

いびつなタイポグラフィーを作る 

Distorted Typography in Photoshop

このようなタイプの文字形態は独特な雰囲気を醸し出すのに有効です。

野球ボールをイメージしたテキスト効果 

Baseball-Inspired Text Effect

レイヤースタイル、そのパターンやブラシの使い方を学び、このようなテキストスタイルを作っていきます。

機何学的なモザイクテキスト効果 

Abstract Geometric Mosaic Text Effect

テキストエフェクトとして機何学的なデザインを加える過程を学ぶことができます。

ブラッドテキスト効果 Bloody Text Effect

レイヤースタイルを生かした血で書いたような文字を演出します。

ステッチデニム効果 Stitched Denim Text Effect

フォトショップフィルター、ブラシ、ベクターシェイプを合成する過程を用いてステッチデニム効果を作る方法を学ぶことができます。

チョークオーナメント効果 

Easy Chalk Ornament Typography

このチュートリアルではイラストレーターとフォトショップを融合して、スタイリッシュなチョークで書いたようなテキスト効果を演出できます。

アーガイル柄のニット効果 Knitted Argyle Text Effect

フォトショップのフィルターフォージ機能を使ってこのような文字スタイルを作り出します。

ファー効果 Easy Furry Text

基本的なフィルターとツールを用いてファーで書いたような文字を作ります。

ライトバブル効果 Light Bulb Inspired Text Effect

このチュートリアルではレイヤースタイルを使ってこのような光を帯びた風船のような文字スタイルを作り出します。

都市背景を伴ったユニークなブレーク・アパート効果 

Unique Break-Apart Text Effect with Urban Background

 

テキスト自体はブラシ効果とともに木目調のテキストから作り出されます。

ビルディング型のテキスト効果 Text-Shaped Buildings

チュートリアルは自分の持っている写真を元にするか、ナイロビスカイラインの写真を用いることができます。写真を引き延ばすことで遠近法を使い、繰り返し文字を書き、ビルのように見える文字形態を作ります。

アイパッドの壁紙に使えるステッチテキスト効果 

Stitched Text Effect for an iPad Wallpaper

 

まずはじめに背景の文字を作り、それから本来の背景を作ってステッチスタイルの文字をそれに刻んでいきます。

爆発したような光の文字形態を作る 

Exploding Light Text Effect

分厚めの文字フォントを用いて文字のいくつかのパートをわざと壊します。そうすることで文字がまるで爆発して光を放っているように見えるのです。

創造的なブロックテキスト効果

 

まるでスマッシュを受けたかのように文字盤が割れたような効果を作ることができます。

この効果はさまざまなプロジェクトで使うことができます。

ポスターデザイン

 

アベンジャーポスター The Avengers Poster

レイヤースタイルとブラシツールを使ってこのようなポスターを作ることができます。

ホラー映画のポスター Raw Horror Movie Poster

このチュートリアルは古びた学校を舞台にしたようなホラー映画のポスターの作り方を教えてくれます。

スーパーヒーローのポスター Man Of Steel Movie Poster

ペンツールと質感を調節することによってこのようなスーパーマンの宣伝などに用いられるポスターを作ることができるのです。

ジャッジドレッドポスター Judge Dredd Badge Design

まずはじめに、イラストレーターのペンとパスファインダーツールを使って、金属の質感をフォトショップで作ります。

暗闇に浮かぶステンシルタイプのポスター 

Dark Knight Rises Stencil Effect

基本的なフィルターとブラシを使い、スプレー効果を演出します。

クラシックな雰囲気を漂わせるポスター Classic Serif Poster

このようなクラシックなイメージのポスターを作るためのセリフフォントの扱い方を学べます。メッセージは分かりやすくなければなりません。カラーにはハーモニーを持たせて、バランスが良く読みやすいか考えましょう。しかし、目立つものを作るためにはこれらのルールを破ることもあり得ます。それらの詳細を学ぶことができます。

宇宙がテーマのポスター Retro Space Themed Poster

もともとある写真、質感、ブラシなどのツールをモードテクニックとフィルターと合わせて作り出します。

クロックアップ壁紙 Clock Up Wallpaper

かっこいい3Dテキストを用いた壁紙の作り方を学ぶことができます。3Dのエフェクトの使い方に着目してただただ3Dを貼り付けるだけではなくその効果について詳しく説明しています。

壮大な自然をモチーフにしたポスター 

Dynamic Nature Poster

ストックしているイメージ、ベクターやブラシを使って自然み溢れるポスターを作るのことができます。特に、下のポスターのような紙のような質感、地球、少女、オウム、小枝、盆栽、そして水しぶきなどの写真はよくこのようなポスターを作る際に用いられます。

おすすめ新着記事

おすすめタグ