Photoshopを使いこなすための印象的なチュートリアルいろいろ

Photoshopを使えばここまでの作品ができる、ということがよくわかるチュートリアル集が「35 New Photoshop Tutorials with Various Techniques」です。アイコンからSFっぽいイラストまで、さまざまなジャンルにおける作品のメイキングが公開されており、技術が学べるだけでなく、こんなラフスケッチからここまでの作品が……！と製作過程を眺めているだけでも楽しめます。

35 New Photoshop Tutorials with Various Techniques | The Design Inspiration

◆Photohop Tutorial Link: A Cute Cartoon Artwork Creation
鉛筆でのスケッチはこんな感じ。

スケッチをスキャンし、Photoshopを使って着色していきます。

完成作品はこちら。

なお、メイキングはムービーで見ることもできます。

Where is the Yum Yum??? by Ken Barthelmey - YouTube


◆Photohop Tutorial Link: Making of a Wonderful Cartoon Scenery
まず、鉛筆でだいたいのあたりをつけていきます。

レイヤーを多用しつつ着色。

完成作品はこちら。

◆Photohop Tutorial Link: Making a Nice Vector Graphic from an Image
「大体のデザインはこんな感じ」というメモ。

男性の写真を取り込んで……

エフェクトをかけた男性の顔を図形に合わせていきます。

完成作品はこちら。

◆Reader Tutorial: Extinction by Chanito
初めは何の変哲もないロゴ。

これに角度を付けたり……

着色やエフェクトを施していきます。

完成。

◆Photohop Tutorial Link: Drawing some Realistic Icy Cubes
涼しげな氷もPhotoshopの作品です。

完成作品はこちら。

◆Photohop Tutorial Link: Making a Semi Transparent Egg
卵の間にシャボン玉の写真を入れます。

シャボン玉を変形させ、卵の黄身をプラス。

完成。

◆Photohop Tutorial Link: Perfect Gold Text Effect in Photoshop
Perfectionと書かれたクールなロゴも、黒い背景に黒い文字を落とすことから始まります。

完成したものはこちら。

◆Photohop Tutorial Link: Zombie Transformation for your Image
ゾンビな女性の口元には……

ワニの歯を使います。

鋭い犬歯に影をつけたのが左の写真。

顔色や目の色を変えて完成。

◆How to Create a Sexy Small Download Icon
シンプルなダウンロードアイコンも、初めはのっぺりしていますが……

インナー・シャドウをつけたり、ホワイトを入れることによって立体的に。

完成作品はこちら。

◆Photoshop Tutorial: Forming a Spaceman in the Universe
Haloっぽいイラストは、まず背景から作られます。

マスターチーフが立っているレイヤー

さらにレイヤーを重ねて色を追加していきます。

完成作品はこちら。

◆Photohop Tutorial Link: Concept for Designing Nice Glasses
まず、メガネ用のレイヤーを作成し、メガネを全て黒で塗りつぶします。

レンズの部分を消しゴムで消し、ホワイトで立体感をつけます。

完成作品はこちら。

◆Shiny Lock Icon Design Tutorial | Web Icon Set
まず初めに簡単にアイコンのデザインを描きます。

錠前本体を立体的にし、グラデーションをつけて……

だんだん錠前っぽくなってきました。

完成。

◆Photohop Tutorial Link: Manipulate a Wonderful Angel Image
雲間に光が差している背景に……

お城の写真をペタっと貼り付けます。

背景になじむように処理。

さらに女性の写真を追加。

余分な部分を切り取って、女性の輪郭の細かいところまで整えていきます。

完成作品はこちら。

◆The New iPad (iPad 3) Photoshop Tutorial | Mobile Tuxedo
よく見かける「2つ並べて置かれているiPad」というような画像もPhotoshopで作ることができます。ただの黒い長方形に……

ボタンを追加します。グラデーションをかけたボタンの上で範囲を選択し、影をプラスしていきます。

画面にアイコンを追加。

完成作品はこちら。

◆How to Create Product Labels in Photoshop
ジャパニーズ・グリーンティー・ビールという謎のドリンクに描かれた忍者も、初めは鉛筆でのスケッチでした。

Photoshopに取り込んで着色。

背景も作成し……

イラストと合わせます。

完成。

◆Photohop Tutorial Link: Making a Nice Avengers Logo in Photoshop
まずは全体像をざっくり作成。

必要な部分を切り取り、色やグラデーションを追加していきます。

完成作品はこちら。

◆Photohop Tutorial Link: Drawing a Portrait for a Pretty Woman
大体のあたりをつけます。

左上の女性にモノクロカラーを使ってブラシで陰影をつけていきます。

着色。

完成作品はこちら。

◆Photohop Tutorial Link: Awesome Lighting Effect Creation for Text
まず立体的なアルファベットを作成します。

液体っぽさをプラスしていくと……

こんな感じに。

完成作品はこちら。

◆Photohop Tutorial Link: Creating a Highly Detailed Steampunk Insect
まず、時計の写真から使うパーツをセレクトします。

ハチの背中に乗せていきます。

体の内部の歯車は、立体的に見せるために影をプラスします。

完成するとこんな感じ。

◆Photohop Tutorial Link: Drawing a Realistic Fresh Egg
この丸い部分は卵の黄身かと思いきや……

殻の方でした。殻のフチにあるギザギザを作っていきます。

真ん中に鮮やかな黄色を乗せて、

形を整え、照りを描くと完成形に近づいていくのがわかります。

卵のできあがり。

◆Photohop Tutorial Link: Text Effect – Typography Impacting on the Water
シンプルなdropの文字。

川の写真の一部を選択して……

レイヤーを重ねます。

完成するとこんな感じ。

◆Photohop Tutorial Link: A Style Personal Poster Creation
にじんだ水彩っぽい背景。

中心になる図形を重ねます。

取り込んだ写真から女性の部分のみを切り取っていきます。

こんな感じに。

完成作品はこちら。

◆Photohop Tutorial Link: Making a Disaster Impact Scenery to the Earth
ベースになるのは地球の写真。

赤い炎を変形・リサイズさせ、最後に重ねたレイヤーをホワイトに変えれば、隕石ができあがります。

作業を繰り返していくとこんな感じに。

完成作品はこちら。

◆Photohop Tutorial Link: Create a Cosmic Cross Sign in Photoshop
何本も図形を重ねていきます。

さらにそれを複製し、図形同士を重ねます、

別のレイヤーで作った背景と合わせるとこんな感じ。

完成作品はこちら。

◆Design a Golden Flame Text Effect in Photoshop | Web Resources | WebAppers
シンプルなフォント。

フォロー・エフェクトをかけて……

炎っぽいレイヤーを作成し、それを文字に重ねていきます。

完成するとこんな感じに。

◆Photohop Tutorial Link: Wonderful Lighting Text Effect in Photoshop
ピンク・水色・緑の3色を重ねたロゴ。

かすれっぽさをプラスします。

Xの文字にライト・エフェクトをつけるとこんな感じに。

完成。

◆Photohop Tutorial Link: Drawing a Realistic Human Hand using Photoshop
まず、手をスケッチします。

続いてだいだいの色を付けます。

さらにそれぞれの色をブラシでなじませ、レイヤーを重ねてそれぞれのパーツを明確にします。

明るい色、暗い色、ゾンビっぽい色に仕上げて完成。

◆Photohop Tutorial Link: Photo Manipulation – Create a Desperate City
まず、どんよりとした天気の背景から作成。

その上に人物のレイヤーを重ねます。

完成作品はこちら。

◆Photohop Tutorial Link: Fantastic Make-up for a Lady
Photoshopで女性にアイメイクを施していきます。

◆Photohop Tutorial Link: Great 3D Camera Creation using Photoshop
カメラ本体にグラデーションや陰影をつけていきます。

木目やレンズをプラス。

完成するとこんな感じに。

◆Photohop Tutorial Link: Manipulation – an Elegant Night Scene for a Lady
背景にある満月の下部分の輪郭を曖昧にしていきます。

森の写真のコントラストを強くし、明るさを調整します。

2つを合わせるとこんな感じに。

女性の写真をプラスします。

完成作品はこちら。

◆Photohop Tutorial Link: How to Create a Watercolor Portrait in 3 Simple Steps
女性の写真をPhotoshopに取り込みます。

以下のようなドキュメントでカスタムブラシを作成します。

少女の顔に黒いレイヤーをかけた後、カスタムブラシを選択して白い背景を作成し、マスクをクリックして少女の顔を再び表示させます。

完成作品はこちら。

◆Photohop Tutorial Link: Create a Cyber Symbol in Photoshop
まず背景の中心の色を明るくします。

その上にアルファベットを重ねると、Aがライトアップされているように見えます。

完成するとこんな感じ。

◆Photohop Tutorial Link: Photo Manipulation – a Man facing a Planet

青い地球を前にする一人の男……というイラストの作成ムービーは以下から。

Concept Art - Photoshop Tutorial (PSD Box) - YouTube


背景には砂地の写真。

周囲を暗くして、地球を浮かび上がらせます。

さらに男性の写真を追加し、影を作成します。

完成。