Quantcast
Channel: PhotoshopVIP »デザインエフェクト
Viewing all 36 articles
Browse latest View live

Photoshopレッスン、すごいチュートリアル、作り方まとめ 2012年12月度

$
0
0

 

不定期ですが新しく公開された、Photoshopチュートリアルをご紹介しています。今回は、2012年最後となる、12月分チュートリアルまとめとなります。

 

 

海外デザインブログDesignBeep.comで、2012年度に公開されたチュートリアル、作り方を50個まとめたエントリー「50 Best Photoshop Tutorials of 2012 (Our Favorites)」が公開されていたので、今回はこちらをベースに新作チュートリアルをまとめています。

 

 

ライティングエフェクトや効果的な写真加工、テキストエフェクトの作り方など、幅広いデザイン制作に応用できる、テクニックが多数まとめられています。

 

 

 

詳細は以下から。

 

 

 

Photoshop総まとめ、新作チュートリアル、作り方 2012年12月度

 

カラフルで幻想的な写真合成をデザインするチュートリアル

複数のイメージ写真より、切り抜かれたデザインパーツを使って、違和感のない写真合成テクニックを紹介しています。(有料プレミアムチュートリアルとなります。)

simplelifefinal

 

 

 

ソビエトスタイルのコラージュポスターをデザインする方法

花柄や人物モデルを、ポップなコラージュ風にまとめた、ユニークなポスターデザインを完成させます。ソビエトスタイル、。

art208photoshop

 

 

 

ビンテージSF風クリスマスカードを作成する方法

キラキラとしたライティングエフェクトやクロム文字を、ネオン風にライトアップするデザインチュートリアル。

media_1354484295335

 

 

 

チョークを使った、テキスト文字を完成させる方法

フィルタ「ストローク(斜め)」を適用することで、ザラザラとした手作業感を表現できる簡単テクニック。

media_1355118603657

 

 

 

キャンディーでできたロゴテキストエフェクトを作成する方法

レイヤースタイル機能を利用し、簡単なボタン設定のみで完成する、立体的なテキストロゴを作成します。

lollipop-final

 

 

 

かすんだ、ぼかしテキストエフェクトの作り方

海外映画やドラマのワンシーンに利用されていそうな、 ぼかしを加えたロゴテキストを作成します。

Photoshop-text-effects-04

 

 

 

黄金がまぶしい、3D立体テキストエフェクトの作り方

どんなレイヤーも立体にしてしまう「3Dツール」を利用したテクニックで、レイヤースタイルでカラーリングや質感を表現しています。

Royal3D-s

 

 

 

クリスマスモチーフのクッキー型テキストエフェクトの作り方

フィルタよりスケッチ>ちりめんじわエフェクトを利用して、見事にクッキーの質感を再現しています。

GingerbreadCookies-s

 

 

 

光り輝く、立体テキスト文字の作成方法

朽ち果てたような石でできた、ロゴデザインを、ブラシツールを使い、ライトアップするデザインチュートリアル。

glowingrusty_final2-650x248

 

 

 

ガラス瓶にテキストやロゴを合成する方法

レイヤースタイルを加えたテキストレイヤーに、雲模様フィルタで作ったレイヤーを、描画モード「焼き込みカラー」で重ねることで、自然な仕上がりを表現。

transparent-text-on-glass-photoshop

 

 

 

映画「Man of Steel」のスーパーマンロゴをデザインする方法

全米での公開が始まった、もうひとつのスーパーマンをテーマにした映画のロゴを完全再現しています。テクスチャ素材を重ねることで、一気に質感をアップすることが可能。

media_1355709939536

 

 

 

さまざまなライティングエフェクトをマスターするテクニック

グラフィックデザインで活用したい、キラキラ感たっぷりなデザインの作成方法が紹介されています。

PS-tutorials-17

 

 

 

写真をプロ級に補正するポイント、テクニック

まるでプロの写真家の方が撮影したような、デザインをたのしめる写真加工チュートリアル。 イキイキと、セクシーな肌の質感を再現することが可能ですよ。

art207pspro

 

 

 

Instagramスタイルでイメージ写真を仕上げる加工テクニック

どんなイメージ写真も、人気アプリInstagram風に加工できるチュートリアル。動画で解説されているので、比較的分かりやすいかもしれません。

 

 

 

美しい女性を描いたスケッチ画を、劇的にペイントする方法

手書きされたデザイン画を、ブラシツールを中心にペイントするチュートリアル。本物そっくりな髪の毛の表現テクニックは、個人的にメモとして。

 

 

 

絵画からデザインが飛び出したような、合成写真を作成する方法

リアルな雲や水などが、額縁から飛び出し、現実ワールドと見事に融合させた、 写真コラージュ用チュートリアル。

01_550

 

 

 

リアルに再現されたステレオシステムをデザインする方法

思わず触ってみたくなるほど、立体感がうまく表現されたボタンや、トグルのデザイン方法などが、参考になりそうなチュートリアル。

40.best-photoshop-tutorials-2012

 

 

 

本物そっくりなビデオレコーダーをデザインする方法

再生、録画ボタンやレンズの反射など、本物と見間違うほどディテールのこだわりチュートリアル。

final(2)(3)(4)(5)(6)(7)(8)(9)(10)(11)(12)(13)(14)(15)(16)(17)(18)(19)(20)(21)

 

 

 

PhotoshopでiPad用スプラッシュページを作成する方法

CS6で機能アップしたタイムラインツールを利用して、ロゴが飛び出すiPad用スプラッシュページを作成します。

art207pshop2

 

 

 

アニメ風パンダをPhotoshopで作成する方法

複数のデザインパーツを別々に作成し、最終的にひとつのデザインに仕上げる、本格的プロテクニックを紹介。

Photoshop-tutorials-roundup-November2012-2

 

 

 

手書きされたアライグマを、ペイントする方法

下書きされたイラストスケッチを使い、パスの引き方だけでなく、うっすらと表現された影などの、切り抜き方法を紹介したチュートリアル。

ala_style_tutorial_by_elementalspirits-d5mjv86

 

 

これまでに公開されたPhotoshopチュートリアルに関しては、以下よりどうぞ。2013年は、どのようなデザインが生まれるのでしょう、たのしみです。

チュートリアル関連まとめ

 

 

参照元リンク : 50 Best Photoshop Tutorials of 2012 (our favorites) – DesignBeep.com


新テクニックマスター、Photoshopチュートリアル、作り方26個まとめ 2013年1月度

$
0
0

latesttutorial2013jan_top

 

不定期ですが新しく公開された、Photoshopチュートリアルをご紹介しています。今回は、2013年最初となる、1月分チュートリアルまとめとなります。

 

 

海外デザインブログGraphicDesignJunctionで、新しく公開されたPhotoshopチュートリアル、作り方26個をまとめたエントリー「26 Latest Photoshop Tutorials 2013」が公開されていたので、今回はご紹介します。

 

 

新しい手法、作り方が公開されています、すこしずつデザインテクニックも、アップデートしておくとよいかもしれません。

 

 

 

詳細は以下から。

 

 

 

新作Photoshopチュートリアル、作り方まとめ 2013年1月度

 

水彩画風3Dタイポグラフィーの作り方

CS6の新機能3Dツールを利用することで、これまでにない立体感を表現するデザインテクニック。背景テクスチャとの、合成方法も参考になります。

50_Things_-_Final

 

 

 

圧倒的に3Dな、タイポグラフィーデザインを作成する方法

3Dツールを使って、作成された文字テンプレートに、テクスチャやシャドウなど加える、ハイクオリティな有料チュートリアル。

Premium_200_Text_Final(2)

 

 

 

写真のようなスケッチ風景画をデザインする方法

あらかじめ構図を考えた、スケッチ画を元に、ブラシツールでペイントするテクニックが紹介された、有料チュートリアル。

dagertrain

 

 

 

カメラ撮影した写真をHDR加工する方法

本格的なHDR加工テクニックを学びたい方はぜひ。簡単な加工方法もあるので、そちらも併用してみてはいかがでしょう。

ripper_st___hdri___tutorial_by_wayman-d5s32fg

 

 

 

ディテールにこだわった、写真合成テクニック

女性モデルを中心に、ソファや窓、ランプなどを組み合わせる、写真合成に特化した、有料チュートリアル。ぼかしエフェクトを利用することで、遠近感を表現します。

environment-final

 

 

 

普通の写真に、フィッシュアイ効果を演出する方法

ワープ変形ツールで、イメージ写真全体をゆがめることで、魚眼レンズのようなエフェクトを再現します。

fisheye_effect

 

 

 

プロのような仕上がりの、写真加工チュートリアル

イメージ写真に、調整レイヤーを重ねることで、デザインに奥行き感を演出する、動画チュートリアル。

art208pspro

 

 

 

明かりが灯った、誕生日用ろうそく風テキストエフェクトの作り方

幻想的な光を放つ、ろうそくの明かりは、レイヤースタイルのグラデーションで再現するチュートリアル。

NumberCandles-s

 

 

 

メタリック感たっぷりな、クローム文字テキストを作成する方法

レイヤースタイルを、それぞれ設定するだけで完成する、お手軽なチュートリアル。サンプル無料PSD配布されています。

metalkid_effect

 

 

 

ダイナミックな、ダークトーンを使った写真合成テクニック

背景デザインには、テクスチャ素材を部分的に利用し、調整レイヤーを利用することで、全体の色調を統一。

image158

 

 

 

イメー写真を合成して、戦場シーンをデザインする方法

複数枚のイメージ写真から切り抜かれた、デザイン素材を組み合わせ、まるで映画のワンシーンのような、デザインを作成します。

0801_Battlefield_final_image

 

 

 

煙をまとったゴーストデザインを作成するチュートリアル

ブラシツールを設定することで、まるで煙のような、デザインエフェクトを作成した、ユニークなテクニック。こちらは有料プレミアムチュートリアルとなります。

create-a-ghostly-demonic-being-in-photoshop

 

 

 

昆虫スタイルのエイリアンを作成する方法

蜂やトンボなどから、インスパイアされたスケッチを、ベースに使い、質感はすべてテクスチャ素材を利用することで再現しています。

pinkmonster_animal

 

 

 

ライティング効果がクールな、写真合成テクニック

人物モデルを使い、水滴テクスチャを重ねることで、リアルな水しぶきを演出したチュートリアル。

futuremanipulation

 

 

 

近未来なコンセプト自動車をデザインする方法

手書きイラスト画をベースに、複数のイメージ写真を合成し、カラーリングまで施すデザインチュートリアル。動画による解説となっています。

futurecar

 

 

 

本物そっくりなゲーム機Wii Uをデザインする方法

シェイプツールを使って、描かれたデザインパーツに、レイヤースタイルで立体感を再現するデザインテクニック。

ninwii-final

 

 

 

レザーの質感がたまらない、アプリアイコンをデザインする方法

フィルタ機能「ステンドグラス」を利用することで、レザー独特の立体感を作成する、デザインチュートリアル。

Moleskine_Notebook_Icon_077

 

 

 

雑誌用モックアップをInDesignとPhotoshopで作成する方法

InDesignでレイアウトした、雑誌用テンプレートを、Photoshopを使い、イメージ画像をより立体的にデザインするチュートリアル。

photoshop+tutorials+2013+7

 

 

 

本物そっくりな目をデザインする方法

影や光の当たり方などを考慮して、ブラシツールを使った、目の描き方テクニックを学ぶチュートリアル。

howtodraweye

 

 

 

パンク風?ポスターデザインを作成する方法

多少のデッサン力が必要となりますが、印象的なデザインに仕上げる、パスの引き方、ペイント方法は参考に。

Photoshop-2013-tuts-18

 

 

 

カラフルペイントのサイをデザインする方法

レイヤーマスク機能を利用することで、サイのみに、お好みのデザインでペイントするチュートリアル。

mjohnson_custshape_thumbnail

 

 

サムネイル@ : Vintage Typography Tutorial – GoMediaZine.com

参照元リンク : 26 Latest Photoshop Tutorials 2013 – GraphicDesignJunction.com

Illustratorの教科書、デザインチュートリアル作り方24個まとめ 2013年2月度

$
0
0

latestaitutorial2013feb_top

 

不定期となりますが、Illustratorのデザインチュートリアルをまとめてご紹介しています。

今回は2013年2月分まとめとなります。

 

 

海外デザインブログGraphicDesignJunction.comで、新しいデザインテクニックやエフェクトを利用した、Illustrator作り方チュートリアル20個をまとめたエントリー「20 Latest Vector Tutorials 2013」が公開されていたので、今回はこちらをベースに、お気に入りチュートリアルも一緒にまとめています。

 

 

特にリアル感にこだわった、デザインテクニックが多く、Photoshopと合わせて利用することで、より高度なテクニックを実現できそうですよ。

 

 

 

詳細は以下から。

 

 

 

Illustratorを極める、新作デザイン作り方チュートリアル 2013年2月度まとめ

 

本物そっくりなダイヤモンドをデザインする方法

57面にカットされたダイヤモンドのモデル図をベースに、パスファインダーやペンツールを使い、キラキラ感を表現するチュートリアル。

vector-tutorials-2013-8

 

 

 

キラキラ感たっぷりな花火をデザインする方法

透明パネルの描画モードを「覆い焼き」に設定、重ねることで、独特なライティングエフェクトを完成する、デザインチュートリアル。

vector_fireworks2

 

 

 

モザイク柄のリンゴをデザインする方法

三角形や四角、五角形などさまざまな多角形をペンツールで描き、組み合わせることで作成する、ユニークチュートリアル。

vector-tutorials-2013-12

 

 

 

バラの花びらで出来たハート形をデザインする方法

本物の花びらを読み込み、グラデーションメッシュを使い、ブラシツール用に加工して、いつでも使えるようにします。

vector-tutorials-2013-17

 

 

 

ロケット花火をデザインする方法

カラフルデザインが素敵なイラストレーションで、3Dツールを適用することで、立体感満点に表現します。 また濃淡のある、グラデーション活用テクニックも参考に。

nina_tut_fireworks_preview

 

 

 

立体感のある消火器の作り方

パスツールで消火器のシェイプを描き、グラデーションツールで立体感のある、カラーリングを施します。光の当たる向きも考慮することで、よりリアルなデザインに仕上がります。

vector-tutorials-2013-9

 

 

 

某有名ゲームの爆弾キャラクターをデザインする方法

ゲームでおなじみのあのキャラクターが、超立体的な配色でデザインされています。無料サンプルEPSファイルのダウンロード可能ですよ。

cover_10

 

 

 

パンクロックガールをデザインする方法

こちらも手書きしたイラスト画をベースに、ペンツールによるパス引き、グラデーションツールをばっちり利用した、Illustrator特有のカラーリングテクニックは参考まで。

asher_tut_mermaid_Punk_Nouveau_Mermaid_final

 

 

 

カラフルなオウムをデザインする方法

手書きイラストを元に、ペンツールでパスを描き、カラーリング。グラデーションツールを利用することで、立体感たっぷりなデザイン描写を完成させます。

vanessa_tut_parrot_final

 

 

 

写真から切り取った動物を、マスコット風で仕上げる方法

パーツごとにパスツールでペイントすることで、3Dアニメ映画などにでてきそうな、目玉の大きな動物キャラクターを作成します。

64

 

 

 

アンティークなビンテージ風ストップウォッチをデザインする方法

メタル系スウォッチを利用することで、立体感のあるメタルデザインを作成することができるテクニック。

time_watch

 

 

 

立体的なフォークリフトをデザインする方法

本物と見間違うほどディテールにこだわった、デザインチュートリアルで、ピクセルパターンを組み合わせ、3Dツールで立体化してタイヤを作成。すごいテクニックです、。

create-a-forklift-truck-in-illustrator

 

 

 

トレッキングブーツをデザインする方法

ペンツールやグラデーションメッシュの基本的使い方を応用した、ブーツ靴を作成するチュートリアル。

create-a-cool-shoe-in-illustrator

 

 

 

ボロボロの紙でできた質感を表現した、ログインパネルの作り方

Webサイトなどに使いたい、Illustratorならではの、高品質UIデザインの作成方法を学ぶ、有料プレミアムチュートリアルのひとつ。

andrei_prem_signup_00

 

 

 

 マーカーで書き込み放題のホワイトボードを作成する方法

リアル感を追求した、ドロップシャドウの表現方法が参考になるチュートリアルで、ボード内容を変更すれば、幅広く活用できそうです。

andrei_tut_marker_00

 

 

 

立体感たっぷりなイメージスライダーの作り方

光沢がかったUIデザインや、ピクセル単位にこだわった、ドロップシャドウの設定テクニックなどを紹介したチュートリアル。

imagecarousel

 

 

 

彫り込んだようなエフェクトのマウンテンロゴを作成する方法

ブレンドオプションを利用することで、彫刻のようなぼかしを加える、新しいテクニックが紹介されています。

vector-tutorials-2013-4

 

 

 

レトロスタイルのビンテージポスターを作成する方法

ざらついたビンテージ加工テクニックは、ぜひとも覚えておきたい、お手軽デザインスキル。

vector-tutorials-2013-7

 

 

 

カラフルなポートレイト風イラストレーションを作成する方法

透明グラデーションを利用した、カラフルで印象的なカラーリングテクニックは、キャラクターやデザインに奥行き感を与えてくれます。

vector-tutorials-2013-1

 

 

 

街の風景イラストをデザインする方法

さらっとしたイラスト画ですが、遠近感の表現方法や背景デザインの組み合わせ方など、参考になる基本テクニックも多そうです。

vector-tutorials-2013-15

 

 

 

スクリューボルトとナットをデザインする方法

マニアックなデザインチュートリアルですが、効果的なメタリック感の表現方法など、参考にしたいテクニックのひとつ。

vector-tutorials-2013-20

 

 

 

開閉式ジッパーをデザインする方法

ピクセルドットの金具デザインを組み合わせることで、開閉自由な黄金ジッパーを作成します。

vector-tutorials-2013-6

 

 

 

自分だけの「&(アンパサンド)」デザインを作成する方法

手書きしたテキストをペンツールでなぞり、幅ツールで部分的にラインの太さを変更する、実用的なデザインテクニック。

tanita_tut_amper_final

 

 

 

Illustratorレッスン、すごいチュートリアル、作り方35個まとめ 2012年11月度

前回のまとめから、3ヶ月ほど経過していたようです。よろしかったら、こちらも一緒にいかがでしょう。

pixelart

 

 

参照元リンク : 20 Latest Vector Tutorials 2013 – GraphicDesignJunction.com

Photoshop描画モードを活用した、電球テキストエフェクトの作り方

$
0
0

classiclight_top

 

キラキラと輝くライティングエフェクトは、Photoshopチュートリアルの中でも人気の高いデザインテクニックです。描画モード「覆い焼きカラー」をうまく設定することで、簡単にまぶしい光をデザインすることができます。

 

 

海外デザインブログAbduzeedo.comで、電球のフィラメントをモチーフにした、キラキラ感たっぷりなテキストエフェクトを作成するチュートリアル「Classic Light Effect in Photoshop」が公開されていたので、今回はご紹介します。

 

 

描画モードの使い方があまりよく分からない、という方に「描画モードのすごさ」を知ってもらう、きっかけになりそうなデザインチュートリアルです。

 

 

 

詳細は以下から。

 

 

 

チュートリアル情報

 

プログラム : Photoshop

バージョン : CS5で作成 (古いバージョンでも可能)

難易度 : 初級者から上級者まで

所要時間 : 30分〜40分

 

あらかじめ利用するデザイン素材は、ダウンロードしておきましょう。

 

 

 

 

チュートリアルハイライト

 

 

1新しいレイヤーを作成

 

 

まずPhotoshopを開き、背景レイヤーを描画色「黒」(#000000)で塗りつぶしましょう。

Step_1

 

 

 

2イメージ画像をレイヤーに配置

 

 

リアル感を演出するために、電球デザイン部分には、イメージ画像を利用しています。レイヤーの中央に配置し、電球フィラメント部分が十分拡大されているのを確認しましょう。

Step_2

 

 

 

3不要な部分をマスク

 

 

メインメニューより「レイヤー」>「レイヤーマスク」>「すべての領域を表示」を設定します。つづけてツールボックスより「ブラシツール」を選択し、ソフトブラシ(「硬さ」0%、描画色「黒」(#000000))で不要な部分を、以下を参考にペイントしましょう。

Step_3

 

 

 

4テキスト用下地を作成

 

 

テキストを入力する、フィラメント部分を削除しましょう。「スポイトツール(i)」を使い、フィラメント部分の色を選び、「ブラシツール(b)」でペイントします。このときに新しいレイヤーを作成し、塗りつぶし部分だけ分けておくことで、後からテキスト文字変更するときにも対応してくれます。

 

ブラシツールを利用しているときに、Altキー(Windows版: Ctrlキー)を押すことで、スポイトツールで色を選択可能な、Photoshop小技も覚えておくと便利ですよ。

Step_4

 

 

 

5テキスト用下地を作成

 

 

ツールボックスより「文字ツール(T)」を選択し、お好みのテキストを入力します。今回利用したフリーフォントは、Exmouthとなります。レイヤーパレット上に、あたらしいフォルダを作成し、フォルダの描画モードを「覆い焼きカラー」に設定します。入力した文字レイヤーを、フォルダに収納しましょう。

Step_5

 

 

 

6ライティングをよりリアルに

 

 

パレット上で、文字レイヤーを右クリック>「テキストをラスタライズ」を適用します。次に、メインメニューより「フィルタ」>「ぼかし」>「ぼかし(ガウス)」を設定します。このとき、フォントサイズに応じて、ぼかし半径は調整しましょう。

step6

 

 

このぼかしエフェクトを加えることで、以下のように背景デザインと違和感なく、合成することが可能となります。

 

Photoshop CS3以降のソフトを利用している場合、「テキストのラスタライズ」ではなく、「スマートオブジェクトに変換」することで、何度もエフェクトを修正できる、というメリットもあります。

Step_7

 

 

 

7輝きを加えよう

 

 

あらかじめ用意しておいた、フレアデザイン素材をレイヤーに配置し、「ブラシツール(B)」でフレア以外の不要な部分を削除しておきましょう。次にメインメニューより「イメージ」>『色調補正」>『彩度を下げる」を適用し、モノクロイメージに変換します。

Step_8

 

 

モノクロカラーに変換した、フレアデザインの描画モードを「スクリーン」に変更しましょう。必要に応じて、不透明度を調整することで、よりリアル感を演出します。

 

描画モード「スクリーン」を適用することで、黒い部分は透明になるので、ライティングエフェクトでよく利用するブレンドモードのひとつです。

Step_9

 

 

 

8テキスト用下地を作成

 

 

新しいレイヤーを、パレットの一番上に作成します。描画色「黒」(#000000)と背景色「白」(#ffffff)になっているのを確認して、メインメニューより「フィルタ」>「描画」>「雲模様1」を適用し、描画モードを「覆い焼きカラー」に選択します。

Step_10

 

 

新しいフォルダをパレットの一番上に作成し、フォルダの描画モードを「オーバーレイ」に変更します。「雲模様1」レイヤーをフォルダの中に移しましょう。

Step_11

 

 

新しいレイヤーを作成し、雲模様レイヤーを収納したフォルダに移します。このときに新しいレイヤーが、雲レイヤーの下になっているのを確認しましょう。続けてツールボックスより、「ブラシツール(B)」を選び、描画色「やまぶき色」(#f5d38b) のソフトブラシで、テキスト部分めがめてペイントします。最後に、レイヤーの描画モードを「オーバーレイ」に変更します。

Step_12

 

 

最後のステップとして、パレットの一番上に、新しいレイヤーを作成し、描画色「やまぶき色」(#ffd648)の巨大なソフトブラシで、ライティングエフェクトの中央部分を一度ペイントし、レイヤーの描画モードを「焼き込み(リニア)」に変更したら完成です。

 

描画モード「焼き込み(リニア)」とすることで、より明るさをアップした、ライティングエフェクトを演出できますが、やり過ぎには注意しましょう。

Step_13

 

 

完成デザイン

classic-light-real

 

Photoshop描画モードは、ライティングエフェクトなどを表現するときに、よく利用されるテクニックのひとつ。特に「覆い焼きカラー」をマスターすることで、よりリアルなデザインへと仕上げます。

 

 

参照元リンク : Classic Light Effect in Photoshop – Abduzeedo Design Inspiration & Tutorials

スキルアップ講座、すごいPhotoshopチュートリアル25個まとめ 2013年2月度

$
0
0

latesttutorial2013feb_top

 

毎月あたらしく公開された、Photoshopを使ったデザインチュートリアル、作り方をまとめています。今回は、2013年2月分まとめとなります。

 

 

海外デザインブログNewEvolutionDesign.comで、新作デザインチュートリアル、作り方をまとめたエントリー「Evolving Tutorials #15」が公開されていたので、今回はこちらをベースに、お気に入りのデザインチュートリアル、テクニックを一緒にまとめています。

 

 

人気の高いライティングエフェクトから、色調補正の基本テクニック、GIFアニメーション、高級ステッカーの作成手順など、多岐にわたるデザインテクニックが揃っています。

 

 

 

詳細は以下から。

 

 

 

デザインスキルを磨く、Photoshopチュートリアル、作り方まとめ

 

海をまっぷたつにした写真合成のつくり方

人物モデルを中心に、海が真ん中から別れてしまう、ユニークな写真合成テクニック。周りのイルカやサメに加え、足下の空き瓶や砂場道具などがリアル感を演出しています。

Premium_206_Wave_tut_image_600px

 

 

ファンタジー系キラキラエフェクトを作成する方法

幻想的な背景カラーの組み合わせ方から、キラキラ感たっぷりな、ブラシツールを使ったデザインテクニックが紹介されています。

Murilo_Maciel_14

 

 

 

デジタルライティング&カラーリング講座

レイヤーの描画モードをうまく利用することで、ライティング効果をよりアップさせることができる、デザインテクニックが紹介されています。

A_Bitter_Sweet_Winter

 

 

 

サッカーゲームのコンセプトデザイン作成ケーススタディ

Cinama 4Dを使って立体的に作成されたデザインパーツに、Photoshopを使ってライティングエフェクトを加えていきます。

pes-case-study-theme_0

 

 

 

Photoshop基本ツールをより使いやすくするチップまとめ

カラー調整レイヤーや、ブラシツール、グラデーションツールなどの効果的な利用方法を、実践デザインを交えて、解説するチュートリアル。

color_balanace

 

 

 

野生動物を使った、ミニチュア写真を作成する方法

通常ではあり得ないデザイン構図を、Photoshopを使って実現する、イメージ写真合成テクニック。こちらは有料プレミアムチュートリアルとなります。

create-a-miniature-scene-using-stock-photography

 

 

 

女性のくちびるに、アートワークを加える方法

ファッション雑誌の広告デザインなどで見かける、唇をデコレーションする、Photoshopデザインチュートリアル。

0816_Lips_final

 

 

 

SF映画風イメージ写真合成デザインチュートリアル

特にイメージ写真を、立体的に合成する、ドロップシャドウの再現テクニックは参考になりそうです。

homesickfinal

 

 

 

3Dタイポグラフィーデザインの作り方

あらかじめ作成された3Dデザインパーツを並べ、Photoshopを使い、質感たっぷりに色調を整えるデザインチュートリアル。

NICE_GIRLS(2)

 

 

 

あやしく光る大宇宙をデザインする方法

カラーコントラストを調整し、複数の雲イメージ写真を組み合わせる、アブストラクト系デザインチュートリアル。

Colorfully-Lighting-Effect-for-the-Sky-L

 

 

 

イメージ写真を2クリックでレトロ加工する方法

CS6の新機能「カラールックアップ」レイヤーを利用した、お手軽写真加工テクニック。

retorize_photo

 

 

 

シワを目立たなくする、魔法のレタッチテクニック

気になる部分をパーツごとに、ブラシツールを使い、修正していく、コスメ系レタッチチュートリアル。

TigzRice_FinishedImage

 

 

 

高級手書きステッカーを作成する方法

手書きスケッチされたアート画をベースに、色合いに広がりを持たせるペイントテクニック、効果的なステッカー印刷方法まで、詳しく解説されています。

wmc4sticker01-540x540

 

 

 

色調補正ツール「色相/彩度」の基本的使い方

部分的に色を変更したり、全く違う色を加えてみたりと、基本的な使い方について動画でレクチャーした、デザインチュートリアル。

Hue_Sat_feature

 

 

 

調整レイヤーの基本的使い方&テクニックまとめ

YouTube動画を利用した、デザインチュートリアルなので、調整レイヤーをあまり利用しない方にも分かりやすい内容となっています。

adjustments

 

 

 

水彩ペイントを利用した、ギグポスターデザインの作り方

手書きスケッチされたアート画に、水彩絵の具ブラシツールでペイントする、効果的方法が紹介されています。

header1

 

 

 

手書きアートをデジタルペイントするときのポイント、テクニック

より効果的に手書きイメージを演出する、ポイントがまとめられた、ユニークなデザインチュートリアル。

Step08

 

 

 

カラフルなレトロポスターデザインを作成する方法

人物モデル写真を利用し、パスツールでレイヤーパーツ化、個別にテクスチャやペイントツールを利用して、デザインを完成させます。

finalresults(2)

 

 

 

テクスチャ素材を利用した、水彩画風コラージュデザインの作り方

ウッドテクスチャを背景に活用し、水彩ペンキブラシでペイントする、アート系チュートリアル。

brush-abstract-flatten-492x700

 

 

 

複数のイメージ写真を合成する、ミックスメディアアートを作成する方法

ひとつのレイヤーに、違和感なくイメージ写真を合成するテクニックが紹介された、デザインチュートリアル。

final-results

 

 

 

3Dハーフトーンのテキストエフェクトを作成する方法

異なるレイヤースタイル設定を行った、複数のテキストレイヤーを重ねることで、立体感を演出するテキストデザイン。

Retro_Halftone_Text_Effect_087

 

 

 

ジューシーなイチゴテキストの作り方

本物そっくりなイチゴの光沢感が再現された、レイヤースタイルを活用したデザインテクニック。

Strawberry-s

 

 

 

Photoshop描画モードを活用した、電球テキストエフェクトの作り方

電球フィラメントを利用した、リアル感たっぷりなテキストエフェクト作成方法。

classic-light-ps(2)(3)(4)

 

 

 

質感の高い、価格表テーブルを作成する方法

ピクセル単位までこだわった、立体感が表現された、表テーブルデザインの作り方が紹介されています。

0808_Table_final

 

 

 

新テクニックマスター、Photoshopチュートリアル、作り方26個まとめ 2013年1月度

先月分のデザインチュートリアルは、こちらからどうぞ。

Premium_200_Text_Final(2)

 

 

サムネイル@ : イルミネーション付きGIFアニメーションを作成する方法 – Abduzeedo.com

参照元リンク : Evolving Tutorials #15 – NewEvolutionDesigns.com

プロ級のすごいIllustratorチュートリアル作り方30個まとめ 2013年3月度

$
0
0

Illustrator-Photoshop-tutorials-roundup-February-2013-6

 

不定期となりますが、Illustratorのデザインチュートリアルをまとめてご紹介しています。

今回は2013年3月分まとめとなります。

 

 

海外デザインブログdesignHD.comで、新しく公開されたIllustrator作り方チュートリアルをまとめたエントリー「Popular Adobe Illustrator Tutorials February 2013」が公開されていたので、今回はお気に入りの新作デザインチュートリアルを一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

スキルアップに使える、Illustrator作り方チュートリアル 2013年3月度まとめ

 

ヘッドフォンのラインを使った、クールなタイポグラフィーデザインの作り方

ペンツールで描かれた、筆記体風タイポグラフィーに、さらに部分的な光沢感を表現し、Photoshopで仕上げるチュートリアル。

musictypo-final

 

 

 

セクシーなキャビンアテンダントをデザインする方法

複雑な色やシェイプの組み合わせに欠かせない、メッシュツールの使い方を学びながら、メタリックなサテン生地のコスチュームに身を包んだ女性モデルをデザイン。

sexymetalgirl

 

 

 

スタイリッシュな鹿モチーフデザインを作成する方法

ペンツールとブラシツールを使い描かれたモノクロアートで、左右対称にするために半分のみを作成する方法となっています。

beto_tut_deer_finalimage

 

 

 

カラフルなレトロポスターデザインを作成する方法

人物モデル写真を利用し、パスツールでレイヤーパーツ化、個別にテクスチャやペイントツールを利用して、デザインを完成させます。

geometric-girl

 

 

 

アンディ・ウォーホル風ポップアートポートレイトを作成する方法

イメージ写真から切り抜いた人物モデルに、ペンツールで部分的にペイントし、さまざまな配色でデザインします。

sharon_tut_warhol_final2

 

 

 

コーン型マスコットキャラクターを作成する方法

よく利用するシェイプツールの使い方を覚えながら、かわいいトウモロコシ風マスコットキャラクターをデザインします。

beto_tut_corn_final_image

 

 

 

鳥を使ったレトロスタイルのパターンデザインの作り方

ペンツールのみで作成された、カラフルな鳥たちに枝を組み合わせて、継ぎ目のないパターンテクスチャ素材を完成させます。

anne_reg_birds_final

 

 

 

本物そっくりな羽をデザインする方法

圧倒的なリアル感を追求した、鳥の羽をモチーフにしたベクターデザイン。ブレンドオプションを使った、羽ディテールの描きテクニックは参考に。

real-feather

 

 

 

花柄スタイルの背景壁紙デザインを作成する方法

グラデーションメッシュ機能を使った、幻想的な色使いが魅力の花柄デザインを作成するデザインテクニック。

floral-background

 

 

 

幾何学模様の背景デザインを作成する方法

イメージ写真をベースに、ペンツールで大小さまざまな多角形を組み合わせ、メッシュツールで背景をぼかすテクニックが披露されています。

Illustrator-Photoshop-tutorials-roundup-February-2013-3(2)

 

 

 

メタリックな高級時計をデザインする方法

文字盤から秒針まですべて細かくデザインされた、高品質Illustratorチュートリアルで、リアル感にこだわったデザインを作成したい方へ。

create-cool-watch-in-illustrator

 

 

 

ゼロから超リアルな百円ライターをデザインする方法

ペンツールで描かれたシェイプに、ソフトライトや覆い焼きカラーなどの描画モードを利用することで、立体感を演出します。

lightitup

 

 

 

立体的なレゴブロックをデザインする方法

3Dツールを使い立体化されたレゴブロックレイヤーは、塗りつぶしフィルターでお好みの色にカラーリングすることが可能。

legoText0b

 

 

 

X線スタイルの鹿の剥製を作成する方法

あらかじめ用意しておいたイメージ画像を元に、ペンツールで描いたベクターを、ブレンドオプションを適用し、立体感を演出します。

deer_A4_300dpi

 

 

 

ハート型クッションを掴んだ、子犬をデザインする方法

かわいい子犬はイメージ写真から切り抜き、立体感抜群なハート型はグラデーションメッシュを利用して、光沢感を表現しています。

monika_tut_valpup_final

 

 

 

本物と見間違うほどリアルな、超高層ビルをデザインする方法

ビル群を見上げたようなアングルのイメージ写真を元に、ペンツールを使い建物を再現していくベクターチュートリアル。

perspectivebuilding

 

 

 

自分だけのオリジナル手書きアイコンを作成する方法

紙に描かれたデザインをスキャナで読み込む段階から、Webサイトで活用できるようになるまでを詳しく解説したチュートリアル。

vector_sketch(2)

 

 

 

Illustratorの教科書、デザインチュートリアル作り方24個まとめ 2013年2月度

先月分Illustratorチュートリアルまとめも、ご参考までにいかがでしょう。

latestaitutorial2013feb_top

 

 

サムネイル@ : 本物そっくりな金魚をデザインする方法 – Vectortuts+.com

参照元リンク : Popular Adobe Illustrator Tutorials February 2013 – designHD.com

これぞPhotoshopパワー、すごいデザインチュートリアル25個まとめ 2013年3月度

$
0
0

latesttutorial2013march_top

 

毎月あたらしく公開された、Photoshopを使ったデザインチュートリアル、作り方をまとめています。今回は、2013年3月分まとめとなります。

 

 

海外デザインブログdezignHD.comで、新しく公開されたPhotoshopデザインチュートリアルをまとめたエントリー「40 Awesome Adobe Photoshop Tutorials 2013」が公開されていたので、今回はこちらをベースに、お気に入りチュートリアルも一緒にまとめています。

 

 

違和感なく合成された写真エフェクトや、ライティングエフェクトを使った奥行きの表現など、新しいテクニックやデザインアイデア満載となっています。

 

 

 

詳細は以下から。

 

 

 

新テクニックを学ぶ、Photoshopデザインチュートリアル 2013年3月度まとめ

 

マジカル・サーカスな写真合成を完成させるチュートリアル

複数の切り抜きデザインを、立体感たっぷりに写真合成するデザインテクニック。有料チュートリアルですが、奥行き感◎な背景の空のつくり方まで確認できます。

Premium_207_Circus_final

 

 

 

燃え上がるバスケットボール選手ポスターをデザインする方法

キラキラ感たっぷりなライティングエフェクトは、炎テクスチャを重ねることで再現し、描画モードの使い方のお手本にも良さそうです。

lighting_basketball

 

 

 

新時代の誕生をデザインする写真合成テクニック

さまざまな種類のテクスチャ素材を組み合わせ、本物そっくりな質感を表現し、光の反射や影の付け方もポイントになる、動画チュートリアル。

Birth_of_a_new_era0

 

 

 

高級感のあるライティング照明のレタッチテクニック

新規調整レイヤーを利用し、照明が付いているデザイン部分ごとに、エフェクト効果を追加するテクニックが紹介されています。

9547316_24be

 

 

 

鮮やかな写真コラージュデザインのつくり

春の訪れを感じるカラフルな花や鳥、蝶々などをあしらったリアルすぎる写真合成テクニック。こちらは有料チュートリアルとなります。

0-Spring-Secrects-featured

 

 

 

山に巨大津波が押し寄せてくる様子を描く方法

映画「2012」に影響された、地球の滅亡ストーリーをリアルに描くデザインチュートリアルで、動画による配信となります。

Premium_205_Tidal_Final

 

 

 

レンガを使った3Dタイポグラフィーデザインを作成する方法

テクスチャ素材をうまく利用し、タイポグラフィーの質感や奥行き感のある背景を表現しています。

brick-text-surreal-photoshop

 

 

 

レトロスタイルのオシャレポスターデザインを作成する方法

デザイントレンドにもなっているビンテージ、レトロ風に、イメージ写真を加工、タイポグラフィーの追加アイデアが解説されています。

abstract-landscape-sm

 

 

 

写真や水彩画を組み合わせたポートレイトデザインのつくり方

Photoshopの多彩なデザインエフェクトを組み合わせた、パステルカラーを基調とした、クリエイティブな肖像画デザイン。

mixmediafinal

 

 

 

写真のトーン&カラーを調整する方法

新規調整レイヤーを使って修正するこちらのテクニックは、アクション素材として保存しておくと便利かもしれません。

art203photoshoppro

 

 

 

ビンテージ風イラストレーションをデザインする方法

ブラシストローク機能を利用することで、ザラザラとしたノイズ感を演出し、イラストの質感をより高めてくれます。

art211photoshop

 

 

 

錆びついたカフェ看板をデザインする方法

レイヤースタイルを利用することで、本当に錆びたような質感をデザインし、他にも活用できそうなテクニック。

Illustrator-Photoshop-tutorials-roundup-February-2013-1

 

 

 

映画「アイアンマン」にインスパイアされた、グラフィックデザインのつくり方

Illustratorで描かれたフレームデザインに、Photoshopを使って立体的にペイントするデザインチュートリアル。無料サンプルPSDをダウンロード可能です。

media_1362873213410

 

 

 

曇ったガラスに指で文字を書く方法

テクスチャ素材を重ねることで、どんな背景にも変更でき、ブラシ素材を使ってテキストやシェイプを描きます。

WetWindow_Final

 

 

 

光沢感たっぷりな金色メタルロゴを作成する方法

新作Disney映画「オズ はじまりの戦い」のロゴをモチーフにした、ゴージャスなゴールドロゴのつくり方。

Oz-s

 

 

 

高温で燃えているテキストロゴを作成する方法

レイヤースタイルを適用したロゴデザインに、炎テクスチャを重ねたテキストエフェクト用チュートリアル。

fire-sparks-text-flatten-500x615

 

 

 

立体感たっぷりな3Dテキストロゴを作成する方法

3Dエフェクトを適用し、ドロップシャドウを適切に設定することで、立体感抜群なエフェクトを完成させます。

corey_planet_yummy

 

 

 

ジッパー製ロゴテキストを作成する方法

まずジッパー用パーツをひとつ作成し、ブラシファイルとして保存することで、どんなカタチにも変更可能なジッッパーデザインを完成させます。

Zipper-s

 

 

 

どんなひともピエロメイクに変身させる方法

メイクしたい部分を塗りつぶし、描画モード「カラー」を使うことで、レイヤーを肌とうまくなじませることが可能。

16079242_8f59

 

 

 

水彩画のような写真合成テクニック

新規調整レイヤー「グラデーション」の描画モードを「ソフトライト」に設定することで、全体の色合いを統一してくれる便利テクニック。

final-results4

 

 

 

空想SF世界をデザインするペイントテクニック

遠近法を考慮して、一枚のテクスチャ素材をベースに、イラストを施すデザインチュートリアル。

0820_Environment_final

 

 

 

PlayStation用ゲームコントローラーをデザインする方法

限りなく本物を再現した、ディテールにこだわりまくったガジェット作成チュートリアル。

0822_Controller_final

 

 

 

本物そっくりな目玉焼きを描く方法

ブラシツールですべて手書きペイントされた、写真と見間違うほどリアルなイラストレーション。

0810_Egg_24

 

 

 

本物そっくりなフィルムネガを作成する方法

Photoshopのグリッド機能を利用して、Illustrator顔負けのベクターデザインで作成するチュートリアル。

photoFilm0

 

 

 

スキルアップ講座、すごいPhotoshopチュートリアル25個まとめ 2013年2月度

先月分チュートリアルも一緒に確認してみてはいかがでしょう。

latesttutorial2013feb_top

 

 

参照元リンク : 40 Awesome Adobe Photoshop Tutorials 2013 – dezignHD.com

Illustratorをたのしむ、すごいデザインチュートリアルまとめ 2013年5月度

$
0
0

latestaitutorial2013may_top

 

不定期となりますが、Illustratorのデザインチュートリアルをまとめてご紹介しています。今回は2013年4、5月分まとめとなります。

 

 

海外デザインブログSmashingApps.comで、確認しておきたい新作Illustratorチュートリアルをまとめたエントリー「Must-See Collectino of Amazing Illustrator Tutorials for Every Designer」が公開されていたので、今回はご紹介します。

 

 

ステップごとにサムネイル付きで解説されており、一部のチュートリアルには無料サンプルAiファイルも公開されています。デザインを制作するときの、参考素材に活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

デザインテクニック向上、新作Illsutratorチュートリアルまとめ 2013年5月度

 

本物そっくりなチューリップをデザインする方法

メッシュツールではなく、グラデーションメッシュ機能を活用し、リアルな花びらの質感を表現するデザインチュートリアル。

adobeillustratortutorials_1

 

 

 

落書きエフェクトを使った、ポートレイトデザインを作成する方法

手書きイラストをトレースし、「落書き」エフェクトを利用して、効果的にデザインに表情を加えていきます。

helen_tut_scribble_finalImage

 

 

 

3Dオリジナルロゴデザインを作成する方法

ペンキがたれた様なエフェクトを実現する、デザインテクニックが紹介されたチュートリアルで、配色やレイアウトの参考にもなりそうです。

triangle_sign

 

 

 

ミリタリースタイルのバッジデザインを作成する方法

月桂樹やリボン、テキストなどすべて手作りする、オリジナルバッジロゴを完成させるIllustratorチュートリアル。

military_badge

 

 

 

超立体的なロゴデザインを作成する方法

吹き出し型デザインをモチーフに、3Dツールを利用することで、簡単に立体感を演出するテクニックが解説されています。

24hr_shoplogo

 

 

 

ベクターで作成された、リアルオレンジを作成する方法

デザインサイズに関わらず拡大縮小できるベクターテクスチャを利用し、本物そっくりなオレンジの輪切りを再現します。

real_orange

 

 

 

本物そっくりなキウイをデザインする方法

そしてこちらは、キウイをざっくり輪切りした状態をデザインした、ベクターチュートリアル。

adobeillustratortutorials_14

 

 

 

リアルなキーボードボタンをデザインする方法

ややメタリックがかった3Dデザインのキーボードで、影なども忠実に再現されています。

adobeillustratortutorials_10(2)

 

 

 

シンプルで超リアルなリボンベクターを作成する方法

ベクターシェイプを利用して作成する、Photoshopチュートリアルで、ペイントにはレイヤースタイルが適用されています。

adobeillustratortutorials_3

 

 

 

ディテールにこだわった、建物アイコンをデザインする方法

ピクセル単位でデザインされたレンガ壁や、立体的なショップロゴなど、カスタマイズ自由なデザインチュートリアル。

adobeillustratortutorials_8

 

 

 

8ビットキャラクターをデザインする方法

往年のビデオゲームに見られた、8ビットスタイルのキャラクターを、イメージ写真をベースにデザインしていくチュートリアル。

pixel-character

 

 

 

ファッション広告バナーデザインを作成する方法

クラッチバックとハイヒールのファッション関連デザインとなっており、グラデーションツールの新しい使い方を解説したチュートリアル。

svetlana_tut_shoesclutch_final

 

 

 

美味しそうなハンバーガーをデザインする方法

落ち着いたトーンに調整された、ジューシーなレトロ風ハンバーガーを仕上げます。

Cheeseburger_241(2)

 

 

 

さまざまなハート型アイコンを作成する方法

角が生えたデビル風ハートや縫い目のあるハートなど、ユニークなデザインコンセプトが魅力的なデザインチュートリアル。

diana_tut_hearts_image-final

 

 

 

幻想的に輝く花を描く方法

淡い色使いが得意なグラデーションメッシュツールを利用した、鮮やかなピンク色の花をデザインするチュートリアル。

adobeillustratortutorials_13

 

 

 

持ち運び可能なスキャナー製品をデザインする方法

イメージ写真と見間違うほど、細部までこだわったガジェット作成にオススメのチュートリアル。

adobeillustratortutorials_11

 

 

 

カラフルなUSB型ボタンデザインを作成する方法

本物そっくりな立体感で描かれた、USBタイプのボタン素材で、Webデザインにも活用できますね。

adobeillustratortutorials_7

 

 

 

金、銀のフラッグスタンドを作成する方法

メタリックに輝くポールデザインに、オリジナルフラッグを作成してみませんか。お手軽Illustratorデザインチュートリアル。

adobeillustratortutorials_2

 

 

 

くっきりクリアなコンパスをデザインする方法

コンパス表面にグラデーションメッシュを適用することで、自然な光の反射を表現したテクニックで、細部までくっきりデザインされています。

vector-compass

 

 

 

柔軟なレイアウト可能なイメージグリッドを作成する方法 in InDesign

横幅を揃えたレイアウトを、簡単な設定のみで実現するお手軽チュートリアルとなっており、こちらはInDesignアプリケーションが必要となります。

adobeillustratortutorials_16

 

 

プロ級のすごいIllustratorチュートリアル作り方30個まとめ 2013年3月度

先月分まとめエントリーはいかがでしょう、新しいデザインテクニックが公開されています。

musictypo-final

 

 

参照元リンク : Must-See Collectino of Amazing Illustrator Tutorials for Every Designer – SmashingApps.com


テクニックで差をつける、Photoshopチュートリアルまとめ 2013年5月度

$
0
0

Create_an_Energetic_Portrait_in_Photoshop(2)

 

不定期ですが新しく公開された、Photoshopチュートリアルをご紹介しています。今回は、2013年5月分チュートリアルまとめとなります。

 

 

海外デザインブログdesignrfix.comで、デザインスキルを磨くPhotoshopチュートリアル、使い方をまとめたエントリー「Master Photoshop CS6 with These Awesome Tutorials」が公開されていたので、今回はこちらをベースに、お気に入りのチュートリアルをまとめています。

 

 

 

詳細は以下から。

 

 

 

テクニックを盗む、新作Photoshopチュートリアルまとめ 2013年5月度

 

複数のイメージ写真を使い、幻想感のある都市を作成する方法

あらかじめ切り取られた、歴史的建築物を合成し、ファンタジー感たっぷりな街並をデザインします。背景の夕焼けテクスチャの設定方法もポイントです。

0862_Matte_final

 

 

 

写真の空を自由に変更する方法

あらかじめ背景デザインのみ切り取ることで、自由なテクスチャ素材を合成でき、全体の色合いは「トーンカーブ」調整レイヤーでばっちりです。

05172013-17

 

 

 

ビンテージスタイルのロゴデザインを作成する方法

最近よく見かけるようになった、レトロ&ビンテージなバッジ風ロゴを、簡単なステップのみで作成します。こちらはIllustrator用デザインチュートリアルとなります。

vintage-barber-logo

 

 

 

本物そっくりな人間らしい唇を描く方法

ブラシツールを使った、デジタルペインティングで、表情を豊かにする唇の描き方が紹介されています。

How-to-Create-a-Realistic-Lip-in-Photoshop-L

 

 

 

顔の表情だけ他人と取り替える方法

選択ツールで顔部分のみ切り抜き、他人の顔面に移植するという、魔法の様な使い方もPhotoshopの魅力です。

photoshop_tutorial_01swapfaces

 

 

 

若い女性を一気に老けさせる、逆アンチエイジングテクニック

いつまでも美しくありたい女性の夢を台無しにする、凄腕レタッチチュートリアル。

photoshop_tutorial_08_age_face

 

 

 

アマガエルとワニを合体させる方法

本当にジャングルなどにいそうな、バーチャル生物をデザインするチュートリアルで、「カラーバランス」調整レイヤーを使い、全体の色を統一します。

Final-Image-1

 

 

 

水面に反射した様子をリアルに描く方法

エフェクトツールを組み合わせ、実際に波立っている水面を表現するテクニックは、参考になりそうですよ。

water-reflection-effect(2)

 

 

 

カラフルなファッション系ポスターデザインを作成する方法

ベクター素材やモデル写真は、「カラーバランス」と「グラデーション」調整レイヤーを加えて、一発で色合いを整えます。

finalimage

 

 

 

レトロで錆びついたネオンサインをデザインする方法

写真なのかと見間違うほど忠実に再現された、アンティークな雰囲気をだしたネオンサイン。ペンツールの使い方を基礎から学ぶことができる有料チュートリアル。

Premium_208_Sign_retrosign_finalg-610x426

 

 

 

フェミニンなポートレイトデザインを完成させる方法

淡いパステルカラーを基調とし、手書きスケッチしたような質感を再現する、レトロタッチなデザイン画。

THE_BLUEBIRD_FINAL_ART

 

 

 

メタリックな3Dロゴをデザインする方法

CS6 Extendedに搭載された3Dツールを活用することで、圧倒的な立体感を表現するデザインテクニック。

0851_Forge_Tough_Final

 

 

 

アブストラクトなアート系テキストフェクトを作成するチュートリアル

ペンツールとグランジブラシを利用し、文字テキストが溶けているような、不思議なエフェクトを作り出します。

hair-text-flatten

 

 

 

ネオンライトを使った、3Dタイポグラフィーデザインを作成する方法

3D描画アプリCinema 4Dで組まれたワイヤーフレームを、Photoshopに移行してデザインする、難度高めなチュートリアル。

0852_B_final_600

 

 

 

ボケ(英: Bokeh)デザインを利用したテキストエフェクトの作り方

あらかじめ設定したカスタムブラシを使えば、テキスト以外にもどんなシェイプのパスに沿って、ボケデザインを加えることができます。

SimpleBokeh-final

 

 

 

キラキラと輝くテキストエフェクトを完成させる方法

お好みのテキスト文字に、星ブラシやグラデーションを利用し、ライティングエフェクトで魅せるチュートリアル。

spacce_text

 

 

 

立体感たっぷりな太字テキストエフェクトの作り方

銅線を巻き付けたような、独特の輝くが印象的なテキストエフェクトで、ここでも3Dツールが大活躍です。

rose_3dboldtext_thumbnail

 

 

 

光沢感のあるメールボックス型アイコンを作成する方法

ペンツールで描かれたシェイプに、レイヤースタイルを適用し、メタリック感を再現した再現するアイコンデザイン。

mailbox-icon-34

 

 

 

ノスタルジックなレコード盤ジャケットスリーブをデザインする方法

水彩絵の具が無造作に混ざった、グランジテイストをブラシツールで再現し、独特の色合いを表現しています。

Tutorial-Image-16

 

 

 

デザイン手帖、すごいPhotoshopチュートリアルまとめ 2013年4月度

先月まとめたエントリーも合わせて、参考にしてみてはいかがでしょう。

golden_lighting

 

 

サムネイル@ : Create an Energetic Portrait in Photoshop – PSDBox.com

参照元リンク : Master Photoshop CS6 with THese Awesome Tutorials – designrfix.com

Illustratorマジック、すごいデザインチュートリアルまとめ 2013年6月度

$
0
0

vintagelogo

 

Photoshopと並んで、デザインの現場で利用されているツール、Illustrator。不定期となりますが、Illustratorのデザインチュートリアルをまとめてご紹介しています。今回は2013年6月分まとめとなります。

 

 

海外デザインブログDesignrfix.comで、ますます進化するIllustratorデザインチュートリアルをまとめたエントリー「30+ Illustrator CS6 Tutorials for Beginners」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

テクニックを磨く、Illustratorデザインチュートリアルまとめ 2013年6月度

 

レトロなデザイン自転車を作成する方法

フレームのしっかりとしたレトロな自転車を、背景の木製囲いと一緒に、パーツごとにていねいに作成していく、プレミアムチュートリアル。

bicycle0

 

 

 

iOS用メールアプリアイコンをデザインする方法

立体的にレイアウトされた、ウッド製の箱にメールが山積みされた、リアルアイコンデザインを作成する有料チュートリアル。

chris-mailapp-600x600

 

 

 

図解付き取扱い説明書を作成する方法

説明書以外にも、アイデア次第でさ応用方法がたくさんありそうなチュートリアルで、作成するポイントやコツを詳しく解説しています。

instructions

 

 

 

DaftPunkミニマルポスターを作成する方法

新アルバムが発売されたばかりの音楽グループDaftPunkおなじみのヘルメットを、ミニマルデザインで再現したポスター作成チュートリアル。

daftpunkpunk

 

 

 

パターンを組み合わせたレトロデザインアートの作り方

色や質感、デザインの異なるさまざまなテイストをミックスした、近代的でモダンなアートデザインを作成するチュートリアル。

Paris-Poster_CMYK_1500

 

 

 

イラスト目白押しのインフォグラフィックデザインを作成する方法

イラストレーションを得意とした、一目で分かりやすい、ユニークなインフォグラフィックを完成します。

artwork_flickrmap

 

 

 

キラキラと輝くネオンやライティングエフェクトの作り方

ブラシツールを応用、変形するだけのお手軽ライティングエフェクトは、覚えておいて損はない、簡単デザインテクニックですよ。

diana-QT-Neon-brushes-final(2)

 

 

 

完全ベクター製のドロップシャドウの作成方法

デザインを拡大縮小しても崩れない、究極ベクターシャドウの作り方が公開されています。

greatshadow

 

 

 

青々しいリアルな芝生をデザインする方法

ペンツールで描いたシェイプを集め、グラデーションを部分的に適用する、以外と手の込んだチュートリアルです。

grass_bg

 

 

 

空に浮かぶ幻想的なオーロラをデザインする方法

ワープ変形ツールを駆使することで、ぼんやり輝くオーロラのグラデーションを再現します。

north-light

 

 

 

パターンツールの新機能をマスターしよう

自由自在にデザインパーツを増やしたり、削除したりできる魔法のようなデザインテクニックを学びます。

mappingaitool

 

 

 

ユニークなフクロウイラストを作成する方法

ブラシツールとパターン機能をうまく活用することで、より簡単にイラストを描くテクニックが公開されています。

jude_tut_owl_resting-owl-tut-0

 

 

 

光沢感のあるシルクハット帽をデザインするチュートリアル

ペンツールで描かれたパーツごとに、異なるグラデーションレイヤーを設定し、光沢感を見事に再現するテクニック。

silkhat

 

 

 

MacBookプロを本物そっくりにデザインする方法

写真と見間違うほどディテールにこだわった、パソコンなどガジェット関連をデザインするときの参考にいかがでしょう。

MacBook0

 

 

 

リアル感のあるグラフィックタブレットを作成する方法

本物なのかイラストなのか迷ってしまう、細部のボタンや製品の質感までこだわった、高品質デザインチュートリアル。

graphicsTablet0

 

 

 

メタリックな質感のスイッチボタンを作成する方法

ほんのりゴールドに輝いた、ランプが点灯した、リアリスティックなUIデザイン。

switchButton0

 

 

 

フォトフレーム型アイコンデザインを作成する方法

ほんのりとした影や、光の反射まで忠実に再現されたフレームが魅力的な、デザインアイコン作成チュートリアル。

photosIcon0

 

 

 

コーヒー豆を使った、ユニークなタイポグラフィーを作成する方法

本物そっくりなコーヒー豆を、テキスト状に並べるテクニックで、オリジナルデザインにも応用できるチュートリアル。

coffeeBeansTextEffect0

 

 

 

トレンド型ビンテージロゴデザインを完成する方法

フラットデザインの人気に伴い、こちらもよく見かけるようになったビンテージロゴを、Illustratorで作成します。

vintage-barber-logo(2)

 

 

 

ハチミツで描いた、美味しそうなタイポグラフィーデザインの作り方

ドロドロに溶けたハチミツを再現した、テキストエフェクトのデザインチュートリアル。

honeyTextEffect0

 

 

 

Illustratorをたのしむ、すごいデザインチュートリアルまとめ 2013年5月度

 

先月まとめたデザインチュートリアルも、ご参考までにいかがでしょう。

latestaitutorial2013may_top

 

 

 

サムネイル@ : Illustrator Tutorial: How to Create Premium Vector Badges – InkyDeals.com

参照元リンク : 30+ Illustrator CS6 Tutorials for Beginners – designrfix.com

簡単Photoshopチュートリアル、幻想的なライティングエフェクトの作り方

$
0
0

easycolor_top

 

ぼんやりとオーロラの様に、幻想的に輝くライティングエフェクトの作り方が、デザインブログAbduzeedo.comで公開されていたので、今回はご紹介します。

 

 

Photoshop初心者の方もチャレンジしやすい、数ステップの作業のみで、デザインを完成させることができ、応用の効きやすいテクニックのひとつです。

 

 

 

詳細は以下から。

 

 

 

チュートリアル情報

 

プログラム : Photoshop

バージョン : CS5で作成 (古いバージョンでも可能)

難易度 : 初級者から上級者まで

所要時間 : 30分〜40分

 

 

チュートリアルハイライト

 

1 カンバスを塗りつぶそう

 

 

まずPhotoshopの新規ファイルを開き、描画色「黒」(#000000)で、背景を塗りつぶしましょう。今回は2880x1800pxのカンバスで作業を進めていきます。

media_1370793392254

 

 

 

2 お好みのカラーでペイントしよう

 

 

新しいレイヤーを作成し、ツールボックスより「ブラシツール( B )」を選択します。大きなソフトブラシを使い、描画色「黄色」で、カンバスの一部分をペイントします。

media_1370793450481

 

 

もうひとつ新しいレイヤーを一番上に作成したら、描画色を「青色」に変更し、少しだけ黄色とかぶるようにペイントします。

media_1370793458391

 

 

さらに新しいレイヤーをもうひとつ作成し、今度は描画色『赤色」で、以下のサムネイルのように、カンバス下部分をペイントしましょう。発色の良い、鮮やかな色であれば、問題なくライティングエフェクトを追加できるので、適当な色を利用してもかまいません。

media_1370793472327

 

 

3 よりオリジナル性を演出しよう

 

 

レイヤーパネル上で、前ステップで作成した3つのレイヤーをフォルダにまとめます( Command/Alt + G )。続けて右クリック>「スマートオブジェクトに変換」を選択します。

 

さらにメインメニューより「編集」>「変形」>「ワープ」を選択し、サムネイルのように、全体をまとめて統一感を出しましょう。

media_1370793633545

 

 

 

スマートオブジェクトレイヤーを少しだけリサイズし、背景となじむように設定します。不要な部分は「消しゴムツール( E )」で削除してしまっても良いでしょう。メインメニューより「イメージ」>「 色調補正」>「レベル補正」を選択し、以下のようにトグルを設定し、コントラストを強調しましょう。

media_1370793524483

 

 

 

4 よりオリジナル性を演出しよう

 

 

編集を終えたスマートオブジェクトレイヤーを、複製し、レイヤーの一番上に配置します。最後に複製したレイヤーの描画モードを、「オーバーレイ」に設定したら完成です。コントラストがきつい場合は、レイヤーの不透明度を調整しましょう。

media_1370793548633

 

 

背景を濃紺色に変更することで、よりライティングエフェクトが映える、デザインに仕上がります。

media_1370793557382

 

 

 

5 デザイン完成

 

media_1370793685315(2)(3)

 

いかがでしたでしょうか。ほんの数ステップのみで、色鮮やかな壁紙デザインを作成することができました。またレイヤーの描画モードの正しい使い方を覚えることで、Photoshopマスターの第一歩になるかもしれません。

 

 

参照元リンク : Super Easy Colorful Effects in Photoshop – Abduzeedo.com

プロ技で魅せる、すごいPhotoshopチュートリアル、作り方まとめ 2013年6月度

$
0
0

latesttutorial2013june_top

 

不定期ですが新しく公開された、Photoshopチュートリアルをご紹介しています。今回は、2013年6月分チュートリアルまとめとなります

 

 

海外デザインブログSmashingApps.comで、最近公開された、新テクニックを使ったPhotoshopデザインチュートリアルをまとめたエントリー「A Round-Up of 45 Fresh Photoshop Tutorials And Techniques」が公開されていたので、今回はこちらをベースに、お気に入りの新作チュートリアルをまとめています。

 

 

 

詳細は以下から。

 

 

 

デザイン制作がたのしくなる、Photoshopチュートリアルまとめ 2013年6月度

 

アップルWWDCのロゴを再現するデザインチュートリアル

iOS 7の発表など話題たっぷりだった、WWDCのロゴデザインを完全再現しています。

applelogo

 

 

 

リアルな牧草と小麦畑を使った、パイチャートを作成する方法

それぞれ異なるイメージ素材を、見事に合成するデザインテクニックで、本物の牛がユニーク。インフォグラフィックプレゼンテーションにいかがでしょう。

soilcake-infographic

 

 

 

禁煙キャンペーンのクリエイティブな写真合成テクニック

煙草の煙で健康被害があることを、分かりやすくかつグロテスクに描くデザインチュートリアル。

Create-an-Anti-Smoke-Advertisement-Poster-L

 

 

 

リアルな飛び出す絵本をPhotoshopでデザインする方法

本を広げたら立体的に飛び出す構図を、Photoshopで再現するとここまでリアルになります。 こちらは有料プレミアムチュートリアルとなります。

grassbookfinal

 

 

 

2色に輝く幻想的な空を描く方法

夕焼けと夜景をミックスしたような、キラキラ感を強調した、グラフィカルなデザイン加工チュートリアル。

MysticalMountains_final

 

 

 

煌びやかに輝く3Dテキストエフェクトを作成する方法

壁に掛けられたネオンディスプレイのようで、圧倒的な立体感で表現された、テキストエフェクトの作り方が詳しく解説されています。

3D_Glow_Final-2

 

 

 

ファッション性豊かなライティングエフェクトを実現する方法

人物モデルのみ切り取られたイメージ素材に、お好みの背景デザインを組み合わせるテクニック。描画モードが大事なポイントになります。

fashionpicture_effect

 

 

 

アクション映画ポスターのような写真加工エフェクトの作り方

イメージ写真のレベル補正や、個別パーツのぼかしレタッチを行うことで、コントラストを強調した雰囲気を表現します。

cinematic_effect

 

 

 

Nexus 7の壁紙デザインを再現する方法

レイヤースタイルを適用したサークルを、ひとつずつコピーして仕上げる、グラデーションが美しい背景デザインの作り方。

android_wallpaper

 

 

 

簡単Photoshopチュートリアル、幻想的なライティングエフェクトの作り方

ほんの数ステップのみで完成する、グラデーションが美しいデザインを仕上げます。

media_1370793685315

 

 

 

ポスターモックアップ用テンプレートを作成する方法

まるで印刷したポスターを持っているかのように魅せる、ユニークなテンプレートの作り方をご紹介。

posters_1

 

 

 

フラットスタイルのロゴデザインを作成する方法

こちらはIllustrator用チュートリアルとなりますが、現在トレンドにもなっている、フラットデザインをテーマにしたロゴ作成の参考にいかがでしょう。

Beauty-600

 

 

 

飛び出したようなウッド製3Dテキストをデザインする方法

3D作成ツールCinema 4Dで作成したフレームに、Photoshopを使って質感をプラスし、ペイントで仕上げていきます。

woody_abstract

 

 

 

ペンツールのあまり知らない便利な使い方

ペンツールでパスを引くのと同じ効果を、ボタン一つで実現するお手軽テクニックが、動画で紹介されています。

Pen-Tool

 

 

 

jpegファイルから簡単にパスを読み込む方法

何度も同じパスを引かずに済むように、jpegファイルにパスを保存する方法が、動画チュートリアルで公開されています。

embed-paths

 

 

 

Photoshopを使ってコミック漫画を仕上げる方法

コンセプトを手書きで形にしたイラストをスキャンし、Photoshopに取り込んでから、どのように加工すればよいか、詳しく解説しているユニークなチュートリアル。

how-to-draw-manga-in-photoshop

 

 

 

あらゆるモノを水しぶきで再現する方法

用意しておいた水テクスチャを、加工したいデザイン合わせて、組み合わせながら完成させる、面白チュートリアル。

Apply-Water-Effect-for-Creature-L

 

 

 

SF映画のワンシーンを描いた、写真合成デザインテクニック

あらかじめ用意しておいた複数のイメージ素材を使い、まったく異なる世界観を作り出す、プロ技Photoshopチュートリアル。

urban-scene-with-grunge-texture-flatten

 

 

 

ホラー映画を連想する、ダーク系風景デザインを作成する方法

それぞれ切り取りされたイメージ素材を組み合わせ、ホラー映画のワンシーンを作り上げる、写真合成テクニック。

vincit-before

 

 

 

スチームパンク風イラストレーションをデザインする方法

どこか哀愁漂う、絶妙な色使いが印象的な、手書きイラストのペイント方法を紹介する、有料プレミアムチュートリアル。

steam_fam_final

 

 

 

未来SF要塞が描く、壁紙デザインの作り方

お好みのロゴデザインやテキストを、宇宙空間などと合成したいときに活用できるテクニック。

sci-fi-wallpaper

 

 

 

燃える水晶を手に持った、女性を描くデザインチュートリアル

Photoshopを使うことで、日常では不可能なことも見事に再現してしまう、写真合成テクニック作り方。

fire-rock-textured-model-flatten

 

 

 

光沢感のあるエレガントな黄金テキストを作成する方法

レイヤースタイルを順番通りに設定するだけで、ツルツルとしたメタルテキストエフェクトを完成させます。

GlossyGold-final

 

 

 

夏を連想するタイポグラフィーデザインを作成する方法

現在注目を浴びている、新しいイラストアプリSketchを使って、キュートなラインアート系タイポグラフィーを作成します。

chris-summer-full1

 

 

 

テクニックで差をつける、Photoshopチュートリアルまとめ 2013年5月度

先月分デザインチュートリアルも参考までにいかがでしょう。

0862_Matte_final

 

 

サムネイル@ : Combine a Crocodile wiht a Car to Create an Exotic Crocomobile – PhotoshopTutorials.com

参照元リンク : A Round-Up of 45 Fresh Photoshop Tutorials and Techniques – SmashingApps.com

Illustratorを駆使する、デザインチュートリアル作り方まとめ 2013年7月度

$
0
0

daftpunk

 

Photoshopと並んで、デザインの現場で利用されているツール、Illustrator。不定期となりますが、Illustratorのデザインチュートリアルをまとめてご紹介しています。今回は2013年7月分まとめとなります。

 

 

海外デザインブログOnextraPixel.comで、デザイン制作のテクニックを磨く、Illusttratorチュートリアル作り方をまとめたエントリー「50 Illustrator Tutorials That Will Leave You Looking Like A Pro」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

テクニックを学ぶ、Illustratorデザインチュートリアル 2013年7月度まとめ

 

スペースモンキーのイラストを描く方法

手書きスケッチされたイラストに、ペンツールを使ってパスを引き、効果的にペイントする方法を、動画で解説したチュートリアル。

spacemoneky

 

 

 

フラットデザインをモチーフにした、アイコンデザインの作成方法

最近トレンドにもなっているフラットデザインを使った、アイコンを作成するチュートリアル。ほんのりと影を加えるのが、ポイントになりますよ。

Sorta-flat-full

 

 

 

iOS用天気予報アプリのインターフェースデザインを作成するチュートリアル

鮮やかな色を使ったグラデーションに、太字タイポグラフィーのレイアウトが、トレンドも取り入れた、UIデザインの参考にいかがでしょう。

chris-weather-600

 

 

 

フラットデザインを意識した、タイポグラフィーを作成するチュートリアル

最近よく耳にする、フラットデザインをモチーフにした、美しいドロップシャドウが立体感を演出した、タイポグラフィーの作り方。

nautical_typo

 

 

 

本物そっくりな国際郵便用封筒をデザインする方法

できるだけ本物品質にこだわった、リアルすぎるアイコンデザインの作成方法が紹介されています。

envelope0

 

 

 

トレンディなヒップスター風イラストのウサギマスコットの作り方

今にも喋りだしそうなほど、キャラクター性も豊かな、イラスト風デザインのペイント方法など参考になる、有料プレミアムチュートリアルのひとつ。

Hipster_bunny-600wide

 

 

 

グランジテイストのビテンージ風Tシャツデザインを作成する方法

イラストスキルがなくても、ベクター素材とテクスチャ素材を使うことで、オシャレなTシャツデザインに応用できそうなチュートリアル。

Ellaflower

 

 

 

アイコンを使ったブランドコンセプトを作成するポイントとコツ

ブランド価値を高めるために、アイコン作成などゼロからデザインするときのポイントを詳しくまとめています。

nerbo

 

 

 

シェイプを重ねて、幾何学模様をデザインする方法

三角や四角、サークル状シェイプを等間隔にずらすことで、ユニークなデザインを作成します。グラデーションツールでより質感もアップ。

square_geometry

 

 

 

シェイプツールの正しい使い方とポイント

Illustratorを利用するうえで、多用するシェイプツールを使い、さまざまな有名ブランドロゴを再現していく、テクニックチュートリアル。

windows8logo

 

 

 

複雑な花柄を使って、シームレスパターンを作成する方法

美しい花を撮影した写真をモチーフに描かれた花柄に、ペンツールで模様を加えていくデザインテクニック。

art203tutillus

 

 

 

海底の様子をイラストで描いた、キュートなシームレスパターンを作る方法

かわいい手書きイラストが印象的で、レイヤーを複数重ねた奥行き感を演出した、パターンテクスチャ素材の作り方をご紹介しています。

Summer_Sea_Pattern_Final

 

 

 

往年のゲーム機「GameBoy」を再現デザインする方法

イメージ写真をベースに、本物と見間違うほどのレベルで再現された、デザインテクニックが紹介されています。

create-gameboy-in-illustrator

 

 

 

本物そっくりなコーヒーカップと紅茶カップアイコンを作成する方法

本物と区別がつかないほど、リアリティにこだわった、質感系デザインアイコンの作成方法のご紹介です。

cupIcons0

 

 

 

新品ピカピカのコーヒーメーカーを、Illustratorで作成する方法

真っ白のカンバスから、それぞれデザイン部品を作成し、組み立てていく、まるで工作をしている気分になるチュートリアル。

coffeeMaker0

 

 

 

迫力のある海賊風ガイコツを描く方法

ある程度のスケッチ力が必要となりますが、Illustartorでスケッチデザインを作成したいときに、参考にしたい動画チュートリアル。

skullpirate2

 

 

 

天高く飛ぶ巨大なわしをデザインする方法

あらかじめ用意したイメージ写真をベースに、ペンツールですこしずつパスを引き、ペイントするデザインチュートリアル。毛並を表現するテクニックは、個人的に参考メモとして。

eagleusa

 

 

 

プラスティックビーズでできた、ユニークなタイポグラフィーの作り方

カラフルな色の組み合わせが自由な、TVコマーシャルに影響されて作成された、デザインチュートリアルで、基本的なエフェクトの使い方を解説しています。

colorfulText0

 

 

 

Illustratorマジック、すごいデザインチュートリアルまとめ 2013年6月度

先月分チュートリアルまとめもご一緒にいかがでしょう。

vintagelogo

 

 

サムネイル@ : DaftPunkのヘルメットGIFアニメーションを作成する方法 – Vectortuts+.com

参照元リンク : 50 Illustrator Tutorials That Will Leave You Looking Like A Pro – OneXtraPixle.com

最新デザインテクニックを学ぶ、Photoshopチュートリアル、作り方まとめ 2013年7月度

$
0
0

latesttutorial2013july_top

 

不定期ですが新しく公開された、Photoshopチュートリアルをご紹介しています。今回は、2013年7月分チュートリアルまとめとなります。

 

 

海外デザインブログDezignHD.comで、新しく公開されたPhotoshopデザインチュートリアル、作り方をまとめたエントリー「20+ Adobe Photoshop Tutorials June 2013」が公開されていたので、今回はこちらをベースに、お気に入り新作チュートリアルをまとめています。

 

 

 

詳細は以下から。

 

 

 

最新デザインテクニックを学ぶ、Photoshopチュートリアル、作り方まとめ

 

夏をテーマにした音楽イベント向けフライヤーデザインを作成する方法

切り抜かれた複数のイメージ写真を、うまく配置、合成することで、自然な仕上がりを再現。デザインの応用が利くテクニックではないでしょうか。

flyer-photoshop-tutorial-52

 

 

 

深海をモチーフにした、音楽アルバム用アートワークを作成する方法

あらかじめ用意された、複数の切り抜き画像を組み合わせ、フィルタ機能を活用して、光の届かない深海の様子をデザインします。

Pendulum_Immersion_20x20cm

 

 

 

ゆらゆらと波打つデザインエフェクトを作成する方法

テクスチャ素材をうまく利用することで、水中に浮かび上がるデザインを完成させます。

media_1375057957107

 

 

 

犬をモチーフにした戦闘機をデザインする方法

タイトルのままですが、3D作成ツール3D Studio Maxを使い、Photoshopで質感を追加するチュートリアル。

0887_Dog_Fighters_tut_055

 

 

 

カラフルなバギーイラストをデザインする方法

広告デザインなどに採用されていそうな、コミカルで面白い、リアルすぎるイラスト画を完成させる、プレミアムチュートリアル。

0884_Car_final

 

 

 

ライティングを使ったデジタルアートを作成するポイント、コツ

宇宙空間にひとの顔を合成し、キラキラと輝くネオンや、ライティングエフェクトを得意としたデザインチュートリアル。こちらは有料プレミアムチュートリアルとなります。

Overlord-468x700

 

 

 

砂時計を使ったリアルな写真合成テクニック

まるで大地が削れて、時を刻む砂時計を表現した、クリエイティブなデザインチュートリアル。

finalimage

 

 

 

ビンテージ風クロスプロセスの写真加工テクニック

撮影した写真を、コントラストを強調した、味わい深い色使いに調整する、写真加工チュートリアル。

vintage-cross-processed-photo-effect-01

 

 

 

白黒写真を効果的に色付けする方法

イメージ写真の構図に応じて、体や洋服などパーツごとにペイントしてくデザインチュートリアル。

art210pspro

 

 

 

イメージ写真にストーリーをつくる、ライティング加工テクニック

簡単な数ステップの作業を行うことで、映画のワンシーンに使われていそうな、味わい系デザインを完成させます。

GlennPiano

 

 

 

肌の色を劇的に変化させる方法

動画で学ぶデザインチュートリアルで、ステップごとにゆっくり解説し、字幕対応しているので、はじめての方も挑戦したいテクニックのひとつ。

how-to-change-a-persons-skin-color-from-dark-to-light-01

 

 

 

ツルツルとした肌を作成する方法

ファッション雑誌などで使われている写真レタッチ術のひとつで、ハイパスフィルター機能の使い方がポイントです。

art212pspro

 

 

 

カラフルでクールなポートレイト写真加工を実現する方法

ファッション性の高い、絶妙カラーグラデーションを重ねるデザインテクニック。

colorful-portraits-full-preview

 

 

 

効果的なパノラマ写真を作成する方法

Photoshopを使い、複数の写真を違和感なくつなげ、Lightroomを使って全体の色調やコントラストを調整します。

02_lightroom_panorama_final

 

 

 

ベーグルでできたテキストエフェクトを完成する方法

こんがりと焼けた、美味しそうなベーグルでできた、テキストエフェクトの作り方が紹介されています。

Bagels-final

 

 

 

アクリル板を使った3D立体テキストエフェクトを作成する方法

3Dエフェクトを利用することで、3Dツールで仕上げたような、立体感をPhotoshopのみで再現します。

SimpleAcrylic-final

 

 

 

ライティングエフェクトを使った写真合成を行うテクニック

躍動感のある女性モデルに、色鮮やかなクジャクの頭を合成し、キラキラのライティングを再現します。

RESULT

 

 

 

ライティングエフェクトをマスターしよう

デザインに合わせて、さまざまなライティングエフェクトの使い方を詳しく紹介した、動画チュートリアル。

filter-effects-610x330

 

 

 

カラフルで幻想的なグラデーション加工をデザインする方法

ポスターデザインや写真加工などにも応用できる、ユニークな色使いが素敵な、カラーリングチュートリアル。

media_1374461613479

 

 

 

立体的なfacebookカバーを作成する方法

やや斜めに配置したレイアウトがユニークな、イメージ写真を多く利用したいときに使いたいテクニック。

facebook-cover-tutorial-12

 

 

 

フラットデザインを意識した、ポートフォリオレイアウトを作成する方法

余白スペースをたっぷりと使った、ミニマルスタイルのWebサイトレイアウトを完成させます。

flat-web-design-portfolio-preview

 

 

 

心温まる野生動物のイラストをデザインする方法

ペイントブラシ機能を使って、ひとつずつ塗りあげた、リアル感たっぷりなイラストレーションが魅力的。

0872_Mouse_morning_dew_final

 

 

 

地獄からの使いを乗せた、スチームパンクなデザインを作成する方法

ホラー系デザイン作成の参考にしたいチュートリアルで、クラシックカーと背景写真が見事に合成された作品。

1053489_10201403720033748_2009544240_o-600x400

 

 

 

洞くつで修行を続ける僧侶を描いた、写真合成テクニック

すべてイメージ写真を切り抜き、色合いを整えながら合成した、壮大なデザインチュートリアルとなっています。

700x448ximage.png.pagespeed.ic.vkzLwKoJLa

 

 

 

砂漠に現れる巨大オアシスをデザインする方法

まるで映画のワンシーンを見ている様な、ヤシの木が生え、巨大ピラミッドが立ち並ぶオアシスを再現する、プレミアムチュートリアル。

Premium_213_Pyramid_final_large

 

 

参照元リンク : 20+ Adobe Photoshop Tutorials June 2013 – dezignHD,com

デザインに欠かせない、Photoshopチュートリアルまとめ 2013年9月度

$
0
0

army-squirrel-preview-small-575x330

 

デザインの現場に欠かせないツールのひとつ、Photoshopは、どんなデザインも表現することができる万能ツールです。しかし、この魔法のようなツール機能の数々は、Photoshopをはじめようというひとには、ややとりかかりにくいかもしれません。そんなときデザインチュートリアルで機能を学びながら、デザインをたのしんでみてはいかがでしょう。

 

 

海外デザインブログNewEvolutionDesign.comで、デザイン方法を学ぶのにぴったりな、Photoshopチュートリアルをまとめたエントリー「Evolving Tutorials #29」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

Photoshopデザインを覚える、高品質チュートリアルまとめ

 

IntagramのVintageエフェクトを、よりベターにする写真加工エフェクト

人気写真加工アプリInstagramのエフェクトを、より幻想的に加工する写真レタッチ用チュートリアル。

Final(2)

 

 

 

美味しそうなドーナツをデザインする方法

まるで本物のような光沢感や影などが再現された、高品質デザインチュートリアル。

Final-outcome

 

 

 

暴走運転ドライバーのイラストを作成する方法

あらかじめ手書きされたスケッチに、ブラシツールでペイントしながら、リアルな質感まで表現してく、プロ級デザインチュートリアル。

0902_Racer_final

 

 

 

iOS 7に搭載されたぼかしエフェクトを作成する方法

新機能「コントロールセンター」に利用されている、背景をぼかして表示するエフェクトを再現します。サンプルPSDファイルもダウンロード可能となっています。

ios7blureffect

 

 

 

80年代のレトロスタイル風ポスターデザインを作成する方法

宇宙空間などSF要素を強くふくみ、キラキラ感たっぷりに描かれるデザインテクニック。

80sposter11d

 

 

 

幻想的な色使いを学ぶデザインレタッチ術

背景を切り抜いたモデルイメージに、カラフルな背景デザインやアクセントパーツを加えていきます。

In_The_Moment

 

 

 

ファンタジーな風景イメージをデザインする方法

まるで現実世界のようなリアル感で再現された、マジカルワールドを描くデザインチュートリアル。

swamp_cristals_by_darthmischee-d6iptba

 

 

 

ポリゴンスタイルの背景デザインを作成する方法

レトロカラーの配色が素敵で、幾何学模様の簡単デザイン方法は、今後の参考としてメモ。

abstract-geometric-background

 

 

 

水彩絵の具をモチーフにした、デジタルコラージュのつくりかた

淡い色使いをたのしむ、美しいカラーリングと質感でデザインされたPhotoshopチュートリアル。

watercolor31final

 

 

 

グランジ調デジタルコラージュを制作する方法

テクスチャ素材やグランジ系質感ブラシを組み合わせることで、見た目以上に簡単に写真コラージュをまとめます。

grunge-textured-photoshop-mixed-collage-tutorial-photo-manipulation

 

 

 

リアルすぎるドロップシャドウを作成する方法

レイヤースタイルのドロップシャドウでは再現できない、3Dツールを利用したテクニックが公開されています。サンプルPSDファイルもダウンロード可能です。

media_1378694042194

 

 

 

風景写真をミニチュアのようにしてしまう方法

以前当サイトでもデザインチュートリアルを紹介しましたが、こちらは別のテクニックを使った方法のひとつ。

shutterstock_64444105h-660x330

 

 

 

質感系ロモグラフィ風写真レタッチテクニック

色あせた質感がノスタルジックな雰囲気となる、トイカメラで撮影したような風合いを表現します。

L-Final-result

 

 

 

写真にライティングエフェクトを追加する方法

バイクのランプ部分を、キラキラと自由に光らせることができる、色々と使える万能テクニックです。

lightitup

 

 

 

どんな写真にもリアルな雨を降らせる方法

辺りが暗くなるほどの雨雲が立ちこめ、土砂降りの雨が降り出します。

add-dramatic-rain-to-a-photo-in-photoshop

 

 

 

HDRエフェクトを簡単にデザインする方法

ほんの数ステップのレタッチ作業を加えるだけで、圧倒的でダイナミックなコントラストを表現します。

Untitled-2

 

 

 

ショッピングサイト用イメージ撮影とレタッチ編集方法について

カメラ撮影の段階から、Photoshopによるイメージ編集を経て、Lightroomで仕上げるという、実際のステップを確認できます。

0901_White_final

 

 

 

SF風レースドライバーを描く方法

Photoshop CCから搭載された新機能を使った、新しいデザインテクニックが紹介されています。

driverfinal

 

 

 

ゴージャスすぎる月明かりをデザインする方法

テクスチャやブラシ素材を使った、他でもあまり見ない、キラキラ感の演出テクニックは参考にいかがでしょう。

finalresults

 

 

 

本物すぎるイラストデザインを作成する方法

某映画キャラクターをイメージした、手書きスケッチを元に、Photoshopで見事にペイントする方法、テクニックがまとめて紹介されています。

0910_Hit_Girl_final

 

 

 

Photoshopで本物のような化粧メイクをする方法

何気なく撮影されたポートレイト写真を、Photoshop機能を駆使して、完全にメイクアップしてしまう、夢のようなレタッチテクニック。

beauty-retouching-after

 

 

 

顔写真を使った、ユニークパターンをデザインする方法

イメージ写真からスキャンしたデザインを使い、オリジナルパターンを作成していきます。

global_illustration_final

 

 

 

イチゴを使った、美味しそうな広告デザインを作成する方法

表情豊かに描かれた、ストーリー性まで見えてくる、ユニークな広告ポスターをつくります。

0898_Strawberry_final

 

 

 

効果的なライティングエフェクトのつくりかた

ブラシツールをうまく利用することで、圧倒的なライティングエフェクトを完成させるチュートリアル。

particle-3001

 

 

 

カラフルな果物を使った、3Dテキストエフェクトの作り方

Photoshopの3Dツール機能を利用することで、自由自在にテキスト文字を立体化することが可能です。

3d-fruit-text-flatten-550x314

 

 

 

ゴムとガラスを組み合わせた、立体テキストエフェクトの作り方

デザインフォントで入力されたテキストに加工し、3Dツールで一気に立体化してしまう、応用が利きそうなテクニック。

0900_Rubber_Final-s

 

 

 

クリエイティブな新作Photoshopチュートリアルまとめ 2013年8月度

先月まとめたPhotoshopデザインチュートリアルも、ご一緒にチェックしてみてはいかがでしょう。

finalpiece

 

 

サムネイル@ : Army Squirrel Photoshop Manipulation Tutorial – PSD Box

参照元リンク : Evolving Tutorials #29 – NewEvolutionDesigns.com


デザインセンスを磨く、Photoshopチュートリアルまとめ 2013年10月度

$
0
0

viva-australia

 

毎月のように、さまざまな技を駆使した、Photoshopデザインチュートリアルが、世界中で公開されています。作り方を学ぶことで、デザイン制作に応用できるのはもちろん、幅の広いデザインテクニックを身につけることができますよ。

 

 

海外デザインブログNewEvolution.comで、デザインセンスにあふれた、すごいPhotoshopチュートリアル、作り方をまとめたエントリー「Evolving Tutorials #32」が公開されていたので、今回はこちらをベースに、ブックマークしておきたい、良質チュートリアルを一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

デザインセンスを磨く、Photoshopチュートリアルまとめ

 

ファンタジーな色使いの写真加工をデザインする方法

切り抜かれたモデル人物に、グラデーションやイメージ写真を重ねてつるくる、幻想的な加工テクニック。

fatasy-coloring

 

 

 

カラフルなライティングエフェクトのコラージュチュートリアル

ファッションと光を強調したエフェクトを組み合わせる、アートなイラストレーションの作り方。

tru-beauty

 

 

 

まるでアートのような、ポートレイト写真のダイナミックな加工テクニック

Camera RAWを調整することで、目で見た様子をよりリアルに再現する、写真レタッチチュートリアル。

dramatic-lighting

 

 

 

InstagramフィルタをPhotoshopで再現する方法

人気の高いNashvilleや1977など、合計6種類の写真フィルタを再現しています。アクション素材として活用しても良いですね。

instagram-effect

 

 

 

Photoshopで自由に化粧メイクを行う方法

まるで実際に化粧をしたようなエフェクトを作りあげる、メイクアップテクニックを学びます。

makeover-ps

 

 

 

インパクトのあるモノクロ写真を作成する方法

カラー写真のいち部分のみを残した、印象的なモノクロイメージをデザインする動画チュートリアル。

dramatic-after

 

 

 

写真を鉛筆でスケッチしたように加工する方法

「グラフィックペン」フィルタを利用することで、色鉛筆で描かれたような質感を表現します。

sketching-effect

 

 

 

Photoshopで水彩画をデジタルコラージュする方法

手書きスケッチ画に、まるで絵の具でペイントしたような質感で、ユニークな写真合成を作成させます。

watercolor-collage

 

 

 

光の反射を意識した、デジタル写真コラージュを作成する方法

月明かりで、青白く照らされた人物モデルの再現の仕方や、幻想的な風景画デザインの作成方法が紹介されています。

lonely-night

 

 

 

マグマが吹き出す、SFファンタジーな風景画の作り方

あらかじめ用意した複数のイメージ写真を、合成して作成する、リアル感抜群な、デジタル合成コラージュを再現します。

end-of-my-world-final

 

 

 

背景が透けたガラスをマスキングする方法

レタッチするときに困るのが、背景が写り込んだ、ガラス素材のみを切り抜く、方法が紹介されています。

masking-glass-preview

 

 

 

ボロボロに破れた古い写真を復元する方法

どう見ても修復できなそうなイメージ写真も、Photoshopを使えば見事に再現できる、魔法のようなレタッチ術。

restore-vintage-pic

 

 

 

干し草でできた立体タイポグラフィーを作成する方法

刈り取った干し草を、固めて作成したようなリアル感を表現するテキストエフェクトで、こちらは有料プレミアムチュートリアルとなります。

harvest-text

 

 

 

ポリゴンスタイルのイベントフライヤーを作成する方法

エメラルドグリーンとオレンジ色の三角形組み合わせる、新しいデザインテクニックが紹介されています。

feature_flyer

 

 

 

3Dネオンサイン風テキストの作り方

ナイトクラブにあるネオンサインをイメージした、立体的なテキストエフェクトを作成します。

3D-Neon

 

 

 

キウイフルーツでできたテキストエフェクトの作り方

みずみずしいフレッシュな果物でできた、ユニークなテキストエフェクトを作成します。

kiwi-effect

 

 

 

愛犬のラテアートをつくる方法

Photoshopならどんな複雑なラテアートも、自由なカンバスに、自由な素材を描くことができます。

latte-art-photoshop-tutorial-7

 

 

 

モデルに合わせてベクターデザインをコラージュする方法

ベクターデザインとポートレイト写真を、見事に合成させるテクニックが披露されています。

kaws-style

 

 

 

山を切り開いてできた要塞基地を作成する方法

突如として出現した、SF映画にでてきそうな、軍事設備をデザインする、プレミアムチュートリアル。

moutain-city

 

 

 

ハロウィンランプの灯った、ホラー風景画を作成する方法

モクモクと曇った満月の空をバックに、枯れた木にカラスが止まった、怖いデザインをどうぞ。

halloween-wallpaper

 

 

 

地球をよりリアルに再現する方法

標高の高さや、海の深さなども具体的にデザインされた、3Dスタイルの作り方を、動画で詳しく解説しています。

3D-Earth

 

 

 

アブストラクトな壁紙をPixelmatorで作成する方法

Mac用デザインアプリ、Pixelmatorのフィルタを利用するだけで作成できる簡単チュートリアル。

pixelmator-tutorial

 

 

サムネイル@ : Create A Vector Map Collage – DigitalArts.com

参照元リンク : Evolving Tutorials #32 – NewEvolution.com

Illustratorを学ぶ!すごいデザインチュートリアル2013年総まとめ

$
0
0

latestaitutorial2013dec_top

 

海外デザインブログTutorials Shareで、新しく公開されたIllustratorチュートリアルをまとめたエントリー「40 Best Adobe Illustrator Tutorials to Learn」が公開されていたので、今回はご紹介します。

 

今年もあたらしいデザインテクニックを使った、Illustratorチュートリアルが、たくさん公開されました。2013年に紹介した、チュートリアルまとめも一緒にリスト形式でまとめています、ご参考にいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

Illustratorを学ぶ、すごいデザインチュートリアルまとめ 2013年12月度

 

カラフルなクリスマスライトのテキストエフェクトの作り方

クリスマスツリーの飾り付けでおなじみの、キラキラライトを使って、自由に文字を描いてみましょう。

christmaslights

 

 

 

Illustratorでイメージ写真をトレースする方法

よりリアルに近づけた質感は、ぜひ覚えておきたいテクニックのひとつ。動画で解説するデザインチュートリアル。

LipAfter

 

 

 

カラフルな幾何学模様パターンを描く方法

このテクニックを習うことで、最近よくみかけるスタイルのひとつ「ポリゴンスタイル」を、自由に作成することが可能になりますよ。

geometricpattern

 

 

 

質感たっぷりなヘキサゴンパターンを描く方法

簡単なステップのみで、お好みのカラーグラデーションを使って、パターンテクスチャを作成します。

hexagon_final

 

 

 

カラフルな民族衣装パターンをデザインする方法

ファッション、アパレル関係などで、今年よく見られるスタイルで、Illustratorを使って、幾何学模様を作成します。

aztec-600

 

 

 

キラキラに輝くクリスマスリースをデザインする方法

星やオーナメントなど、クリスマスにおなじみのアイテムがセットになったリースデザイン。

christmas_wreath_600

 

 

 

グラフィティーを組み合わせた、雪結晶を作成する方法

キュートなキャラクターが魅力的な、アート性の高い、クリスマスオーナメントデザイン。

Snowflake-final

 

 

 

ドリップ感を表現した、タイポグラフィーデザインの作り方

液体がたれる様子を、うまくデザインに落とし込んだ、グラデーションが美しい、テキストエフェクト。

typography

 

 

 

コーヒーをモチーフにした、3Dタイポグラフィーの作り方

レストランやカフェを連想させる、フード系デザインと合わせたい、立体エフェクトを完成させましょう。

Caramel_Tutorial

 

 

 

レトロスタイルの立体テキストエフェクトを作成する方法

フラット、ミニマルデザインとの相性も良い、ビンテージ感を表現した文字テキスト用チュートリアル。

chris-retro-600

 

 

 

グラデーションツールマスターになる、デザインテクニックまとめ

まるで太陽に照らされているような、幻想的なグラデーションを再現する、テクニックが紹介されており、他デザインにも応用可能なテクニック。

owlowl

 

 

 

月をモチーフにした、ダーク系ポスターデザインを作成する方法

月面まで確認できるほど、クオリティーにこだわった月デザインを、幾何学パターンと組み合わせて、スタイリッシュに仕上げます。

lunardesign

 

 

 

本物そっくりなキャンプ用ランタンをデザインする方法

まるで写真を見ているような、立体感たっぷりに表現するチュートリアル。新しいデザインテクニックを学びたい方へ。

lampIllustration0

 

 

 

レコードプレイヤー型アプリアイコンを作成する方法

リアルに再現された、アナログレコードプレイヤーを、アイコンデザインに落とし込みました。

vinylPlayer0

 

 

 

ショッピングサイトに使える、iPhoneアプリアイコンを作成する方法

限られたデザインスペースを、いかに奥行き感たっぷりに表現するか、デザイナーの腕を磨く、スキル系テクニック。

Shop-Final-result

 

 

 

レザー質感のタグアイコンデザインを作成する方法

テクスチャなどを使わずに、Illustratorつーるのみで、立体的でリアルなアイコンを作成します。

priceTag0

 

 

 

Illustratorで案内地図マップをデザインする方法

イベント事や、お店の場所などを、地図イラストで表現したいときにどうぞ。

roadmap

 

 

 

Illustratorで、透明ガラスデザインを作成する方法

光の反射まで考慮された、ポスターデザインなどを展示するための、透明クリアデザインの作り方が紹介されています。

glasspie

 

 

 

ディテールにこだわった、動物イラストを描く方法

テクスチャ素材を重ねることで、細部まで詳しく表現した、イラストデザインとなっています。

foxie

 

 

 

大型の野生ネコ科動物を描く方法

ライオンやレオパード、トラなど、特長のある模様を、本物そっくりにスケッチする方法が解説されています。

drawingcats

 

 

 

2013年公開、Illustratorチュートリアルまとめのまとめ

 

今年当サイトでご紹介した、Illustratorデザインチュートリアルまとめエントリーを、一緒にまとめています。一年を振り返りながら、見落としたデザインテクニックがないか、確認してみてはいかがでしょう。

 

 

まとめ Illustratorに恋しそう、すごいチュートリアル作り方まとめ 2013年11月度

cincodemayo

 

 

まとめ Illustratorをはじめよう、すごいチュートリアルまとめ 2013年9月度

How to create Color Transition with Blend Tool in Adobe Ilustrator

 

 

まとめ Illustratorを駆使する、デザインチュートリアル作り方まとめ 2013年7月度

spacemoneky

 

 

まとめ Illustratorマジック、すごいデザインチュートリアルまとめ 2013年6月度

chris-mailapp-600x600

 

 

まとめ Illustratorをたのしむ、すごいデザインチュートリアルまとめ 2013年5月度

latestaitutorial2013may_top

 

 

まとめ プロ級のすごいIllustratorチュートリアル作り方30個まとめ 2013年3月度

musictypo-final

 

 

まとめ Illustratorの教科書、デザインチュートリアル作り方24個まとめ 2013年2月度

vector-tutorials-2013-8

 

 

参照元リンク : 40 Best Adobe Illustrator Tutorials to Learn – Tutorials Share

年末年始にいかが?すごいPhotoshopチュートリアル、作り方まとめ 2013年12月度

$
0
0

perrito2

 

2013年はPhotoshop CCの登場などにより、これまで以上に高品質で、すぐれたテクニックを使ったデザインチュートリアルが、たくさん公開された年でもありました。

 

 

海外デザインブログWeb Designer Hubで、新しく公開されたPhotoshopデザインチュートリアル、作り方をまとめたエントリー「65 Amazing Photoshop Tutorials」が公開されていたので、今回はご紹介します。今年最後のチュートリアルまとめ、来年はどんなデザインが登場するのか、たのしみです。

 

 

 

詳細は以下から。

 

 

 

年末年始にいかが?!すごいPhotoshopデザインチュートリアル、作り方まとめ 2013年12月度

 

雲の上まで届く街並みを描く方法

高層ビルの立ち並ぶ景色に、雲テクスチャを重ね、まるで雲に覆われているような効果を演出します。

Create-a-Sky-City-using-Photoshop-L

 

 

 

満点に輝く星空をデザインする方法

真っ暗な空に、ブラシツールを中心としたテクニックで、キラキラに輝く星空を映し出します。

photoshop-star-filled-sky-effect

 

 

 

飛びでるホリデーシーズン用ポストカードを作成する方法

カードを開くと、立体的にデザインが飛び出してくれる、クリエティブなデザインチュートリアル。

0939_Holiday_Roundup_tut_image_600px

 

 

 

都市の景観をうまく使った、デジタルコラージュチュートリアル

複数のイメージ写真を、違和感なく合成させるテクニックは、幅広く活用できます。

23-collage-photoshop-tutorials

 

 

 

アブストラクトなビンテージイラストレーションを作成する方法

チュートリアルのほか、サンプル用PSD素材なども、まとめて一式ダウンロードできるようになっています。

25-collage-photoshop-tutorials

 

 

 

マンション完成予想図をリアルに作成する方法

CADなどのレンダーアプリケーションで作成されたファイルを元に、生活感のある空間を作り上げていく、建築分野に特化したテクニック。

architectural2

 

 

 

暗闇にあやしく光るネオンエフェクトを再現する方法

タイトルのままとなりますが、デジタルエフェクトの醍醐味をかんじる、ライティングエフェクト系チュートリアル。

Neon-Glow-Effect-Photoshop-tutorial

 

 

 

クリスマスシーズンのアニメーションGIFを作成する方法

ラッピングされたプレゼントに、真っ赤なリボンがシュルシュルと巻きつきます。

0936_Gift_Final2

 

 

 

立体的な便せんスタイルのアイコンを作成する方法

程よいドロップシャドウや、くしゃくしゃの紙など、質感にこだわるハイクオリティなアイコン素材。

00_Envelop_to_Santa_Claus

 

 

 

氷が溶けたメタルテキストフェクトを作成する方法

光沢感たっぷりなテキスト文字に、溶けた氷がキラキラと輝いています。

Making-a-Melting-Text-Effect-in-Red-L

 

 

 

スポーツ番組スタイルのテキストエフェクトを作成する方法

テレビ番組、特にスポーツ関連のTVプログラムなどに利用される、ダイナミックな文字テキストを表現します。

0931_Countdown_Final-s2

 

 

 

本物そっくりな氷でできた、テキストエフェクトを作成する方法

背景が透けて見え、気泡まで完全に再現された、氷テキストエフェクトを作成します。

0938_Frost_final_image_preview

 

 

 

スローモーションビデオエフェクトをPhotoshopで作成する2つの方法

広告CMなどでも見かける、スローモーションエフェクトを、Photoshopを使って作成します。

0930_Slow_Motion_final

 

 

 

土砂降りの雨をデザインに追加する方法

びちゃびちゃにぬれた、水滴の滴る様子まで再現するデザインチュートリアル。

rain-effects-dual

 

 

 

幻想的なカラーリングとライティングの具体的テクニック

お好みにあわせてカラーフィルターを取り入れることで、違和感なく風景画を加工することができます。

Fantasy-Light-Color-Effects

 

 

 

背景デザインをマスキングする方法

どんな複雑なオブジェクトも、簡単に切り抜くことができるテクニックを、動画で解説しています。

Masking-Photoshop-tutorial

 

 

 

Double Exposureを使ったデザイン加工テクニック

多重露光といわれるテクニックを使い、イメージ写真を重ねることで、独特の質感に仕上げます。

double-exposure1

 

 

 

違和感のない写真合成テクニック

異なる質感のデザイン素材を使い、違和感なくイメージ写真を合成する方法が、動画で解説されています。

Blending-Images-Together-Seamlessly-Photoshop-tutorial

 

 

 

風景画を月面世界に変えてしまう方法

どこにでもありそうな平凡な風景画を使い、ダイナミックで壮大な月面を描く、デザインチュートリアルのひとつ。

image0022

 

 

 

ピクセルドット状カセットテープをデザインする方法

レトロでファンキーな雰囲気を表現する、ピクセルアイコン型デザインを仕上げます。

a-cassette-pixel-graphic-step-8

 

 

 

7インチレコードのレコードジャケットを作成する方法

実際にアルミフォイルをスキャンし、デザインに質感を加える、デジタルとアナログ感が混ざり合った、素敵な作品に仕上げます。

Final_artwork_b

 

 

 

2013年に公開した、Photoshopチュートリアルまとめ記事

 

今年1年間のあいだに公開した、Photoshopデザインチュートリアルまとめ記事も、羅列して一緒にまとめています。見逃したテクニックがないか、チェックしてみてはいかがでしょう。

 

目指せPhotoshopマスター!すごいチュートリアル、作り方まとめ 2013年11月度

gmavsco-cam

 

 

デザインセンスを磨く、Photoshopチュートリアルまとめ 2013年10月度

viva-australia

 

 

デザインに欠かせない、Photoshopチュートリアルまとめ 2013年9月度

army-squirrel-preview-small-575x330

 

クリエイティブな新作Photoshopチュートリアルまとめ 2013年8月度

finalpiece

 

 

最新デザインテクニックを学ぶ、Photoshopチュートリアルまとめ 2013年7月度

latesttutorial2013july_top

 

 

プロ技で魅せる、すごいPhotoshopチュートリアル、作り方まとめ 2013年6月度

latesttutorial2013june_top

 

 

テクニックで差をつける、Photoshopチュートリアルまとめ 2013年5月度

0862_Matte_final

 

 

デザイン手帖、すごいPhotoshopチュートリアルまとめ 2013年4月度

golden_lighting

 

 

これぞPhotoshopパワー、すごいデザインチュートリアル25個まとめ 2013年3月度

lighting_basketball

 

 

スキルアップ講座、すごいPhotoshopチュートリアル25個まとめ 2013年2月度

latesttutorial2013feb_top

 

 

新テクニックマスター、Photoshopチュートリアル、作り方26個まとめ 2013年1月度

Premium_200_Text_Final(2)

 

 

Photoshopで魔法をかける、すごい写真加工レタッチ術、チュートリアルまとめ

1013-editing-44

 

 

デザインテクニックを磨く、テキストエフェクト用Photoshopチュートリアルまとめ

Create_a_Typography_Wallpaper_with_9_Different_Text_Effects_Styles_in_Photoshop

 

 

話題のHDRエフェクトを網羅、写真加工チュートリアル、作り方まとめ

12-hdr-tutorials

 

 

サムネイル@ : 写真をイキイキとしたカラーリングで編集する方法 – Photoshop Roadmap

参照元リンク : 65 Amazing Photoshop Tutorials – Web Designer Hub

Photoshopをはじめよう!すごいデザインチュートリアル作り方まとめ

$
0
0

winter28final

 

海外デザインブログVandelay Designで、覚えておきたいデザインテクニックを駆使した、すごいPhotoshopチュートリアル作り方をまとめたエントリー「35 Photoshop Tutorials for Designing Your Own Posters」が公開されていたので、今回はこちらをベースにブックマークしておきたいPSチュートリアルを一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

覚えておきたいデザインテクニック!すごいPhotoshop チュートリアル作り方まとめ

 

グラデーションツールを使って、美しい夕日をデザインする方法

何気ない風景画にPhotoshopグラデーション機能を活用し、本物そっくりな質感を表現します。

landscape-sun1

 

 

 

車をパワフルに真っ二つにしてしまう超絶デザインテクニック

一枚の風景画に3Dオブジェクトや複数のイメージ写真を合成することで、クリエイティブすぎるアートワーク作品を完成させます。

32(2)(3)

 

 

 

まるで写真のような夕日サンセットをデザインする方法

イメージ写真を利用せずに、Photoshopテクニックを使い幻想的な夕焼けの風景を描きます。

sunset-1

 

 

 

プラスチックで体を包み込む特殊デザインテクニック

SF映画さながらなややグロテスクで美しい透明感を表現する方法を、動画チュートリアルで解説しています。

bg_plasticwrap

 

 

 

ざらざらのお肌を修正する超絶PSレタッチチュートリアル

シワやそばかす、シミなど気になる部分を自由自在に修正する、魔法のようなデザインレタッチテクニック。

bg_skinretouching

 

 

 

リアルな髪の毛の質感をデザインするテクニック

まるで写真を見ているような、光のあたり具合もバッチリ再現した髪の毛の描き方を紹介しています。

Design-a-Fashion-Hair-for-a-Lady-L1

 

 

 

割れたら空洞のある頭をデザインエフェクトする方法

欠けたツボと人物モデルを合成することで、空っぽの頭のなかを描くテクニックが紹介されています。

hollow-660

 

 

 

カラフルな蛍光色を使ったレトロ写真エフェクトの作り方

80年代を連想させるビビッドな色使いに、ハーフトーンの質感で仕上げた印象的な写真デザインエフェクト。

fluoro-pop-art

 

 

 

ヘキサゴンシェイプを組み合わせた、独創的なアートポスターの作成方法

Illustratorで自由に描いた規則正しいデザインパターンに、エフェクトを加えたイメージ写真をうまく重ねるテクニック。

endresult

 

 

 

カラフルなイラスト風ポートレイトデザインを作成する方法

カスタムシェイプ機能を利用し、グラデーションツールで見事にペイントすることで、オリジナリティ溢れるポートレイト作品を作りあげます。

result_of_the_tutorial_copy

 

 

 

天気予報モバイルアプリを作成する方法

トレンドでもフラットデザインで作成した、配色カラーも参考になりそうなUIデザイン。

weatherAppInterface0

 

 

 

レトロでアンティークなラジオをデザインする方法

PhotoshopとIllustratorを駆使し、ドロップシャドウや立体感など限りなく本物を忠実に再現しています。

Photo-Realistic-Retro-Radio-177

 

 

 

キラキラと輝くマジカルライティングエフェクトの作り方

月明かりに照らされた女性モデルの周りを、ブラシツールを使ってキラキラ感を演出します。

652x408xeluneresult.jpg.pagespeed.ic.q8hPTlVk3l

 

 

 

ダークパワーを持つ映画のようなワンシーンをデザインする方法

あらかじめ切り取られたイメージ写真素材を組み合わせることで、まるでゲームや映画のような世界を演出します。

city-scene-flatten

 

 

 

感情的でノスタルジックな写真合成テクニックの作り方

マスクツールをうまく利用することで、部分的に合成をすこしずつ加えていくデザインテクニック。

autumn34-final

 

 

 

イメージ写真に雪を追加する方法

まるで本当に雪が降っているようなエフェクトを簡単なステップのみで実現できる、覚えておいて損はないテクニックのひとつ。

add-snow-photo

 

 

 

静かな森にたたずむ妖精をデザインする方法

まるでおとぎ話から出てきたような、透明で美しい翼の生えた天使、妖精を写真合成テクニックを使って再現します。

600x450xfinalresults.png.pagespeed.ic.XXrC_d4U9l

 

 

 

SF映画に出てくる超巨大都市の風景をデザインする方法

ファンタジーな乗り物のデザイン方法や、壮大な空の描き方など学ぶポイントが多数ある高品質チュートリアル。

1821_tid_final_3dtotal_creative_2300

 

 

 

飛び出すエフェクト付クリスマスカードをデザインする方法

シーズンは過ぎてしまいましたが、カードを開くと超立体的に再現されたクリスマスツリーが登場。今年のクリスマスにいかがでしょう。

christmas-pop-up-greeting-card-photoshop

 

 

 

Photoshopで3Dアニメーションを作成する方法

コインがクルクルと回転しているアニメーションを、Photoshopを使って作りあげるテクニックが紹介されています。

coin_animation_final1

 

 

 

エレガントでゴージャスな黄金テキストエフェクトを作成する方法

Photoshopレイヤースタイルを適用することで、立体的に浮かび上がるゴールドテキストを作ります。

final(2)(3)

 

 

 

消しゴムを使ったテキストエフェクトを作成する方法

まるで本物と見間違うほど忠実に再現された、立体的なテキストエフェクトの作り方。

eraser-text-photoshop

 

 

 

コンクリートに直接ペンキでペイントする方法

ゴツゴツとしたアスファルトの上に、黄色いペンキで自由にテキストやシェイプを描き、本物そっくりの質感を表現します。

asphalt-paint-photoshop

 

 

 

3Dレイヤーエフェクトを使ったテキストエフェクトの作り方

カラフルパターンが魅力的な、立体感たっぷりに表現されたユニークなテキストエフェクトを仕上げます。

3DLayersTextEffect_final

 

 

 

Photoshopでビンテージ風ステンシルエフェクトをつくる方法

簡単なステップのみでザラザラとしたノイズ感を演出するチュートリアルで、日本語で詳しく解説しています。

step10

 

 

サムネイル@ : Create a Vivid WInter Landscape – Photoshop Tutorials

参照元リンク : 35 Photoshop Tutorials for Designing Your Own Posters – Vadelay Design

Photoshopのすごさを体感する、デザインチュートリアル、作り方まとめ 2014年3月度

$
0
0

miniture_effect

 

毎月Photoshopの新しい使い方やデザインテクニックを活用した作り方、チュートリアルをまとめています。今回は2014年3月版まとめです。

 

 

海外デザインブログGraphicsFuel.comで、今後のデザインプロジェクトで利用したい、ユニークなPhotoshopチュートリアル、作り方をまとめたエントリー「A Collection of 15 Fresh Photoshop Tutorials」が公開されていたので、今回は個人的にみつけたチュートリアルを一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

Photoshopのすごさを体感する、デザインチュートリアル、作り方まとめ

 

本物そっくりな水滴をデザインする方法

レイヤースタイルをうまく調整することで、リアル感たっぷりな水滴を表現する動画デザインチュートリアル。

Raindrops_photoshop-tutorial

 

 

 

炎を使ったシンプルで役に立つデザインエフェクト

テキスト文字やイメージ写真のラインに沿って炎エフェクトを追加するテクニック。

fireframe_effect

 

 

 

ウッドパネルにテキスト文字をペイントする方法

まるでペンキで塗りつぶしたようなエフェクトを再現する、ユニークで色々なデザインに活用できそうです。

PaintOnWood-final

 

 

 

蜂蜜でトーストにテキストを描く方法

本物そっくりのこだわりまくったディテールは、覚えておきたいデザインテクニックのひとつです。

ToastHoney-effect

 

 

 

メタルプレートを引っ掻いた映画ポスターの作り方

プレートが熱々と溶けたスクラッチ傷を再現する、デザイン性の高いチュートリアル。

Movie-Poster-0

 

 

 

キラキラ感たっぷりなライティングエフェクトを作成する方法

ぼかしを活用したライトエフェクトで、グラデーションの配色を変更するだけでもがらりと印象が変わります。

beatiful_sparkling

 

 

 

KaleidoScope(カレイドスコープ)エフェクトを作成する方法

撮影した写真を使い、左右上下対称のユニークなアートワークを完成させます。

Kaleidoscope_Final-3

 

 

 

ユニークな幾何学パターンをデザインする方法

継ぎ目のないシームレスデザインを完成させるパターン素材を作成します。

Seamless-Geometric-Pattern

 

 

 

カラフルな幾何学パターンをデザインする方法

シンプルなシェイプを重ねるだけで、お好みの色を使って自由なシームレスパターンテクスチャを仕上げます。

geometric_pattern

 

 

 

 

イメージ写真にグランジテイストを追加する方法

ザラザラとしたビンテージ、レトロ感を演出するグランジスタイルの作り方を紹介しています。

grungy_effect

 

 

 

昼間の写真を土砂降りの夜に変えてしまう方法

Photoshopを使えば、昼間を夜に変えてしまうことも自由自在です。

day-night-rainy-ps

 

 

 

写真合成でファンタジーな風景画を作成する方法

あらかじめ用意したイメージ素材を組み合わせるテクニックは、他のデザインプロジェクトにも応用できます。

fantasy-nature-matte

 

 

 

昼間の写真をキラキラに輝く夜空に変える方法

複数枚のイメージ写真を合成しながら、カラー調整レイヤーを使い、全体の色合いを統一するテクニックは必見。

fantasy_scenary

 

 

 

光沢感たっぷりなガラステキストエフェクトの作り方

ゴージャスな雰囲気を演出する、立体感のあるメタリックテキストエフェクトです。

GlitteringText-final

 

 

 

キラキラのイルミネーション型テキストエフェクトの作り方

まるでLEDライトが灯っているような、キラキラ感たっぷりなライティングエフェクトで仕上げます。

Illuminated_Text

 

 

 

メタリックテキストと宇宙デザインを組み合わせる方法

3Dアプリで作成したテキストエレメントを、調整レイヤーを利用することで違和感なく合成します。

metal_text_effect

 

 

 

透明感のある3Dテキストエフェクトの作り方

レイヤースタイルを設定するだけで完成する、シンプルで完成度の高いチュートリアル。

melty_sweet_texteffect

 

 

 

スタッズを使ったテキストエフェクトの作成方法

立体感をうまく表現した、黄金メタルのスタッズが魅力的なチュートリアル。

studded_texteffect

 

 

 

土を使ってオリジナルタイポグラフィーを作成する方法

実際に土を使い撮影した写真を、より魅力的に仕上げるテクニックが紹介されています。

real_dust_texteffect

 

 

 

紙を使ったデジタル彫刻をPhotoshopで作成する方法

実際に紙を使って作成されたスカルプチャーに、よりインパクトのあるデザインエフェクトをPSで追加します。

paper_carft_effect

 

 

 

超ディテールにこだわった昆虫のイラストを作成する方法

Photoshopを使って、どこまでも本物にこだわる玄人好みなイラストチュートリアル。

Insect_final

 

 

 

オーナメントを使ったビンテージイラストポスターを作成する方法

かすれ具合をうまく表現したビンテージポスターの作りで、イラストの描き方も参考になるチュートリアル。

Fury_Skies

 

 

 

カラフルなファッションミックスデザインを作成する方法

パスやグラデーションなどさまざまなツールの使い方を学ぶ、デザインフェクトの作成方法。

fashion47-final

 

 

 

レザー製で味わいのあるノート型アイコンを作成する方法

写真と見間違うほど高クオリティーは、もはやアイコンとは思えません。

addressBook_icon

 

 

 

これからはじめるPhotoshopチュートリアル、作り方まとめ

先月分チュートリアルまとめも一緒に、参考にしてみてはいかがでしょう。

PhotoFilters

 

 

サムネイル@ : Create a Surreal Miniature Portrait: Post-Production – Tuts+ Photography Tutorial

参照元リンク : A Collection of 15 Fresh Photoshop Tutorials – GraphicsFuel.com

Viewing all 36 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>