Quantcast
Channel: チュートリアル – PhotoshopVIP
Viewing all 160 articles
Browse latest View live

2014年公開のテキストエフェクト用Photoshopチュートリアル、作り方40個総まとめ

$
0
0

texteffect2014-top

 

Photoshopチュートリアルの中でも人気の高いテキストエフェクトは、フォント素材を利用してデザインしているケースが多く、自由にテキスト文字を編集して作成できたりと自由度が高く、Photoshopの基本的ツールを覚えるのにもピッタリです。今回は2014年に公開されたテキストエフェクト用Photoshopチュートリアルをまとめてご紹介します。

 

 

レイヤースタイルを設定するだけのお手軽チュートリアルから、新しいデザインテクニックを駆使し、まるで写真に撮影されているような本物そっくりな質感を表現した、難易度の高いチュートリアルまで幅広く揃っており、ますます進化するPhotoshopワールドを体感してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

2014年公開のテキストエフェクト用Photoshopチュートリアル、作り方40個総まとめ

 

蜂蜜でトーストにテキストを描く方法

とろとろのハチミチの質感はレイヤースタイルを適用することで再現でき、本物そっくりのこだわりまくったディテールは、覚えておきたいデザインテクニックのひとつ。

ToastHoney-effect

 

 

 

ジューシー感たっぷりな、オレンジテキストエフェクトの作り方

果汁が飛び出そうなほどフレッシュで、立体的なテキストエフェクトを完成させます。

fresh_orange

 

 

 

食べ物を使ったアルファベット・テキストエフェクトの作り方

ドーナツやハンバーガー、クロワッサンに目玉焼き、ピザ、アメリカンドッグなどさまざまな食材を使い、超立体的なテキストエフェクトを作成するチュートリアル。

food-text

 

 

 

ケチャップで書いたような文字を再現する方法

オムライスの上にケチャップで文字を書いたような質感の出し方は、あまり見かけないテクニックのひとつ。

tutorial-photoshop-ketchup

 

 

 

タコをモチーフにしたテキストエフェクトの作り方

まるで生きているように新鮮なタコを使ったテキストエフェクト。Photoshop CCで登場した3Dツールの基本的な使い方を学びながら、リアルなペイントテクニックまで紹介しています。

octopus-texteffect

 

 

 

美味しそうなドーナツ型テキストエフェクトの作り方

とろけるチョコレートなどリアル感満点で作成する文字テキスト用チュートリアル。

sweet-texteffect

 

 

 

砂糖の粉末でテキスト文字を完成させる方法

カスタムブラシを設定することで、まるでグラニュー糖を使って文字を描いた様なエフェクトを実現します。

sugar-text

 

 

 

光沢感たっぷりな黄金レザーのテキストエフェクトの作り方

驚くほどに立体感が演出されたデザインで、レイヤースタイルを正しく設定することで、見た目以上に簡単に作成することができます。

epic-texteffect

 

 

 

エレガントでゴージャスな黄金テキストエフェクトを作成する方法

Photoshopレイヤースタイルを適用することで、立体的に浮かび上がるゴールドテキストを作ります。

final(2)(3)

 

 

 

超立体的でメタリックなブラック&黄金テキストエフェクトの作り方

3Dツールを利用することで、Photoshopのみで立体感抜群な文字エフェクトを完成させます。

Stay-Cool-Text-Effect

 

 

 

エレガントなメタリック系テキストエフェクトを作成する方法

ほそいラインにベベル加工が施された、ゴージャスなテキストを完成させます。

award-texteffect

 

 

 

質感たっぷりなメタルテキストエフェクトの作り方

テクスチャ素材を重ねることでどくどくな質感を表現し、よりキラキラとしたゴージャス感が増しています。

allday-text

 

 

 

超リアルで立体的なカラフルテキストの作り方

グラデーションの濃さがすこしずつ変化する絶妙な色使いが魅力的なテキストエフェクト。

Vivid-Ombre-Text

 

 

 

超リアルな立体テキストエフェクトをデザインする方法

Photoshop CCの強力なオプション「3Dツール」を使うことで、光沢感たっぷりなテキストを風景画に合成する動画チュートリアル。

bg_3d_text

 

 

 

ドロドロのスライム状テキストエフェクトを作成する方法

液体の透明感までばっちり再現されたチュートリアルで、レイヤースタイル設定で完成する、Photoshop初心者にもオススメしたいお手軽テクニック。

slime_final

 

 

 

グロス感たっぷりなバブルガムテキストエフェクトを作成する方法

特に立体感に力を入れた光沢感の表現テクニックは、デザイン参考になりそうです。

0954_Heck_Yeah_Final1

 

 

 

光沢感たっぷりなガラステキストエフェクトの作り方

ゴージャスな雰囲気を演出する、立体感のあるメタリックテキストエフェクトです。

GlitteringText-final

 

 

 

ウッドパネルにテキスト文字をペイントする方法

まるでペンキで塗りつぶしたようなエフェクトを再現する、ユニークで色々なデザインに活用できそうです。

PaintOnWood-final

 

 

 

チョークで描いたロゴデザインを作成する方法

スキャナで取り込んだ手書きロゴデザインを、Photoshopを使ってチョークで描いたような質感で再現してくれます。

chalkl-640l

 

 

 

タイポグラフィーをより豪華に仕上げる「タイポアート」の作り方

Illustratorで描いたベクターシェイプを使って、魅力的なタイポグラフィーデザインを作成します。

000-text-effect-tutorials-2014

 

 

 

某海外テレビ番組のロゴタイトルを作成する方法

グランジ感満載で表現されるテキストエフェクトで、テクスチャを利用して質感をつくりあげます。

walking-dead

 

 

 

レトロで立体的なテキストエフェクトを完成させる方法

Photoshopの便利機能、レイヤースタイルを活用することで作成する簡単チュートリアル。

grunge_curved_texteffect

 

 

 

砂浜に自由に文字テキストをデザインする方法

レイヤースタイルを適用することで、まるで砂浜に描いたようなエフェクトを再現します。

Sand-Writing-600

 

 

 

バスケットボールをモチーフにした、タイポグラフィーデザインの作り方

バスケットコートのウッドパネルやボールを組み合わせ、ユニークで目を惹くタイポグラフィーを作成します。

hyperdunk

 

 

 

超リアルなヘビ皮テキストエフェクトを作成する方法

蛇の頭部分も使い、ダイナミックで立体的なテキストエフェクトをデザインします。

snake-letter-effect

 

 

 

氷で覆われたクリエイティブな立体テキストエフェクトを作成する方法

3D作成ツールで作成したテキストデザインを、複数のイメージ写真を合成することで、違和感のなくよりダイナミックに仕上げます。

showtime

 

 

 

雪でできたテキストエフェクトの作り方

さらさらのパスダースノーのような質感は、レイヤースタイルを適用することで表現できるお手軽エフェクト。

Snow-final

 

 

 

重ね刷りオーバーエフェクトで素敵なプリントポスターを作成する方法

異なるカラーを採用したアートワークを重ねることで、絶妙なクールエフェクト。プリント準備までのプロセスを紹介しています。

heart-sm

 

 

 

雨の日の曇った窓ガラスに文字を描く方法

テキストだけでなく、背景にはお好みの風景画を設定することができますよ。

bokeh-text

 

 

 

土を使ってオリジナルタイポグラフィーを作成する方法

実際に土を使い撮影した写真を、より魅力的に仕上げるテクニックが紹介されています。

real_dust_texteffect

 

 

 

某アニメ映画のロゴマークを完全再現する方法

メタリックな質感のロゴデザインはレイヤースタイルを使い、光の反射による映り込みまで美しく表現します。

movie-logo

 

 

 

ゼリービーンズでできたテキストエフェクトを完成させる方法

カラフルなバリエーションが楽しい、立体的な質感で表現するテクニック。

jelly_bean_text_effect

 

 

 

ポリゴンスタイルのテキストエフェクトを作る方法

背景デザインを含め、太字タイポグラフィーにポリゴンスタイルを適用します。

polygon_texteffect

 

 

 

真っ赤に燃え上がる、熱々のテキストエフェクトを完成させる方法

文字テキストにテクスチャを重ねることで、よりリアルな質感を表現するテクニック。

crack-fire

 

 

 

キラキラのイルミネーション型テキストエフェクトの作り方

まるでLEDライトが灯っているような、キラキラ感たっぷりなライティングエフェクトで仕上げます。

Illuminated_Text

 

 

 

メタリックテキストと宇宙デザインを組み合わせる方法

3Dアプリで作成したテキストエレメントを、調整レイヤーを利用することで違和感なく合成します。

metal_text_effect

 

 

 

透明感のある3Dテキストエフェクトの作り方

レイヤースタイルを設定するだけで完成する、シンプルで完成度の高いチュートリアル。

melty_sweet_texteffect

 

 

 

スタッズを使ったテキストエフェクトの作成方法

立体感をうまく表現した、黄金メタルのスタッズが魅力的なチュートリアル。

studded_texteffect

 

 

 

モコモコとしたテキストエフェクトの作り方

ピンクと白のストライプが印象的な、タオル生地で作られたテキストエフェクトを完成させます。

Fuzzy-final

 

 

 

消しゴムを使ったテキストエフェクトを作成する方法

まるで本物と見間違うほど忠実に再現された、立体的なテキストエフェクトの作り方。

eraser-text-photoshop

 

 

 

コンクリートに直接ペンキでペイントする方法

ゴツゴツとしたアスファルトの上に、黄色いペンキで自由にテキストやシェイプを描き、本物そっくりの質感を表現します。

asphalt-paint-photoshop

 

 

投稿2014年公開のテキストエフェクト用Photoshopチュートリアル、作り方40個総まとめPhotoshopVIPの最初に登場しました。


【総まとめ】2014年すごいPhotoshopチュートリアル、作り方厳選50個

$
0
0

latesttutorial2014dec-top

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2014年12月分と一緒に、今年1年間のあいだに公開された中でも、特に確認しておきたいデザインチュートリアルをまとめてご紹介します。

 

 

覚えておくと便利な基本テクニックから、背景切り抜きなど需要の高く実践に活用できるチュートリアルや、最新版Photoshop CCの新機能を活用したチュートリアルなど幅広くセレクションしています。進化をつづけるPhotoshop、2015年はどんなデザインが生まれるのでしょうか。

 

 

 

詳細は以下から。

 

 

 

プロの技を盗む!すごいPhotoshopチュートリアル、作り方2014年総まとめ

 

人が宙に浮いているようなエフェクトをつくる方法

切り抜かれた女性モデルを、ランタンの光に照らしながらリアルに合成するデザインエフェクト。描画モード「覆い焼き」に設定することで、ライティングエフェクトをより美しく仕上げます。

floating-feature

 

 

 

ピアノの鍵盤に乗ったミニチュアモデルをデザインする方法

Photoshopならではの写真合成テクニックで、影のあたり方なども考慮されリアル感が増しています。

miniture_effect

 

 

 

キリンの首を巻きつけてしまう方法

まるで絡まってしまったような長い首を表現しており、テクスチャ素材の使い方も参考に。

giraffe_neck_knot

 

 

 

本物そっくりな写真合成コラージュの作り方

まるで撮影した写真のようなクオリティで仕上げる、プロ仕様のコラージュテクニックが披露されています。

Road-to-Refuge-1040

 

 

 

ポリゴンスタイルのポートレイト写真をデザインする方法

今年のデザイントレンドにもあげられるポリゴンスタイルは、覚えておきたいテクニックのひとつ。

polybreno_1500

 

 

 

Photoshopだけでポリゴンスタイルをデザインする方法

ポリゴンスタイル作成用アプリを使わずに、Photoshopのみで作成するポイントを、ステップごとに解説しています。

RB_APM_WomanFLAT

 

 

 

紙幣を印刷したようなエフェクトの作り方

まるで紙幣に印刷されたような、粗いハーフトーンデザインを完成させます。

money_effect

 

 

 

Photoshopで多重露光エフェクトをデザインする方法

人物ポートレイト写真に、葉っぱや花など植物をモチーフにしたテクスチャを重ねることで、独特でクリエイティブな雰囲気を演出します。

double-exposure

 

 

 

カラフルな蛍光色を使ったレトロ写真エフェクトの作り方

80年代を連想させるビビッドな色使いに、ハーフトーンの質感で仕上げた印象的な写真デザインエフェクト。

fluoro-pop-art

 

 

 

バンドKISS風に顔をペイントする方法

肌の質感をばっちり再現されており、まるで本当にペイントした仕上がりが素敵な動画チュートリアル。応用が効きそうなシンプルテクニックが動画で披露されています。

kiss-paint

 

 

 

Photoshopで雰囲気たっぷりなモノクロ写真エフェクトをつくる方法

こちらのエントリーでは、詳しい日本語チュートリアルを参照できます。

13(2)(3)

 

 

 

Photoshopで超リアルなペイントエフェクトを作成する簡単チュートリアル

日本語で解説しているしているチュートリアルで、まるでスケッチしたような質感を表現できます。

final-animation

 

 

 

飛び出すエフェクト付クリスマスカードをデザインする方法

カードを開くと超立体的に再現されたクリスマスツリーが登場。今年のクリスマスにいかがでしょう。

christmas-pop-up-greeting-card-photoshop

 

 

 

自転車に乗ったサンタクロースGIFアニメーションの作り方

PhotoshopとIllustratorを使ってユニークなGIFアニメーションを作成します。自転車のスポーク部分も見事に再現された、ハイクオリティーな作品。

santa-riding-a-bike-anim-blog

 

 

 

イメージ写真に印象的なGIFアニメーションを加える方法

このテクニックを覚えておくことで、アニメーション付ファビコンなどの作成にも役立ちます。

retro-gif

 

 

 

UIデザインのプレゼンテーション用GIFアニメーションの作り方

PhotoshopとAfter Effectsを使い、見事なGIFアニメーション付でモバイルインターフェースを再現します。

weather-app-animated

 

 

 

イメージ写真をピクセルアートに変更する方法

上記チュートリアルとは違い、イメージ写真を元にアーケードゲームに出てくる、16-bitのピクセルアート・キャラクターを完成させます。

pixel-character

 

 

 

夜の街を疾走するスポーツカーをデザインする方法

光が流れて見えるほどのスピード感は、ぼかしエフェクトを部分的に加えることで表現し、光加減はブラシで調整します。

fast-and-furious

 

 

 

FIFAワールドカップ2014のデザインチュートリアル

白熱した試合が繰り広げられたワールドカップをテーマにしたグラフィックチュートリアル。

fifa2014-worldcup

 

 

 

不思議の国のアリスをイメージしたデジタルコラージュの作り方

トランプや食器などがダイナミックに宙を舞う様子を再現できるテクニックは、ほかにも応用できそうです。

alice_in_wonderland

 

 

 

動物を使ったユニークなデジタルペイントを完成させる方法

手描きイラストを参考にブラシツールなどを扱いながら、オリジナリティーに溢れるデジタルコラージュを作成します。

lion-sleeps-tonight

 

 

 

妖精やおもちゃが動きだすマジックワールドの作り方

いつも慣れ親しんだ空間が、まるでピーターパンの世界にいるようなマジックワールドに変身します。

0955_Toys_PSDTUTS_TOY_IN_ACTION_Final

 

 

 

ロマンティックなキスシーンを再現する方法

バレンタインデーにあわせて公開されたチュートリアルで、グラデーションオーバーレイレイヤーを使ったイメージ写真合成テクニックは参考になります。

valentines-1-660x330

 

 

 

幻想的な雰囲気の中で踊る美しいダンサーを描く方法

ぼかしエフェクトで少女に焦点をあつめ、テクスチャ素材を描画モード「スクリーン」で配置することで、ファンタジー空間を演出します。

dancing-baby

 

 

 

深海に潜る美女をデザインしたデジタル・コラージュ

複数のイメージ画像を組み合わせることで構図レイアウトを決め、全体の色統一には調整レイヤーが使用されています。

underwater-scene

 

 

 

静かな森にたたずむ妖精をデザインする方法

まるでおとぎ話から出てきたような、透明で美しい翼の生えた天使、妖精を写真合成テクニックを使って再現します。

600x450xfinalresults.png.pagespeed.ic.XXrC_d4U9l

 

 

 

月明かりの夜に、湖に浮かぶ漁師をデザインする方法

もともとバラバラだったイメージ写真を、まるで撮影したかのように違和感なく合成するテクニックを披露しています。

fatasy_scenery

 

 

 

燃え上がる炎を人物モデルに適用するテクニック

真っ赤に燃える炎は、アルファチャンネルをうまく設定することで、あたかも本物のように重ねることができます。

fire-fire

 

 

 

真っ赤な炎に燃えるガイコツをデザインする方法

用意したガイコツスケッチに合わせて、炎テクスチャを配置しながら仕上げていくPhotoshop初心者のひとにもオススメしたいチュートリアル。

flame-skull

 

 

 

炎を使ったシンプルで役に立つデザインエフェクト

テキスト文字やイメージ写真のラインに沿って炎エフェクトを追加するテクニック。

fireframe_effect

 

 

 

背景から複雑なパーツを切り抜く方法まとめ

さまざまな切り抜きテクニックが紹介されており、消しゴムツールを使ったり、自動選択ツール、マグネット選択ツール、ペンツール、チャネルを使ったテクニック、覆い焼きツールでの切り抜きなど満載です。

cutting-technique

 

 

 

透明のエレメントを背景から切り抜く方法

水など背景が透けている素材を切り抜くときは、アルファチャンネルを使ったテクニックが有効です。

extract-water

 

 

 

巨大な惑星を風景画にうまく合成するテクニック

レイヤーマスクやレイヤースタイルといった基本的なツールを使った見事な写真加工チュートリアル。

moon-trick

 

 

 

印象に残る写真加工を9ステップで完成させる方法

Photoshopの基本的テクニックを学びながら、簡単に魅力的な写真エフェクトを実現します。

grunge-cinematic

 

 

 

体にタトゥーをデザインする方法

レイヤーの描画モードを調整することで、まるで体に彫られているような質感を演出します。

Making-Tattoo-on-your-Body-using-Photoshop-L

 

 

 

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

レイヤースタイルをうまく調整することで、リアル感たっぷりな水滴を表現する動画デザインチュートリアル。

Raindrops_photoshop-tutorial

 

 

 

撮影した写真を水彩画っぽく仕上げる方法

ぼかしエフェクトを活用することで、まるで絵の具でペイントしたような質感に仕上げてくれます。

watercolor-touch

 

 

 

ボロボロに朽ち果てたロゴモックアップを作成する方法

メタルテクスチャに空いた穴やサビ部分には、ロゴが剥がれたようなエフェクトが再現され、よりリアル感たっぷりに演出できるテクニック。ウッドテクスチャなどにも対応してくれます。

rusty-logo-mockup

 

 

 

重ね刷りオーバーエフェクトで素敵なプリントポスターを作成する方法

異なるカラーを採用したアートワークを重ねることで、絶妙なクールエフェクト。プリント準備までのプロセスを紹介しています。

heart-sm

 

 

 

脳みそテキストエフェクトの作り方

毛細血管までリアルに表現された、脳みそスタイルのスゴ技テキストエフェクト。

brain-text-effect

 

 

 

蜂蜜でトーストにテキストを描く方法

本物そっくりのこだわりまくったディテールは、覚えておきたいデザインテクニックのひとつです。

ToastHoney-effect

 

 

 

波打ち際のユニークなテキストエフェクトの作り方

青い海の波にかき消されそうな、泡でできた面白テキストエフェクト。

holiday-text

 

 

 

雨の日の曇った窓ガラスに文字を描く方法

テキストだけでなく、背景にはお好みの風景画を設定することができますよ。

bokeh-text

 

 

 

ゴージャスなキラキラ黄金テキストエフェクトの作り方

3種類の異なるスタイルを適用したレイヤーを重ねることで、通常は表現が難しいメタリックなラメ感を表現できます。

gold-texteffect

 

 

 

質感たっぷりなメタルテキストエフェクトの作り方

テクスチャ素材を重ねることでどくどくな質感を表現し、よりキラキラとしたゴージャス感が増しています。

allday-text

 

 

 

つや消しメタリックテキストの作り方

レイヤースタイルを適用だけで完成するお手軽チュートリアル、最後にブラシを使ってより本物っぽく仕上げます。

brushed-metal-text

 

 

 

ドロドロのスライム状テキストエフェクトを作成する方法

液体の透明感までばっちり再現されたチュートリアルで、レイヤースタイル設定で完成する、Photoshop初心者にもオススメしたいお手軽テクニック。

slime_final

 

 

 

ウッドパネルにテキスト文字をペイントする方法

まるでペンキで塗りつぶしたようなエフェクトを再現する、ユニークで色々なデザインに活用できそうです。

PaintOnWood-final

 

 

 

シェイプに沿ってテキストを入力する方法

使う機会も多いのではないでしょうか、シェイプツールを使った簡単テクニック。

custom-text-box-shape-preview

 

 

 

イメージ写真からカラースウォッチを作成する方法

写真に使われている色を抽出し、デザインセンスのあるカラー配色パレットを作成します。

choosign_color

 

 

 

2014年に紹介したPhotoshopチュートリアル関連エントリーも一緒に確認してみてはいかがでしょう。

 

[list type=”star”] [li]テクニックがすごい!新作Photoshopチュートリアル、作り方30個まとめ 2014年11月度[/li]

[li]テクニックを磨こう!すごいPhotsohopチュートリアルまとめ 2014年10月度[/li]

[li]これからのテクニックを学ぼう!すごい新作Photoshopチュートリアル、作り方まとめ 2014年9月度[/li]

[li]現場対応テクニックを学ぶ!新作フォトショップチュートリアル30個まとめ 2014年8月度[/li]

[li]これぞPhotoshop!プロ級テクニックを学ぶチュートリアル、作り方27個まとめ 2014年7月度[/li]

[li]新しいテクニックを学ぼう!最新PSデザインチュートリアル、作り方まとめ 2014年6月度[/li]

[li]すごいぞPhotoshop!参考にしたいチュートリアル、作り方26個まとめ 2014年5月度[/li]

[li]これからはじめるPhotoshop!すごいチュートリアル、作り方まとめ 2014年4月度[/li]

[li]Photoshopのすごさを体感する、デザインチュートリアル、作り方まとめ 2014年3月度[/li]

[li]デザインテクニックを盗む、これからはじめるPhotoshopチュートリアル、作り方まとめ[/li]

[li]Photoshopをはじめよう!すごいデザインチュートリアル作り方まとめ[/li]

[li]まるで美容整形?!すごいPhotoshopレタッチテクニック、チュートリアルまとめ[/li]

[li]2014年公開のテキストエフェクト用Photoshopチュートリアル、作り方40個総まとめ[/li]

[li]テキストエフェクト徹底攻略!すごいPhotoshopチュートリアル、作り方40個まとめ[/li][/list]

 

 

【総まとめ】2014年すごいIllustratorチュートリアル、作り方厳選50個

2014年を代表するIllustratoroのデザインチュートリアル、作り方もまとめています。

bestillustrator2014-top

 

投稿【総まとめ】2014年すごいPhotoshopチュートリアル、作り方厳選50個PhotoshopVIPの最初に登場しました。

ワンランク上のデザインを目指そう!新作Photoshopチュートリアル24個まとめ 2015年4月度

$
0
0

latesttutorial2015april-top

 

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

 

 

レイヤースタイルを適用するだけで完成するテキストや、覚えておくと便利な写真レタッチの小技から、写真合成コラージュやデジタルペイント、ストップモーションの作成方法など高度なテクニックまで、よりクリエイティブな表現を可能にしてくれるデザインチュートリアルが揃っています。

 

 

 

詳細は以下から。

 

 

 

これからのテクニックを学ぶ、新作Photoshopチュートリアルまとめ

 

スタイリッシュな多重露光エフェクトをデザインする方法

2枚の異なるイメージ写真を重ねることで、つくりだす幻想的なエフェクトは、レイヤーマスク機能を利用したデザインテクニック。

trendy-double-expositoin-screen

 

 

 

色鮮やかなデジタルペイントのデザイン方法

ある程度のデッサン力が必要なチュートリアルですが、花がらの王冠に淡いレトロなグラデーションをつかい質感を加えたり、選択ツールを用いたアイラインの引き方など、ユニークで有効的なテクニックが多め。

spring-lady-illustration

 

 

 

ゴージャスな人魚姫をデザインする方法

ラフな手書きの下書きにはじまり、グレースケールでの下地描きと続く、本格的なPhotoshopデジタルペイントを学びます。

arielmermaid

 

 

 

ポリゴンスタイルのポートレイトデザインをマスターする方法

フラットデザインとともに人気になった、シンプルな幾何学シェイプを組み合わせる、ポリゴンスタイルのデザインのつくり方。今回はパート1が公開されていました。

polygonal-girl

 

 

 

ダイアモンドでできたキラキラ系テキストエフェクトのつくり方

無料配布されているクリスタルパターンを利用することで、レイヤースタイルのみで作成できるお手軽チュートリアル。

diamond-text-effect

 

 

 

超リアルなメタリック系テキストエフェクトのつくり方

パターンテクスチャを利用した質感たっぷりな背景から、3つのテキストレイヤーに個別のレイヤースタイルを設定することで、立体感たっぷりで、重厚なデザインを完成させます。

glowing-metal-text

 

 

 

テキスト文字に水彩絵の具エフェクトを適用する方法

お好みのフォントで書いた文字に、無料配布されている水彩絵の具テクスチャを使って、見事にテキストのみに適用しています。

how-to-apply-watercolor-textures-to-typography-580x290

 

 

 

テキスト文字をタオル生地にプリントしたように配置する方法

レイヤースタイルを用いるだけの手軽さで、どんな立体的なデザインにもうまく配置することができる動画チュートリアル。

confrom-text-to-surface

 

 

 

手描きのスケッチをPhotoshopできれいにスキャンする方法

せっかく描いた作品も、汚れやスポットがあっては台無しです。不要な部分を綺麗に取り除く、簡単テクニックを紹介しています。

clean-drawing-scan

 

 

 

魚のうろこ状Photoshopブラシのつくり方

シェイプツールで描いた円を並べて、個別にペイントすることで、独特なうろこの質感を表現できます。

Mermaid---Quick-Tip-scales-brush

 

 

 

Photoshopをつかった、ストップモーションん動画の作り方

カメラの配置方法から、どのようにPhotoshopに写真を取り込み、合成するまでの工程を詳しく紹介しています。

stop-motion-making

 

 

 

質感たっぷりなレトロ写真レタッチの方法

調整レイヤーをいくつか調整するだけで、写真に応じてエフェクトを変更することでき便利なテクニック。こちらは動画でのチュートリアルとなります。

 

 

 

暗くなってしまった写真に光を差し込む方法

あまり使われていないアルファチャンネル機能を有効活用することで、まるで本物そっくりの温かい光をつくりだします。

luminosity-effect

 

 

 

瞳の色を自由にカスタマイズする方法

新規調整レイヤーよりグラデーションツールを使っているので、お好みの配色に変更することも自由です。

wonderful-eye-change

 

 

 

SF映画のようなビジュアルエフェクトの作り方

目の周りに無数のデータが並べられた、まるで映画のワンシーンのようなデザインを、シェイプやブラシツールを用いて作成します。

sci-fi-eye-manipulation

 

 

 

複数のイメージ写真を合成して、宇宙SF空間をデザインする方法

違和感なく写真を組み合わせる、描画モードの設定や調整レイヤーの使い方を中心に学び、80年レトロなデザインを作成します。

sci-fi

 

 

 

効果的な背景デザインの作成とリアルな写真合成テクニック

ラインツールで描かれるダイナミックな背景に、違和感なく人物モデルを配置する方法が紹介されています。

lighting-effect-girl

 

 

 

炎やライティングを駆使した、写真合成テクニック

配置した人物モデルにまるで光が当たっているようなエフェクトは、デザイン全体の質感をグッとアップしてくれます。

fire-and-fly-girl

 

 

 

地球の終わりを描いた、デジタルコラージュのデザイン方法

さまざまなイメージ写真から切り取られたパーツを自由に配置し、最後にグラデーション調整レイヤーを一番上に配置することで、全体の色合いを統一することができます。

lost-in-time-surreal-photoshop

 

 

 

映画「華麗なるギャッツビー」のレトロデコレーションを作成する方法

Illusrtatorで描いたグラフィックをベースに、メタルテクスチャ素材を利用したデザインスタイルを追加していきます。

art-deco-frame-gatsby

 

 

 

シンプルな天気予報アイコンセットを作成する方法

ピクセルドットで描くデザインチュートリアルで、レイヤースタイルを利用した淡い太陽光の表現方法など、押さえておきたいテクニックのひとつ。

weather-icon

 

 

 

光沢感のあるステッカー風テキストエフェクトのつくり方

こちらのチュートリアルも、レイヤースタイルを適用するだけで完成させる、簡単デザインチュートリアル。

3D-Sticker-Text-Effect

 

 

 

ぼかしエフェクトを活用した、3Dテキストエフェクトのつくり方

素早く動く様子を表現することができ、他のデザインにも応用できるテクニックのひとつ。

rock-texteffect

 

 

参照元リンク : Batman – Why Do We Fall | Abduzeedo Design Inspiration

投稿ワンランク上のデザインを目指そう!新作Photoshopチュートリアル24個まとめ 2015年4月度PhotoshopVIPの最初に登場しました。

Illustratorってすごい!参考にしたいチュートリアル、作り方まとめ 2015年5月度

$
0
0

latestai2015may-top

 

イラストレーター(Illustrator)の使い方を学びながら、テクニックを覚えることができる新作デザインチュートリアルをまとめています。進化するイラストレーターの機能や作り方も、定期的にアップデートしながら身につけていくことで、ワンランク上のデザイン表現が可能になります。

 

 

 

詳細は以下から。

 

 

 

Illustratorってすごい!参考にしたいチュートリアル、作り方まとめ 2015年5月度

 

寿司モチーフのアイコン素材を作る方法

世界中でブームとなっている寿司をテーマにした、美味しそうなアイコン素材を作っていきます。サーモンや米の質感など、細かいポイントにも気を配ったデザインが素敵。

california-roll-illustration

 

 

 

美しい継ぎ目のないデザインパターンを作成する方法

どんなデザインにも応用できるシームレスパターンテクスチャの作り方を、動画でじっくり詳しく解説しています。

seamelss-pattern-in-ai

 

 

 

レトロなポップアート・エフェクトの作り方

太いパスの引き方から、ハーフトーンエフェクトを活用したパターンの作り方まで、応用が効くテクニックが揃ったチュートリアル。

pop-retro-style

 

 

 

黒板にチョークでテキストを描く方法

粒状エフェクトを利用することで、手軽に黒板テクスチャを作成します。用意されたテクスチャを重ねることで、消したような質感を表現できます。

chalkboard-typography

 

 

 

ダイヤモンド・パターンをデザインする方法

何本ものラインが交わり作成される、複雑な幾何学模様パターンの作り方が紹介されています。

complex-geometric-pattern-visual-1

 

 

 

手描きスケッチをベクターファイルとして適用する方法

スケッチしたアートワークをどのようにベクター化するのか、ステップごとに詳しく解説しています。

nyc-vector-final

 

 

 

幾何学模様のレトロポスターを作成する方法

プリントしたようなグランジ感の加え方や、デザインに合った配色の決め方など、基本的なテクニックも詳しく紹介しているので、応用が効きそうなチュートリアル。

structure-tutorial

 

 

 

同じシェイプを繰り返してサークル上に並べる方法

パスに沿ってシェイプを並べる方法をはじめから学ぶことができる、初心者にもやさしい動画チュートリアル。

how-to-repeat-any-shape-along-a-circular-path-

 

 

 

ファイルを特殊加工プリント印刷用に準備しておく方法

型押しレタープレスや光沢加工など、特殊な印刷に対応するためにしておきたいことをまとめています。

how-to-print-vector

 

 

 

紙を重ねると浮かび上がる、秘密のテキストデコレーション

CMYKの色の原理を利用したトリックで、重ねた文字テキストの片方だけが浮かび上がります。

creative-print

 

 

 

Apple Watchに対応したiOSフィットネスアプリをデザインする方法

これからより需要が増えてくるであろうApple Watchに関連するインターフェースデザインを、Mac用アプリSketchを利用して作成していきます。

sketch-fitnessapp-final

 

 

 

立体的なインフォグラフィクス用デザインパーツを作成する方法

より視覚的に分かりやすい、立体的に表現されたコンポーネント素材を完成させます。

perspective-infographics

 

 

 

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

レイヤーの描画モード「乗算」を利用するテクニックを使い、シンプルでポップな文字テキストを作成します。

hey-spring-texteffect

 

 

 

ストローを使ったテキストエフェクトの作り方

曲がり具合を利用した、立体感溢れる文字テキストを演出することができます。

straw-texteffect

 

 

 

ビンテージ系テキストエフェクトを作成する方法

オフセットパスやブレンドオプション機能の使い方をマスターすることで、手軽に作成できるエフェクト。

vintage-type-sm

 

 

 

水彩絵の具のテキストエフェクトを作成する方法

ブレンドオプション機能を利用することで、絵の具特有のラフな質感を作成します。描画モード「乗算」にすることで、淡い色合いが鮮明に。

watercolor-typography

 

 

 

花がらテキストエフェクトの作り方

パスツールで描いた花がらに、ワープツールを適用することで、花がらシェイプを不均一にコピーするテクニックは参考に。

daffodils-texteffect

 

 

 

歯車を組み合わせたユニークなテキストエフェクトの作り方

グリッド状に並べられた歯車を、基本的なツールとエフェクトのみで作成していきます。

gear-texteffect

 

 

 

ヒップスター風ロゴデザインの作り方

トレンドを意識したレトロスタイルのロゴデザインを、イラストレーターを使って作成する動画チュートリアル。

create-a-hipster-logo

 

 

 

超リアルな掃除機をデザインする方法

オフセット・パスやクリッピング・マスクなどのテクニックを学びながら作成するチュートリアルで、Illustratorを使いこなすポイントが解説されています。

creating-vacuum-cleaner-in-illustrator

 

 

 

超リアルなオイルサーディン缶をデザインする方法

本物そっくりにデザインされた缶詰は、ペンやパスツールなど基本的な操作を覚えながら作成することができます。

creating-a-tin-can-with-fish-in-illustrator

 

 

 

ウクライナ地方の豪華なごちそうを描く方法

日本ではあまり知られていない国ウクライナをモチーフに、ベクターイラストでさまざまなごちそうを表現します。

ancient-feast

 

 

 

スケートボードをテーマにした、アウトラインデザインを作成する方法

分解されたスケートボードの各パーツを、フラットスタイルで表現するデザインチュートリアル。

line_art_skateboarder

 

 

 

ワークスペースイラストレーションを作成する方法

描いたパスに太めのオフセットパスを設定することで、やさしい印象のフラットデザインに仕上げます。

desk-scenary-illustration

 

 

 
フラットスタイルで描かれた町並みをデザインする方法

さまざまなシェイプを組み合わせ、奥行き感たっぷりな建物を作成します。

flat-cityscape-illustrator

 

 

 

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

パスツールで描いたシェイプに、クリッピングマスクの適用方法などを学ぶ、グラデーションが美しいアイコンセット。

productivity-icons-large

 

 

 

フラットスタイルのアウトライン型アイコンを作成する方法

現在トレンドにもなっているミニマルスタイルを作成する、大切なポイントをシンプルにまとめています。

lineicons_012

 

 

 

ビンテージな配色のポスターデザインの作り方

手描きしたスケッチ画をフォトショップでトレースし、限定された配色でペイントすることで、デザインに統一感が生まれます。

vintage-spring-has-sprung

 

 

 

春を感じる小鳥のデコレーションを作成する方法

パスツールなど基本的な操作のみで完成させる、はじめての人にもぴったりな簡単チュートリアル。

sprint_banner

 

 

 

かわいいキャラクターを描いた、継ぎ目のないシームレスパターンの作り方

基本的なパスツールの使い方の練習をしながら、かわいいパターンテクスチャを作成していきます。

soda-pattern

 

 

 

カラフルなキャラクターをデザインする方法

手描きスケッチをスキャナーで取り込み、素敵なカラーリングを行う工程まで詳しく紹介しています。

vector_character_art

 

 

 

スケッチを元にした、言葉遊び付の塗り絵をデザインする方法

あらかじめ描いた絵を元に、作成したアートブラシを利用することで、太さが均一でないパスを引くことができます。

mezza-placemeat

 

 

参照元リンク : How to Create a Watercolor Popsicle in Illustrator – Every-Tuesday

投稿Illustratorってすごい!参考にしたいチュートリアル、作り方まとめ 2015年5月度PhotoshopVIPの最初に登場しました。

フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめ

$
0
0

texteffect2015-half-top

 

「フォトショップをもっとうまく使いこなしたい。」

 

そんなときはデザインチュートリアルを見ながら、実践的なテクニックやツールの使い方を楽しく覚えてみてはいかがでしょう。Photoshop CCで追加された新機能も駆使し、クリエイティブなテキストエフェクトを作成するチュートリアル、作り方をまとめました。

 

 

今年に入り公開された新作チュートリアルを中心に、デザインスキルを磨くことができるアイテムをまとめています。レイヤースタイルを設定するだけのお手軽な作り方も多く、サンプル用PSDファイルをダウンロードできるものもあります。今後のデザイン案件で活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめ

 

超リアルなカジノサインをデザインする方法

3D機能を利用することで立体感たっぷりな表現を可能にし、電球を撮影した写真から切り抜き、合成することで、よりリアルな質感に仕上げることができます。

casino-bulb-sign

 

 

 

透明ガラスでできたテキストエフェクトの作り方

研究室でつかわれていそうなガラス容器を使った、クリエイティブ爆発のテキストエフェクト。

science_glassware_text

 

 

 

手描きスケッチ風テキストエフェクトの作り方

まるでボールペンで塗りつぶししたような、手描きのラフ感を見事に再現するチュートリアルで、レイヤースタイルとエフェクトの組み合わせ方に注目。

Sketch-Text-Effect

 

 

 

キラキラに輝くダイヤモンドのテキストエフェクトの作り方

あらかじめ用意されたパターン素材を利用し、レイヤースタイルを設定することで、ゴージャスに輝く文字を描きます。

Diamonds-Text-Effect

 

 

 

光沢感いっぱいの黄金文字テキストの作り方

こちらもレイヤースタイルを調整することで、見事な質感に仕上げることができるチュートリアル。一緒に、無料サンプルPSDファイルも公開されています。

GlamGold-texteffect

 

 

 

メタリックに輝くテキストエフェクトの作り方

まるで映画のタイトルなどに使われていそうな質感を、レイヤースタイルだけで実現することができます。

Glowing-Metal-Text-Effect

 

 

 

リアルな輝きを放つメタルテキストエフェクトの作り方

メタリックな質感だけでなく、すこし汚れたスクラッチ傷なども表現することで、より本物のクオリティに仕上げます。

Brushed-Metal-Text-Effect

 

 

 

メラメラと炎をあげて燃える鋼鉄のテキスト文字の作り方

レイヤースタイルを設定するだけで完成のメタルテキストに、炎テクスチャを重ねることでよりダイナミックに。

stunning-flaming-texteffect

 

 

 

炎が燃えているようなネオンテキストエフェクトの作り方

フレームエフェクトを適用することで、一味違うネオンデザインに仕上げることができます。

inferno-neon-effect

 

 

 

ネオンライトをつかったテキストエフェクトの作り方

異なるレイヤースタイルを適用した2つのレイヤーを重ねることで、デザインをより複雑に魅せることができます。

Bright-Neon-Light-Text-Effect

 

 

 

キラキラの宝石が輝くグラマー系テキストエフェクトの作り方

ゴージャスな雰囲気が演出することができる、豪華な宝石を散りばめるテキストエフェクト。

pink-gold-glitter-texteffect

 

 

 

小麦粉で文字テキストをデザインする方法

粉まみれのまな板の上に、真っ白な粉でお好みの文字を描くことができるチュートリアル。

Flour-Text-Effect

 

 

 

テキスト文字をタオル生地にプリントしたように配置する方法

レイヤースタイルを用いるだけの手軽さで、どんな立体的なデザインにもうまく配置することができる動画チュートリアル。

confrom-text-to-surface

 

 

 

テキスト文字に水彩絵の具エフェクトを適用する方法

お好みのフォントで書いた文字に、無料配布されている水彩絵の具テクスチャを使って、見事にテキストのみに適用しています。

how-to-apply-watercolor-textures-to-typography-580x290

 

 

 

毛糸でできたテキストエフェクトを完成させる方法

リアルな編み目まで再現することができるチュートリアルで、レイヤースタイルで調整した文字レイヤーに、毛糸テクスチャを重ねるテクニック。

StuffedWool-texteffect

 

 

 

ドーナツでできた美味しそうな文字テキストを作成する方法

カラフルな砂糖でコーティングされた、レイヤースタイル設定のみでデザインを完成させます。

sweet-donuts-texteffect

 

 

 

雲でリアルなテキスト文字を空に描く方法

文字ツールで描いた文字にレイヤースタイルを適用し、ブラシツールで加工するだけのお手軽チュートリアル。

cloud-text-effect

 

 

 

エンボス、型押しテキストエフェクトの作り方

レイヤースタイルを利用するだけ作成できる、Photoshopがはじめてのひとにもオススメしたい基本テクニック。

letterpress-text-effects-in-photoshop

 

 

 

光沢感のある黄金テキストをデザインする方法

ピカピカに輝くグロス感を演出することができるチュートリアルで、太字フォントとの相性が良さそうです。

GlossyGold-final

 

 

 

光沢感のある黄金文字の作り方

こちらもレイヤースタイルを適用するだけで完成のお手軽チュートリアル。ベベルとエンボス加工にテクスチャを加えることで、キラキラのラメ感を演出します。

GlitteringGoldTextEffect

 

 

 

透明プラスチック製のテキストエフェクトの作り方

ビニール袋に包まれた透明ガラスのようなエフェクトを表現したいときに。

Clean-Plastic-Text-Effect

 

 

 

立体感たっぷりなステッカー風テキストエフェクトの作り方

まるで下から光が当たっているような風合いを演出でき、レイヤースタイルを重ねるだけの手軽さも◎。

3D-Sticker-Text-Effect

 

 

 

ストライプ柄のガラステキストをデザインする方法

ツルツルの光沢感が印象的なデザインチュートリアルで、こちらもレイヤースタイルが重要になってきます。

glossy-texteffect

 

 

 

ブロンズ製ベベルテキストエフェクトの作り方

荒く削り出さた重厚感たっぷりなブロンズ文字をデザインします。

bronze-beveled-text-effect

 

 

 

ぼかしエフェクトを活用した、3Dテキストエフェクトのつくり方

素早く動く様子を表現することができ、他のデザインにも応用できるテクニックのひとつ。

rock-texteffect

 

 

 

火花が飛び散るスパーク系メタルテキストの作り方

まるで手持ち花火が燃えているような、ちょっと変わったデザインが素敵なチュートリアル。

sparkler-light-text-effect

 

 

 

あやしく輝く立体テキストエフェクトの作り方

テクスチャ素材をどのように違和感なく合成することができるのか学びながら、グラフィック色の強い作品に仕上げます。

starlight-flatten-texteffect

 

 

 

1980年代のレトロなテキストエフェクトの作り方

独特なライティングエフェクトが魅力的なアートワークで、描画モードのより詳しい設定方法を学ぶことができます。

80sIsnpiration_social

 

 

 

高層ビルで文字を描く方法

夜景を撮影した写真を元に、建物を使ってテキストを表現するテクニックを学びます。

mib-texteffect

 

 

 

3Dメタル系テキストエフェクトの作り方

テキストレイヤーを何重にもかさねることで立体感を表現し、全体にレイヤースタイルを適用する簡単で、ユニークなテクニック。

3D-Metallic-Text-Effect---600

 

 

 

3Dレトロトロテキストエフェクトの作り方

ドロップシャドウを加えることで立体感がうまれ、トレンドのヒップスター系デザインとの相性も抜群。

Simple-3D-Retro-Text-Effect

 

 

 

ステンシル風テキストエフェクトの作り方

ダンボールテクスチャの上に配置された、紙の質感を見事に表現したデザインチュートリアル。

Stencil-Banner-Text-Effect

 

 

サムネイル@ : Learn How to Create Realistic Brain Text Effect – alfoart.com

参照元リンク : 28 Amazing Text Effect Photoshop Tutorials – May 2015 Edition – Fusionplate.com

投稿フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめPhotoshopVIPの最初に登場しました。

デザインの引き出しが増える!すごい新作Photoshopチュートリアル、作り方まとめ 2015年5月度

$
0
0

latesttutorial2015may-top

 

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

 

 

 

海外デザインブログGraphic Design Junctionで、新しく公開されたデザインチュートリアルをまとめたエントリー「New Photoshop Tutorials to Learn Photoshop Techniques & Tips」が公開されていたので、今回はこちらを中心に、個人的にブックマークしておきたいデザインテクニックをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

デザインの引き出しが増える!すごい新作Photoshopチュートリアル、作り方まとめ

 

フォトショップ紙吹雪ブラシを作成する方法

ブラシ素材なので自由に色を選択することもでき、一度作成してしまえばいつでも使える手軽さ。動画で詳しく解説されているのも素敵。

confetti-brush

 

 

 

多重露光(英: Double Expousre)エフェクトの作り方

アメリカの人気歌手テイラー・スウィフトのヒット曲「Style」のミュージックビデオで採用された、多重露光エフェクトを再現します。

cavehead-double-exposure

 

 

多重露光エフェクトの作り方 その2

上記チュートリアルに比べ、より手順を簡単にしたお手軽版。煙と風景画を重ねる、2種類のバージョンが用意されています。

TreeQuarterTurn

 

 

 

手からリアルな炎をデザインするチュートリアル

炎テクスチャをイメージ写真に違和感なく合成し、他のデザインにも応用できるテクニックのひとつ。

fire-on-the-hand

 

 

 

デザイン手順を伝える、効果的なGIFアニメーションの作り方

どのようにデザインを完成させたのか、過程プロセスをうまく伝えることができます。

design-process-steps

 

 

 

フォトショップで動画を滑らかにつなぎ合わせる方法

用意した2種類のビデオクリップを軽快なトランジション(英: transition)でつなげていきます。フォトショップは、ビデオ編集にもすぐれたツールです。

 

 

 

写真を利用したユニークで、カラフルな写真コラージュの作り方

用意した風景画にワープツールで歪みを加えることで、遠近感と他のデザインパーツを追加するスペースを確保します。

seamless-beautiful-scenary

 

 

 

木に月が引っかかった、幻想的な写真コラージュを作成する方法

あらかじめ用意しておいた複数のイメージ写真を、驚くほどのクオリティーで合成するデザインチュートリアル。

many-moons-surrounded

 

 

 

地面を表現したユニークなデジタル・コラージュの作り方

用意しておいたイメージ写真を組み合わせることで、立体感と奥行き感たっぷりで抜群なコラージュアートを完成させます。

skull-final1

 

 

 

毛皮ブラシを利用せずに本物そっくりな質感を表現する方法

毛並みをそれぞれのパーツごとに分けてデザインする、デジタルペイントの本格的テクニック。

real-fur-effect

 

 

 

フォトショップで立体写真(アナグリフ)を作成する方法

2枚の写真を重ねて作成する手順と、1枚の写真を立体写真風に仕上げる手順の2つが解説されています。

3deffect

 

 

 

イメージ写真をモノクロスケッチ風に加工する方法

トーンカーブを調整することで、まるで鉛筆で手書きスケッチしたような質感を演出できます。

handdrawn-effect

 

 

 

Photoshopレイヤーマスクの効果的な使い方

フォトショップのなかでもよく利用する機能のひとつ、レイヤーマスクの使用方法を動画で解説しています。

photoshop-layer-masks-overview

 

 

 

ファッション雑誌のような写真レタッチテクニック

不要な背景を取り除き、人物モデルの気になる部分を個別に修正していく、魔法のようなレタッチテクニックを学びます。

easy-beauty-fashon-retouching

 

 

 

レトロなモノクロ写真エフェクトの作り方

白黒にするだけでなく、引っかき傷などよりリアルに再現し、スタイリッシュな印象を演出します。

vintage-stylish-photo-retouch

 

 

 

ゆがみフィルタ機能を利用したイメージ写真レタッチ方法

あまりレタッチ作業では利用しないゆがみフィルタの、新しい簡単な使い方が紹介されています。

stylish-photo-girl-effect

 

 

 

光量が足りない写真を見事に救出する方法

トーンカーブ機能を利用することで必要な色相を追加し、イメージ写真の明るさを調整するお手軽テクニック。

rescue-low-light-pic

 

 

 

印刷プリントに対応できる準備方法

雑誌のレイアウト構成をデザインするInDesign用チュートリアルですが、デザイナーは知っておきたいテクニック。

ready-for-print

 

 

 

カラフルに輝くライティングエフェクトの作り方

キラキラに光るライティング系テクスチャ素材を用意し、お好みのグラデーションでペイントできる、覚えておくと便利なテクニック。

cool-wizard-lighting

 

 

 

イメージ写真とベクター素材を組み合わせたデジタルコラージュ術

ユニークに配置されたデザインを、見事にグランジ風に組み合わせるテクニック。

retro-lighting-effect

 

 

 

奥行きたっぷりな写真合成テクニックを学ぶチュートリアル

遠くに宇宙空間が広がり、女性モデルの影なども詳細に表現できるデザイン合成術を学びます。

abandoned-love-emotional-photoshop-tutorial

 

 

 

ピクセルアートでコーヒーショップをデザインする方法

ピクセルドットで描くときの遠近感や影の付け方など、より細かい点に気を配ったチュートリアル。

coffee-shopi-pixelart

 

 

 

Appleウォッチをフォトショップで作成する方法

いま話題となっている新しいガジェット、Appleウォッチをゼロから作成していきます。

how-to-design-apple-watch

 

 

 

モバイルアプリ用ランディングページをデザインする方法

イメージ写真を背景に、モバイルアプリの特長をうまく引き出すレイアウトの作成方法が紹介されています。

app-landing-page-2

 

 

 

ストライプ柄のメタリック文字テキストの作り方

レイヤースタイルで表現できるメタリック文字に、グラデーションマップを重ねることで、背景と文字テキストに統一感を演出できます。

rose_shiny_lines_final

 

 

 

パンをつかったテキストエフェクトの作り方

クロワッサンやフランスパンなど本物のパンを利用した、ユニークな文字テキストを完成させます。

bread-text-effect

 

 

 

フォトショップを楽しく学ぼう!すごいテキストエフェクトのチュートリアル、作り方まとめ

2015年に公開されたチュートリアルを中心にまとめています、こちらも参考にいかがでしょう。

casino-bulb-sign-texteffect

 

 

サムネイル@ : Manipulate a Photo into a Beautiful Fiery Sunset Landscape | Photoshop Tutorials

参照元リンク : New Photoshop Tutorials to Learn Photoshop Techniques & Tips | Graphic Design Junction

投稿デザインの引き出しが増える!すごい新作Photoshopチュートリアル、作り方まとめ 2015年5月度PhotoshopVIPの最初に登場しました。

脱フォトショップ初心者!デザインを広げる新作チュートリアル、作り方まとめ 2015年6月度

$
0
0
32_maxresdefault-980x551

 

先日2015年版の新バージョンが公開されたばかりのPhotoshop CC。今回のメジャーアップデートによって、これまで以上に多才で、自由な表現を可能にしてくれる機能が追加、補強されています。

 

 

今回は、新しくなったPhotoshopでのデザインの可能性を広げてくれる、高品質な新作デザインチュートリアル、作り方をまとめてご紹介します。

 

 

Photoshopは機能がありすぎて、、。というひとも、詳しく解説された作り方をステップごとに進めることで、実践的な機能やテクニックを学ぶことができます。30日間無料体験版からはじめてみませんか。

 

 

 

詳細は以下から。

 

 

 

脱フォトショップ初心者!デザインを広げる新作チュートリアル、作り方まとめ

 

 

ユラユラと揺らめく、神秘的なハート型デザインを作成する方法

炎テクスチャにワープ機能を利用することで、自由に形を変化させ、色相を調整することで自由に色を変更できる動画チュートリアル。

27_maxresdefault-980x551

 

 

 

Spotify風カラーリングフィルタをデザインする方法

現在Spotifyの公式サイトで採用されている、カラフルな2色のフィルタを使ったシンプルなテクニックで、4ふ

スクリーンショット-2015-06-24-13.39.14

 

 

同時に無料アクション素材も公開されており、どれもポップな仕上がりを実現します。

action

 

 

 

周りに合わせて色付きのライトでデコレーションする方法

レイヤースタイルを利用し、部分的に淡いピンク色のライティングエフェクトを再現し、幻想的な雰囲気に仕上げます。

mjohnson_painterly_light_step_06d

 

 

 

サッカーイベントの印象的なポスターの作り方

ライティングエフェクトが特長のシンプルな写真合成チュートリアルで、他にも応用できるテクニック。

soccer-sport-event-poster-photoshop-tutorial

 

 

 

80年代風のSFライティングエフェクトの作り方

永遠と続くグリッド付きの地平線に、まぶしすぎるライティングが魅力的なポスター用アートワークをデザインします。

media_1433742838391

 

 

 

水彩絵の具でアルファベットを描く方法

テキストパスに合わせてワープ機能を使いながら、水彩絵の具テクスチャを見事な立体エフェクトで再現します。

how-to-create-paint-streak-typography-preview1-1080x550

 

 

 

葉っぱをつかった水彩絵の具デザインエフェクトの作り方

カメラで撮影した葉っぱの形をモチーフに、淡いパステルカラーのグラデーションとテキストを乗せて加工します。

create-an-art-print-based-on-a-photograph-preview-1080x550

 

 

 

イメージ写真を水彩絵の具風に加工する方法

まるで詳細に手描きされたような質感が素敵で、覚えておくと便利なデザインテクニックを、動画で詳しく解説しています。

71_maxresdefault-980x490

 

 

 

ビンテージ風の幻想的な写真レタッチ加工を行う方法

まるでペイントされた風景画のような質感がユニークで、黄色の光を利用したデザインテクニック。

96_maxresdefault-980x551

 

 

 

Instagramのようなビンテージ風に写真レタッチする方法

シンプルなカラーレイヤーを調整するだけで実現できる、はじめてのひとにもオススメしたい動画チュートリアル。

39_maxresdefault-980x551

 

 

 

Photoshopで高度なアニメーションを作成する方法

通常はAfterEffectsでしか表現できないような動きも、Photoshopに設定を加えることで、さまざまなアニメーションを実現可能になります。

p1-03-timeline-2-opt-small

 

 

 

Photoshopでベースライン用グリッドを利用する方法

美しい階層を実現することができる、文字テキストにあわせたグリッドラインの引き方を解説しています。

00-featured-baseline-grid-dribbble

 

 

 

Photoshopを使ってメイクアップ化粧を行う方法

人物モデルの肌を滑らかにし、自由に化粧を施すことができる、魔法のようなデジタルレタッチ用チュートリアル。

007_Free_CC_Tuts.jpg   

 

 

 

ピクセル状に爆発しているデザイン加工の作り方

女性モデルの一部が、ピクセル状に爆発している様子を、ブラシツールを詳しく設定することで、手軽に実現することができます。

finalResult

 

 

 

ドラマチックにスポーツカーをデコレーションする方法

用意した車のイメージ写真に合わせて、映画にでてくるような世界観を描くことができる、写真デジタルコラージュ術。

maxresdefault

 

 

 

月明かりをバックに登場するバットマンを描く方法

実は複数の切り取られたパーツを組み合わせ、レイヤースタイルなど基本的なテクニックを利用するだけで、印象的なシーンを再現する本格的なチュートリアル。

batman-final

 

 

 

ボロボロにこわれた高層ビルをデザインする方法

今にも上からなにか落ちてきそうなほど劣化した廃墟ビル、実は複数の工事現場の写真を組み合わせた写真合成デザイン。

destruction-final

 

 

 

ホラー映画のようなダーク系写真合成テクニック

何気なく撮影した風景写真を、色相・彩度を調整することで、ホラー映画のワンシーンに仕上げることができます。

mysterious-lady

 

 

モダンな写真コラージュテクニックを使った、ポートレートを作成する方法

あらかじめ用意しておいた複数のイメージ写真をデジタルコラージュし、「カラーオーバーレイ」で全体の色合いを統一します。

feeling37-final

 

 

 

ファンタジー感満点のかたつむりをつかった写真コラージュテクニック

かたつむりの殻を花畑風に仕立て、女の子の周りを美しい蝶々が舞っています。

snail40-final

 

 

 

人物モデルを使った、キッズ用海賊イラストレーションの作り方

実際の人物モデルを五頭身でデザインし、イラスト風に仕上げるまでの過程を詳しく解説しています。

create-a-multi-character-pirate-illustration-for-young-children-in-adobe-photoshop

 

 

 

オレンジを使って文字テキストを描く方法

輪切りをアルファベット風に加工する、まるで本物そっくりのテキストエフェクト。

60_maxresdefault-980x551

 

 

 

たっぷりジャムを塗ったスコーン風テキストエフェクトの作り方

美味しそうなジャムをとクリームチーズを使い、自由な文字テキストを描きます。

Scones-Inspired-Text-Effect---600

 

 

 

Adobe用に作成されたデジタル・ライオンのデザイン制作ケース

プロデザイナーがどのように作品を仕上げていくのかまとめたケーススタディ。

digital-lion

 

 

 

面白いGIFアニメーションをPhotoshopで作成する方法

そして最後は、撮影したビデオ動画を利用して、シンプルなGIFループアニメーションの制作。

wonderful-weird-gifanimaetion

 

 

サムネイル@ : Photoshop: How to Make a Quilt Portrait from  a Photo – Photoshop RoadMap

参照元リンク :

投稿脱フォトショップ初心者!デザインを広げる新作チュートリアル、作り方まとめ 2015年6月度PhotoshopVIPの最初に登場しました。

実用テクニックを学ぶ!すごいフォトショップチュートリアルまとめ 2015年7月度

$
0
0
eye-makeup

latesttutorial2015jul-top (1)

 

毎月デザインの幅を広げてくれる、新作フォトショップチュートリアルをまとめてご紹介しています。今回は、2015年7月度まとめとなります。

 

 

レイヤースタイルを設定するだけで完成のお手軽チュートリアルや、Photoshopの基本的なツールのより実践的な使い方をマスターできる、デザインチュートリアルを中心にまとめています。

 

 

 

詳細は以下から。

 

 

 

デザイナーがマスターしたい、すごいフォトショップチュートリアルまとめ

 

燃える炎の角をもつ鹿をデザインする方法

炎テクスチャの具体的な使い方や、周りに散る火の粉をレイヤースタイルで作成し、本物そっくりにデザインします。

deer-final1

 

 

 

光を用いたキラキラに輝くテキストエフェクトの作り方

ライティングエフェクトを駆使したチュートリアルで、ペンツールの実践的な使い方を学びながら、インパクトんあるデザインを作成します。

lightpaintingtextfinal

 

 

 

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

フォトショップを使い、まるで本当に化粧をしているような、自然でリアルな仕上がりを実現します。

eye-makeup

 

 

 

美しいハーフトーンエフェクトを作成する方法

ビットマップ機能を利用することで、自由なハーフトーンを描きます。ロゴやイメージ写真など、どんな素材にも応用することができるテクニック。

halftone_effects

 

 

 

超リアルな飛行機をデザインする方法

スケッチを元に、フォトショプだけで写真のようなクオリティのデジタルペインティングを完成させる、本格的なテクニックを学ぶことができます。

airplanefinal-1

 

 

 

ベクター素材と写真の上手な組み合わせテクニック

コンセプトの異なるデザインを組み合わせることで、より魅力的な仕上がりが期待できるチュートリアル。

splatter-comingout

 

 

 

夕日を浴びた美しいペイントエフェクトの作り方

まるでアクリル絵の具でペイントしたような、風合いに仕上げるチュートリアル。レイヤーマスクの有効的な使い方から、ブラシツールをつかったペイントテクニックなどが披露されています。

744x475xfinal-results2.jpg.pagespeed.ic.DLqztljA4e

 

 

 

ダイナミックなHDRエフェクトを作成する方法

アルファチャネルを活用した選択範囲に、レイヤーマスクを適用するテクニック。

hdr-effect

 

 

 

核爆発した様子をデザインする方法

辺り一面が赤い光に覆われ、景色が歪んだようなエフェクトを作成します。

explosion

 

 

 

ホラー映画のような、どんよりとした風景をデザインする方法

部分的にマスクした範囲にのみ、レイヤーを適用することで、より奥行き感のあるデザインを再現します。

gloomy-house (1)

 

 

 

PhotoshopとAfter Effectsを使って、GIFアニメーションをエクスポートする方法

bicycle-GIF

 

 

半分に割れた卵をデザインする方法

黄身の立体感や、白身の透明感、卵の割れ方など、知っておきたいお手軽デザインテクニックで実現します。

egg-cracking

 

 

 

ゲーム用レーシングカーをデザインする方法

シェイプツールで描いた形を元に、レイヤースタイルなど基本的なPhotoshopツールのみで完成させます。

racing-car

 

 

 

手描きスケッチをチョーク風に仕上げる方法

スキャンしたデザインを元に、黒板にチョークで描いたような質感を表現します。描画モード「乗算」を利用することで、自由にテキストカラーを変更できます。

chalk-typography-preview

 

 

 

水彩絵の具で描いたデザインをデジタル形式に保存する方法

実際に手描きしたスケッチをスキャンし、デジタルファイルとして活用できるまでのプロセスが紹介されています。

how-to-make-sketch-paper-background-white

 

 

 

水彩絵の具風イメージ写真加工テクニック

あらかじめ用意したイメージ写真と、水彩絵の具テクスチャを重ね、レイヤーマスクを利用するだけのお手軽なデザインテクニック。

watercolor-paint

 

 

 

手軽に髪の毛の色を変更する方法

クイック選択ツールをうまく利用することで、時間をかけずに髪の毛の色をカスタマイズできます。

hair-color-change

 

 

 

スター・ウォーズのロゴデザインを作成する方法

レイヤースタイルを設定するだけで完成する、お手軽で初心者にもオススメのチュートリアル。

Star-Wars-Text-Effect---600

 

 

 

カラフルな3Dテキストエフェクトをデザインする方法

3Dツールを利用したテキストエフェクトに、夏を連想させるみどり色の葉っぱをデコレーションした、立体的なデザインが魅力です。

3D-Colorful-Summery-Text-Effect

 

 

 

メタリックに輝く立体テキストエフェクトの作り方

こちらもレイヤースタイル設定のみで作成できるエフェクトで、背景テクスチャとの組み合わせ方も参考に。

Shiny_Spring_Summer_Text_Effect_main

 

 

 

ファンタジーな洞窟をデザインする方法

高い山の上から流れ落ちる滝や、城などが並ぶファンタジー空間を、複数のイメージ写真を合成することで、再現する本格的チュートリアル。

climber-cave (1)

 

 

 

非現実空間をデザインする写真合成テクニック

雲の上を人が歩いている、SF映画のようなデザイン構図を学ぶデザインチュートリアル。

cyber-explosion

 

 

 

イラストに奥行き感を演出するデザインテクニック

完成したデザインを、細かいパーツに分けてそれぞれ設定することで、よりリアルな奥行き空間をデザインします。

dragon-complete

 

 

 

ポリゴンスタイルのポートレイト写真を作成する方法

以前紹介したチュートリアルですが、より詳しく、分かりやすくステップ順に解説されています。

polybreno_1500

 

 

 

動物を組み合わせた、アート系ポートフォリオの作り方

レイヤーマスクをうまく活用することで、複数のイメージ写真を見事に合成するテクニック。

animal-composition

 

 

 

分身の術を再現する方法

三脚に固定したカメラで撮影した複数の写真を重ね、表示したい部分以外をマスキングするテクニック。

MultipleMes1-01

 

 

 

アリスの不思議の国をモチーフにした、デザイン・アートの作り方

フォトショップに並ぶ高機能デザインアプリで、ユーザー数も増えているPixelmatorを使ったデザインチュートリアル。今後増えてくるのではないでしょうか。

Alice-Wallpaper

 

 

 

キャンプをモチーフにしたフラットアイコンを作成する方法

最近バージョンアップが発表された、もうひとつのデザインアプリAffinity Designerを利用した、アイコンの作成方法が紹介されていました。

hiniking-icons-affinity

 

 

サムネイル@ : Use Layer Masks for Seamless Compositing of Photos in Photoshop – Digital Arts

投稿実用テクニックを学ぶ!すごいフォトショップチュートリアルまとめ 2015年7月度PhotoshopVIPの最初に登場しました。


ここまでできるIllustrator!すごいデザインチュートリアル、作り方まとめ 2015年8月度

$
0
0
latestaitutorial2015aug

latestaitutorial2015aug

 

デザインの現場では必須アイテムのひとつでもある、Illustrator。今回は、基本ツールのみで作成するシンプルデザインから、覚えておくと差が出る、目からウロコの応用テクニックまで、幅広く学ぶことができる、新作チュートリアル、作り方をまとめてご紹介します。

 

 

ペンツールや長方形シェイプツールなど分かりやすい機能の使い方はもちろん、パスファインダーやストロークパネル機能など、使いこなすのにちょっとしたコツが必要なものまで、デザインを通して実践的に覚えることができるチュートリアルを中心に揃えています。

 

 

 

詳細は以下から。

 

 

 

これからのIllustrator!すごいデザインチュートリアル、作り方まとめ 2015年8月度

 

透明感たっぷりなウイスキー・オン・ザ・ロックを作成する方法

まるで写真を見ているようなリアル感で、ガラスコップや氷のクリアさも見事に表現できるチュートリアル。

whisky

 

 

 

美味しそうなドーナツの作り方

チョコレートのとろけ方や、粉砂糖のかかり方まで本物を再現した、4種類のドーナツを作成します。

yummy-donut

 

 

 

インフォグラフィックス用デザインパーツを作成する方法

円チャートや棒グラフなど、インフォグラフィクスに必須アイテムを、カラフルな配色でデザインします。

infograhic_vector_elements

 

 

 

立体的なカスタムマップをデザインする方法

フラットスタイルを基調に、目印の建物は立体的にデザインされた、ひと目で分かりやすいカスタム地図を作成します。

illustration-map

 

 

 

Illustratorでのハーフトーンの効果的なデザインテクニック

どのようにハーフトーンを利用したり、オリジナル素材を作成することができるのか、カテゴリ別に詳しく紹介されています。

how-to-use-halftone

 

 

 

点画法で描く、ビンテージデザインのこだわり、コツ

タトゥーで見かける、ドット点エフェクトを表現できるカスタムブラシの作成方法。

stripple_brush

 

 

 

4 Free Ink Stamp Effect Styles for Adobe Illustrator

フォントやデザインでもお好みの素材に適用することで、インクで印刷されたような質感を表現できる無料スタイル。4パターン用意されているので、お好みでどうぞ。

illustrator-ink-stamp-styles

 

 

 

ストロークパネルのもっと詳しい使い方

あまりうまく活用されていないストロークパネルも、きちんと理解することで、さまざまなラインスタイルを表現できるようになります。

line-variation

 

 

 

グラデーションが美しい、アイスキャンディ型アイコンを作成する方法

夏の暑い季節にぴったりなアイテムで、グラデーションメッシュで表現された、淡い色合いが美しいデザイン。

ice-cream-icon

 

 

 

夏をテーマにした、かわいい似顔絵イラストを作成する方法

ペンツールやシェイプツールなど基本的な操作のみで作成できる、かわいい女の子のイラストデザイン。覚えておくと応用の効くテクニックのひとつ。

summer_girl_illustration

 

 

 

カラフルな花がらの結婚式招待状をデザインを作成する方法

シンプルなシェイプツールのみで完成する、かわいい花がらオーナメントデザインを作成します。

wedding-save-the-date

 

 

 

カラフルな子供用自転車をデザインする方法

ストロークパネルと、パスファインダー機能を活用することで、鮮やかな配色の自転車をデザインします。

flat-bicycle-wheels600

 

 

 

フラットスタイルでオフィス文房具を表現する方法

人気トレンドのフラットスタイルは、わずかにドロップシャドウを適用したスタイルが魅力的。

desk-stationary

 

 

 

水彩絵の具でペイントした猫をデザインする方法

ペンツールを基本に、本物そっくりな水彩ペイントを作成するテクニックが紹介されています。

watercolor_cat_illustration

 

 

 

ネオンライトでできたテキストエフェクトの作り方

カスタムブラシとアピアランスパネルを組み合わせて利用することで、Illustratorで淡い光を表現するテクニック。

neon-light-effect

 

 

 

カメレオンをモチーフにした、継ぎ目のないパターンテクスチャの作り方

ライブコーナーに、パターンオプション機能を利用した、シームレスパターンの作り方。

lizards-pattern

 

 

 

ワークデスク用ランプを作成する方法

イメージ写真を元に、メタリックな光沢感や立体的な影まで再現できる、ワンランク上のデザインチュートリアル。

desk-lamp

 

 

 

高品質な絵文字アイコンを作成する方法

基本的なシェイプツールやグラデーションツールと一緒に、パスファインダー機能を利用することで、デザインレベルをアップさせるテクニックが紹介されています。

emoticons

 

 

 

歴史的建築物をピクセルアートで表現する方法

ペンツールや長方形ツールなどの、Illustratorの基本的な操作のみで完成させる、ピクセルアート用チュートリアル。

illustration-house

 

 

 

本物そっくりなスポーツカーを、Illustratorで作成する方法

バンパーのメッシュデザインなど、細部まで忠実に再現するプレミアムチュートリアル。

Photorealistic_Vector_Mustang_Car

 

 

 

モルドバ民族衣装のキャラクターデザインを作成する方法

手描きスケッチをベースに作成するイラストレーションで、光沢感たっぷりなハイライトの使い方など参考に。

final-cute-moldovan-chibi

 

 

 

カジノ用グッズを立体的にデザインする方法

ギャンブルには欠かせないトランプやサイコロ、チップ、ルーレット台などをひとつずつ作成していきます。

isometric_gambling_assets_illustration

 

 

 

Illustratorをマスターする!すごいチュートリアル、使い方まとめ 2015年7月度

進化するIllustratorを使ったデザインテクニックを、定期的にまとめています。前回エントリーも参考にどうぞ。

latestai2015july-top

 

 

参照元リンク : Create a Beach Illustration in Adobe Illustrator | Veerle’s Blog 3.0

投稿ここまでできるIllustrator!すごいデザインチュートリアル、作り方まとめ 2015年8月度PhotoshopVIPの最初に登場しました。

これはすごい!フォトショップの使い方を学ぶチュートリアル30個まとめ 2015年8月度

$
0
0
latesttutorial2015aug-top2

latesttutorial2-15aug-top

 

デザイナーだけでなく、フォトショップを扱うすべてのひとが覚えおくと便利な、最新デザインテクニック、使い方をまとめています。

 

 

進化を続けるPhotoshopのデザインテクニックは、時間を見つけながらスキルを磨くことで、よりクリエイティブな表現を可能にしてくれます。今回は、最近公開されたばかりで、応用の効くテクニックを中心にあつめています。

 

 

 

詳細は以下から。

 

 

 

これはすごい!フォトショップの使い方を学ぶチュートリアルまとめ

 

手描きスケッチのラインアートを、自由に色をペイントする方法

アルファチャンネルを利用した選択方法に、レイヤーマスクを追加することで、お好みのカラーリングで配色できる、お手軽テクニック。

lineart-coloring

 

 

 

編集しやすい、手描きスケッチのPhotoshopへの取り込み方法

描画モードも自由にいじることができる、アルファチャンネルを使った手描きスケッチのスキャン方法。上記チュートリアルと合わせていかがでしょう。

lineart-transparent

 

 

 

レイヤーマスク機能と消しゴム機能の使い方を比較しよう。

イメージ写真を非破壊で編集することができる、便利なレイヤーマスクを使った、デザインの修正テクニック。

eraser-vs-layer-mask-2-sample-9

 

 

 

手描きスケッチで、継ぎ目のないパターンテクスチャを作成する方法

グリッド機能を利用することで、シームレスに広がるオリジナルパターンを作成できます。

lola-floral-final

 

 

 

スマートオブジェクト機能を使った、レスポンシブ用スクリーンモックアップの作り方

スクリーン画面だけ異なるファイルで編集できる、スマートオブジェクト機能は、ボタンひとつでデザイン編集も自由。ぜひ覚えておきたいテクニックのひとつ。

responsive-mockup

 

 

 

あやしく輝く黄金テキストのGIFアニメーション

各レイヤーの透明度を少しずつ変えることで、ロウソクの光のような雰囲気を実現します。

lighting-animation

 

 

 

GIFアニメーション付きキャラクターをデザインする方法

タイムライン機能を利用することで、各フレームごとに変化を付けたレイヤーを連続で表示することが可能になります。

animated-character

 

 

 

アニメーションつきのベクターアイコンを作成する方法

トレンドにもなりつつあるアニメーションを見事に取り入れた、活用ポイントの高いGIFアニメーション付きアイコンの作り方。

animated-icon

 

 

 

3ステップで完成、クロスプロセス・エフェクトの作り方

トーンカーブ、レベル補正、明るさ/コントラストを調整するだけで、イメージ写真が見違えるほどのクオリティに。

cross-process-effect

 

 

 

文字テキストをつかったポートレイト・エフェクトの作り方

人物モデルのイメージ写真に、文字を羅列したレイヤーを重ね、置き換えフィルタを利用することで、簡単に作成できます。

text-portrait-tutorial

 

 

 

埠頭の秘密の取引現場を再現する方法

危険の雰囲気を演出する、コンテナが積み上げられた埠頭を、写真合成することで完成させます。

secret-surreal-photomanipulation

 

 

 

レトロな立体テキストエフェクトの作り方

文字レイヤーひとつに、スタイルを適用するだけで完成する、見た目以上に簡単なテクニック。

one-layer-retro-text

 

 

 

キラキラに輝く宝石でできた、テキストエフェクトの作り方

こちらもレイヤースタイルのみで表現できる、立体的な文字テキストを完成させます。

pendant-jewelry-text

 

 

 

水彩ペイント風テキストエフェクトの作り方

入力した文字レイヤーに、直接レイヤースタイルを適用するだけの、お手軽で効果的なチュートリアル。

warped-text-effect-flatten

 

 

 

色鮮やかなメタリック・テキストエフェクトの作り方

こちらもレイヤースタイルを適用した文字テキストを、重ねるだけで完成するデザインテクニック。

metalic-text-effect

 

 

 

風船でできたテキストエフェクトの作り方

空気いっぱいに膨らませた風船でかたどった、立体的なテキストエフェクト。

balloon_text_final-result1

 

 

 

干し草でできたテキストエフェクトの作り方

まるで本当に作成したようなクオリティが自慢で、選択範囲にテクスチャ素材を合成して、リアルな質感を表現していきます。

harvestend

 

 

 

ライムでできた、ジューシーな文字エフェクト

基本的な3Dツールの使い方を覚えることで、デザイン表現の幅が広がるテクニック。

juicy-effect

 

 

 

砂浜に好きな文字やデザインを描く方法

レイヤースタイルを活用するので、文字テキストの他に、デコレーション模様などにも対応できるテクニック。

sand-style-write-in-sand-psd

 

 

 

フォトショップの小技が効いた、ロゴテキストのデザイン方法

Illustratorのブレンドオプション機能をうまく活用したロゴを、Photoshopでよりグッと質感をあげるテクニック。

abduzeedo-logo

 

 

 

幻想的な夕日の湖を描く方法

まるでファンタジー映画の世界を再現したような空間をデザインします。レイヤーの描画モードにトーンカーブを調整する、基本的なテクニック。

bright-gradient-lake

 

 

 

海を泳ぐ超巨大ガメをデザインする方法

あらかじめ用意した亀のイメージ写真を、違和感なく合成するテクニックが紹介されています。

turtle-with-forest

 

 

 

ホラー映画のようなホラー系イメージ写真合成テクニック

用意したイメージ写真の編集にはじまり、本物そっくりの光の当り方や、影の付き方を表現できる、いろいろ応用できそう。

emotional-dark

 

 

 

アクション映画のポスターデザインを作成する方法

トーンカーブやレベル補正といった、シンプルな機能のみで、まるでハリウッド映画のようなポスターを作成します。

movie-poster

 

 

 

Photoshopでゼロからアイアンマンをデザインする方法

立体的なメタリックな質感も、見事にデジタルペインティングで表現する、本格派プレミアムチュートリアルが、ついに無料公開となりました。

ironman

 

 

 

メタリックで立体的なロゴバッジを作成する方法

Illustratorでていねいに作成されたバッジを、3D機能を利用することで、Photoshopのみで立体的なデザインを表現します。

RocketEagle-Final-Image-sm

 

 

 

本物そっくりなカフェの看板をデザインする方法

立体的で、木製のやさしい印象が素敵な看板を、FilterForgeツールを利用して作成します。

3d-sign-cafe

 

 

 

人物モデルを水彩ペイントとうまく重ねる方法

部分的に人物モデルとペイントを重ねる、グラフィックデザインには必須テクニック。

color-explosion-girl

 

 

 

ハーフトーンで表現する、漫画コミック用テキストエフェクト

レイヤースタイルで立体的に魅せたテキストに、ブラシツールを使って、ハーフトーンを追加し、質感をアップするテクニックが披露されています。

pow-comic-text

 

 

参照元リンク : How to Create a Soft Pastel Effect in Photoshop – PhotographyPla.net

投稿これはすごい!フォトショップの使い方を学ぶチュートリアル30個まとめ 2015年8月度PhotoshopVIPの最初に登場しました。

デザインに悩まない技を学ぶ!すごいPhotoshopチュートリアル、作り方まとめ 2015年9月度

$
0
0
latesttutorial2-15sep

latesttutorial2015sep-top

 

これからPhotoshopを始めるひとから、長く扱っているベテランのひとまで、新しいデザインテクニックを学ぶことができる、新作Photoshopチュートリアルをまとめました。

 

 

CCから登場したアートボード機能を有効的に使った名刺の作り方や、ほんの数ステップのみで劇的に雰囲気を変える写真加工、レイヤースタイルを設定するだけのお手軽テキストエフェクトまで、幅広いデザインの作り方が揃っています。

 

 

 

詳細は以下から。

 

 

 

デザインに悩まない技を学ぶ!すごいPhotoshopチュートリアル、作り方まとめ

 

靴に入った猫が浮かぶ、深い海をデザインする方法

すべてのデザインパーツを合わせることで完成する写真合成テクニック。自然な光の輝き方や、カモメにぼかしエフェクトを加えることで、遠近感を演出できます。

cat-manipulation

 

 

 

光り輝く妖精と女性の、幻想的な風景をデザインする方法

あらかじめ用意しておいた風景画と女性モデルを、見事に写真合成するテクニックを学ぶ、本格的なデザインチュートリアル。

final-dreamy-lighting

 

 

 

ファンタジー空間の写真合成テクニック

レイヤーマスクやスマートオブジェクト機能を活用することで、必要な部分のみを編集することができる、非破壊編集デザインの方法を学びます。

photo-manipulation-fantasy

 

 

 

空中を飛ぶ車をデザインする方法

勢いよく羽ばたく鳥と一緒にデザインされたクラシックカー。違和感のない写真合成テクニックを学びながら、テクスチャを利用したライティングエフェクトの表現も。

flying-car

 

 

 

キンキンに冷えたボトルデザインを作成する方法

カスタムブラシを作成することで、ボトルに付いた冷たい氷を演出することができるテクニック。

icy-bottle-mockup

 

 

 

太陽が差し込む様子をデザインする方法

Photoshopで作成したノイズテクスチャに、ぼかし(放射状)エフェクトを適用することで、よりリアルな木漏れ日を表現することができます。

ray-of-light

 

 

 

迫力ある写真合成のテクニックを学ぼう

個別で撮影した人物モデルを、土ほこりを巻きあげて走るサイの上に合成します。ポイントはドロップシャドウと覆い焼きツール。

photo-manipulation-kids

 

 

 

日常をミニチュア世界に変えてしまう方法

あらかじめ撮影しておいた人物モデルを写真に重ね、ドロップシャドウを加えることで、リアリティーのある仕上がりに。

minituare-action

 

 

 

新機能アートボードを利用した、名刺デザインの作り方

名刺の表裏だけでなく、作成したデザインをモックアップで魅せ、まとめて作成できるデザインの現場でも使える、実践的なチュートリアル。

how-to-use-artboard

 

 

 

どんな風景にも霧をかける、カスタムブラシの作り方

どんよりとした霧のリアルな質感が再現されたブラシは、ゼロからPhotoshopの機能のみで作成することができます。これからハロウィンの季節にいかがでしょう。

groomy-blur

 

 

 

風景イメージを劇的に変える、3つのデザインテクニック

昼を夜にするだけでなく、レイヤースタイルを使って晴れの日を雨模様にしたり、描画モードを利用して自由に虹を描くなど、応用の効きそうなチュートリアル。

title-day-moonlight

 

 

 

日中撮影した写真を、夜景に変えてしまう方法

車のヘッドラインエフェクトや、複数のレイヤーにエフェクトを適用する方法など、実践的なデザインチュートリアル。

day-and-night-scene

 

 

 

スマートフォンで写真を撮影している様子を作成する方法

モックアップ素材を利用し、スクリーン画面にスマートオブジェクト機能を使い、いつでも編集できるテクニック。

blur-smart-object

 

 

 

ハーフトーンを利用した、レトロスタイルのポスターの作り方

まるでプリント印刷したような、ザラザラとしたグランジ感を表現できるデザインチュートリアル。

poster-texture-tutorial

 

 

 

テクスチャを使った、ビンテージ加工の基本ポイント

完成したアートワークに、どのようにテクスチャ素材を重ねることで、うまくビンテージ&レトロテイストが表現できるか、ていねいに解説されています。

how-to-use-textures

 

 

 

美しい花がらデザインパターンを作成する方法

洋服用生地のデザインとして活用されるパターンを、手描きスケッチをベースに再現していく方法を学びます。

theas-garden

 

 

 

Lightroomスプリットトーン風の写真加工を行う方法

3つのカラーレイヤーを重ね、描画モードを整えるだけで、雰囲気たっぷりな写真に仕上げます。

dynamic-photo-retouch

 

 

 

ドラマチックな写真加工を行う方法

レベル補正に、グラデーションレイヤー追加というシンプルな手順で、雰囲気のある写真に加工しています。

intense-retro-photo-action

 

 

 

写真をビンテージ風に加工するレタッチ方法

新規調整レイヤー機能を利用することで、手軽なステップのみで作成できるチュートリアル。

vintage-retro-action

 

 

 

写真に幻想的な光を重ねる方法

部分的にマスクを掛けることで、より自然な仕上がりを実現できる写真加工テクニック。

dreaming-final

 

 

 

島をモチーフにしたテキストエフェクトの作り方

入力した文字レイヤーにレイヤースタイルを適用するだけのお手軽さで、他にもロゴなどにも活用できるチュートリアル。

island-texteffect

 

 

 

葉っぱを使った、立体的な自然テキストエフェクトを作成する方法

シンプルな文字レイヤーに、描画モード「乗算」を加えることで、背景デザインとうまくなじませることができます。

nature-texteffect

 

 

 

 

ノート風テキストエフェクトの作り方

レイヤースタイルを設定したレイヤーを3つ重ねることで、リアルな立体感をデザインします。

notebook-texteffect

 

 

 

立体的に輝く黄金文字のテキストエフェクト

3Dツールを利用することで、平面的に描かれたデザインを立体的に仕上げてくれる、覚えておきたいツールの操作方法を紹介しています。

go-3d-texteffect

 

 

 

ストロークとパスを使った、シンプルなロゴデザインの作り方

Photoshop基本操作を覚えながら、手軽に作成できるデザインチュートリアル。

path-texteffect

 

 

 

火が出るほど熱々の文字テキストをデザインする方法

便利なレイヤースタイルで作成されており、炎テクスチャ素材を描画モード「ソフトライト」に設定することで、より自然な仕上がりを完成させます。

fire-texteffect

 

 

 

ライティングエフェクトを使った、壁紙デザインを作成する方法

Windows10のスクリーン画面をモチーフに再現された、ライティングエフェクトの効果的な作り方を学びます。

lighting-texteffect

 

 

 

女性スナイパーを描いた、映画ポスターをデザインする方法

取り込んだ写真の一部のみにエフェクトを加えていくことで、奥行き感があり、自然な仕上がりを目指したデザインチュートリアル。

sf-movie-action

 

 

 

投稿デザインに悩まない技を学ぶ!すごいPhotoshopチュートリアル、作り方まとめ 2015年9月度PhotoshopVIPの最初に登場しました。

Illustratorトレーニング!テクニックを学ぶデザインチュートリアル、作り方まとめ 2015年10月度

$
0
0
latestai-tutorial2015oct-top

latestai-tutorial2015oct-top

 

不定期となりますが、デザインに活用したいテクニックを利用した、Illustratorの作り方チュートリアルをまとめています。今回は、2015年10月度まとめとなります。

 

 

シンプルだけどあまり知られていない、有効なデザインの表現方法や、実践で利用できるテクニックを中心に集めています。特にフラットスタイルを用いたデザインは、Illustratorで作成されているケースも多いようで、より質感やリアル感にこだわった作品が多く並びます。

 

 

 

詳細は以下から。

 

 

 

Illustratorトレーニング!テクニックを学ぶデザインチュートリアル、作り方まとめ

 

手描きスケッチを利用した、継ぎ目のないパターンをつくる方法

オプションバーに直接、数値を+-付きで入力することで、デザイン要素を希望しただけ移動することができる、簡単だけど覚えておきたいテクニック。

how-to-create-hand-drawn-seamless-patterns-in-illustrator

 

 

 

フラットスタイルの惑星のデザイン方法

人気のフラットデザインは、基本の作り方を覚えておくことで、応用が効きやすいテクニックのひとつ。

vector-planet-sm

 

 

 

カラフルなライティングエフェクトの作り方

六角形のテクノロジー系背景デザインの上に、お好みの色でカスタマイズできる、リアルなライティングエフェクトを再現できます。

hi-tech-black-background

 

 

 

動物を用いたヒップスター風アイコンデザインの作り方

基本となるツールのみを用いて、ミニマルなスタイルが魅力的なアイコンデザインを作成します。

animal-icon

 

 

 

フラットスタイルの動物アイコンの描き方

上記チュートリアルに続きこちらは、ロングシャドウ・エフェクトの描き方や、動物の基本的なデザインの方法を学ぶことができます。

flat-animals-icons-600

 

 

 

食べもの、フードアイコンの作り方

シンプルなアウトラインのみでできたアイコンデザイン。パスツールなどIllustratorの基本ツールを覚えるときにもぴったり。

food-icons

 

 

 

アイコンをつかったGIFアニメーションの作り方

Illustratorで作成したアイコンデザインを、Photoshopのタイムライン機能を利用することで、動きをつけるチュートリアル。動かしたいレイヤーの分け方がポイント

icon-animation

 

 

 

リボンデザインを利用した、バッジロゴの作成方法

シンプルなロゴやデザインのアクセントになる素材で、パスツールだけで簡単に作成することができるテクニック。

labor-day-vintage-badge

 

 

 

パスツールで描く結婚式用デザインアイコンの作り方

Illustratorのベーシックを学ぶのに丁度よい、基本ツールを駆使してデザインするチュートリアル。

wedding-icon

 

 

 

ラインアートでできた街並みの描き方

シンプルなラインのみで描かれるデザインは、背景バックグラウンドにもぴったりです。細かくステップごとに解説されている点も、ポイント。

flat-cityscape-illustration

 

 

 

2階建てバスをデザインするチュートリアル

単純なイラストではなく、影の当り方にもこだわりを見せた、高品質で有効的なテクニックを学ぶことができます。

double-deck-red-bus

 

 

 

ホットドッグ・バンをデザインする方法

車の上にソーセージを乗せたユニークなバンを描きます。グラデーションツールを利用することで、簡単に光沢感を表現できます。

hot-dog-van600

 

 

 

フラットスタイルでできた、野菜イラストをデザインする方法

Illustratorの代替アプリとして人気が出はじめている、Affinity Designerの基本ツールを利用したチュートリアル。より直感的な操作方法も、人気の理由かもしれません。

veggies-poster600

 

 

 

光沢感のある白熱電球をデザインする方法

まるで本当に光が当たっているようなグロス感を、グラデーションツールを活用することで再現できるテクニック。

light-bulb

 

 

 

ガラスコップに入った牛乳とクッキーをデザインする方法

クッキのひび割れかたにはじまり、水滴のついた透明ガラスの描き方は、応用できそうなテクニックのひとつ。

milk-and-cookie-tutorial-1

 

 

 

アイスキャンディー風のカラフルエフェクトの作り方

入力した文字テキストを元に、効果エフェクトを加え、グラデーションを追加することで、質感アップにつながります。

summer-icy-text

 

 

 

光沢感なるイラストデザインの仕上げかた

手描きしたイラストを色付けしていくチュートリアルで、光沢感のあるデザインの表現方法を学ぶことができます。

cany-duddies

 

 

 

ピクセルアート風のビーチリゾートを作成する方法

グリッドベースのデザインを実現するアプリHexelsで描いた島に、Illustratorでパーツを追加していきます。

Isometric-Vector-Final

 

 

 

レトロなスチームパンク風デザインポスターの作り方

手描きスケッチをIllustratorに取り込み、遠近感を利用してデザインパーツを追加していき、全体の色合いを自然に統一してくれます。

radio-waves-poster

 

 

 

ビンテージスタイルのロゴデザインの作り方

グランジスタイルの追加方法はもちろん、細かいですがリボンデザインのグラデーションツールを用いた、奥行き感の演出方法も参考になります。

vintage-badge-background

 

 

 

ウッドパネルに印刷したような質感を、文字テキストに加える方法

テクスチャ素材を読み込み、レベル補正を利用することで、必要な質感だけを文字テキストに反映することができます。

wood-block-011

 

 

 

手描きブラシフォントの基本

最近人気のスタイルを、どのように手描きデザインするのか、動画で解説しているチュートリアル。

brush-script-lettering

 

 

参照元リンク : How to Repeat Any Shape Along Any Path – Every Tuesday

投稿Illustratorトレーニング!テクニックを学ぶデザインチュートリアル、作り方まとめ 2015年10月度PhotoshopVIPの最初に登場しました。

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

$
0
0
latesttutorial2015oct-top

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

投稿これはすごい!Photoshopを面白くする新作デザインチュートリアル25個まとめPhotoshopVIPの最初に登場しました。

Illustratorを使い倒そう!参考にしたいすごいチュートリアル24個まとめ

$
0
0
latestai2015nov-top (1)

latestai2015nov-top (1)

 

Adobe Illustratorを詳しく学ぶことができる、最新デザインチュートリアルをまとめています。今回は、2015年11月度まとめとなります。

 

 

ステップごとに進んでいくチュートリアルでは、ツールの使い方をより実践的に、ピンポイントに学ぶことができるメリットがあります。パスツールやパスファインダー、ワープツールなど、なかなか使いこなすまでに時間を要する機能も、楽しく覚えてしまいましょう。

 

 

 

詳細は以下から。

 

 

 

Illustratorを使い倒そう!参考にしたいすごいチュートリアルまとめ

 

本物そっくりなライオンのイラストレーションの作り方

用意しておいたライオンの写真をベースに、ブラシツールを用いてパスを描き、レイヤーを重ね不透明度を落とすことで、奥行きを演出します。

39-cowardly-lion-600

 

 

 

アール・ヌーヴォー風のゴージャスな女性キャラクターの描き方

手描きのスケッチ画を元に、効果的なパスの引き方から、部分ごとに行うペイントテクニック、背景の奥行きの出し方など、さまざまなスキルを学びます。

final-glinda

 

 

 

カラフルでダイナミックなポートレイトをデザインする方法

こちらも手書きスケッチをベースに、奥行き感のある色の付け方を学びます。レイヤーを重ねて表現する、光沢感の出し方などもポイント。

final-dead

 

 

 

ビンテージスタイルのタトゥーをデザインする方法

実際に水彩絵の具で塗ったテクスチャを利用することで、Illustratorではむずかしい、手描きの質感をうまく残すテクニック。

001_vector_tutorials

 

 

 

ビンテージ風タイポグラフィーデザインを作成する方法

ザラザラとしたレトロな質感を表現するために、ベクターテクスチャ素材を利用するデザインアイデアが紹介されています。

oz-type-final-product

 

 

 

いつでも編集可能な、ベベル&エンボス加工を作成する方法

Photoshopで見かけるテクニックも、Illustratorで実現することができます。覚えておきたいテクニックのひとつ。

008_vector_tutorials

 

 

 

カラーテープを使ったテキストエフェクトの作り方

レイヤーの重なり具合による色の違いを楽しむデザインチュートリアル。

alpha12

 

 

 

カラフルなマーカーペンを使ったテキストエフェクトのつくり方

マーカーペン付きのオリジナルブラシを作成しておくことで、パスに沿って自由なラインを描くことができます。

0011_vector_tutorials

 

 

 

ザラザラ感のあるグランジ系テキストエフェクトの作り方

手描きスケッチを元に描いたパスを、部分的に加工することで、印刷したような質感に仕上げます。

dusty-type_final

 

 

 

コミック風のカラフルテキストエフェクトの作り方

ゴツゴツとしたフォルムがユニークな、鮮やかな色で表現するスタイル。

ps_text_effect_2

 

 

 

漫画風の吹き出しやエフェクトを作成する方法

自由なシェイプで作成する吹き出しに、サンドバックを叩いたようなエフェクトを実現します。

final-product

 

 

 

シームレスなパターンテクスチャをデザインする方法

美味しそうな食べものをテーマに描いたイラストを、グリッド状に並べることで、継ぎ目のないデザインを表現するテクニック。

sk8terboi-1

 

 

 

継ぎ目のないパターンテクスチャのつくり方

上記チュートリアル同様、オリジナルデザインを利用して、独自のデザインパターンを作成するコツがまとめられています。

39-spirit-day-pattern-elements-600

 

 

 

ヒップスター系の羽毛をデザインする方法

水彩絵の具でペイントした、ナチュラルな色使いが特長で、基本ツールのみでデザインする動画チュートリアル。

feathers-in-illustrator-preview-1080x550

 

 

 

ゆるキャラのようなマスコットキャラクターを描く方法

シンプルなラインのみで描かれたスケッチを元に、描画モードの設定方法など、基本的な操作のみでデザインできます。

24

 

 

 

表情のある犬をデザインする方法

パスツールやアートブラシを使って描く、コミックスタイルのデザインチュートリアル。

hunting-dog-tutorial600

 

 

 

モコモコとした質感の犬キャラクターをデザインする方法

ワープツールを利用することで、描きにくいフワフワとした質感を表現するデザインチュートリアル。

final

 

 

 

アライグマのロゴキャラクターを作成する方法

これからIllustratorをはじめる人にもやさしい、基本ツールのみで完成するお手軽チュートリアル。

7_3n

 

 

 

円形グリッドを使って、フクロウのキャラクターをデザインする方法

あらかじめサークルを組み合わせた独自グリッドを作成し、それらのラインをベースにしたロゴデザイン。

owl-grid

 

 

 

フラットスタイルのカメラ型アイコンのつくり方

Illustratorの基本となる、パスツールで描き方やグラデーションの適用方法など、まず覚えておきたいデザインテクニックが満載。

33-flat-camera-course-promo600

 

 

 

ハロウィンをモチーフにした、フラットアイコンを作成する方法

シーズンは過ぎてしまいましたが、太めのアウトラインが印象的なアイコンシリーズを作成します。

graphic-66

 

 

 

フランケンシュタインのフラットアイコンのつくり方

こちらもハロウィンネタで、ドロップシャドウを適用したアイコンを、シンプルなツールで描く動画チュートリアル。

flat-frankenstein-1080x550

 

 

 

ハロウィン仕様のリアル魔女をデザインする方法

アメコミ風にデザインされた超リアルな魔女を描きます。手描きスケッチをベースに、プロ仕様のペイントテクニックを学びます。

The-Fabulous-Witch600px

 

 

 

写真から塗り絵スタイルのイラストレーションを作成する方法

あらかじめ用意しておいた写真に、ペンツールを使ってパスを引いていきます。パスツールの扱いにあまり慣れていないひとにもオススメ。

final-1

 

 

 

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

Photoshopと一緒に利用することで、よりデザインの可能性を広げるデザインを中心にまとめています。

Pizza-Planet

 

 

サムネイル@ : Yum! How to Create a Delicious Bagel andwich Icon in Adobe Illustrator – TutsPlus

投稿Illustratorを使い倒そう!参考にしたいすごいチュートリアル24個まとめPhotoshopVIPの最初に登場しました。

水彩絵の具で手描きしたイラスト画をPhotoshopに取り込む方法

$
0
0
scan-drawing-top (1)

scan-drawing-top (1)

 

ほんの数ステップのみで、手描きイラストをPhotoshopに取り込む方法をご紹介します。これからのシーズン、クリスマスや年賀状の作成などに活用できるテクニックで、オリジナル性の高いデザインを作成することができます。

 

 

今回は、切り抜いたレイヤーを素早く保存することができる、「画像アセット」機能の使い方も一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

01. イラストをPhotoshopに取り込もう。

 

今回は、画用紙のうえに水彩絵の具を使ってペイントしています。スキャナーの最大解像度で取り込むことで、よりディテールまで表現することができます。

shoes011

 

 

 

Photoshopにイラストを取り込んだ様子がこちら。解像度600ppi、4453x6490pxで取り込んでいます。また、レイヤーパネルよりレイヤーを選択し、ダブルクリックし、レイヤーのロックを解除しておきましょう。

step2

 

 

 

02. 「レベル補正」でゴミを除去しよう。

 

ファイルをズームアップして見てみると、画用紙の質感も一緒にスキャンされてしまっています。まずこれらの不要な部分を修正しましょう。

step3

 

 

 

メインメニューより「イメージ」>「色調補正」>「レベル補正」(ショットカットキーは、Command + L)を選択しましょう。画像の補正には、「シャドウ」、「中間調」、「ハイライト」の三角スライダを左右に動かし調整します。

 

今回は、背景をより白くしたいので、「ハイライト」を左にずらし、「シャドウ」を少しだけ右に移動させました。

step4

 

 

 

こうすることで、画用紙の質感は消え、背景のみを切り取りやすくなります。また同時に、水彩イラストの発色をより鮮やかにすることもできます。

step3-final

 

 

 

03. 背景を取り除こう。

 

メインメニューより「選択範囲」>「色域指定」を選択したら、取り除きたい背景部分(真っ白のエリア)をクリックして、OKボタンをクリックしましょう。

step6

 

 

 

背景部分のみが選択範囲として指定されているのを確認したら、Deleteキーを押しましょう。

step8

 

 

 

背景部分のみきれいに削除されているのが分かります。

step7

 

 

 

04. パーツごとに分けていこう。

 

今回はそれぞれの靴イラストを、どんなデザインにもスタンプ感覚で利用できる、PNGファイルに変換します。

 

ツールボックスより「フリーフォームペンツール」を選択します。オプションバーで、「パス」を作成が選択されているか確認しておきましょう。あとは、イラストの周りを囲んでいきましょう。

step9

 

 

 

カンバス上で右クリック>「選択範囲を作成」を選択しましょう。

step10

 

 

 

表示されたダイアログボックスに、「ぼかしの半径: 0px」で設定しましょう。

step11

 

 

 

あとは選択範囲をコピー(Command + C)で、ペースト(Command + V)すれば完了です。

step-spin-5

 

 

 

05. 「画像アセット」機能を使って保存しよう。

 

すべてのパーツを切り抜いたら、PNGファイルに保存していきましょう。今回は、スライスツールを利用せずに、PhotoshopCCで採用された「画像アセット」機能を活用します。

 

メインメニューより「ファイル」>「生成」>「画像アセット」にチェックを入れます。

step12

 

 

 

あとはレイヤーパネルより、レイヤー毎に保存したいファイル名とファイル形式に書き換えましょう。今回は、「show_pink.png」としています。

step13

 

 

 

ファイル名を書き換えると同時に、ファイルが保存されている場所(今回はデスクトップ)に、フォルダが作成されます。

image-asset

 

 

 

フォルダを確認すると、パーツに沿って切り取られたPNGファイルを確認することができます。

スクリーンショット-2015-12-06-15.39.58

 

 

 

個別にスライスを設定する必要もなく、ファイル名を変更するだけで、お好みのファイル形式でレイヤーを保存でき、デザイン制作時間の短縮にもなります。

step14

 

 

 

完成

 

簡単なステップのみで、手書きイラストやスケッチをPhotoshopに取り込むことができます。オリジナル性の高いデザインにオススメで、覚えておきたいテクニックと言えるでしょう。

scan-drawing-top (1)

 

 

サムネイル & スケッチ @: Ai Ueno – Tumblr

投稿水彩絵の具で手描きしたイラスト画をPhotoshopに取り込む方法PhotoshopVIPの最初に登場しました。


歳末総まとめ!2015年すごいPhotoshopチュートリアル年間ベスト50

$
0
0
best-of-ps-2015-top (1)

best-of-ps-2015-top (1)

 

新デザインテクニックを学ぶPhotoshopチュートリアルを、定期的に毎月まとめています。今回は、2015年のあいだに公開された中でも、ぜひこれから活用したいベスト・オブ・PSチュートリアル50個を、カテゴリ別にご紹介します。

 

 

ぜひ覚えておきたいデザインの時短テクニックから、撮影した写真を自由にレタッチ小技や、レイヤースタイル設定のみで完成する文字エフェクトの他、2015年に新登場したアートボード機能など使いこなしたいチュートリアルが満載です。見逃したアイテムがないか、年末年始に確認してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

目次コンテンツ

デザインの用途、種類に応じてカテゴリー分けしています、目次として活用してください。

 

  1. デザイン系チュートリアル
  2. 写真加工系チュートリアル
  3. テキストエフェクト系チュートリアル
  4. デジタル・ペインティング向けチュートリアル
  5. その他のチュートリアル

 

 

 

01. デザイン系チュートリアル

 

光り輝く妖精と女性の、幻想的な風景をデザインする方法

あらかじめ用意しておいた風景画と女性モデルを、見事に写真合成するテクニックを学ぶ、本格的なデザインチュートリアル。

final-dreamy-lighting

 

 

 

クリスマス・ホリデー用デザインチュートリアル

真っ白な雪化粧が素敵な山の頂上からたれる、一本のヒモをサンタクロースが一生懸命に登っていきます。

christmas_2015_tutorial_720

 

 

 

サンタクロースポスター 2015 チュートリアル

大雪原をバックに、キラキラの星が輝く空をサンタクロースとトナカイが通り過ぎていきます。

christmas_tutorial_800

 

 

 

超インパクトのある映画ポスターデザインを作成する方法

映画「ターミネーター(英: the Terminator)」をモチーフに、空撮した町並みにガイコツが浮かび上がる本格デザインチュートリアル。

terminator-poster

 

 

 

月夜に輝くナイフをデザインする方法

ブラシツールでペイントした部分にのみ、レイヤースタイルを適用し、描画モードの異なるレイヤーを複数重ねることで、淡い光エフェクトを表現します。

hunt49-final

 

 

 

自由自在にオーロラを操ることができるデザインエフェクト

テクスチャ素材を利用することで、どんな色のオーロラデザインでも好きな部分に反映させることができます。

aurora-kiss

 

 

 

ユラユラと揺らめく、神秘的なハート型デザインを作成する方法

炎テクスチャにワープ機能を利用することで、自由に形を変化させ、色相を調整することで自由に色を変更できる動画チュートリアル。

27_maxresdefault-980x551

 

 

 

ハーフトーンを利用した、レトロスタイルのポスターの作り方

まるでプリント印刷したような、ザラザラとしたグランジ感を表現できるデザインチュートリアル。

poster-texture-tutorial

 

 

目次へ戻る

02. 写真加工系チュートリアル

 

スタイリッシュな多重露光エフェクトをデザインする方法

2枚の異なるイメージ写真を重ねることで、つくりだす幻想的なエフェクトは、レイヤーマスク機能を利用したデザインテクニック。

trendy-double-expositoin-screen

 

 

 

水のように飛び散るスプラッターエフェクト付きダンサーを描く方法

あらかじめ用意しておいたテクスチャを利用し、不要な部分をマスクしていく、シンプルなテクニック。

spalatter-effect

 

 

 

手からリアルな炎をデザインするチュートリアル

炎テクスチャをイメージ写真に違和感なく合成し、他のデザインにも応用できるテクニックのひとつ。

fire-on-the-hand

 

 

 

Photoshopにおけるライティングエフェクトの使い方

実践的に応用できるデザインテクニックを詳しく解説した動画チュートリアルで、ライティングエフェクトを自由に操ることができます。

lighting-wall

 

 

 

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

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

24

 

 

 

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

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

25

 

 

 

夏を連想させる、ウォーターカラーエフェクト写真の作りかた

レイヤーの描画モードを「オーバーレイ」にすることで、幻想的な写真の重なり方を表現することができます。

final-results10

 

 

 

水彩絵の具を利用した背景デザインのつくり方

切り抜かれた人物モデルを、複数のテクスチャを重ねることで独特な質感を表現した、背景バックグラウンドとマッチさせます。

final_piece

 

 

 

紙幣のようなエフェクトを再現する方法

お札に印刷されたような質感をPhotoshopで再現することができるチュートリアルが、より分かりやすい動画チュートリアルとしてアップデートされていました。

money-currency-design-effect

 

 

 

日常をミニチュア世界に変えてしまう方法

あらかじめ撮影しておいた人物モデルを写真に重ね、ドロップシャドウを加えることで、リアリティーのある仕上がりに。

minituare-action

 

 

 

からだを壁に貼り付ける方法

実際に真っ白のシーツの上で撮影した写真を利用することで、まるでガムテープで体を留められている様子を表現します。

ImStuckFinal2

 

 

 

分身の術を再現する方法

三脚に固定したカメラで撮影した複数の写真を重ね、表示したい部分以外をマスキングするテクニック。

MultipleMes1-01

 

 

 

夕日を浴びた美しいペイントエフェクトの作り方

まるでアクリル絵の具でペイントしたような、風合いに仕上げるチュートリアル。レイヤーマスクの有効的な使い方から、ブラシツールをつかったペイントテクニックなどが披露されています。

744x475xfinal-results2.jpg.pagespeed.ic.DLqztljA4e

 

 

 

背景に花火を打ち上げ、合成する方法

レイヤーを簡単に、そしてきれいに重ねることができるコツを学びます。

fireworks-blending

 

 

リアルなライトセーバーをデザインする方法

お好みの色に輝くライトセーバーと、光が顔や体に反射している様子まで再現できる、お手軽チュートリアル。

JediMe01

 

 

 

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

フォトショップを使い、まるで本当に化粧をしているような、自然でリアルな仕上がりを実現します。

eye-makeup

 

 

 

写真に雪を降らせる方法

カスタムブラシを設定し、遠近感を利用することで、まるで雪が本当に降っているようなエフェクトを完成します。

Fotolia_photoshop_snow_cove_CC.jpg

 

 

 

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

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

what-you'll-create-1

 

 

 

レトロなモノクロ写真エフェクトの作り方

白黒にするだけでなく、引っかき傷などよりリアルに再現し、スタイリッシュな印象を演出します。

vintage-stylish-photo-retouch

 

 

 

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

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

what-you'll-create

 

 

 

Spotify風カラーリングフィルタをデザインする方法

現在Spotifyの公式サイトで採用されている、カラフルな2色のフィルタを使ったシンプルなテクニック。

スクリーンショット-2015-06-24-13.39.14

 

 

 

3ステップで完成、クロスプロセス・エフェクトの作り方

トーンカーブ、レベル補正、明るさ/コントラストを調整するだけで、イメージ写真が見違えるほどのクオリティに。

cross-process-effect

 

 

目次へ戻る

03. テキストエフェクト系チュートリアル

 

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

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

Pizza-Planet

 

 

 

ダイアモンドでできたキラキラ系テキストエフェクトのつくり方

無料配布されているクリスタルパターンを利用することで、レイヤースタイルのみで作成できるお手軽チュートリアル。

diamond-text-effect

 

 

 

超リアルにチョークで黒板に文字を描く方法

手書きトレースしたイラストスケッチを用意し、黒板テクスチャに重ねて、描画モードを「比較(明)」に設定するだけのお手軽テクニック。

chalk-board-effect

 

 

 

光を用いたキラキラに輝くテキストエフェクトの作り方

ライティングエフェクトを駆使したチュートリアルで、ペンツールの実践的な使い方を学びながら、インパクトんあるデザインを作成します。

lightpaintingtextfinal

 

 

 

StarWarsのロゴデザインを作成する方法

話題のロゴデザインもレイヤースタイルを利用することで、手軽に実現できます。

Star-Wars-Text-Effect---600

 

 

 

炎に包まれたメタルテキストをデザインする方法

本物の炎を撮影したテクスチャを利用することで、リアル感がアップするテクニック。炎ノミを切り抜くコツも一緒に学びます。

latesttutorial2015mar-top

 

 

 

超リアルなメタリック系テキストエフェクトのつくり方

パターンテクスチャを利用した質感たっぷりな背景から、3つのテキストレイヤーに個別のレイヤースタイルを設定することで、立体感たっぷりで、重厚なデザインを完成させます。

glowing-metal-text

 

 

 

ラグジュアリー系テキストエフェクトのつくり方

光沢感たっぷりで、本物そっくりの金属の輝くを、レイヤースタイルのみで完成させることができます。

photoshop-luxury-text-styles-final-product

 

 

 

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

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

rose_crystal_final

 

 

 

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

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

SlimeTextEffect_Final

 

 

 

超リアルなカジノサインをデザインする方法

3D機能を利用することで立体感たっぷりな表現を可能にし、電球を撮影した写真から切り抜き、合成することで、よりリアルな質感に仕上げることができます。

casino-bulb-sign

 

 

 

レトロな立体テキストエフェクトの作り方

文字レイヤーひとつに、スタイルを適用するだけで完成する、見た目以上に簡単なテクニック。

one-layer-retro-text

 

 

 

ドーナツでできた美味しそうな文字テキストを作成する方法

カラフルな砂糖でコーティングされた、レイヤースタイル設定のみでデザインを完成させます。

sweet-donuts-texteffect

 

 

目次へ戻る

04. 写真加工系チュートリアル

 

手描きスケッチのラインアートを、自由に色をペイントする方法

アルファチャンネルを利用した選択方法に、レイヤーマスクを追加することで、お好みのカラーリングで配色できる、お手軽テクニック。

lineart-coloring

 

 

 

編集しやすい、手描きスケッチのPhotoshopへの取り込み方法

描画モードも自由にいじることができる、アルファチャンネルを使った手描きスケッチのスキャン方法。上記チュートリアルと合わせていかがでしょう。

lineart-transparent

 

 

 

水彩絵の具で手描きしたイラスト画をPhotoshopに取り込む方法

scan-drawing-top (1)

 

 

 

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

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

8small1

 

 

 

リアルなヘアースタイルをペイントする方法

ブラシツールオプションより設定を行うことだけで、自然な髪の毛の質感を表現することができ、覚えておくと便利なテクニックのひとつ。

RealisticHair_FINAL

 

 

 

火、炎の効果的なデザインテクニックまとめ

暗闇にぼんやりと輝く七色の光や、真っ赤に燃えるマグマや大爆発など合計8種類のテクニックが披露されています。

fire-design-pattern

 

 

 

色鮮やかなデジタルペイントのデザイン方法

ある程度のデッサン力が必要ですが、花がらの王冠に淡いレトロなグラデーションをつかい質感を加えたり、選択ツールを用いたアイラインの引き方など、ユニークで有効的なテクニックが多め。

spring-lady-illustration

 

 

目次へ戻る

05. その他チュートリアル

 

新機能アートボードを利用した、名刺デザインの作り方

名刺の表裏だけでなく、作成したデザインをモックアップで魅せ、まとめて作成できるデザインの現場でも使える、実践的なチュートリアル。

how-to-use-artboard

 

 

 

ベテランほど知らずに損してるPhotoshopの新常識(6)

繰り返し作業には欠かせないアクション、ドロップレットや条件分岐、一時停止機能でさらに効率アップ。いつも使っているツールだからこそ、アクションを効率的に活用できます。

adobe-creative-station-action-tip (1)

 

 

Photoshopをつかった、ストップモーション動画の作り方

カメラの配置方法から、どのようにPhotoshopに写真を取り込み、合成するまでの工程を詳しく紹介しています。

stop-motion-making

 

 

 

Photoshopで高度なアニメーションを作成する方法

通常はAfterEffectsでしか表現できないような動きも、Photoshopに設定を加えることで、さまざまなアニメーションを実現可能になります。

p1-03-timeline-2-opt-small

 

 

 

あやしく輝く黄金テキストのGIFアニメーション

各レイヤーの透明度を少しずつ変えることで、ロウソクの光のような雰囲気を実現します。

lighting-animation

 

 

 

モックアップ素材にイメージ写真を挿入する方法

用意されたモックアップ素材のイメージ素材の基本的な変更方法を学びます。

Final2

 

 

 

スマートオブジェクト機能を使った、レスポンシブ用スクリーンモックアップの作り方

スクリーン画面だけ異なるファイルで編集できる、スマートオブジェクト機能は、ボタンひとつでデザイン編集も自由。ぜひ覚えておきたいテクニックのひとつ。

responsive-mockup

 

 

 

キャンプをモチーフにしたフラットアイコンを作成する方法

最近バージョンアップが発表された、もうひとつのデザインアプリAffinity Designerを利用した、アイコンの作成方法が紹介されていました。

hiniking-icons-affinity

 

 

 

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

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

1443682585hamburger-menus-final

 

 

目次へ戻る

投稿歳末総まとめ!2015年すごいPhotoshopチュートリアル年間ベスト50PhotoshopVIPの最初に登場しました。

【総まとめ】2015年すごいIllustratorチュートリアル、作り方厳選50個

$
0
0
best-of-ai-2015-top

best-of-ai-2015-top

 

Illustratorのデザインテクニックを学ぶ、2015年に公開されたチュートリアルを50個厳選でまとめています。

 

 

これからはじめるひとが覚えておくことで、デザインの幅がグッと広がる基本テクニックから、より思い通りのエフェクトを実現できる高度なテクニックまで、来年のスタートダッシュにいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

2015年総まとめ!すごいIllustratorチュートリアル、作り方厳選50個

 

ハーフトーン・エフェクトをIllustratorで作成する方法

漫画などで見かけるテクニックのひとつで、モノクロ・グラデーションでペイントした範囲を、自由な大きさのドットで継ぎ目なく表現します。

Halftones

 

 

 

みどりのクルクル髪がポイントのポートレイト制作

もともと有料チュートリアルでしたが、無料公開された高品質な作品。実践でも利用できるテクニックばかり。

curly-hair-final

 

 

 

透明感たっぷりなウイスキー・オン・ザ・ロックを作成する方法

まるで写真を見ているようなリアル感で、ガラスコップや氷のクリアさも見事に表現できるチュートリアル。

whisky

 

 

 

手描きスケッチをIllustatorに取り込むワークフロー

ノートに手書きしたイラストをPhotoshopで取り込み、Illustatorで再度ラインをスケッチしていきます。

print-poster-tutorial-hero

 

 

 

リアルなレンズフレアをデザインする方法

キラキラでゴージャスな雰囲気を演出できる、ライティングエフェクトに欠かせないテクニック。

sparkling-light

 

 

 

リアルな煙をデザインする方法

Photoshopではよく見かけるテクニックも、Illustratorのグラデーションメッシュ機能を利用して、再現することができます。

how-to-make-smoke

 

 

 

美しい風景画をIllustratorで描く方法

シンプルなベクターシェイプのみを利用し、グラデーションの効果的な使い方を学ぶことができるチュートリアル。

vector-landscape-sm

 

 

 

フラットスタイルの雪景色をデザインする方法

トレンドデザインのひとつで、ブログやウェブサイトのヘッダーから、雑誌やパンフレットなど、さまざまな活用方法があるテクニック。シンプルなシェイプやパスファインダーのみで完成です。

27-flat-winter-forest-trees600

 

 

 

フラットスタイルで描かれた町並みをデザインする方法

さまざまなシェイプを組み合わせ、奥行き感たっぷりな建物を作成します。

flat-cityscape-illustrator

 

 

 

Illustratorで街並みをデザインする方法

デザイン用に無料テンプレートファイルも用意されており、本格的なベクターイラストレーションを学ぶことができます。

cityscape-illustratoin

 

 

 

Illustratorを使って光や影をイラスト風で再現する方法

繊細なスタイルに不可欠な光と影を、質感たっぷりなグランジテイストで追加できます。

ai-texture

 

 

 

ザラザラとしたノイズエフェクトの再現方法

Photoshopでよく見かけるエフェクトを、ブレンドツールを駆使することで、淡い質感を表現することができます。

grain-effect

 

 

 

表情たっぷりなクッキー型キャラクターをデザインする方法

影の付け方や、光の当たり方も考慮することで、本物そっくりのディテールを演出します。

diana_gingerbread_man_tut_final

 

 

 

美味しそうなドーナツの作り方

チョコレートのとろけ方や、粉砂糖のかかり方まで本物を再現した、4種類のドーナツを作成します。

yummy-donut

 

 

 

美味しそうなベーグルサンド一致をデザインする方法

まるで本物そっくりな質感のサンドイッチで、真上から見た様子を作成します。

latestai2015nov-top (1)

 

 

 

レトロスタイルの旅行ポスターの作り方

オーストラリアを舞台にした、暑い夏を連想させる配色カラーパレットを使い、手描きスケッチを元にデザインを進めていきます。

travel-retro-poster

 

 

 

シュノーケリングをたのしむ、夏の水着女性を描く方法

キャラクターのような個性のあるイラストの描き方から、パスで区切ったパーツごとの塗り方や、海水の透明感の演出テクニックなどをくわしく紹介しています。

How-to-Create-a-Summer-Illustration-1-1 (2)

 

 

キラキラ感たっぷりなIllustartor用ブラシを作成する方法

PhotoshopだけでなくIllustratorを利用した、シンプルなブラシファイルの作り方を解説しています。

how-to-create-a-confetti-brush-in-illustrator-preview-1

 

 

 

継ぎ目のないパータンブラシを作成する方法

パターンブラシ機能を利用することで、作成したパスに沿って自由な形でデコレーションラインを引くことができます。

 

 

 

同じシェイプを繰り返してサークル上に並べる方法

パスに沿ってシェイプを並べる方法をはじめから学ぶことができる、初心者にもやさしい動画チュートリアル。

how-to-repeat-any-shape-along-a-circular-path-

 

 

 

美しい継ぎ目のないデザインパターンを作成する方法

どんなデザインにも応用できるシームレスパターンテクスチャの作り方を、動画でじっくり詳しく解説しています。

seamelss-pattern-in-ai

 

 

 

手描きスケッチを利用した、継ぎ目のないパターンをつくる方法

オプションバーに直接、数値を+-付きで入力することで、デザイン要素を希望しただけ移動することができる、簡単だけど覚えておきたいテクニック。

how-to-create-hand-drawn-seamless-patterns-in-illustrator

 

 

 

Illustratorでアクションを利用する方法

ボタン一つでスタイルを完成させることができる、基本的で実用的なテクニックを学びましょう。

how-to-use-action-in-ai

 

 

 

Illustrator用グラフィックスタイルの基本的な使い方

Photoshopにおけるスタイル機能同様に、ボタンひとつでエフェクトを完成させる、初心者が覚えておきたい基礎テクニック。

glitter-diamond

 

 

 

ストロークパネルのもっと詳しい使い方

ストロークパネルのより実践的で、現場でも使えるテクニックは、ペンツールを利用するとよりベター。

line-variation

 

 

 

ドリップ状テキストエフェクトの作り方

ペンキが垂れているような様子を表現できる、ロゴ作成などに活用したいチュートリアル。

drips-effect

 

 

 

レトロスタイルのドロップシャドウ付テキストエフェクトの作り方

お好みで入力した文字にストライプ柄の厚みを加えることで、人気のビンテージスタイルを作成できます。

hatched-drop-shadow-text-effect

 

 

 

ロープをIllustatorブラシで自由にカスタマイズする方法

カスタムブラシを作成することで、自由に描いたパスに沿って本物そっくりなロープをデザインすることができます。

knot-typeface

 

 

 

立体的なリボン型テキストエフェクトの作り方

グリッドの設定や基本的なベクター用テクニックを学びながら、アクションファイルの保存と編集方法なども同時に知ることができます。

ribbon-text-3d

 

 

 

ライン型グラデーションの表現方法

タイポグラフィーだけでなく、ベクターイラストに活用できる、ストライプ・ラインをつかったグラデーションを描く動画チュートリアル。

line-gradient-typography

 

 

 

シンプルでかわいい、食べものアイコンの作り方

ケチャップやビール、スイカ、アイスキャンディーなどを、基本的なツールのみで描いていきます。

diana_food_icons_tut_final

 

 

 

かわいい3頭身のキャラクターイラストをデザインする方法

アメーバピグを連想させるイラストを、基本ツールを学ぶことで描くことができます。

kawaii-character

 

 

 

ヒップスター系の羽毛をデザインする方法

水彩絵の具でペイントした、ナチュラルな色使いが特長で、基本ツールのみでデザインする動画チュートリアル。

feathers-in-illustrator-preview-1080x550

 

 

 

等高線をモチーフにした、地図パターンをデザインする方法

Photoshopのフィルタ機能で作成したグラフィックをシェイプ化し、Illustratorで詳細を加えていきます。

topographic-map-pattern-sm

 

 

 

弓矢デザインを用いた、ヒップスター系デザインパターンを作成する方法

スタイリッシュな配色に、ペンツールで描いたシンプルな弓矢デザインを使って、継ぎ目のないパターンテクスチャを作成します。

arrows-seamless-pattern

 

 

 

家の見取り図風アイコンをデザインする方法

キッチンやリビングスペースが描かれた見取り図をもとに、立体モックアップ化するデザインチュートリアル。

diana_house_mockup_tut_final

 

 

 

立体的なカスタムマップをデザインする方法

フラットスタイルを基調に、目印の建物は立体的にデザインされた、ひと目で分かりやすいカスタム地図を作成します。

illustration-map

 

 

 

質感たっぷりな曲線グラフをデザインする方法

パスツールで描かれたグラフに、ほんのわずかなドロップシャドウを加えた、デザイン性の高いグラフを作成します。

linechart

 

 

 

フラットスタイルの町風景をモノクロデザインで作成する方法

ヨーロッパの美しい街並みをフラットスタイルのイラストで描くチュートリアル。ペンツールやパスファインダーなど基本ツールのみを使った作り方は参考にできそう。

cityscape-flat-art

 

 

 

テクスチャ素材を効果的につかった、イラストデザインの作成テクニック

異なるテクスチャの質感をイラストに反映させることで、ユニークなエフェクトを実現します。

texture_illustration

 

 

 

水彩絵の具でペイントした猫をデザインする方法

ペンツールを基本に、本物そっくりな水彩ペイントを作成するテクニックが紹介されています。

watercolor_cat_illustration

 

 

 

シンプルパターンにアニメーションを加える方法

Illustrator と After Effects の基本ツールを学ぶことで、面白いラインの動きがポイントの、シンプルなアニメーションを表現できます。

 

 

 

ダイヤモンド・パターンをデザインする方法

何本ものラインが交わり作成される、複雑な幾何学模様パターンの作り方が紹介されています。

complex-geometric-pattern-visual-1

 

 

 

アール・ヌーヴォー風のゴージャスな女性キャラクターの描き方

手描きのスケッチ画を元に、効果的なパスの引き方から、部分ごとに行うペイントテクニック、背景の奥行きの出し方など、さまざまなスキルを学びます。

final-glinda

 

 

 

海賊風ガイコツのビンテージ・エンブレムの作り方

ブラシ機能の設定にはじまり、パスファインダー・パネルの使い方など、Illustratorデザインに必要なベーシックを学びます。

vector-skull-emblem

 

 

 

3D立体黄金リボンをデザインする方法

光沢感のあるメタリックな質感を表現するチュートリアルで、黄金グラデーションは利用機会の多いテクニック。

metallic-ribbon

 

 

 

カラフルなライティングエフェクトの作り方

六角形のテクノロジー系背景デザインの上に、お好みの色でカスタマイズできる、リアルなライティングエフェクトを再現できます。

hi-tech-black-background

 

 

 

ゴージャスに輝く雪の結晶をデザインする方法

キラキラ感満点で表現されたデザインで、覚えておきたいライティングエフェクトの基本テクニックを紹介しています。

cosmic-snowflake

 

 

 

本物そっくりな紅茶カップを描く方法

水面の反射や泡立ちまで、限りなく本物そっくりにデザインする高品質チュートリアル。

cup-of-coffie

 

 

 

超リアルなオイルサーディン缶をデザインする方法

本物そっくりにデザインされた缶詰は、ペンやパスツールなど基本的な操作を覚えながら作成することができます。

creating-a-tin-can-with-fish-in-illustrator

 

 

 

本物そっくりな目覚まし時計をデザインする方法

文字盤や秒針などはもちろん、まるで写真のようなハイクオリティなベクターデザインを完成させます。

realistic-timer

 

 

2015年にかけて当サイトで定期的にまとめている、Illustratorチュートリアルも参考にいかがでしょう。

 
 

過去記事 Illustratorを使い倒そう!参考にしたいすごいチュートリアル24個まとめ

過去記事 テクニックを学ぶデザインチュートリアル、作り方まとめ 2015年10月度

過去記事 ここまでできるIllustrator!すごいデザインチュートリアルまとめ 2015年8月度

過去記事 Illustratorをマスター!すごいチュートリアル、使い方まとめ 2015年7月度

過去記事 Illustratorってすごい!参考にしたいチュートリアルまとめ 2015年5月度

過去記事 Illustratorの最新テクを学ぶ!すごいデザインチュートリアル26個まとめ

過去記事 Illustratorはじめませんか?参考にしたいすごいチュートリアル27個まとめ

 

投稿【総まとめ】2015年すごいIllustratorチュートリアル、作り方厳選50個PhotoshopVIPの最初に登場しました。

Photsohopで幻想的な一枚を!多重露光エフェクトのつくり方

$
0
0
double-exposure-top

double-exposure-top

 

2枚以上の異なる写真を1枚に重ね、不思議なデザイン写真を完成させる「多重露光(英: Double Exposure)」。このエフェクトをレイヤースタイルの変更など簡単なステップのみで仕上げる、Photoshopチュートリアルをご紹介します。何気ない平凡な写真も、エフェクトを適用することで、幻想的な雰囲気にすることができます。

 

 

また後半では、多重露光エフェクトをPhotoshopの再生ボタンひとつで完成させる、PSアクションやデザインキットなども一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

今回作成するデザイン

final

 

 

 

用意しておく素材

 

参考 男性モデルの写真: Homelessman

参考 風景写真: Landscape Mountain

参考 Photoshopブラシ: Birds PS Brushes

 

 

 

01 写真をPhotoshopに取り込もう。

 

まずは男性モデルのイメージ写真を、Photohsopで開きましょう。

step1

 

 

 

02 下準備をしよう。

 

メインメニューより「レイヤー」>「新規調整レイヤー」>「トーンカーブ」を選択し、以下のように画像をハイライトしましょう。

step2

 

 

 

作成した「トーンカーブ」のマスクレイヤーを選択し、描画色「黒」(#000000)のソフトブラシで、男性モデルの顔部分を中心にマスクを適用しましょう。

step3

 

 

 

再度メインメニューより「レイヤー」>「新規調整レイヤー」>「色相・彩度」を選択し、完全に彩度を下げてモノクロ写真にしましょう。

step4

 

 

 

彩度を下げた状態。きちんとモノクロ写真に変換されています。これで男性モデルの下準備は終了です。

step5

 

 

 

03 風景写真を重ねよう。

 

次にあらかじめ用意しておいた風景イメージを、同じカンバス内で開きましょう。このときに、レイヤーの不透明度を下げて配置することで、男性モデルを意識した効果的な配置を行うことができます。

step6

 

 

 

風景写真を配置したら、レイヤーの描画モードを「スクリーン」に設定しましょう。

step7

 

 

 

続けて風景レイヤーを複製し(ショートカット: Command + J)、カンバス上で反転させ配置させましょう。うまく男性モデルと風景写真が重なる場所を見つけることがポイントです。

step8

 

 

 

2枚の風景画を重ねたことで、部分的に男性モデルがうすく表示されている箇所があります。2枚の風景レイヤーにそれぞれマスクを適用し、男性モデルの顔部分(特にひげあたり)を、描画色「黒」(#000000)のソフトブラシでペイントしましょう。

step9

 

 

 

2枚の風景レイヤーをグループ化し(ショートカット: Command + G)、レイヤーの描画モードを「スクリーン」に変更します。

step10

 

 

 

メインメニューより「レイヤー」>「新規調整レイヤー」>「色相・彩度」を選択し、ほぼモノクロ写真になるくらいに、彩度を下げましょう。デザインに応じて変更する必要があります。

step11

 

 

 

03 ひと手間で、よりくっきり。

 

男性モデルレイヤーに戻り、ステップ1で作成した「色相・彩度」レイヤーと隣同士に並べ、レイヤーの境界線当たりにポインターを当てましょう。ポインターアイコンが切り替わったら、Option/Altキーを押しながら、境界線をクリックします。これで2つのレイヤーが紐付けされました。つづけて紐付けしたレイヤーを複製し、レイヤーの一番上に配置しましょう。

step12

 

 

 

複製し、レイヤー位置を移動させた男性モデルの描画モードを「ソフトライト」に設定します。

step13

 

 

 

レイヤーマスクを適用し、描画色「黒」(#000000)のソフトブラシで、男性の輪郭部分をぼかしましょう。

step14

 

 

 

完成

 

さいごにお好みで、ダウンロードしておいた鳥ブラシを、男性モデルの頭上あたりにペイントしたら完成です。

final

 

 

 

多重露光エフェクトのお手軽キット

 

「エフェクトは好きだけど、デザインするのは手間がかかって、。」そんなときは、再生ボタン一発で多重露光エフェクトを完成させる、デザインキットを活用してみましょう。有料アイテムとなりますが、複数のエフェクトをまとめて作成でき、デザイン作業の手間が省けるだけでなく、$5-15(およそ550円-1700円)とお求めやすい価格となっています。

 

 

Double Exposure Photoshop Action

2枚の写真を用意して、アクション再生ボタンをクリックするだけのお手軽さ。日本語化されていませんが、こちらの方法できちんと動作しました。

double-exposure-action

 

 

 

Double Exposure Photoshop Template

モノクロやカラーなど、合計25種類のスタイリッシュな多重露光エフェクトを揃えたPSDテンプレートで、デザインに応じて写真を切り替えるだけ。プリント印刷可能な300dpi対応。

Double-Exposure-Photoshop-template-

 

 

Double Exposure Kit

20種類の多重露光エフェクトを、アクションボタンひとつで完成させることができます。一緒に使いたい、美しいテクスチャやグラデーションも揃います。

double-exposure-kit

 

 

 

Double Exposure Kit

シンプルで使いやすい、合計5種類のエフェクトが揃います。スマートオブジェクト機能を利用しているので、画像の変更もスムーズです。

double-exposure-generator

 

 

 

参照元リンク : Create A Double Exposure Effect in Adobe Photoshop – PhotoshopStar

参照元リンク : Make a Trendy Double Exposure Effect in Adobe Photoshop – Tut+

投稿Photsohopで幻想的な一枚を!多重露光エフェクトのつくり方PhotoshopVIPの最初に登場しました。

今年はじめるPhotoshop、すごいデザインチュートリアル、作り方まとめ

$
0
0
giraffe-2

giraffe-2

 

進化を続けるPhotoshopは、あらゆるアイデアを形にすることができる、グラフィックデザインの現場で欠かせないツールのひとつです。今回は、デザイン制作で真似したくなる、最新版のすごいデザインチュートリアルをまとめています。

 

 

Photoshop CCがクラウドに移行したことで、アップデートも定期的に行われ、利用できるツールや新機能なども増えています。チュートリアルでは、それらのツールの使い方を実践的に、ステップを追って順番に学んでいくことができます。新しいデザインテクニックを学んでいきましょう。

 

 

 

詳細は以下から。

 

 

 

今年からはじめるPhotoshop、すごいデザインチュートリアル、作り方まとめ

 

 

イメージ写真を立体的なアイコンデザインに変換する方法

3dソフトウエアなどを利用せずに、一枚の写真から立体的な地図アイコンを作成します。

preview

 

 

 

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

いくつものレイヤーを重ね、テクスチャやブラシツールでデザインの質感をアップさせる、グラフィックデザインの基本からプロ技までを学びます。

main_image

 

 

 

立体感のあるキラキラ黄金文字テキストを作成する方法

Photoshopの3D機能を利用することで、見事な立体感と光沢感を表現でき、ストライプ状の黄金テクスチャも印象的。

3D Shiny Wrapped Text Effect - 600

 

 

 

キラキラのメタリックな黄金文字テキストの作り方

あらかじめ黄金テクスチャを用意しておくことで、どんな文字にでも手軽にキラキラエフェクトを適用することができるテクニック。

Metallic-Magic-promo-image

 

 

 

金色の糸で縫いつけたテキストエフェクトの作り方

どんなデザインにも合わせやすい、キラキラの黄金テクスチャを利用した、レイヤースタイルのみで完成するチュートリアル。

Gold Glitter Thread Text Effect - 600

 

 

 

空中に浮かぶ島を合成デザインする方法

それぞれ切り抜かれたデザイン要素を、遠近感や立体感にも注意しながら合成していく、本格的なデザインチュートリアル。基本ツールが中心に利用されています。

final-results (1)

 

 

 

リアルな水面をデザインするコツ、テクニックまとめ

異なる複数の水に関するイメージ写真を、どのようにすれば違和感なく合成できるのか、シンプルなサンプルを元に紹介しています。

35

 

 

 

満月を片手で持ったデザイン写真合成テクニック

手のひらに反射するリアルな月の輝き方まで、忠実に表現するチュートリアル。

full-moon-creative-tutorial

 

 

 

Photoshopによるデジタルコラージュの作り方

手描きしたスケッチや、お好みのイラストや画像をスキャナで取り込み、Photoshopで自由にコラージュしていきます。

praise_the_burger

 

 

 

Photoshopブラシを利用した、効果的な映画ポスターの作り方

クエンティン・タランティーノ監督の最新作にオマージュしたチュートリアルで、風景イメージを背景にした、効果的なブラシツールの使い方を紹介しています。

Hateful-Eight-Posters

 

 

 

デザイン制作過程を伝える、GIFアニメーションの作り方

Photoshopのタイムライン機能を利用しながら、デザイン制作の流れを説明するアニメーションにまとめます。

gif_painting6

 

 

 

イメージ写真をファッション雑誌のようなマットな質感に仕上げる方法

新規調整レイヤーを次々に適用していくことで、温かみのある雰囲気を演出できる動画チュートリアル。

autumn-portrait-effects-after

 

 

 

静止画のみでタイムラプス風3Dエフェクトを作成する方法

用意した写真の一部のみを動かすことで、まるでタイムラプスのようなエフェクトを実現できる、動画チュートリアル。

thumbnail-4

 

 

 

アブストラクト系ポスターデザインを作成する方法

Photoshopをマスターする上で必要さまざまなツールの使い方を、実践を通して学ぶことができるチュートリアル。

final-results

 

 

 

男性向け髪型やヒゲを本物そっくりに描く方法

ブラシツールでリアルな髪の毛やヒゲの質感を表現するコツとテクニックを、実例とともに学んでいきます。

shorthair_final

 

 

 

Photoshopで写真を元に手描きペイントする方法

写真を取り込みどのようにPhotoshopでペイント加工するのか、実践的にステップごと学ぶことができます。

PetPortrait12

 

 

 

ピザでできた文字テキストをデザインする方法

まるで本物そっくりの質感を表現できる、文字テキストとイメージ写真を見事に合成するテクニックを学びます。

pizza-food-text-effect-in-photoshop

 

 

 

カーボン製メタル文字テキストの作り方

文字テキストをよりリアルに魅せる、グラデーションレイヤーの使い方や、光の反射を表現できる簡単テクニックを学びます。

shiny-textured-chrome

 

 

 

レトロでクラシックな、メタルテキストエフェクトの作り方

こちらもレイヤースタイルを順番に設定していくだけで、光沢感たっぷりなテキストエフェクトを作成できます。

Grease---1950s-Chrome-Text-Effect---600

 

 

 

水滴でできた文字テキストエフェクトの作り方

レイヤースタイルを適用するだけのお手軽チュートリアルで、文字テキストだけでなく、ロゴデザインなどにも対応するテクニック。

Rain Drops Text Effect - 600

 

 

参照元リンク : Disintegration Effect Abstract Manipulation Tutorial – PSDBox

投稿今年はじめるPhotoshop、すごいデザインチュートリアル、作り方まとめPhotoshopVIPの最初に登場しました。

意外と知らない、Photoshop CCの隠し小技テクニック20個まとめました。

Viewing all 160 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>