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

Photoshopの文字加工をマスター!すごいデザインチュートリアル、無料素材まとめ

$
0
0
texteffect2016-top (1)

texteffect2016-top (1)

 

Photoshop のさまざまな使い方を、効率的に学ぶことができるデザインチュートリアル。その中でも文字テキストの加工エフェクトは、実践に対応できるテクニックが詰まっています。今回はデザイナーが知っておきたい、高品質な文字加工用チュートリアル、作り方をまとめています。

 

 

レイヤースタイルを調整するだけで完成のお手軽チュートリアルから、メタルや毛皮テクスチャなどを利用し、本物そっくりのリアル感を追求するテクニックや、じっくり時間をかけて作成した本格チュートリアルまで幅広く揃います。

 

 

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

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

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

参考 デザインテクニックを磨く、テキストエフェクト用Photoshopチュートリアルまとめ 2013年夏

参考 デザイン力向上、テキストエフェクト用Photoshopチュートリアル、作り方50個まとめ

参考 クリエイティブな演出、Photoshopテキストエフェクト用チュートリアル20個まとめ

参考 デザインネタ帳、テキストエフェクトのチュートリアル50個まとめ

 

 

 

詳細は以下から。

 

 

 

Photoshopの文字エフェクトをマスター!すごいデザインチュートリアルまとめ

 

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

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

media_1378694042194

 

 

 

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

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

PaintOnWood-final

 

 

 

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

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

heart-sm

 

 

 

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

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

Sketch-Text-Effect

 

 

 

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

まるでスプレーでペイントしたような、リアルな質感を表現できるエフェクト。背景テクスチャのデザイン方法にも注目です。

Conclusion-1 (1)

 

 

 

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

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

bokeh-text

 

 

 

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

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

stunning-flaming-texteffect

 

 

 

熱々に焼けたマグマ風テキストエフェクトをPhotoshopで作る方法

レイヤースタイルを利用したテキスト加工チュートリアルで、詳しく日本語でも解説しています

0819_Fire_final(2)(3)(4)

 

 

 

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

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

real_dust_texteffect

 

 

 

本物そっくりな氷でできた、テキストエフェクトを作成する方法

背景が透けて見え、気泡まで完全に再現された、氷テキストエフェクトを作成します。

0938_Frost_final_image_preview

 

 

 

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

テキストレイヤーを、ブラシツールを独自に設定し、なぞることでリアル感を表現する、デザインテクニック。

cloud-text-flatten1-750x350

 

 

 

パンケーキに蜂蜜で文字を描く方法

とろとろのハチミチの質感はレイヤースタイルを適用することで再現でき、オリジナル性の高いデザインも作成できます。

leaking_honey_effect_700

 

 

 

蜂蜜でトーストにテキストを描く方法
本物そっくりのこだわりまくったディテールは、覚えておきたいデザインテクニックのひとつ。

ToastHoney-effect

 

 

 

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

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

sweet-texteffect

 

 

 

アイスキャンディーのカラフルな文字テキストの作り方

レイヤースタイルを利用する簡単テクニックで、自由なカラーリングで文字を作成することができます。

ice_preview_large

 

 

 

モコモコとした毛皮の文字テキストをデザインする方法

テクスチャ素材を利用することで、本物そっくりのモコモコ感を演出できるチュートリアル。

Conclusion-2

 

 

 

水道管の超立体的な文字テキストをデザインする方法

down-the-drain

 

 

 

脳みそをモチーフにした、テキストエフェクトの作り方

texteffect2015-half-top

 

 

 

レントゲン写真のようなテキストエフェクトの作り方

Conclusion (1)

 

 

 

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

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

slime_final

 

 

 

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

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

SlimeTextEffect_Final

 

 

 

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

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

0954_Heck_Yeah_Final1

 

 

 

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

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

Diamonds-Text-Effect

 

 

 

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

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

final(2)(3)

 

 

 

リアルなメタルテキストを手軽に作成する方法

レイヤースタイルを適用するだけで、メタルプレートへの映り込みも表現できます。

angel-metal-text

 

 

 

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

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

GlamGold-texteffect

 

 

 

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

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

allday-text

 

 

 

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

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

Glowing-Metal-Text-Effect

 

 

 

キラキラとグリッター状に輝く、テキストエフェクトの作り方

Photoshopフィルター機能を組み合わせることで、レイヤースタイルでは難しい、テキストエフェクトを完成させます。

glitter

 

 

 

1980年代レトロ3Dテキストエフェクトを作成する方法

ゲームやレコード盤などのデザインとして使われていた、レトロSF系テキストエフェクトを完成させます。

nevermind

 

 

 

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

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

Pizza-Planet

 

 

 

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

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

3D-Neon

 

 

 

焼きたてのパンで使った、テキストエフェクトを作成する方法

こんがりと美味しそうに焼けたパンを使って、さまざまなアルファベットを作成します。

cookie

 

 

 

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

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

Flour-Text-Effect

 

 

 

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

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

harvest-text

 

 

 

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

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

Fuzzy-final

 

 

 

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

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

Illuminated_Text

 

 

 

Old Signage in Photoshop 3D

latesttutorial2013feb_top

 

 

 

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

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

casino-bulb-sign

 

 

 

電球がついたビンテージ風テキストロゴをデザインする方法

3D編集ツールで作成された、看板風ビンテージロゴを、Photoshopで色づけ、質感を加える難易度の高いチュートリアル。

0886_Coney_Text_final

 

 

 

ボタン操作ひとつのスマートPSD素材まとめ

 

手軽にテキストエフェクトを実現する方法として、これまではレイヤースタイルを利用していました。最近では、スマートオブジェクト機能を利用した、その名もスマートPSD形式で配布されることも多くなっています。(スマートPSDの具体的なカスタマイズ方法はこちらより。)

 

 

スマートオブジェクト機能では、特定のレイヤーのみ個別で編集を行うため、よりオリジナル性の強い作品に仕上げることができ、デザイナーは腕の見せどころでしょう。今回は、無料ダウンロードできるアイテム素材をいくつかまとめています。

 

 

Free 3D Text PSD

立体的なエフェクトが美しいテキストエフェクトで、どちらもスマートオブジェクトを使って文字テキストを編集できます。

Candy-text

 

 

 

Vegas Text PSD Style

フリーフォントで描かれたラスベガス風ネオン文字テキスト。スマートオブジェクト機能を利用した簡単編集に、電飾は文字に合わせて自由に移動させることができます。

vegas-style

 

 

 

80s Retro Typography Effect

レトロ・フューチャー系の文字テキストは、スマートオブジェクト機能を利用した、お手軽編集も魅力的。

80s-Retro-Typography-Effect

 

 

 

Crhome Reflection Text Styles

スポーツカーの車体用エンブレムを連想させる、リアルな光の反射を表現した、メタリックな文字テキスト。

go-speed-now-metallic

 

 

 

Ballon Text & Shape Mockup

用意した文字テキストを、まるでプカプカ浮かぶカラフルな風船のように仕上げます。

balloon-texteffect

 

 

 

Grand Motel Text Effect

アメリカにある古いモーテルにインスパイアされた、ビンテージ系テキストエフェクト。

3d-retro-text

 

 

 

PSD Retro Text Effect vol.3

レトロカラーのストライプが印象的なエフェクトで、3種類のテキストサイズに対応しています。

retro-style-text-effect

 

 

 

Earth Quaking Text Effect

まるで宙に浮いているようなエフェクトが再現した、レトロスタイルの立体テキストエフェクト。

Earth-Quaking-Text-Effect-full

 

 

この他にも以下のエントリーで、テキストエフェクト用フリーPSD素材をまとめています、こちらも参考にいかがでしょう。

 

 

参考 魅せるテキストエフェクト!押さえておきたい無料デザインPSD素材24個まとめ

参考 手軽にテキストエフェクトを実現する!Photoshop無料デザインPSD素材まとめ

 

 

投稿Photoshopの文字加工をマスター!すごいデザインチュートリアル、無料素材まとめPhotoshopVIPの最初に登場しました。


Photoshop勉強の参考にしたい!すごいチュートリアル、作り方30個まとめ 2016年3月度

$
0
0
latesttutorial2016feb-top

latesttutorial2016feb-top

 

Photoshopをはじめたいけど、何からしたらよいか分からない。素敵なデザインの作り方を、順番ごとに学ぶことができるデザインチュートリアルは、はじめてのひとにも分かりやすい教材と言えるでしょう。

 

 

充実しすぎで初心者には覚えるのが大変なPhotoshopの豊富な機能も、ポイントを押さえて利用することで、より実践的な使い方を学ぶことができます。今回は、新しいデザインテクニックをつかった、Photoshopチュートリアル、作り方をまとめています。

 

 

 

詳細は以下から。

 

 

 

デザインの腕が上がる!すごいPhotoshopチュートリアルまとめ

 

シマウマのシマシマ模様を、雨で流すユニークなエフェクト

シマウマとは別に、白い馬の写真を用意、合成し、フィルターギャラリーより「アーティスティック」>「ラップ」エフェクトを活用することで、ペンキが垂れている様子を表現します。

final-3

 

 

 

電球のなかに、ウインドサーフィンをする人びとを描く方法

別々に用意した写真をレイヤーマスク機能を用いて切り取り、自由でクリエイティブな空間を演出できるチュートリアル。

final-1

 

 

 

金魚鉢をつかった、ユニークな写真合成テクニック

翼を大きく広げて空を舞うカモメに、カラフルな魚たちが泳ぐ、日常生活で見かけるアイテムを、面白く仕上げます。

fishbowl10Final1

 

 

 

申年モチーフ、毛皮でフサフサの文字テキストエフェクトを完成させる方法

アクション素材を利用することで、見た目以上に楽にデザインできる、実践的なテクニックを利用するチュートリアル。

chinese-monkey-year-text-photoshop-tutorial

 

 

 

画像が乱れた、VHSビデオのような画面をつくり出す方法

雲模様を撮影した写真に、波型エフェクトを加えることで、スクリーンが歪んだようなエフェクトを再現します。

vhs-effect-sm

 

 

 

ガラスが砕け散ったポートレイト・エフェクトの作り方

粉々に飛び散るガラス片をうまく透かすことで、背景の人物モデルをくっきと映し出します。

shatter-glass-effect

 

 

 

CMYKポートレイト・エフェクトの作り方

ポーズがすこしずつ違う3枚の写真に、異なるカラーレイヤーを適用することで、見事な半透明エフェクトを完成させます。

web-5

 

 

 

ピクセルアートのキャラクターをつかった、GIFアニメーションを作成する方法

一コマずつリアルな動きを検討しながらつくる、シンプルでデザインアクセントにもなるテクニック。

00-final-product-final

 

 

 

Photoshopでリアルな虹を描く方法

グラデーションツールを使って短い線を描き、エフェクトより「変形」>「極座標」エフェクトを適用します。丸みのついたレイヤーを変形ツールで歪ませ、ぼかしエフェクトを適用。最後に描画モードを「スクリーン」にし、不透明度を調整して終了。

how-to-make-rainbow

 

 

 

劇的に美しいヘッドセットをデザインする方法

これからますます需要が増えそうな、ヘッドセットをキラリと輝かせるデザインエフェクト。描画モード「覆い焼きリニア(加算)」にすることで、圧倒的なライティングを追加します。

dramatic-headshot-retouching-photoshop-19b

 

 

 

ファンタジー感満点なライティングエフェクトを加える、8個のポイント

レイヤーマスクにソフトブラシでペイントし、クリッピングマスクで光らせたい部分を選択し、描画モード「ソフトライト」で明るさをアップ。

download-1-1

 

 

 

より幻想的なぼかしエフェクトを手軽に加える方法

エフェクトより「ぼかしギャラリー」>「フィールドぼかし」を適用し、色を調整することで、自然なぼかし具合を表現できる小技。

web-2

 

 

 

効果的なレンズフレア・エフェクトの仕上げ方

ブレンドモードをいくつか重ねることで、より自然な光の反射を表現することができます。

lens-flare-photoshop-tutorial-tutvid-header

 

 

 

80年代風メタル・テキストエフェクトの作り方

ネオンピンク色の鮮やかな配色に、メタリック感を表現したクロム文字の組み合わせが素敵。

post-thumbnail

 

 

 

立体的に輝くメタル文字テキストを作成する方法

Photoshopの3Dツールを活用することで、手軽に3Dエフェクトに仕上げることができ、テクスチャ素材をつかった、リアルな質感にこだわったデザインエフェクト。

worst-heroes-ever

 

 

 

ライティングエフェクトを活用したい、美しい多重露光エフェクトのつくりかた

レイヤーマスク機能をうまく利用することで、幻想的な雰囲気を演出します。日本語チュートリアルで詳しく紹介しています。

dream-big-final

 

 

 

写真が透けて見える、透明エフェクトの作り方

透明にしたい部分、この場合はTシャツをペンツールなどお好みのツールで選択し、レイヤーマスクを適用する、基本的で応用の効くテクニック。

transparency-photoshop-effect

 

 

 

 

写真を部分的に白黒にする、カラースプラッシュ・エフェクト

雑誌やテレビなどでもよくりようされる技法を、動画で詳しく解説したチュートリアル。

3321212

 

 

 

水の流れが止まっているように見せるエフェクト

特別なカメラ撮影テクニックなど不要で、Photoshopのみでシルク・エフェクトを作成します。

silk-effect-photoshop

 

 

 

自由に雨を降らせるデザインエフェクトの作りかた

ノイズエフェクトにぼかしを加えることで、どんな写真でも超リアルな雨模様に仕上げます。

final-results-2

 

 

 

感動的なポートレイト写真に加工する方法

日光の当たり方などを個別パート毎に考えることで、よりダイナミックなエフェクトに仕上げるれタッチ術。

preview

 

 

 

映画のワンシーンのような、写真加工エフェクトの作り方

色相と彩度をカラー別に調整することで、より好みの色味をつかったエフェクトを、手軽に手に入れることができます。

final-results

 

 

 

水彩ペイントをよりリアルな写真風に仕上げる小技テクニック

ブラシツールでペイントしたレイヤーに、2つの異なる描画モードを適用し、不透明度を調整することで、よりリアルな質感を表現できます。

final-5

 

 

 

実際の人物をモデルにした、かわいいキャラクターの描き方

より本格的なデジタル・ペインティングを学びたいときに参考にしたい、動画で解説するチュートリアル。

2155_tid_main

 

 

 

雪が降り積もる山小屋の美しい風景をデザインする方法

あらかじめ用意しておいた複数の写真をうまく合成し、カスタムブラシを利用した、キラキラ感を演出するボケー加工がポイント。

winter-final

 

 

 

ラグナロクを表現するミステリアス・エフェクト

世界の終わりのような壮大でインパクトのある雰囲気を演出する、本格的なデザインチュートリアル。

final-results-1

 

 

 

ゴールドに輝くメタル文字テキストエフェクトの作り方

レイヤースタイルを順番に適用するだけで完成する、初心者のひとにもオススメしたいチュートリアル。

Bright-Metal-Text-Effect-QT---600

 

 

 

グリッター感を活かした、キラキラ文字テキストエフェクトの作り方

テクスチャ素材を利用することで、どんな文字でも光沢感のあるラメ風に仕上げることができます。

final

 

 

サムネイル@ : Dream Big Abstract Portrait Tutorial – PSDBox

投稿Photoshop勉強の参考にしたい!すごいチュートリアル、作り方30個まとめ 2016年3月度PhotoshopVIPの最初に登場しました。

はじめよう、Illustrator CC!参考にしたいすごいチュートリアル、作り方30個まとめ 2016年春

$
0
0
latestai2016march-top

latestai2016march-top

 

Illustrator は Photoshop と並んで、デザインの現場には欠かせないツールのひとつです。

 

しかし豊富すぎる機能のあまり、なにから始めればよいか分からず、途方にくれてしまっているかもしれません。そんなときは、ステップごとに順番を追いながら、デザインをゼロから完成させることができる、チュートリアルを活用してみましょう。

 

 

Illustratorの実践的なツールの使い方を覚えることができ、より応用の効くデザインテクニックを学ぶことができます。今回は、2016年にかけて公開された、参考にしたいチュートリアルをまとめています。

 

 

 

詳細は以下から。

 

 

 

はじめよう、Illustrator CC!参考にしたいすごいチュートリアル、作り方まとめ 2016年春

 

リアルな水滴を描く方法

透明感たっぷりに作成した水滴を、シンボル記号として保存することで、自由に追加できる、ユニークなデザイン小技が紹介されています。

water-drops

 

 

 

Illustratorでグランジテクスチャを活用する方法

完成したアートワークに重ねて利用することで、ザラリとしたビンテージ感を手軽に表現できます。

textures_illustrator_img_6

 

 

 

美味しそうなトースト型アイコンをデザインする方法

思わわず食べたくなるほどリアルな質感で表現された、Photoshopも顔負けのデザインテクニック。

diana_toast_icons_tut_final

 

 

 

キャラクター着せ替えキットの作り方

好みに合わせて組み合わせを変更できる、統一感のあるデザインパーツの作り方を学びます。

7_3

 

 

 

1950年代風のファッション系イラストの作り方

ラフな手がいスケッチを元に、ペンツールでラインをトレースし、ブレンドオプションを利用することで、より本格的なペイント技を学びます。

final-grease_fashion

 

 

 

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

配色の選びかたから、構図や文字テキストの配置方法などを学びながら、Illustratorの基本を知ることができます。

coffee-art-final

 

 

 

幾何学模様のアイコンを作成する方法

楕円形や長方形ツールで描いたパスを、規則的に重ねることで、複雑な模様を描き、自由な配色のグラデーションでペイント。

Geometric-Icons016

 

 

 

曼荼羅(まんだら)アートをIllustratorで作成する方法

円の中心から均等に分割し、どのようにパターンを展開していくのか、細かく解説されたチュートリアル。動画もあります。

opener

 

 

 

ダウンロードしたベクターパターン素材の使い方

ファイルの解凍にはじまり、グラデーションを加えたり、パターンサイズを変更したりと、覚えておきたい基本テクニックをまとめています。

HTP014

 

 

 

ホリデーシーズン向け、継ぎ目のないベクターパターンを作成する方法

手描きのスケッチを利用し、拡大縮小も自由なパターンテクスチャを作成します。

15

 

 

 

自分だけのオリジナル!継ぎ目のないシームレスパターンを作成する方

ベクターキットなどを自由に組み合わせたデザインを使って、自由なカンバスサイズに対応する、パターンテクスチャの作成方法。

how-to-use-the-pattern-tool-preview

 

 

 

幾何学模様をつかった、ロゴデザインに大切な5つのポイント

グレイスケースの保存など、ロゴを作成するときに心がけたい点を、シンプルにまとめています。

logo5

 

 

 

かわいいキャラクターを描くポイントやコツまとめ

ていねいに手描きした下書きをスキャナーで取り込み、ペンツールを利用してトレースする方法から、効果的にラインの太さを変更する方法など。

meni_tzima_final_character

 

 

 

レトロ風の移動遊園地をデザインする方法

Illustratorをはじめたてのひとにも分かりやすい、シンプルなツールのみで描き、ペイントする、基本的な使い方を覚えたいときにどうぞ。

35-grease-retro-funfair-600

 

 

 

すやすやと眠る子猫の日常を描いたイラスト

ワープツールやパスファインダーなど、Illustratorに慣れてくると問題になってくる、ツールの使い方を解決してくれます。ショートカットキーを多用している点もポイント。

p_books-3

 

 

セルフブランディング用にポストカードを作成する方法

手書きしたスケッチをベースに、リアルな影の付け方や、テクスチャを利用した質感の出し方などが紹介されています。

main_image

 

 

 

歯磨き粉テキストエフェクトの作り方

最初にパターンブラシを作成することで、どんな文字形のパスにも適用することができます。

ToothpasteText0

 

 

 

プラスチックでできた文字テキストの作り方

グラフィックスタイルを利用することで、光沢感と立体感のあるデザインを、ボタンひとつで表現できるようになります。

plastic-014

plastic-010

 

 

 

魅力的なライティングエフェクトの作り方

ブラシツールで描いたラインに、白黒グラデーションで描いたパスの描画モード「覆い焼きカラー」で重ねるだけのお手軽テク。

abstract-wave-lines-background

 

 

 

本物そっくりなスクーターをデザインをする方法

メタリックな光沢感や、斜体の影など、細かいパーツまでリアルに表現することができるチュートリアル。

Vespa_Final

 

 

 

真上からみた、レトロなクラシックカーを描く方法

楕円形ツールやグラデーションなど、基本的なツールを利用するだけで、見事な車をデザインすることができます。

39-grease-retro-car-top600

 

 

 

立体感のあるフィットネス関連アイコンを作成する方法

3Dツールを駆使することで立体感を描くことで、ユニークなペイント方法が取り上げられています。

35-fitness-icons-600

 

 

 

旧正月を祝う、中国の伝統的なお菓子アイコンを作成する方法

美味しそうなさまざまな銘菓を、シンプルだけど、覚えておきたいツールを利用し、作成していきます。

dimsum-033

 

 

 

シンプルなライン型アイコンを、20分以内にデザインする方法

Illustratorの基本ツールでもある、長方形や曲線ツールに加え、覚えておくと便利なパスファインダーや、ペンツールを利用して作成します。

LittleIcons010

 

 

 

レトロスタイルで学校モチーフのアイコンセットの作り方

ビンテージな配色で統一された、ラインスタイルが魅力的。

preview-image-large

 

 

 

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

ドロップシャドウ・エフェクトを活用した、簡単なシェイプのみでキャラクターを描く方法を学びます。

50-flat-professions-avatars-icons-600

 

 

 

世界地図をつかった、カラー別インフォグラフィックの作り方

自由にペイントできるのはもちろん、あらかじめグリッドを引いておくことで、統一感のあるデザインに仕上げることができます。

mapDesign0

 

 

 

3Dパイチャートを作成する方法

プレゼンテーション資料にも効果的な、立体感たっぷりなチャート図を完成させます。

3DpieChart0

 

 

 

ユニークな手描きスケッチで、封筒に住所を記入する方法

Illustrator用ではありませんが、今年のトレンドのひとつ、ブラシスタイルの文字を実際に描く方法が、動画で詳しく紹介されています。この手紙、日本にもきちんと届くのでしょうか。

 

 

 

躍動感のある手描きスケッチで、封筒に住所を記入する方法

上記チュートリアルに比べ、より楽しい雰囲気が伝わる、不規則なベースラインの文字を描いています。

 

投稿はじめよう、Illustrator CC!参考にしたいすごいチュートリアル、作り方30個まとめ 2016年春PhotoshopVIPの最初に登場しました。

作業がグッと捗る、取り入れたいPhotoshop時短テクニック17個まとめ

わかりやすくPhotoshop操作を覚える、すごいチュートリアル作り方まとめ

$
0
0
manipulacion-dramatica (1)

manipulacion-dramatica (1)

 

フォトショップをマスターしたいけど、なかなか上達しないと感じるときは、最新テクニックを利用して、順番ごとにデザインを進めることができる、チュートリアルを活用してみましょう。今回は、初心者からベテランのひとまで参考にしたいPhotoshopチュートリアル、作り方をまとめてご紹介します。

 

 

レイヤースタイルを調整するだけのお手軽テクニックから、まるで魔法のようなレタッチ写真加工術や、光を使ったよりダイナミックな表現方法などを学びながら、実践的な各種ツールの使い方を覚えていくことができます。

 

 

 

詳細は以下から。

 

 

 

わかりやすくPhotoshopの操作を覚える、すごいチュートリアル、作り方まとめ

 

写真を手描きスケッチ風に仕上げる方法

Photoshopのフィルタ機能を活用することで、まるで鉛筆で描いたような質感に仕上げることができます。

sketch-effect-before-after

 

 

 

見た目を老けさせるデザインレタッチテクニック

ゆがみツールを利用して、おでこのシワや髪の毛の生え際などを調整することで、まるで特殊メイクのようなデザインに仕上げることができます。

SidebySide2

 

 

 

本物そっくりな涙を流す方法

なげなわツールで描いたシェイプのレイヤー描画モードを「オーバーレイ」にすることで、背景の肌を透けて見せることができます。

real-tear-drawing

 

 

 

ポートレイトを写真コラージュ風に仕上げる方法

まるで複数の写真にわけて撮影されたようなエフェクトで、どんな写真にも手軽に対応できる動画チュートリアル。

photo-collage-effect

 

 

 

人物や物体を点線ラインで囲む方法

パスツールで描いたラインに合わせて、境界線の設定を行うことで、自由な太さや点線の間隔を設定することができます。

dotted-line

 

 

 

ドラマチックな夕日をデザインする方法

オレンジ色の美しいサンセットを背景に、サイに乗った美女を見事に合成させるデザインチュートリアル。およそ1時間におよぶ、本格的な動画チュートリアルでは、くわしい作り方をじっくり解説しています。

final-740

 

 

 

地球の終わりを描いた、世紀末デジタルコラージュの作り方

隕石や惑星が衝突する様子を、窓越しに眺める女の子を描きます。光の当たり方など、より自然な質感を表現できるテクニック。

childhood-end-last-days-on-earth-photoshop-tutorial

 

 

 

マジカルな空を眺める男性モデルを描く方法

あらかじめ用意しておいた複数のイメージ写真を合成することで、非現実なファンジー空間を作りあげるデザインチュートリアル。

final-results1

 

 

 

カラフルな水彩ペイントのポートレイトエフェクト

筆でペイントしたような質感をブラシ素材で表現し、クリッピングマスクで適用範囲を決定するシンプルな手順の動画チュートリアル。

watercolor-effect

 

 

 

インクでぼかした写真加工の作り方

写真の一部分のみをクリッピングマスクで覆う、シンプルだけど応用の効くテクニック。多重露光エフェクトと合わせても良さげ。

ink-smudge-effect+Letsgettoit_Ink Smudge Effect-THUMBNAIL-3

 

 

 

ゲーム Quantam Break のボックスアートを再現する方法

クリッピングマスクやレイヤーの描画モードの使い方、図形シェイプを利用したブラシの定義方法などを学ぶ実践チュートリアル。

quantum-break-flatten

 

 

 

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

まっすぐの直線を強調することで、幾何学スタイルをうまく表現する、デジタル・ペインティングで活用したいテクニックが紹介されています。

low-poly-portrait

 

 

 

リアルな炎をできたテキストエフェクトの作り方

レイヤースタイルとエフェクトを組み合わせることで、本物そっくりにごうごうと燃えるスタイルを表現できるチュートリアル。

fire-text-effect

 

 

 

リアルなメタルテキストの作り方

水滴が表面についた、光沢と立体感まで表現できる、レイヤースタイルのみで完成のお手軽チュートリアル。

metal-realistic-text

 

 

 

毛むくじゃらのテキストエフェクトの作り方

専用のPhotoshopブラシを使い、異なる2つのレイヤーを重ねることで、より立体感を表現することができます。

hair-text-effect-in-photoshop

 

 

 

ヘビ皮でできたテキストエフェクトの作り方

光沢感のあるデザインは、レイヤースタイルを適用するだけの簡単テクニック。

Snake Textured Text Effect - 600

 

 

 

リアルな芝生でできたテキストエフェクトの作り方

草テクスチャを加工することで、本物そっくりの質感を表現できるチュートリアル。

Spring-Text-Effect---600

 

 

 

StarWars イベントポスターの作成方法

圧倒的な写真合成テクニックに加え、ライトセーバーが暗闇でぼんやりと光る様子も見事に再現することができます。

star-wars-darth-vader-movie-poster-photoshop-tutorial

 

 

映画をモチーフにした、多重露光エフェクト・ポスターの作り方

ラフな手描きスケッチを元に、2つのデザインを重ねるように作成していくデジタル・コラージュを学びます。

revenant-poster-manipulation

 

サムネイル@ : Dramatic Sunset Photoshop Manipulation – PSDBox.com

投稿わかりやすくPhotoshop操作を覚える、すごいチュートリアル作り方まとめPhotoshopVIPの最初に登場しました。

知識ゼロからはじめる!Photoshopのすごいチュートリアル、つくり方38個まとめ 2017年8月度

$
0
0

tropical-land-by-maria-semelevich-feature

 

すぐに使える基本のテクニックから、目を奪われるプロ顔負けの作品まで幅広く揃ったPhotoshopデザインチュートリアル集の最新版で、今回は2017年度8月度まとめとなります。

 

Photoshopの基本操作はもちろん、各ツールの実践的な使い方テクニックを学ぶことができるチュートリアルをまとめており、Photoshopを学ぶすべての人に知っておいて欲しいテクニックや知識をまとめて確認してみてはいかがでしょう。

 

http://photoshopvip.net/103433

 

 

知識ゼロからはじめる!Photoshopのすごいチュートリアル入門

 

Photoshopでさまざまなリアルな雲をペイントする方法

デジタルペイントでも需要の多い雲の描き方をていねいに解説したチュートリアル。夏の青空に浮かぶ大きな積乱雲や、雷がピカリと光る雷雲、幻想的な夕暮れなどどれも素敵なシーンを作成できます。

cloudfinal

 

 

 

古いビンテージ風のマーキーライトのテキストエフェクト

立体的なアルファベットに合わせて、マーキーライトがキラキラと輝くリアルな質感を表現します。

marquee-light-bulb

 

 

 

タトゥースタイルのイラストをPhotoshopで作成する方法

点画法やくっきりとしたアウトラインの仕上げ方など、タトゥーをモチーフにしたイラストを完成させる動画チュートリアル。

tattoo-sthyle-illustration-effect

 

 

 

古いイラストをベクター素材化する方法

本やポスターなどに使われているイラストをスキャンし、PhotoshopとIllustratorを使うことで、ベクター素材に変換する実用的なテクニックを学びます。

vectorize-vvintage-illustration

 

 

 

設計図のようなブループリントエフェクトのつくり方

シンプルなツールとテクニックのみで作成できる、古いビンテージ風の青写真エフェクトで、コンセプトデザインをより魅力的にみせたいときに。

blueprint-effect

 

 

 

キラキラと輝くかぼちゃの馬車をデザインする方法

シンデレラを連想させる、魔法のかぼちゃの馬車を写真合成テクニックで、立体的にデザインするチュートリアル。

pumpkincoachfinal

 

 

 

フワフワと空中を泳ぐ魚の群れをデザインする方法

はじめにベースとなる空と壁をデザインし、猫や木、魚などを見事に合成するプロ顔負けのテクニックが詳しく披露されています。

fishes-final

 

 

 

幻想的に光りながら宙を舞う、美しい蝶々をデザインする方法

ファンタジー感たっぷりな蝶々をデザインし、違和感なく複数の写真を合成するテクニックを学びます。

butterfly-final

 

 

 

映画「インセプション」のポスターデザインを再現する方法

地面が空までつながった不可能な世界を表現するスペシャルエフェクトで、複数の写真をマスキングやブレンドテクニックを駆使することで、見事に合成するチュートリアル。

incep_final

 

 

 

アナログ画面が乱れたグリッチエフェクトのつくり方

用意した写真にトレンドのグリッチエフェクトを手軽に作成できるチュートリアル。

video-vhs-style-glitch-effect

 

 

 

Photoshopで立体的なパララックスアニメーションを作成する方法

Photoshopに最初からインストールされているアニメーション機能を利用することで、驚くほど立体的な動く写真を作成します。

still-photo-2-5-parallax-effect

 

 

 

風景画に違和感なく満月を追加する方法

日中に撮影された写真を夜のシーンに変更し、明るく光る満月を合成する、初心者のひとにもオススメしたいチュートリアル。

add-moon-photoshop-19

 

 

 

ダイナミックなHDRエフェクトのつくり方

通常は3枚以上の写真を組み合わせて表現するHDRエフェクトを、写真1枚のみで作成するお手軽チュートリアル。

hdr-effect

 

 

 

手軽に多重露光エフェクトを作成する方法

これまでも何度か紹介していますが、基本的なツール操作のみで表現できるお手軽チュートリアルのひとつ。

double-exposure

 

 

 

Facebookで使える、カバー写真とプロフィール写真を継ぎ目なくする方法

face-book-seamelss-cover-and-profile-picture

 

 

 

90年代風の幾何学パターンを作成する方法

基本的なシェイプツールを利用するだけで、2017年のトレンドのひとつ「レトロスタイル」のパターンテクスチャをデザインします。

90s-pattern-46

 

 

 

90年代風のグラフィカルな写真エフェクトのつくり方

鮮やかな配色と複雑なシェイプが特長の90年風エフェクトを作成します。写真を魅力的に仕上げたいときに活用したいチュートリアル。

90s-graphical-photo-effect

 

 

 

レトロな3Dテキストエフェクトのつくり方

2D平面デザインと3D立体デザインをクリエイティブに組み合わせるチュートリアルで、3Dツールを利用することで手軽に立体感を表現できます。

retro-3d-displaced-text-effect-850

 

 

 

スニーカーが飛び散るようなスプラッシュエフェクトの作り方

ペンキが飛び散ったようなスプラッターエフェクトと、スニーカーの画像イメージを違和感なく合成するテクニック。

spalshging-sneaker

 

 

 

海中に沈んだ大都市をデザインする方法

街全体が海の中に沈んでしまった映画のワンシーンのようなデザインを、ライティングやコントラストをうまく調整することで作成します。

underwater-city-scene

 

 

 

ソフトな仕上がりの写真合成テクニック

青みがかったソフトな雰囲気を演出できるチュートリアルで、覆い焼きやぼかしツールを駆使し、ドラマチックな見た目を表現します。

emotional-soft-tone-photo-manipulation

 

 

 

ゴシック風ロリータの写真合成ポートフォリオのつくり方

やや不気味なデザインエフェクトで、左右対称の背景デザインの作り方や反射の追加、ワープ機能の使い方など充実すぎる内容は、ハロウィンシーズンにもピッタリです。

gothiclolita_small

 

 

 

頭が重なった不思議な写真合成のつくり方

2枚の写真素材を利用することで、Photoshopならではなユニークなエフェクトを作成できます。

surreal-head-stack-in-photoshop

 

 

 

型押しレタープレス風テキストエフェクトの作り方

紙に型押ししたような風合いをPhotoshopのみで作成できるチュートリアル。

letterpress-carved-engraved-photoshop-effect

 

 

 

手紙を封印するワックスシールのつくり方

本物そっくりのワックスシールを作成するだけでなく、いつでもカスタマイズ可能なPSDモックアップ素材として仕上げます。

photo-realistic-wax-seal-mockup

 

 

 

金箔フォイルで印刷されたロゴデザイン用モックアップのつくり方

スマートオブジェクト機能を利用することで、いつでの編集可能なモックアップPSDを作成します。

gold-foil-stamp

 

 

 

ゴム印で押したロゴ用モックアップのつくり方

rubber-stamp-logo-mockup

 

 
ロゴのペンキが剥がれたようなグランジテクスチャのつくり方

ロゴデザインにグランジテクスチャの質感を追加する、シンプルで実用的なチュートリアル。

logo-grunge-texture

 

 

 

立体的で美しい3D折り紙デザインのつくり方

まるで紙でできたような花びらを使った、立体的なデザインに仕上げます。

3d-origami

 

 

 

Photoshopで3Dアートの世界をデザインする方法

3Dツールの基本的な使い方とペンツールをマスターするテクニックを使った立体的なデザインチュートリアル。

web-3

 

 

 

Photoshopでピクセルアートを作成する方法

どこか懐かしくレトロな、ピクセルドット画を作成するテクニックが紹介されています。

create-pixel-art

 

 

 

立体的に輝くウェルカムサインをデザインする方法

Photoshopでゼロから作成するオリジナルパターンや、3Dツールを使った立体的なテキストエフェクトのつくり方を学びます。

chanel-inspired-event-sign-text-effect-850

 

 

 

水彩絵の具でペイントしたテキストエフェクトのつくり方

水をたっぷり含ませた水彩絵の具で描いたテキストエフェクトを表現できるチュートリアルで、描画モードの調整テクニックや異なるテクスチャの合成方法を学びます。

watercolor-text-effect-photoshop-tutorial

 

 

 

水彩絵の具で宇宙をイメージしたペットのポートレイトをペイントする方法

こちらは実際に水彩絵の具を使ったペイントテクニックを紹介しているチュートリアルで、デジタルペイントにも共通したプロの技が披露されています。

galaxy-pet-portrait

 

 
背景を反転したテキストエフェクトのつくり方

背景として利用している風景画を反転させ、ユニークな文字エフェクトを完成させます。

landscape-mirrors-inspired-text-effect-850

 

 

 

世界のランドマーク写真と文字テキストを組み合わせる方法

人気エフェクトのひとつ、多重露光を活用することで、ユニークなテキストエフェクトに仕上げます。

famous-landmark-typography-effect

 

 

 

Photoshopで点線をデザインする3つの方法

Photoshopで表現しにくい点線ラインを、異なる3つの方法でデザインします。

dashed-line-photoshop

 

 

サムネイル@ : Create Beautiful Tropical Landscape in Photoshop – PSD Vault

知識ゼロからはじめる!Photoshopのすごいチュートリアル、つくり方38個まとめ 2017年8月度PhotoshopVIPで公開された投稿です。

基本を押さえて学ぶ!しっかり身につく Illustrator チュートリアル34個まとめ 2017年9月度

$
0
0

latestillustrator201sep-feat-image

 

毎月、新しく公開されたIllustratorの使い方を体感的に学ぶことができるチュートリアルをまとめています。今回は、Illustratorの基本ツールの実践的な使い方や小技から、より高度なイラストテクニックまで幅広いセレクションが揃いました。

 

特によく利用する基本機能をしっかりと押さえ、作り方に沿って手を動かすことで、実践の現場にも対応できるスキルを学びます。また、最新グラフィックデザインのトレンドを意識した、新しいツールの使い方や活用方法を知るのにもぴったりです。

 

http://photoshopvip.net/103661

 

 

基本を押さえて学ぶ!しっかり身につく Illustrator 用チュートリアルまとめ

 

カラフルなグラデーションをつかった球体の作り方

カラフルな配色が混ざり合ったユニークなグラデーションエフェクト。グラデーションメッシュ機能とワープ機能を使って、見事な球体を描きます。

gradient-orbs-sm

 

 

 

月明かりに照らされた動物のシルエットイラストのつくり方

散布ブラシを使って描く雲を影とブレンドさせたり、不透明度を調整したりと、詳しい部分まで紹介された動画チュートリアル。

animal-silhouette-moonlight-vecdtor

 

 

 

10種類のシンプルな花柄イラストをデザインする方法

基本のシェイプや機能を使うだけで、簡単に作成できるイラストデザイン用チュートリアルで、継ぎ目のないパターン作成にも◎。

folk-flowers-final-result

 

 

 

立体的な3Dアイコンのつくり方

手書きのイラストスケッチをモチーフに、美しいグラデーションカラーを使ったアイコンロゴを作成します。

3d-icon-in-adobe-illustrator

 

 

 

ウェブサイトで利用する基本的なアイコン10種類の作り方

基本のツールだけで完成させる、ウェブサイトでよく利用されるUIアイコン10種類がまとめて揃います。

finished-project-preview-large

 

 

 

Illustrator用パターンブラシの作り方

ボーダー線やフレーム枠などを作成するときに便利なパターンブラシを、オリジナルで作成する方法を紹介した動画チュートリアル。

pattern-brush-illustrator1

 

 

 

黄金に輝くグラデーションをつかった背景のデザイン方法

グラデーションメッシュ機能を利用することで、手軽に高級感のあるエレガントな背景を描きます。

originalhttps://design.tutsplus.com/tutorials/how-to-draw-an-abstract-gold-background-in-adobe-illustrator-using-gradient-mesh–cms-29460

 

 

 

ろうそくで自由な文字を作成する方法

キャンドルでできたアルファベット文字を作成するチュートリアルで、ブレンドツールの使い方や、文字テキスト用パスの作成方法など実践的な内容。

candlestexteffect0

 

 

 

10周年記念のお祝いケーキイラストレーションの作り方

final-image

 

 

 

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

フリーフォントで描いた文字に色を追加し、ハイライトエフェクトを使って完成させるチュートリアル。

bubble-text-with-simple-illustration-techniques

 

 

 

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

長方形グリッドツールと基本的なブレンド機能を押さえることで完成させるチュートリアル。

retrochrometexteffect0

 

 

 

ウイスキー「ジャック・ダニエル」をモチーフにしたラベルの作り方

ビンテージ感たっぷりのロゴやラベルデザインを作成するチュートリアルで、作り方を覚えることが応用の効くテクニック。

jack-daniemls-whiskey-label

 

 

 

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

円形グラデーションやパターンを使った背景の作り方にはじまり、アピアランスパネルのより実践的なテクニックが紹介されています。

warmretrotext0

 

 

 

メタリック感満点のクロムテキストエフェクト

作り方を覚えておくことで、どんな色や文字でも自由にカスタマイズできるテクニック。

chrome-text-effect-sm

 

 

 

ハロウィンモチーフのかぼちゃをつかったシームレスパターンの作り方

継ぎ目のないパターンテクスチャを作成したいときに参考にしたい簡単チュートリアル。

preview-big

 

 

 

動物をモチーフにした楽しげなシームレスパターンの作り方

37-school-animals-pattern850

 

 

 

野外バーベキューをモチーフにしたイラストのつくり方

涼しくなってきたこの季節にぴったりな、キャンプをまつわるさまざまなアイテムをデザインします。

bbq-time-concept-illusration

 

 

 

ヤシの木に夕日をバックにした南国バンガローのつくり方

tropical-bungalow-on-a-palm-beach

 

 

 

理髪店にインスパイアされたアイコンセットの作り方

理髪店で利用される道具をモチーフに、落ち着いた配色で描いたアウトライン型アイコン。

tutorial-preview-large-3

 

 

 

食べもの、フードをモチーフにしたアウトライン型アイコンの作り方

できるだけ簡単に作成することを目標にしたチュートリアルで、基本的な幾何学シェイプやツールの使い方を学びます。

tutorial-preview-large-1

 

 

 

スマートフォンなどの携帯端末をモチーフにしたアイコンのつくり方

mobile-phone-icon-pack-in-adoe-illustrator

 

 

 

かわいいパグ犬のイラストアイコンの作り方10種類

simple-foundational-icon-set

 

 

 

動物モチーフのフラットスタイル型アイコンの作り方

flat-animals-icons-600

 

 

 

黄金エナメルのピンバッチをデザインする方法

テクスチャを利用することで、水彩ペイントの淡い質感を手軽に表現できるチュートリアル。

enamel-pins-adobe-illustrator-1200x580

 

 

 

黄金に輝く小麦をデザインする方法

メッシュツールやワープエフェクトを使って、美しい小麦をデザインするチュートリアル。

golden-wheat-illustration

 

 

 

秋を感じるカラフルな落ち葉をデザインする方法

メッシュツールを使った、シンプルで覚えておくと便利な、初心者にもオススメしたいテクニック。

colorful_leaves_2

 

 

 

風船モチーフのステッカー型テキストエフェクトの作り方

FacebookのMessengerアプリで利用できるステッカーをデザインするチュートリアルで、基本的なシェイプツールの使い方を学びながら、作業で役立つ小技をしっかり押さえます。

final_tut_sep_2017_celebration_sticker_set_misschatz_a

 

 

 

オクトーバーフェスト用のイラストをデザインする方法

ドイツ発祥のビールのお祭り「オクトーバーフェスト」をモチーフにしたイラスト用チュートリアル。基本のシェイプツールからワープ機能など押さえておきたいポイントが詳しく解説されています。

oktober-beer-festival

 

 

 

夜空に輝く星を見上げる望遠鏡のつくり方

telescope-in-adobe-illustrator

 

 

 

 

10ステップで完成する風車イラストの作り方

flat-style-mill

 

 

 

スペインをモチーフにした3Dテキストエフェクトの作り方

スペインの国旗カラーをモチーフに、立体感たっぷりなテキストエフェクトをデザインします。

boldspaintexteffect0

 

 

 

髪を重ねたようなレイヤー感のあるテキストエフェクトの作り方

うっすらと影を落とすことで立体感をグッとあげるテクニックが紹介されています。

carvedtexteffect0

 

 

 

紙をはがしたようなテキストエフェクトの作り方

アピアランスパネルを使ったピールエフェクトの作り方や、作業をスピードアップさせるグラフィックスタイルの使い方など。

peeledtexteffect0

 

 

サムネイル@ : How to Draw a Flat Designer Character in Adobe Illustrator – Design Tutsplus

基本を押さえて学ぶ!しっかり身につく Illustrator チュートリアル34個まとめ 2017年9月度PhotoshopVIPで公開された投稿です。

フォトショップで色の置き換えをマスターする5つの鉄板テクニック【保存版】

$
0
0

change-color-of-anything

 

「写真に写っているドレスや車の色を変更したい。」「背景の色をもう少し明るくしてほしい。」「ブランドカラーに合わせてソファーの色を変更したい。」

 

デザイン制作において色の置き換え、変更は特に要望の多い重要なテクニックのひとつです。しかし、用途に応じてツールを使い分け、色の置き換えを行っているひとは、どれだけいるでしょう。

 

今回は、Photoshopの各種ツールを駆使した色の置き換えテクニックを、実践のデザインサンプル例と一緒にまとめてご紹介します。これらの方法を試してみることで、どんなデザインでもお手軽に色の置き換えを行うことができるようになります。

 

なお、今回ご紹介するテクニックの多くは、色の置き換えを行いたい選択範囲を指定してからテクニックを適用します。フォトショップによる切り抜き方法に関しては、以下の記事を参考にどうぞ。

 

http://photoshopvip.net/10-cropping-tips-in-photoshop

 

 

01. 「モデルが着用しているドレスの色を変更したい。」

5ways-color-change-in-photoshop-1

 

まずは色の置き換えを行いたいドレス部分のみを、お好みのツールを使って選択しましょう。続けてレイヤーパネルの右下より「新規調整レイヤー」の「色相・彩度」を選択しましょう。「色相」を調整するときに、同時に「彩度」も調整することでより鮮やかで、ナチュラルな色合いを表現できます。

 

5ways-color-change-in-photoshop-2

 

 

また、「明度」を調整することで、色を落とした灰色にすることもできます。

 

5ways-color-change-in-photoshop-3

 

 

このテクニックのポイントは、新規調整レイヤーをつかって色の置き換えを行うので、レイヤーの不透明度を変更し色をブレンドできる点です。

 

5ways-color-change-in-photoshop-4

 

 

 

02. 「車の色を背景に合わせて変更したい。」

5ways-color-change-in-photoshop-5

 

まず、色を置き換えたい車の塗装部分のみを選択範囲で指定します。続けて、「新規調整レイヤー」の「ベタ塗り」を選択し、お好みの色でペイントします。この時点では、全くデザインになじんでいません。
 

5ways-color-change-in-photoshop-6

 

 

作成したベタ塗りレイヤーを選択した状態で、レイヤーの描画モードを「色相」または「カラー」に変更してみましょう。こうすることで、リアルな光沢感を演出できます。ここでは、よりナチュラルな風合いの描画モード「色相」にしています。

 

5ways-color-change-in-photoshop-7

 

 

またツールボックスよりスポイトツールを選択し、ベタ塗りカラーを背景からダイレクトに指定することも可能。ここでは、背景の緑色を抽出することでカーキ色の落ち着いた雰囲気に仕上がりました。

 

5ways-color-change-in-photoshop-8

 

 

 

03. 「白色のドレスの色を変更したい。」

5ways-color-change-in-photoshop-9

 

白色のものを他の色に置き換えるのは、明るくなりすぎたり、コントラストが足りなかったりと、他の色に比べて厄介な色と言えるでしょう。

 

まず、色の置き換えを行いたいドレスの部分のみを選択範囲で指定します。つぎに「新規調整レイヤー」の「色相・彩度」を選択しましょう。特に白色では、「明度」をすこし下げることで、コントラストがよりはっきりした雰囲気に仕上げることができます。。

 

5ways-color-change-in-photoshop-10

 

 

「新規調整レイヤー」の「レベル補正」を選択し、ドレスのコントラストを高めれば完成です。

 

5ways-color-change-in-photoshop-12

 

 

 

04. 「背景の壁の色を変更したい。」

5ways-color-change-in-photoshop-13

 

新規調整レイヤーより「色相・彩度」を選択し、色を変更していきましょう。今回は、黄色がかったレンガの背景を変更するため、「黄色」の色合いのみを調整していきます。

 

5ways-color-change-in-photoshop-14

 

 

このときに、人物の顔などエフェクトを適用したくない部分はレイヤーマスクしてしまいましょう。新規調整レイヤーのレイヤーマスクを選択した状態で、ツールボックスよりブラシツールを選択し、描画色「黒(#000000)」のソフトブラシで、不要な部分をペイントしていきましょう。今回は、人物モデルの顔エリアを中心にマスキングしできます。

 

5ways-color-change-in-photoshop-15

 

 

より効果的に色の置き換えを行いたいときは、「色相・彩度」新規調整レイヤー用パネルより指スクラブツールにチェックを入れ、色を置き換えたい部分をクリックしながらドラッグすることで「彩度」を調整できます。また、Command/Ctrlを押しながらクリック+ドラッグすることで「色相」を調整できます。これによって、顔部分など不要な部分へのエフェクトの影響が軽減され、マスキングしやすくなります。

 

このテクニックのポイントとしては、髪の毛など選択範囲を指定しにくい部分にも、色の置き換えがうまく反映されるので、ナチュラルで違和感のない仕上がりを実現できます。

 

5ways-color-change-in-photoshop-16

 

 

 

05. 「ブランドカラーに合わせてソファーの色を変更したい。」

5ways-color-change-in-photoshop-17

 

まずは、色の置き換えを行いたいスウォッチカラーを指定します。ここでは、円形の選択範囲を黄色でペイントしています。

 

5ways-color-change-in-photoshop-18

 

 

ツールボックスより「スポイトツール」を選択し、Shiftキーを押しながら、利用したいスウォッチカラーと色を置き換えたい部分の2ヶ所を同時に選択しましょう。「情報」パネルを開き、「Labカラー」に変更しましょう。

 

Labカラー」は、それぞれの頭文字が異なる色合いを表しており、L が明るさ、a はCamera Rawの「色かぶり補正」を表現しており、値が低いほど緑っぽく、値が高いほどマゼンタっぽい色になる。b は、Camera Rawの「色温度」を表し、値が低いほど青が強く、高いほど黄色っぽい色合いとなります。

 

5ways-color-change-in-photoshop-19

 

 

「新規調整レイヤー」の「トーンカーブ」を追加し、Command/Ctrlキーを押しながら、カラーピッカーで選択した色の置き換えを行いたい点を再度クリックしましょう。続けて、スポイトツール#2の値を「情報」パネルで確認しながら、変更したい色#1の値に近づけていきます。まず、a の値を揃えた様子で、やや紫がかった色合いに。

 

5ways-color-change-in-photoshop-20

 

 

次に b の値も揃えていきましょう。ここで値を変更すると、 L や a の値も連動して変更されるので、うまくいくまで何度か再調整する必要があるでしょう。ちなみに2つ並んだ数字は、左が変更前、右が変更後を表しています。

 

5ways-color-change-in-photoshop-21

 

 

最終的にスポイトカラーの#1と#2の値を近づけた様子がこちら。光の反射も考慮され、本物そっくりの質感でソファーの色の置き換えを行うことができました。

 

5ways-color-change-in-photoshop-22

 

 

今回紹介したテクニックの詳しい詳細は、以下の動画チュートリアルを確認することができます。これで、フォトショップをつかってどんなものでも自由に色の置き換えを行うことができました。

 

 

参照元リンク : 5 Ways to Change the Color of ANYTHING in Photoshop by TutVid – YouTube

フォトショップで色の置き換えをマスターする5つの鉄板テクニック【保存版】PhotoshopVIPで公開された投稿です。


センスいいね!と一目おかれるPhotoshopテクニック、チュートリアルまとめ 2017年9月度

$
0
0

animal-photo-manipulation

 

最新版 Photoshop CC 2017では、大幅なアップデートによってさまざまな機能が追加、強化され、さまざまなデザインをより手軽に表現できるようになっています。

 

しかし、どんどんPhotoshopが進化している反面、基本的な使い方を知らなかったり、いつも同じ機能しか利用していないというひとも多いのではないでしょうか。今回は、デザインの現場で役立つ実用的なテクニックを学ぶことができる、最新Photoshopチュートリアルをまとめてご紹介します。

 

いままで自己流でPhotoshopを使っているひとや、初心者のひとにもオススメしたい、目からウロコなPhotoshopの使い方を習得してみましょう。

 

http://photoshopvip.net/104291

 

 

センスいいね!と一目おかれるPhotoshopの最新テクニック、チュートリアルまとめ

 

月明かりを自由自在にデザインする方法

2枚の異なる写真をうまく合成し、カーブ調整レイヤーを利用することで、月明かりを自在に操ることができるチュートリアル。

moon-fire-feature

 

 

 

異なる複数の写真をナチュラルに合成する方法

写真から特定エリアのみを切り抜く方法にはじまり、マスク機能を利用することで、圧倒的な構図を実現するテクニック。

combine-selections-and-masks

 

 

 

立体的なUIコンポーネントを作成するシンプルなテクニック

長方形ツールなどシンプルな機能を利用するだけで、全方位に対応した3Dな見た目を実現できるチュートリアル。

isometric-illustrations

 

 

 

Photoshopの写真合成にまつわる基本ガイド

写真の選び方やレイヤーの重ね方、マスクの適用方法や描画モードの使い方など基本テクニックをまとめた完全版。

basic-guide-to-compositing

 

 

 

幻想的で美しい天の川をデザインする方法

通常の写真ではうまく撮影するのが難しい星空を、Photoshopを使うことでキラキラに輝く天の川に仕上げます。

milky-way-images-to-get-contrast-colors

 

 

 

魅力的な白黒写真をデザインする方法

フィルタやマスク機能、スマートオブジェクトを利用することで、普段の白黒写真よりドラマチックな情景を表現できるテクニック。

dramatic-black-white-photo

 

 

 

日中撮影した写真を夜の風景に仕上げる方法

デザイン制作のなかでも需要の高いテクニックで、写真の明るさを調整方法にはじまり、空に星を追加する方法を学びます。

day-to-night-final-min-min

 

 

 

覚えておきたい人気のテキストエフェクト10種類まとめ

透明ガラスやメタル板、ネオンサイン、型押しやエンボス加工、キラキラ文字などどれも覚えておきたいPhotoshopのテキストエフェクト10種がそれぞれ詳しく紹介されています。

10-useful-layer-style-text-effect

 

 

 

水彩ペイントで描いた銀河宇宙のテキストエフェクトの作り方

水彩テクスチャを利用し、文字テキストの選択範囲を指定することで、見た目以上に手軽にエフェクトを追加できるテクニック。

create-a-watercolor-galaxy-effect-photoshop-hero-1200x580-1

 

 

 

キラキラに輝く3D黄金テキストエフェクトの作り方

Photoshopの3Dツールの詳しい使い方にはじまり、ブラシツールや調整レイヤーなどを活用することで、光沢感たっぷりな文字テキストを実現します。

3d-anniversary-text-effect-850

 

 

 

スチームパンク風のGIFテキストアニメーションを作成する方法

たくさんの歯車を利用したビンテージな写真を使い、シンプルなテクニックのみでユニークなGIFアニメーションを作成できるチュートリアル。

 

 

 

お好みの形でオリジナルの雲ブラシを作成する方法

フリーストック写真から切り抜いたハート型の雲を使って、自分だけのオリジナルPhotoshopブラシを作成するチュートリアル。

cloud-brush-in-photoshop

 

 

 

リアルなレンズフレアを作成する方法

長いことデザイナーに愛されるエフェクトのひとつで、描画モードやブラシツールのユニークな使い方で、本物そっくりのレンズフレアを作成します。

lens-flare-hp

 

 

 

爆発したようなカラフルな風景をデザインする方法

Photoshopブラシを組み合わせることで、オリジナルの水彩テクスチャを作成するチュートリアル。

explosion-disintegration-effect

 

 

 

違和感のないよりナチュラルな見た目の写真合成テクニック

マスク機能を使った写真合成術で、不要なエリアをブラシでぼかす小技が披露されています。全体の色を統一するのに、海の色から抽出されたカラー調整レイヤーを重ねるのもポイント。

selective-blending-and-photoshop-tricks-1200x675

 

 

 

ロマンチックな風景を表現する写真合成テクニック

駅で待ち合わせをするカップルに合わせて、美しい夕焼けを表現するライティングエフェクトのチュートリアル。

romantic-photo-manipulation

 

 

 

戦場をコンセプトにしたゲームのような風景をデザインする方法

ここではぼかしエフェクトや雨が降っているようなエフェクトを実現する写真合成チュートリアル。

battlefield-27a

 

 

 

超立体的なインフォグラフィクスを作成する方法

実際の統計と魅力的なビジュアルを組み合わせたインフォグラフィクスの作り方を学びます。

3d-infogrgaphic-template

 

 

 

漫画をベースにしたラインアートのイラストをデザインする方法

あらかじめ手書きしたスケッチ画のトレースは時間のかかる作業ですが、Photoshopのブラシツールを利用することで素早く行うことができるテクニックが披露されています。

mantsun-intro-2

 

 

 

幻想的なアブストラクト系SFデザインを作成する方法

複数の写真イメージをナチュラルに合成し、自然な仕上がりのライティングエフェクトの表現方法を学びます。

scifi50-final-1

 

 

 

エッフェル塔をモチーフにしたユニークな写真合成テクニック

Photoshopの便利なマスキングやライティングエフェクトを駆使することで、自然な仕上がりの写真合成を実現します。

surreal-photo-manipulation-of-the-eiffel-tower

 

 

 

アーティスティックな3Dテキストエフェクトの作り方

超立体的に描かれたテキストエフェクトをうまく写真と合成し、ナチュラルな仕上がりを演出するチュートリアル。

artistic-3d-type-opener

 

 

 

Photoshopで被写界深度を調整できるぼかしエフェクト

選択ツールとマスクツールを使って、写真の背景を手軽にぼかすテクニックが紹介されています。

add-a-depth-of-field-blur-effect

 

 

 

素早い動きを表現するぼかしエフェクトの作り方

写真により躍動感を演出、追加できる基本的なぼかしエフェクトの表現方法を学びます。

mition-blur-effect

 

 

 

鏡に写ったような写真加工エフェクトの作り方

新規調整レイヤーやフィルタ機能、全体を統一するグラデーションカラーなど、基本的で実践的なテクニックを学びます。

fractal-mirror-effect-photoshop

 

 

 

ストック写真などに使われているウォーターマークを取り除く方法

写真の無断利用に対応するウォーターマークを、フォトショップを使って除去するテクニックを紹介。

how-to-remove-watermark-from-stock-images-in-photoshop

 

 

 

木版にロゴを彫ったようなモックアップの作り方

スマートオブジェクト機能を活用することで、いつでもカスタマイズ可能な本物そっくりのロゴ用モックアップを作成します。

mockuppreview-1

 

 

 

レザーテクスチャに型押ししたロゴデザイン用モックアップの作り方

こちらもいつでも自由にカスタマイズ可能な、スマートオブジェクト機能をつかったモックアップをデザインします。

leather-stamp-logo-mockup

 

 

 

紙に型押しされたレタープレス風ロゴ用テンプレートの作り方

エンボス加工のロゴを表現する、カスタマイズ可能なモックアップ素材を作成するチュートリアル。

embossed-paper-logo-mocup

 

 

 

立体的に折りたたまれた地図用モックアップをデザインする方法

完成したモックアップ素材は、スマートオブジェクト機能を使っていつでも自由に差し替えることができます。

isometric-map-mockup-action

 

 

 

水しぶきが印象的なテキストエフェクトの作り方

水テクスチャを活用した本格的なテキストエフェクトで、リアルな水しぶきをレイヤースタイルやブラシツールを使って表現します。

spalshing-water-text-effect

 

 

 

ソフトなパステルカラーが美しいテキストエフェクトの作り方

グラデーションカラーとブラシを利用するだけで完成する、超お手軽なテキストエフェクト。

soft-pastel-text-effect-qt-850

 

 

 

写真合成でホラー映画のワンシーンのような風景をデザインする方法

雲が立ち込める山を描き、そこに枯れた樹木やカラスの群れなどを追加していく写真合成テクニック。

creepy-lady-on-dark-mountain

 

 

 

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

まず石テクスチャと顔写真を合成するテクニックを学び、そのあとにリアルな炎をデザインします。

rage-planet-flatten-fea

 

 

 

エイリアンの地球襲撃シーンをデザインする方法

何気ない風景写真を銃弾の飛び交う戦場に切り替え、エイリアンやリアルな炎を追加することで、デザインに奥行き感を表現するテクニック。

epic-scene-of-alien-inavsion

 

 

 

フォトショップで色の置き換えをマスターする5つの鉄板テクニック【保存版】

どんなモノでも自由に色を変更することができる5つのテクニックをまとめて紹介しています。Photoshopの切り抜きと合わせて覚えておくと便利な小技が揃います。

5ways-to-change-the-color-of-anything

 

http://photoshopvip.net/10-cropping-tips-in-photoshop

 

サムネイル@ : How to Create a Surreal Animal Photo Manipulation with 10 Photos in Adobe Photoshop – Tuts Plus

センスいいね!と一目おかれるPhotoshopテクニック、チュートリアルまとめ 2017年9月度PhotoshopVIPで公開された投稿です。

ハロウィンで大活躍!あっと驚く高品質な無料デザイン素材50個まとめ【2017年保存版】

$
0
0

huge-halloween-collection-2017-feat-image

 

毎年10月31日に行われる「ハロウィン」。ここ日本でも、ハロウィン衣装やコスプレなどを楽しむひとを多数見かけるようになってきました。

 

今回はそんなハロウィン気分を盛り上げる無料のデザイン素材をまとめてご紹介します。日本語にも対応したイラストをはじめ、商用利用も可能なフリーフォント、ベクター素材、アイコンなどの他に、Photoshopで完成させるデザインチュートリアルなどをまとめた2017年保存版となっています。

 

http://photoshopvip.net/55808

http://photoshopvip.net/52993

 

 

ハロウィンで大活躍!あっと驚く高品質な無料デザイン素材まとめました。

 

「ハロウィン」のイラスト文字

かぼちゃやコウモリで楽しくデザインされた、「ハロウィン」のイラスト文字です。

halloween_text_j

 

 

 

ハロウィンの仮装のイラスト「トリック・オア・トリート」

ハロウィンの仮装コスチュームを着た子供達が、お菓子入れを持って「トリック・オア・トリート!」とキャンディをもらっているイラストです。

halloween_trickortreat

 

 

 

お化け屋敷のイラスト

可愛いお化けが周りを飛んでいる、ボロボロのお化け屋敷のイラストです。

obakeyashiki

 

 

 

HaWe: Halloween Vector Toolkit

ハロウィンをコンセプトにかわいいイラストで描いたベクター素材45個セットで、AiファイルのほかにEPSやSVG、PSD、PNGファイル形式にも対応。同時に、手書きの質感を強く残したフォント素材も収録しています。

huge-halloween-collection-2017

 

 

 

Halloween Special Vector Set

ハロウィンをモチーフに手書きされたイラスト50種類が揃ったベクター素材セット。

halloween-special-vector-sret

 

 

 

Happy Halloween Vector

ハロウィンパーティーをモチーフにデコレーションされたベクター素材。

happy-halloween-vector

 

 

 

Jack Reacher Typeface

ベースラインをバラバラにすることで、ハロウィン感をより演出できるセリフ書体のフリーフォント。

jack-reacher-typeface-1

 

 

 

Double Feature Font

ドロっと溶けたような風合いを演出できる太字フリーフォント。

double-feature-font-1-original

 

 

 

Story Brush Font

細部まで作り込まれたブラシフォントで、Regularと斜体の2スタイルが収録されています。

story-brush-font

 

 

 

Before Collapse Font

ひび割れ具合をうまく表現した太字のホラー系フォント、個人利用のみ可能となっています。

before_collapse

 

 

 

Groovy Ghosties

お化けをモチーフにデザインされたかわいい手書きイラストフォント。

groovy_ghosties

 

 

 

Monsterfreak Font

絶妙なカスレ具合を表現した手書きフォントで、大文字アルファベットと数字、記号に対応。

monsterfreak-font-1-original

 

 

 

Gypsy Curse Font

商用利用にも対応したホラー系フリーフォントで、ハロウィンの季節にもぴったりなデザイン。

gypsy-curse-font-1-original

 

 

 

Ghoulish Font

古いホラー映画にインスパイアされたフリーフォント作品で、恐怖感を演出したいときに。

ghoulish-font

 

 

 

Shlop Font

商用利用にも対応したドロドロ系ハロウィンフォント。

shlop-font

 

 

 

Skeleton Bones Text Effect Photoshop Free Style

骸骨の骨でできたようなテキストエフェクトを完成させるPhotoshopレイヤースタイル。

skull-bones-text-effect-photoshop-free

 

 

 

Halloween Label Brushes

スタンプ感覚で利用できるブラシ素材で、7種類のハロウィン用ラベルデザインを作成します。

halloween-label-brushes

 

 

 

Free Halloween Vector Badges

文字テキストを編集するだけでそのまま利用できるラベル、バッジ風ベクター素材セット。

halloween-vector-badges

 

 

 

Watercolor Halloween Pattern

水彩ペイントで描かれたハロウィンモチーフのベクターパターン素材で、AiとEPSファイル形式で収録されています。

halloween-pattern

 

 

 

12 Free Halloween Patterns in Orange

お好みの選択範囲を継ぎ目のないデザインパターンで表現できるテクスチャ素材12枚セット。

halloween-pattern-backgrounds_-1-orange

 

 

 

12 Seamless Patterns in Purple

上記アイテムと同スタイルですが、こちらではむらさき色を基調にした組み合わせを楽しむことができます。

halloween-pattern-background-1-1-purple

 

 

 

手描きイラストを使って継ぎ目のないパターンテクスチャを作成する方法

大小さまざまに描かれたヘタウマなかぼちゃデザインを使って、シームレスパターンを作成するチュートリアル。

how-to-create-halloween-pattern

 

 

 

Free Hand Drawn Halloween Patterns

手書きのイラストが印象的なパターンテクスチャで、5種類のデザインが収録されています。

madisonangus_free_handdrawn_halloween_pattern_prev01_151016

 

 

 

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

Photoshopのレイヤースタイルを利用することで、見た目以上に簡単に作成できるデザインチュートリアル。

slime_final

 

 

 

真っ赤な血でできたテキストエフェクトの作り方

こちらもレイヤースタイルを順番に設定していくことで完成する、お手軽テキストエフェクト用チュートリアル。

blood-text-effect

 

 

 

 フレディ・クルーガーのテキストエフェクト

ホラー映画『エルム街の悪夢』シリーズの登場人物をモチーフにしたテキストエフェクト。

freddy-krueger

 

 

 

ポートレイト写真をがいこつ風に仕上げる方法

テクスチャなどの素材を利用せずに、ブラシで直接ペイントすることで表現したデザインチュートリアル。

skullmakeup_finalbfaf

 

 

 

ハロウィンモチーフの壁紙をデザインする方法

実際にかぼちゃのストックフォトを利用しエフェクトを追加していくチュートリアルで、印象的な背景デザインの作り方もポイント。

halloween-wallpaper

 

 

 

Vintage Vector Skull Shapes Collection

古い書物からスキャンされたビンテージスタイルのがいこつベクター素材セット。

vintage-vector-skull-shapes-collection-photoshop-brushes

 

 

 

Background of dark graveyard with zombie hands

そのままポスターなどの背景に利用できる、ゾンビ好きにおすすめしたいベクターイラスト素材。

background-of-dark-graveyard-with-zombie-hands_23-2147569582

 

 

 

12 Halloween Symbols

スタンプ感覚で利用できるハロウィン用バッジデザイン12種類。

halloween-symbol-set-1

 

 

 

Vintage halloween party poster

ハロウィンパーティーのイベントフライヤー、招待状に活用したいテンプレートで、Illustrator用Aiファイルで収録されています。

vintage-halloween-party-poster_23-2147695433

 

 

 

halloween-pumpkin-free-psd-icons

 

 

 

20 Halloween Bat PS Brushes vol.7

こうもりをコンセプトに20種類のブラシ素材が揃います。

20-halloween-bat-ps-brushes-abr-vol-7

 

 

 

20 Halloween PS Brushes vol.11

かぼちゃや死神、がいこつなどホラー系デザインを揃えたブラシ素材セット。

20-halloween-ps-brushes-abr-vol-11

 

 

 

Free Photoshop Horror Brushes for Halloween

ホラー映画にでてきそうな恐怖系ブラシ素材11種類が揃います。

free-horror-brushes-for-photoshop

 

 

 

Halloween Horror PS Brushes

halloween-horror-ps-brushes

 

 

 

12 Creepy Tree Brushes

枯れた樹木のシルエット12種類を揃えたブラシ素材セット。

halloween-trees-creepy

 

 

 

20 Scar PS Brushes

皮膚を縫い付けたようなエフェクトをブラシひとつでさいげんできる、写真合成などに便利なアイテム。

20-scar-ps-brushes

 

 

 

Blood Brushes

大量に流れる血をリアルに表現できるブラシ素材セット。

blood_brushes_by_keren_r

 

 

 

18 Zombie Photoshop Brushes for Halloween

ゾンビデザインだけを集めた、ゾンビ好きのためのゾンビブラシ素材セット。

halloween-zombie-brushes

 

 

 

10 Vector Halloween Patterns

水彩ペイントで描かれた魔女やかぼちゃ、カラスなどハロウィン度満点のパターンテクスチャ素材セットで、AiファイルやEPS、JPGファイル形式で収録されています。

10vector-halloween-patterns-110vector-halloween-patterns-210vector-halloween-patterns-310vector-halloween-patterns-4

 

 

 

Halloween Icon Pack

ハロウィンにまつわる50種類のアイコン素材をSVGとPNGファイルで収録したパックで、ウェブサイトにも使いやすいアイテム。

halloween-icon-pack-free-preview-1

 

 

 

Halloween Icons

SVGとPNGファイル形式で収録された、かわいいイラスト風アイコン素材セット。

halloween-icons

 

 

 

Halloween Icon Set Sketch Resources

太めのアウトラインで描いたかわいい系のアイコンセットで、デザインアプリ Sketch に対応した素材。

halloween-icon-set

 

 

 

Halloween Icon Pattern Set

ベクターファイル形式で収録されたアイコン素材セットで、一緒に継ぎ目のないパターンテクスチャも収録しています。

halloween-set

 

 

 

Halloween Cute Monsters

頭が大きくかわいいモンスター風アイコン素材6個セット。

halloween-cute-monster

 

 

 

22 Creepy Halloween Icons

ウェブサイトで利用することを想定したアイコン素材セットで、豊富なアイコンサイズが揃ったPNGファイル形式。

22-creepy-halloween-icons

 

 

 

cute-icons-for-halloween

 

 

 

Free Halloween Icon Set

どんなデザインにも合わせやすいシンプルなアイコン素材セットで、アウトラインとベタ塗り、カラーの3スタイルが用意されています。

free_halloween_icon_set-01

 

 

 

Halloween Icon Using Sketch

デザインアプリ Sketch に対応したアイコン素材セットで、12種類のハロウィンデザインが揃います。

halloween-icons-using-sketch

 

 

サムネイル@ : HaWe: Halloween Vector Toolkit – Veila.me

ハロウィンで大活躍!あっと驚く高品質な無料デザイン素材50個まとめ【2017年保存版】PhotoshopVIPで公開された投稿です。

Photoshop加工、レタッチアイデア集!実用的なチュートリアル、作り方まとめ 2017年10月度

$
0
0

latesttutorial2017oct-feat-image-1

 

クリエティブな発想やアイデアを形にできるPhotoshop。今回は、デザインの参考にしたい実践的な最新Photoshopチュートリアルや作り方をまとめてご紹介します。

 

デザイン案件でもよく見かける基本テクニックから、プロレベルの本格的なデザインの作り方まで幅広いPhotoshopの使い方を学ぶことができる新作チュートリアルをまとめています。新しいデザインの技をしっかり身につけ、今後のデザインに活かしてみましょう。

 

http://photoshopvip.net/104971http://photoshopvip.net/104971

 

 

Photoshop加工、レタッチアイデア集!実用的なチュートリアル、作り方まとめ

 

写真を色鉛筆で塗りかけのスケッチ画風に仕上げる方法

実際に鉛筆で紙に書いたスケッチをブラシに変換し、写真にはフィルタを適用するだけのお手軽さがポイントの写真加工チュートリアル。

colored-pencil-sketch-effect-action

 

 

 

ぽたぽたとペンキが垂れるドリッピング・エフェクトをスケッチがに追加する方法

上記で紹介した写真をスケッチ画にするテクニックに、さらにワンステップ加えたデザインエフェクト。

dripping-paint-photoshop-effect

 

 

 

写真と手書きスケッチを組み合わせたデザインエフェクト

写真の一部分のみを手書きでスケッチしたように仕上げるテクニックで、アクション素材として作り方を登録することも可能。

sketch-vs-camera-photoshop-tutorial

 

 

 

写真を雪景色に仕上げる方法

用意したテクスチャを重ねることで実現できるテクニックで、描画モードの設定がポイントになります。

create-realistic-snow-photoshop

 

 

 

写真に被写界深度(英: Depth of Field)を追加する方法

一眼レフカメラで撮影したような、写真の一部にピントがあっている様子を表現できる写真加工エフェクト。

add-a-depth-of-field-blur-effect

 

 

 

キリンにペンキで柄をペイントする写真合成テクニック

広大なアフリカの大地をバックに、野生動物たちを違和感なく合成させ、キリンを自由な柄でペイントします。

giraffe-composition

 

 

 

ごうごうと燃える炎テキストエフェクトの作り方

炎フィルタ機能を利用することで、本物そっくりの炎を描くことができるチュートリアルで、同時に煙や火花テクスチャなどを合成することで、よりリアルな仕上がりに。

flame-text-effect

 

 

 

海外ドラマStranger Thingsのテーマロゴを作成する方法

暗闇にぼんやりと浮かび上がるネオンのようなエフェクトで、レイヤースタイルを設定するだけのお手軽チュートリアル。

stranger-things-text-effect-850

 

 

 

本物そっくりなPhotoshop水彩絵の具ブラシを作成する方法

実際に絵の具で画用紙にペイントした風合いを、そのままPhotoshopブラシ素材として利用できる方法をまとめた実践チュートリアル。

realistic-watercolor-photoshop-brush

 

 

 

ボロボロに朽ち果てた金属プレートをデザインする方法

レイヤースタイルを調整することで、好みのビンテージ度に仕上げることができるデザインテクニックのひとつ。

old-vintage-metal-sign-in-photoshop

 

 

 

文字テキストにカーブをつける3つの方法

ワープツールやシェイプツールに沿って文字テキストを入力するなど、覚えておきたい基本テクニックがまとめて紹介されています。

curve-text-3way

 

 

 

型押しレタープレス風ロゴ用モックアップの作り方

まるで厚紙にプレスしたような仕上がりを実現できるエフェクトで、モックアップ素材なのでロゴ以外にも文字テキストやシェイプなどにも活用できます。

pressed-paper-logo-mockup

 

 

 

窓ガラスに写っているような写真加工アクションの作り方

2枚の写真を重ねることで、まるで外の景色を眺めている様子に仕上げるアクションで、一度作成しておけば再生ボタンひとつでエフェクトを実現できます。

fake-glass-window-action

 

 

 

平凡な写真に石ころが飛び散るユニークなエフェクトを追加する方法

 お好みのツールで選択範囲を指定したら、作成した背景デザインに合わせてエフェクトを追加していきます。

rock-blast-effect-action

 

http://photoshopvip.net/10-cropping-tips-in-photoshop

 

 

ポートレイト写真をホラー写真のように仕上げる方法

ハロウィンシーズンにぴったりな写真加工エフェクトで、手軽な方法でホラー作品に仕上げることができます。

create-spooky-photo-effect

 

 

カラフルなブラシでペイントされたポートレイト写真をデザインする方法

あらかじめ用意した写真を元に、Photoshopブラシでなぞっていく過程を細かく紹介したデジタルペイント向けチュートリアル。

abstract-brush-portrait

 

 

 

Instagramスタイルの魅力的な写真加工エフェクトを作成する方法

選択ツールで部分的に選択した部分にのみエフェクトを追加するマスキングテクニックを学び、圧倒的なグラフィックデザインに仕上げます。

instagram-style-sports-photo-edit

 

 

 

SF映画のような風景写真をデザインする方法

複数の合成し、謎の惑星をイメージしたSF映画のようなワンシーンに仕上げる、本格的な写真加工チュートリアル。

scifi-final

 

 

 

手書きと写真を組み合わせた、ミックス・デジタル・ペイントを作成する方法

さまざまな実践的なテクニックを学びながら、Photoshopならではのペイントテクニックを学びます。

create-this-stylish-mixed-media

 

 

 

炎を上げて爆発している惑星をデザインする方法

まるで惑星が怒り狂っている様子を表現するユニークな写真合成チュートリアルで、違和感のない高度なライティングエフェクトを完成させます。

rage-planet-flatten-fea

 

 

 

「死者の日」をモチーフにしたテキストエフェクトの作り方

メキシコなどラテンアメリカにおける祝日のひとつ「死者の日」をモチーフに、花柄パターンのビンテージ風テキストエフェクトを仕上げます。

day-of-the-dead-inspired-text-effect-600

 

 

 

脳みそをテーマにしたグロテクス系テキストエフェクトの作り方

それぞれ異なるレイヤースタイルを設定した文字レイヤーを重ねることで、よりリアルな質感を表現できるテクニック。

brain-text-effect

 

 

 

ツンツンに尖ったメタルテキストをデザインする方法

Photoshopの3D機能を活用することで、超立体的な仕上がりを実現できるメタル系テキストエフェクト。

3d-spiky-text-effect-850

 

 

 

ゲームのような3D芝生をデザインする方法

立方体に描かれた芝生の地面を使って、お好みの文字を描くテキストエフェクト。

3d-grass-text-effect-in-photoshop

 

 

 

淡いグラデーションが美しいiPhone用壁紙をデザインする方法

あらかじめ用意したテクスチャ素材を活用することで、手軽に魅力的なグラフィックを表現する方法を学びます。

iphone-wallpaper-final

 

 

サムネイル@ : Create a Painted Giraffe Composition – Photoshop Creative

Photoshop加工、レタッチアイデア集!実用的なチュートリアル、作り方まとめ 2017年10月度PhotoshopVIPで公開された投稿です。

これどうやって作る?参考にしたいIllustratorのすごいチュートリアルまとめ

$
0
0

minions-in-adobe-illustrator

 

毎月、新しく公開されたIllustratorの使い方を体感的に学ぶことができるチュートリアルをまとめています。今回は、「これ、どうするの?」といったIllustratorの基本テクニックから、覚えておくと目からウロコな実践向けデザイン小技、そしてより高度なイラストテクニックまで幅広いセレクションが揃います。

 

覚えておきたい基本ツールの使い方を、実際にデザインを行いながら覚えることで、即戦力となるデザインテクニックを学ぶことができます。また、最新グラフィックデザインのトレンドを意識した、新しいツールの使い方や活用方法を知るのにもぴったりです。

 

http://photoshopvip.net/104636

 

 

これどうやって作る?参考にしたいIllustratorのすごいチュートリアルまとめ

 

シロクマをシルエットにしたベクターイラストをデザインする方法

グラフィックデザインのトレンドにもなっている、イラストを上手に描くことができるようになる動画チュートリアル。

purple-polar-bear-silhouette-vector

 

http://photoshopvip.net/98490

 

 

大きな宝石の原石をモチーフにしたロゴデザインの作り方

多面立方体のポリゴンロゴをデザインするチュートリアルで、美しいグラデーションカラーを表現できる方法を紹介しています。

gem-logo-sm

 

 

 

黄金比をつかったロゴやアイコンのデザイン方法

「黄金比をデザインに取り入れたいけど、やり方がよく分からない。」そんなひとにオススメしたい動画によるデジザインチュートリアル。ロゴを実際に作成しながら、応用方法も紹介されています。

golden-ration-for-logo

 

http://photoshopvip.net/82733

 

 

手軽にオリジナルのカラーフォントを作成する方法

Illustrator拡張プラグイン Fontself を使えば、色付きのベクターフォントを自由に作成することができます。

color-font-in-a-few-simple-steps

 

 

 

iPhone X ロゴエフェクトを再現する方法

こちらはMac専用デザインアプリ Pixelmator を使ったチュートリアルで、先日発売されたばかりの iPhone X のカラフルなロゴを完全再現しています。

iphonex_colorful_bg

 

 

 

たくさんのクリスマスプレゼントをデザインする方法

さまざまな形のボックス箱をデザインし、メッシュツールを利用することで美しいグラデーションを表現できます。

christmas-presents-in-the-snow

 

 

 

古いアンティークな羅針盤をデザインする方法

基本グリッドの設定から、シェイプを中央に配置する方法や曲線の描き方、アピアランスパネルの使い方など実践的なテクニックを学びます。

windrosecompasssymbol0

 

 

 

チュニジア風モチーフをデザインする方法

チュニジアで見かけるセラミックのデコレーションをヒントに作成されたデコレーションパターン。

tunisiann-inspired-motif

 

 

 

焼き立てベーグルを使ったテキストエフェクトの作り方

黒ゴマをパラパラとちらし、焼き加減ばっちりのベーグルでできたテキストエフェクトは、本物そっくりの見た目。

tasty-bagel-text-effect

 

 

 

ロココテキストエフェクトの作り方

18世紀ごろのフランスを期限とするデザイン文化「ロココ」の特長でもある、豪華なデコレーションを施したテキストエフェクト。

rococo-text-effect

 

 

 

Illustratorでグラデーションを自由に調整する方法

基本ですがしっかりと押さえておきたいテクニックで、色相や彩度の調整方法は目からウロコ。

edit-gradients

 

 

 

ザラッとしたレトロなテキストエフェクトの作り方

アピアランスパネルをうまく利用することで表現できる、グランジ系ビンテージエフェクトを学びます。

retro-text-effects

 

 

 

かすれたビンテージスタイルのロゴをデザインする方法

書体の並べ方や傾け方などの基本から、マスク機能とテクスチャを使ったグランジエフェクトの適用方法を詳しく紹介しています。

t-shirt-mockup-2
 

 

 

スーパーヒーローを題材にした絵文字をデザインする方法

コミカルで面白い表情豊かな絵文字をデザインするチュートリアルで、基本ツールのみで作成できる点もポイント。

set-of-superhero-emoji

 

 

 

音楽プレイヤー用UIアイコンセットの作成方法

とてもシンプルなシェイプツールを利用した基本チュートリアルで、再生や停止、巻き戻しボタンなどを分かりやすく表現します。

set-of-music-player-ui-buttons

 

 

 

セクシュアリティ、性別アイコンの作り方

男女はもちろん、レズビアンやゲイ、バイセクシャル、トランスジェンダーなどLGBTにも対応したアイコン作成チュートリアル。

sexualityicons0

 

 

 

レトロなキッチンスペースをデザインする方法

基本のシェイプツールやエフェクトを利用するだけで作成でき、配色カラーパレットの参考にもどうぞ。

retro-kitchen-in-adobe-illustrator

 

 

 

レトロインテリアなイラストの作り方

古いダイアル式のブラウン管テレビとビンテージな棚をインテリアしたデザインチュートリアル。

retro-interior-illustration

 

 

 

ブタの貯金箱をデザインする方法

ベクターシェイプを作成するライブコーナー機能テクニックを利用したチュートリアルで、光沢感のあるデザインを表現したいときにも有効。

piggybank

 

 

 

ホラー映画のような暗がりシルエットのデザイン方法

月明かりに照らされた熊のぬいぐるみの影が、モンスターのように変化するユニーくなイラストデザイン。

fear-of-the-dark-illustration

 

 

 

かわいいコウモリをモチーフにしたキャラクターを作成する方法

コミカルで可愛らしいキャラクターに仕上げたコウモリをデザインします。初めてのひとにもオススメしたいお手軽チュートリアル。

cute-bat-character-adobe

 

 

 

おばけのコスチュームを着たハロウィーンキャラクターの描き方

基本ツールやシェイプを使うだけで作成できるチュートリアルで、簡単なイラストを作成したいときに便利。

halloween-character-in-a-ghost-costume

 

 

 

街乗りチンチン電車をデザインする方法

クラシカルでどこか懐かしいチンチン電車を、直線を基本としたシンプルなシェイプのみで描きます。

tram-creating

 

 

 

音響恐怖症(英: Accousticophobia)をモチーフにしたイラストを作成する方法

変わったデザインテーマのチュートリアルで、シンプルなラインでキャラクターを表現するテクニックは、写真などにも応用できます。

acousticophobia-illustration

 

 

 

猫をモチーフにしたキャラクターイラストの作り方

サープツールを用いた曲線の描き方や、シンプルな光彩エフェクトやぼかしエフェクトなどを実践的に学びます。

cutecatcharacter0

 

 

 

リアルなホットドッグとハンバーガーをデザインする方法

やはりここでもメッシュ機能を最大限に活用することで、本物そっくりな光沢感や立体感をIllustratorで表現できるようになります。

hamburger-and-a-hot-dog

 

 

 

虹色レインボーなテキストエフェクトの作り方

線幅ツールに虹色を記憶しておけば、あとはなぞるだけでどんなデザインもレインボーカラーに仕上げることが可能。

rainbowtexteffect0

 

 

 

リボン付きのセール値札をデザインする方法

メッシュツールを利用することで、Photoshopで表現したような光沢感と立体感を表現できるテクニック。

sale-price-tags-and-decorative-bbows

 

 

サムネイル@ : How to Draw the Minions in Adobe Illustrator – Envatotuts+

これどうやって作る?参考にしたいIllustratorのすごいチュートリアルまとめPhotoshopVIPで公開された投稿です。

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

$
0
0

the-best-of-illustrator-2017-feat-image-1

 

不定期となりますが、Illustratorのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2017年12月分と一緒に、今年1年間のあいだに公開された中でも、特に確認しておきたいIllustratorのデザインチュートリアルをまとめてご紹介します。

 

分かりやすい解説でIllustratorの基本から、Photoshop顔負けのデザインエフェクトや2017年のトレンドでもある鮮やかなグラデーションや金箔、水彩絵の具スタイルなど人気デザインの作り方が揃います。年末年始にかけて、Illustratorの技を磨いてみてはいかがでしょう。

 

 

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

 

シロップのかかったパンケーキをデザインする方法

できたての美味しそうなホットケーキで、Photoshop顔負けのディテールにこだわる作品。

diana_pancakes_w_syrup_tut_final-min

 

 

 

水彩ペイントで描いた美しいマーメイドをデザインする方法

カラフルな色合いが特長のIllustratorをつかった水彩ペイントテクニックを学ぶチュートリアルで、美しいイラストを表現したいひとに。

watercolor-mermaid-illustration

 

 

 

カラフルなグラデーションをつかった球体の作り方

カラフルな配色が混ざり合ったユニークなグラデーションエフェクト。グラデーションメッシュ機能とワープ機能を使って、見事な球体を描きます。

gradient-orbs-sm

 

 

 

豪華なクリスマスプレゼントをデザインする方法

雪が舞う背景に合わせて、光沢感のあるサイズやカタチがさまざまなギフトボックスを、リアル感たっぷりに描きます。

christmas-presents-in-the-snow

 

 

 

キラキラと輝く雪をモチーフにした背景テクスチャの作り方

メッシュツールを利用することで、ぼかしテクニックの背景デザインを作成し、雪の結晶のカスタマイズブラシの作り方を学びます。

crystal-snow-lighting

 

 

 

美しい月夜をデザインする方法

メッシュツールの使い方を学び、より透明感のあるデザインの良い仕上げ方を覚えましょう。

beautiful-moonlight

 

 

 

幻想的な春の爽やかな風景をデザインする方法

メッシュツールとグラデーションツールをうまく利用することで、Photoshopで作成したような色の重なり方を表現できます。

create-a-spring-meadow-in-adobe-illustrator

 

 

 

カラフルな花がらの水墨画をデザインする方法

グラデーションメッシュ機能を利用し、Illustrator ではむずかしい淡い色合いを表現できるチュートリアル。

floaral-drawing-technique

 

 

 

写真にインスパイアされたベクターアートワークを作成する方法

ポートレイト写真をベースに、ベクターシェイプとエフェクトで仕上げるチュートリアル。

photo-inspired-vvector-artwork

 

 

 

みどり色のクルクルとした髪の毛の女性を描く方法

ブラシツールで髪の毛を描くことで、デザイン制作時間の短縮にもなり、仕上がりをより自然にするテクニックを学びましょう。

vectorcurly_final

 

 

 

フラットスタイルで描く、デザイナーキャラクターの作り方

オリジナルのイラストを作成したいときに参考になるチュートリアルで、Illustratorの基本ツールのみで魅力的なキャラクターを自由自在に作成できます。

latestillustrator201sep-feat-image

 

 

 

月明かりに照らされた動物のシルエットイラストのつくり方

散布ブラシを使って描く雲を影とブレンドさせたり、不透明度を調整したりと、詳しい部分まで紹介された動画チュートリアル。

animal-silhouette-moonlight-vecdtor

 

 

 

美味しそうなアイスキャンディーをデザインする方法

便利なツールの使い方を学びながらカラフルなアイスキャンディーを作成し、より魅力的に仕上げるテクスチャを使ったテクニックが披露されています。

vector-popsicles-sm

 

 

 

さまざまな雪の町並みをイラストで表現する方法

winter-city-scene

 

 

 

BBQをモチーフにしたイラストアイコンをデザインする方法

夏のイベントとしても人気のバーベキューをイラストで描くデザインチュートリアル。

bbq-camping-illustration

 

 

 

ポカポカとした冬の女性キャラクターの作り方

マフラーや手袋、ニット帽などを着用した、かわいい女性キャラクターをイラストで描くチュートリアルで、パスファインダーやクリッピングマスク機能などの実践的な使い方が紹介されています。

winter-girl-final-result

 

 

 

かわいいボストンテリアのイラストを作成する方法

hipster-dog-with-glasses

 

 

 

新郎新婦をかわいいフラットスタイルで描く方法

複数のワープエフェクトや基本ツールを駆使することで、シンプルなイラストを自由にデザインできます。

happy-wedding

 

 

 

Illustratorでミニオンズをデザインする方法

人気キャラクターをIllustratorの基本ツールのみで作成するお手軽チュートリアル。

minions-in-adobe-illustrator

 

 

 

イラスト風の招き猫をデザインする方法

なんとも縁起の良さそうな、キャラクター性たっぷりな招き猫をデザインする Illustrator チュートリアル。
maneki-neko

 

 

 

キャラクター風の猫をデザインする方法

簡単なステップのみで作成できるお手軽チュートリアルで、一度作り方を覚えれば応用の効くイラストテクニック。

27-kitten-illustration-gr

 

 

 

10種類のシンプルな花柄イラストをデザインする方法

基本のシェイプや機能を使うだけで、簡単に作成できるイラストデザイン用チュートリアルで、継ぎ目のないパターン作成にも◎。

folk-flowers-final-result

 

 

カラフルなトロピカルパターンをデザインする方法

Illustratorを使って、継ぎ目のないシームレスパターンを作成できるチュートリアルで、どんなデザインにも対応できます。

latestaiillustrator2017july2

 

 

 

ミッドセンチュリー風のイラストパターンを作成する方法

人気のレトロスタイルをモチーフにした鮮やかな配色で、夏をイメージしたかわいいシームレスパターンテクスチャを作成します。

mid-century-pattern

 

 

 

本を重ねたロゴデザインを作成する方法

基本的なシェイプで作成した本を重ねた、フラットスタイルのロゴデザイン。

06_books

 

 

 

黄金比をつかった、くじらロゴの作り方

シンプルなシェイプのみで完成させるこのロゴは、黄金比をうまくデザインに活用したユニークな手順を紹介しています。

golden-ratio-whale

 

 

 

黄金比をつかったロゴやアイコンのデザイン方法

「黄金比をデザインに取り入れたいけど、やり方がよく分からない。」そんなひとにオススメしたい動画によるデジザインチュートリアル。ロゴを実際に作成しながら、応用方法も紹介されています。

golden-ration-for-logo

 

 

 

カラフルなロゴデザインを作成する方法

基本のグラデーションを使ったシェイプを組み合わせることで、奥行き感を演出しながら魅力的なロゴを作成します。

logo-adobe-illustrtor

 

 

 

六角形のカラフルパターンを作成する方法

カラフルに色が変化する、継ぎ目のないシームレスパターンテクスチャの作り方を学びます。

hexagon-colorful-pattern

 

 

 

家具の組み立て展開図をデザインする方法

説明書を作成するときに参考にしたいテクニックで、実物の椅子を参考にデザインを作成します。

image080

 

 

 

情報をまとめた立体的な地図をデザインする方法

建物の名称や道順などを立体的に表現した地図を作成します。

informativemap_final

 

 

 

ラインアートで描いたシンプルなロゴをデザインする方法

人気のバッジスタイルのロゴを手軽に作成できるチュートリアル。

line-art-logo

 

 

 

古いアンティークな羅針盤をデザインする方法

基本グリッドの設定から、シェイプを中央に配置する方法や曲線の描き方、アピアランスパネルの使い方など実践的なテクニックを学びます。

windrosecompasssymbol0

 

 

 

ニット製パターンテクスチャの作り方

どんな柄でも自由にデザインできるチュートリアルで、動画を見ながらステップ順に学ぶことができます。

knit-pattern

 

 

 

継ぎ目のないペイズリー柄をデザインする方法

塗り絵のようにアウトラインのみで描かれたデザインパターンをシームレスに作成します。

paisley-pattern

 

 

 

美しいライン型グラフをデザインする方法

半透明のグラデーションを重ねることで、美しい色合いを表現できるPhotoshopのようなデザインテクニック。

line-graph-analytics

 

 

 

あやしく光るデジタルウェーブをデザインする方法

レイヤー状に重なるようにデザインする立体的な作品で、テクニックを応用することでお好みのシェイプやカラーリングに編集できます。

abstarct-geometric-lighting-effect

 

 

 

大きな宝石の原石をモチーフにしたロゴデザインの作り方

多面立方体のポリゴンロゴをデザインするチュートリアルで、美しいグラデーションカラーを表現できる方法を紹介しています。

gem-logo-sm

 

 

 

Illustratorで美しい配色を作成する方法

Adobe Color CC オンラインツールを利用することで、面倒な配色えらびも手軽に行うことができます。

create-quick-color-palettes-in-adobe-illustrator-1200x580

 

 

 

Photoshop用パターンをIllustrator用スウォッチに変換する方法

覚えておくと何かと役にたつデザインの小技。

convert-ps-pattern

 

 

 

水彩ペイントのテクスチャブラシの作り方

ブラシツールでペイントするだけで、まるで水彩絵の具のような質感でそのまま描くことができます。

watercolor-texture-brushes-in-adobe-illustrator-1200x580

 

 

 

Illustrator用パターンブラシの作り方

ボーダー線やフレーム枠などを作成するときに便利なパターンブラシを、オリジナルで作成する方法を紹介した動画チュートリアル。

pattern-brush-illustrator1

 

 

 

Illustratorでテクスチャの質感を表現する方法

水滴や水彩ペイント、ラスターエフェクト、散布ブラシの実践的な使い方などグラフィックデザインに必要なテクニックをまとめて学ぶチュートリアル。

create-texture-adobe-illustror

 

 

 

ビンテージなイラストをベクター化する方法

IllustratorとPhotoshopを使って、古い本などからスキャンしたイラストやロゴをベクター素材に変換する方法が紹介されています。

vintage-illustration

 

 

 

イラスト風に仕上げるポートレイトの作り方

写真をスキャンし、ペンツールを利用してイラストを完成させるコミック漫画テクニック。

simple-line-drawing

 

 

 

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

ハーフトーンや幾何学模様など、カラフルでレトロなスタイルを表現できる人気デザイン。

pop-art-tribute-to-e

 

 

 

デザインの周りに文字テクストを回り込ませる方法

Illustratorを使って、人物モデルの周りに文字テキストを囲むように配置するテクニック。

text-around-shapes-in-illustrator

 

 

 

IllustratorからWeb用素材を一気に書き出す!アセットの収集と一括書き出し

最新のIllustrator CCでは、複数の素材書き出しが必要な場合でもまとめて書き出せる新しい機能が利用できます。また、アイコンのように頻繁に変更されるアセットの書き出しも楽になります。

illustrator-asset

 

 

 

SF宇宙銃をデザインする方法

フラットスタイルで作成するチュートリアルで、グラデーションの詳しい使い方から、ブレンド機能をつかった影シャドウの作り方を学びます。

space-beam-gun

 

 

 

宇宙飛行をデザインする方法

シェイプの作成からグラデーションツールやパスファインダーパネル、移動ツール、クリッピングマスクの実践的な使い方を知りたいときに。

14-astronaut-flat

 

 

 

グラデーションが美しいくらげをデザインする方法

パスファインダーを使ったエフェクトに加え、ストロークパネルやグラデーションツールの基本的な使い方をレクチャー。

11-jellyfish

 

 

 

ファーストフード店のハンバーガーセットをデザインする方法

二段重ねの巨大ハンバーガーに、フライドポテトとドリンクも一緒にフラットスタイルで表現します。

final_result

 

 

 

サボテンをモチーフにしたアイコンパックのつくり方

cactus-plant-pack

 

 

 

理髪店にインスパイアされたアイコンセットの作り方

理髪店で利用される道具をモチーフに、落ち着いた配色で描いたアウトライン型アイコン。

tutorial-preview-large-3

 

 

 

宇宙へ発射するロケットをデザインする方法

ゼロから自由にイラストを完成させる動画チュートリアルで、左右対称のロケットデザインのつくり方なども参考に。

latestaiillustrator2017aug

 

 

 

夏の夕日をモチーフにしたイラストをデザインする方法

美しいグラデーションカラーにザラッとしたグランジテイストの追加方法を学ぶイラスト用チュートリアル。

subtle-summer-sunset-textured-illustration

 

 

 

リアルなタクシーをデザインする方法

基本的なツールを使いながら、立体的な仕上がりになるハイライトとシャドウのテクニックを詳しく学ぶチュートリアル。

taxi_car

 

 

 

リアルなホットドッグとハンバーガーをデザインする方法

やはりここでもメッシュ機能を最大限に活用することで、本物そっくりな光沢感や立体感をIllustratorで表現できるようになります。

hamburger-and-a-hot-dog

 

 

 

サマーバケーション風イラストをデザインする方法

メッシュツールの具体的な使い方を紹介したデザインチュートリアル。

travel_background_with_beach_chair_and_palms_and_wooden_sign_-1

 

 

 

手軽にオリジナルのカラーフォントを作成する方法

Illustrator拡張プラグイン Fontself を使えば、色付きのベクターフォントを自由に作成することができます。

color-font-in-a-few-simple-steps

 

 

 

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

超簡単ですぐにできるテクニックを動画チュートリアルを見ながら学びます。

design-vintage-logo-badge

 

 

 

80年代風メタルテキストエフェクトの作り方

Photoshopにも負けないグラフィックを作成できる、黄金に輝くテキストエフェクトを作成します。

80s-metal-text-effect-in-illustrator

 

 

 

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

長方形グリッドツールと基本的なブレンド機能を押さえることで完成させるチュートリアル。

retrochrometexteffect0

 

 

 

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

グリッドを利用して作成した文字テキストに、鮮やかなグラデーションカラーを加え、光沢感のあるデザインに仕上げます。

pixel-buddha-art-text-effect

 

 

 

カジノをモチーフにしたキラキラ系テキストエフェクトのつくり方

アピアランスパネルを最大限に活用するdチュートリアルで、パスの結合など覚えておきたいテクニックを中心に。

casinotexteffect0

 

 

 

ろうそくで自由な文字を作成する方法

キャンドルでできたアルファベット文字を作成するチュートリアルで、ブレンドツールの使い方や、文字テキスト用パスの作成方法など実践的な内容。

candlestexteffect0

 

 

 

焼き立てベーグルを使ったテキストエフェクトの作り方

黒ゴマをパラパラとちらし、焼き加減ばっちりのベーグルでできたテキストエフェクトは、本物そっくりの見た目。

tasty-bagel-text-effect

 

 

 

パターンをつかったタイポグラフィーの作り方

ブレンドモードを活用し、オリジナルパターンを手軽に作成できる方法を学びます。

pattern-letters-adobe-illustrator-1200x580

 

 

 

グランジ感のあるビンテージテキストのつくり方

シンプルなパターンのつくり方から、アピアランスパネルを利用し、いつでも編集可能なテキストエフェクトを作成していきます。

grungevintagetext0

 

 

 

木版画風テキストエフェクトの作り方

文字テキスト以外にもどんなデザインにも活用できるエフェクトで、ざらっとした質感を表現できます。

old-school-printing

 

 

 

シンプルなヒップスター系ロゴデザインの作り方

トレンドをつかったロゴの作成方法は、かすれ具合を強調するお手軽チュートリアル。

hipster-logo-text-effect

 

 

 

【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個PhotoshopVIPで公開された投稿です。

【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個

$
0
0

best-of-ps-tutorial-2017-1

 

新年あけましておめでとうございます。

 

当サイトでは毎月、Photoshopのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2017年のあいだに公開された中で、特に確認しておきたいPhotoshopのデザインチュートリアルをまとめてご紹介します。

 

分かりやすい解説で紹介されたPhotoshopの基本から、目からウロコのデザイン小技テクニックや、設定ひとつで完成のお手軽テキストエフェクト、Photoshopならではの本格的な写真合成テクニックまで人気デザインの作り方が揃います。新しい年がはじまり、Photoshopを始めてみようというひとにもぴったりなテクニックを揃えています。

 

http://photoshopvip.net/106314

 

 

【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個

 

美しい夕焼けに浮かぶ熱気球を合成する方法

オーロラや夕日など複数の写真を違和感なく合成する、マスキング手法を利用した実践向けテクニック。

hot-air-balloon-photo-manipulation-fea

 

 

 

深海の美しい景色をデザインする方法

フィルタ機能や調整レイヤー、スマートオブジェクトなどを利用して作成する、これぞPhotoshopな合成テクニック。

space-traveler-in-the-ocean

 

 

木にキラキラの照明ライトを追加する方法

指定した範囲にキラキラエフェクトを実行するPSアクションの作成手順が紹介されているので、一度作成すれば再生ボタンを押すだけでエフェクトが完成です。

add-lights-to-a-tree

 

 

 

花をデコレーションした人物ポートレイトを作成する方法

複数のイメージ写真を、基本的なブレンドテクニックを使って違和感なく合成するだけでなく、複雑なデザインを作成する方法も同時に学ぶことができます。

floral-portrait-photo-manipulation

 

 

 

リアルな花とタイポグラフィーを組み合わせるテキストエフェクト

latesttutorial2017jan

 

 

 

写真を手書きスケッチ風に仕上げる方法

Photoshopのエフェクト機能を利用したデザインチュートリアルで、スケッチ画と写真を組み合わせたような不思議なエフェクト。

sketch-action

 

 

 

写真を色鉛筆で塗りかけのスケッチ画風に仕上げる方法

実際に鉛筆で紙に書いたスケッチをブラシに変換し、写真にはフィルタを適用するだけのお手軽さがポイントの写真加工チュートリアル。

colored-pencil-sketch-effect-action

 

 

 

写真を水彩ペイント風に仕上げる方法

「ドライブラシ」と「ぼかし」エフェクトを適用するだけのお手軽チュートリアルで、どんな写真にも応用することができるテクニック。

create-watercolor-painting-effect-in-photoshop

 

 

 

写真と手書きスケッチを組み合わせたデザインエフェクト

写真の一部分のみを手書きでスケッチしたように仕上げるテクニックで、アクション素材として作り方を登録することも可能。

sketch-vs-camera-photoshop-tutorial

 

 

 

写真を手書きのスケッチ風に仕上げるPhotoshopアクションの作り方

用意した写真に、ブラシツールでペイントした部分のみスケッチ風に仕上げることができるアクション素材。

scribble-sketch-effect

 

 

 

ロゴや文字にグランジ感を追加する、3つのデザインテクニック

人気のレトロデザインに欠かせないグランジ感を手軽に演出できる、3つのシンプルなPhotoshopテクニックを学びましょう。

how-to-add-grunge-texture-in-photoshop

 

 

 

文字やイラストを黒板にチョークで描く方法

どんなデザインでもチョークのかすれ具合までばっちり再現できるテクニック。

create-realistic-chalk-lettering-effect

 

 

 

ゴム印のようなスタンプ風エフェクトの作り方

インクが滲んだようなエフェクトも見事に再現でき、どんなデザインにも応用できる覚えておきたいテクニックのひとつ。

rubber-stamp-effect

 

 

 

簡単テクニックで多重露光エフェクトを作成する方法

基本ツールのみを利用した11ステップの短いチュートリアルで、効果的なエフェクトを表現できます。

doubleexposure

 

 

 

ライティングにこだわった多重露光エフェクトの作り方

作り方を学びながら、同時にアクションファイルを作成し、ボタンひとつでエフェクトを再利用できるようになります。duotone-exporsition-effect

 

 

 

美しい多重露光エフェクトの作り方

簡単なステップのみで魅力的なDouble Exposure エフェクトを実現できるテクニック。

double-exposure-effect-in-photoshop-abduzeedo

 

 

 

Photoshopの写真合成にまつわる基本ガイド

写真の選び方やレイヤーの重ね方、マスクの適用方法や描画モードの使い方など基本テクニックをまとめた完全版。

basic-guide-to-compositing

 

 

 

夢のような風景デザインのつくり方

2枚の異なる写真を用意、合成することでマジカルな夜景に仕上げるテクニックを学びます。

composite-dreamsacape-in-photoshop

 

 

 

幻想的で美しい天の川をデザインする方法

通常の写真ではうまく撮影するのが難しい星空を、Photoshopを使うことでキラキラに輝く天の川に仕上げます。

milky-way-images-to-get-contrast-colors

 

 

 

日中撮影した写真を夜の風景に変更する方法

ほんの数ステップのみで実現できるテクニックで、動画で分かりやすく、詳しく解説したチュートリアル。

turn-day-to-night-photoshop

 

 

 

写真を雪景色に仕上げる方法

用意したテクスチャを重ねることで実現できるテクニックで、描画モードの設定がポイントになります。

create-realistic-snow-photoshop

 

 

 

写真の色をポップで鮮やかにする方法

撮影したお気に入りの写真をよりダイナミックで、色鮮やかにする実践的な5つのテクニックが動画で紹介されています。

five-ways-to-make-color-pop

 

 

 

フォトレタッチの極意8:見ごたえのある星空を演出する

今回は、星空写真をきれいに仕上げるための撮影からレタッチまでのワザを伝授します。

nature09_02after

 

 

 

デュオトーン写真加工エフェクトの作り方

2017年グラフィックトレンドのひとつで、シンプルな手順で再現できるお手軽チュートリアル。

duotone-tutorial-image-1440x960

 

 

 

濡れたガラス窓アクションファイルの作り方

写真をまるで濡れた窓ガラス越しに見ているような風合いに仕上げるチュートリアル。

wet-glass-action-final-product

 

 

 

ファンタジー風のカラフルな写真加工をデザインする方法

easy-colorful-fantasy-photo-effect

 

 

 

白黒写真を色付けする方法

古い時代に撮影された白黒写真をカラー写真に復活させるテクニックを、動画で詳しく簡単に説明したPhotoshopチュートリアル。

colorize-a-black-white-photo

 

 

 

フォトショップで色の置き換えをマスターする5つの鉄板テクニック【保存版】

どんなモノでも自由に色を変更することができる5つのテクニックをまとめて紹介しています。Photoshopの切り抜きと合わせて覚えておくと便利な小技が揃います。

5ways-to-change-the-color-of-anything

http://photoshopvip.net/10-cropping-tips-in-photoshop

 

 

グリッチエフェクトの簡単実現テクニック

実際に動画を見ながら作り方を学ぶチュートリアルで、基本ツールのみで実現できる簡単な作り方。

glitch_effect_photoshop_tutorial

 

 

 

髪の色を自由に変更する方法

選択範囲に指定するのが大変な髪の毛も、あるテクニックを使えば自由自在に操ることができ、お好みのカラーリングに仕上げます。

how-to-change-hair-color-final-min

 

 

 

Photoshopで髪の毛を増やす方法

ボリュームアップや髪の毛を整えたりできるチュートリアルで、歪みや覆い焼きツールなどの具体的な使い方を学びます。

thicken-hair-opener

 

 

 

超リアルなタトゥーをデザインする方法

全く違和感のない質感で仕上げるタトゥーは、本物かどうか疑うほどのクオリティー。

realistic-photoshop-tattoos-after

 

 

 

人物モデルにリアルな炎を追加する方法

炎テクスチャをうまく活用することで、時間をかけずにデザインを編集することができます。

fiery-scene-on-fire

 

 

 

月明かりを自由自在にデザインする方法

2枚の異なる写真をうまく合成し、カーブ調整レイヤーを利用することで、月明かりを自在に操ることができるチュートリアル。

moon-fire-feature

 

 

 

キリンにペンキで柄をペイントする写真合成テクニック

広大なアフリカの大地をバックに、野生動物たちを違和感なく合成させ、キリンを自由な柄でペイントします。

giraffe-composition

 

 

 

リアルなレンズフレアを作成する方法

長いことデザイナーに愛されるエフェクトのひとつで、描画モードやブラシツールのユニークな使い方で、本物そっくりのレンズフレアを作成します。

lens-flare-hp

 

 

 

マーキーライト風テキストエフェクトの作り方

インテリアでも人気の高いビンテージな文字エフェクトで、レイヤースタイルを利用した見た目よりも手軽なデザインチュートリアル。

marquee-bulb-sign-text-effect-850

 

 

 

立体的に輝くウェルカムサインをデザインする方法

Photoshopでゼロから作成するオリジナルパターンや、3Dツールを使った立体的なテキストエフェクトのつくり方を学びます。

chanel-inspired-event-sign-text-effect-850

 

 

 

海外ドラマStranger Thingsのテーマロゴを作成する方法

暗闇にぼんやりと浮かび上がるネオンのようなエフェクトで、レイヤースタイルを設定するだけのお手軽チュートリアル。

stranger-things-text-effect-850

 

 

宇宙に輝く星でできたテキストエフェクトの作り方

満点に輝く星でキラキラの文字を描くデザインチュートリアルで、レイヤースタイルを利用したお手軽さもポイント。

easy-nebula-text-effect

 

 

 

光の軌跡が美しいタイポグラフィーの作り方

手書きしたパスに沿って、キラキラに輝くライティングエフェクトを実現し、魅力的なタイポグラフィーを作成するチュートリアル。

lightpainted_final

 

 

 

ごうごうと燃える炎テキストエフェクトの作り方

炎フィルタ機能を利用することで、本物そっくりの炎を描くことができるチュートリアルで、同時に煙や火花テクスチャなどを合成することで、よりリアルな仕上がりに。

flame-text-effect

 

http://photoshopvip.net/105651

 

 

キラキラと光るグリッター付き水彩ペイントエフェクトの作り方

文字テキストにレイヤースタイルでテクスチャ素材を合成することで、キラキラに輝くエフェクトを実現します。

キラキラと光るグリッター付き水彩ペイントエフェクトの作り方の画像

 

 

 

タトゥースタイルのイラストをPhotoshopで作成する方法

点画法やくっきりとしたアウトラインの仕上げ方など、タトゥーをモチーフにしたイラストを完成させる動画チュートリアル。

tattoo-sthyle-illustration-effect

 

 

 

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

レイヤースタイルを中心にデザインできる文字エフェクトで、ブラシやテクスチャなどを駆使することで、よりリアルな見た目を再現できます。

glazed-cookies-text-effect-850

 

 

 

アイスクリームでできたテキストエフェクトの作り方

カラフルなフレイバーで表現された、アイスクリーム型テキストエフェクトで、溶けている様子もリアル。

ice-cream-scoop-text-effect-850

 

 

 

モコモコの毛皮でできたテキストエフェクトの作り方

テクスチャとレイヤースタイルを利用することで、本物そっくりなリアルな毛の質感を表現するデザインエフェクト。

furry-text-effect

 

 

 

キンキンの氷で文字テキストを作成する方法

レイヤースタイルを手順通り設定するだけで完成するお手軽チュートリアルで、立体感のある背景の作り方も同時に学びます。

ice-text-effect

 

 

 

ビンテージ風のタイポグラフィー絵はがきをデザインする方法

vintage-style-large-letter-postcard-design

 

 

 

ハリウッドサイン風テキストエフェクトの作り方

ロサンゼルスにあるハリウッドサインをモチーフにした作品で、お好みの文字でカスタマイズ可能です。

hollywood-hills-sign-text-effect-850

 

 

 

キラキラに輝く3D黄金テキストエフェクトの作り方

Photoshopの3Dツールの詳しい使い方にはじまり、ブラシツールや調整レイヤーなどを活用することで、光沢感たっぷりな文字テキストを実現します。

3d-anniversary-text-effect-850

 

 

 

モダンレトロな80s風テキストエフェクトの作り方

グラデーションやフォント、テクスチャ、レイヤースタイルの効果的な組み合わせ方を学びながら、レトロ風テキストエフェクトを作成します。利用しているグラデーションは無料ダウンロード可能です。

outrun-retro-futuristic-pixel-text-effect

 

 

 

ネオン色に輝くメタルテキストエフェクトの作り方

このチュートリアルでは、暗闇に輝く光エフェクトや、レイヤースタイルを利用した手軽なテキストエフェクトの設定方法を学びます。

infamous-metalic-text-effect

 

 

 

「アクアマン」のテキストロゴエフェクトのつくり方

DCコミックの新作映画として公開予定で、すでにロゴデザインのつくり方がハックされています。

aquaman-inspired-text-effect-850

 

 

 

覚えておきたい人気のテキストエフェクト10種類まとめ

透明ガラスやメタル板、ネオンサイン、型押しやエンボス加工、キラキラ文字などどれも覚えておきたいPhotoshopのテキストエフェクト10種がそれぞれ詳しく紹介されています。

10-useful-layer-style-text-effect

 

 

 

水彩ペイントで描いた銀河宇宙のテキストエフェクトの作り方

水彩テクスチャを利用し、文字テキストの選択範囲を指定することで、見た目以上に手軽にエフェクトを追加できるテクニック。

create-a-watercolor-galaxy-effect-photoshop-hero-1200x580-1

 

 

 

水彩テクスチャからPhotoshopブラシを作成する方法

テクスチャにペイントされた絵の具ペイントをそのままリアルに表現できる動画チュートリアル、オリジナルのPSブラシを作成しましょう。

watercolor-photoshop-brush

 

 

 

古いイラストをベクター素材化する方法

本やポスターなどに使われているイラストをスキャンし、PhotoshopとIllustratorを使うことで、ベクター素材に変換する実用的なテクニックを学びます。

vectorize-vvintage-illustration

 

 

 

PhotoshopパターンをIllustratorパターンに変換する方法

フォトショップパターンをIllustratorで使いたいという要望に応える、覚えておきたいテクニックのひとつ。

convert-photoahop-pattern-into-illustrator-pattern

 

 

 

Photoshopでふわふわと浮かぶようなアニメーションを作成する方法

Photoshopを使うことで、シンプルなアニメーションも簡単に作成することができます。ビデオ動画で詳しく紹介されたチュートリアル。

floating-woman-animation

 

 

 

Photoshopで立体的なパララックスアニメーションを作成する方法

Photoshopに最初からインストールされているアニメーション機能を利用することで、驚くほど立体的な動く写真を作成します。

still-photo-2-5-parallax-effect

 

 

 

Vanishing Point で立体感を追加する方法

画像内の面を指定し、ペイントや複製、コピー&ペースト、変形などの編集を適用することができる機能 Vanishing Point を利用し、壁一面に写真を貼り付ける方法を学びます。

final-8

 

 

 

風景画に違和感なく満月を追加する方法

日中に撮影された写真を夜のシーンに変更し、明るく光る満月を合成する、初心者のひとにもオススメしたいチュートリアル。

add-moon-photoshop-19

 

 

 

立体的なUIコンポーネントを作成するシンプルなテクニック

長方形ツールなどシンプルな機能を利用するだけで、全方位に対応した3Dな見た目を実現できるチュートリアル。

isometric-illustrations

 

 

 

写真を漫画風に仕上げる簡単テクニック

ペンツールとエフェクトを活用することで、見た目以上に比較的簡単に実現できるPhotoshopの小技。

how-to-create-cartoon-effect-using-photoshop

 

 

 

ゲーム「Grand Theft Auto」風の写真加工用アクション素材の作り方

再生ボタンをクリックするだけで、高度な写真加工フェクトを実現できる、Photoshopアクション素材を作成します。

gta-photo-effect-action

 

 

 

写真のように超リアルなデジタルペイントの描き方

あらかじめ手書きしたスケッチをもとに、デジタルペイントの高度なテクニックを解説したプロ級チュートリアル。

realism-digital-portraits-photoshop-opener

 

 

 

漫画をベースにしたラインアートのイラストをデザインする方法

あらかじめ手書きしたスケッチ画のトレースは時間のかかる作業ですが、Photoshopのブラシツールを利用することで素早く行うことができるテクニックが披露されています。

mantsun-intro-2

 

 

 

フォトショップで水や波、海をうまくデザインする方法

Photoshopによるデジタルペイントをマスターするチュートリアルで、ストックフォトを参考に美しい海の波を描きます。

wavepainting

 

 

 

Photoshopでさまざまなリアルな雲をペイントする方法

デジタルペイントでも需要の多い雲の描き方をていねいに解説したチュートリアル。夏の青空に浮かぶ大きな積乱雲や、雷がピカリと光る雷雲、幻想的な夕暮れなどどれも素敵なシーンを作成できます。

cloudfinal

 

 

 

フォトショップでプリズマスタイルを作成する方法

人物モデルをまるで太い筆ブラシでカラフルにペイントしたように仕上げるチュートリアル。

create-prisma-style-image

 

 

 

カラフルなブラシでペイントされたポートレイト写真をデザインする方法

あらかじめ用意した写真を元に、Photoshopブラシでなぞっていく過程を細かく紹介したデジタルペイント向けチュートリアル。

abstract-brush-portrait

 

 

 

圧倒的な風景を描くデジタルペイントのテクニック

一枚のオリジナル写真を元に、ため息が出るほど美しい風景を表現するデジタルペインティングを学びます。

create-an-epic-digital-matte-painting

 

 

 

翼の生えたかわいい子豚をデザインする方法

ふっさりと毛の生えた翼を、どんな動物にでも見事にくっつけることができるユニークなデザインテクニック。

how-to-add-wings-to-photo-final

 

 

 

異なる複数の写真をナチュラルに合成する方法

写真から特定エリアのみを切り抜く方法にはじまり、マスク機能を利用することで、圧倒的な構図を実現するテクニック。

combine-selections-and-masks

 

 

 

コーヒーカップの中に大都市をデザインする方法

高層ビルや飛行機、月や雲なども一緒にデザインすることで、より奥行きのある立体的な作品に仕上げる動画チュートリアル。

cup-fantasy-digital-art

 

 

 

立体的な写真合成テクニック術

調整レイヤーやレイヤーマスク機能を駆使することで、まるでおもちゃのような不思議な構図をデザインします。

3d-image-composition-technique

 

 

 

超リアルな本の世界をデザインする方法

ページの端から水が流れ出たり、美しい夕焼け空に浮かぶ気球などをリアルに表現する、クリエイティブなデザインチュートリアル。

create-a-realistic-book-scene

 

 

 

ダイナミックなライトを利用した写真合成テクニック術

異なる方法を利用し、半透明のファブリックなど合成しにくいアイテムも見事に表現するテクニック。

hair-photo-manipulation-ps

 

 

 

暗闇に浮かび上がえる天使を描く合成テクニック

ぼんやりと光り輝く剣を片手に、翼の生えた女性モデルをデザインする高度な写真合成テクニックを学びます。

angel-in-dark-tutorial

 

 

 

満天の星空を合成する写真加工テクニック

基本的な配置テクニックと描画モードを利用するだけで完成するチュートリアルで、写真合成を初めて行う人にもオススメしたいチュートリアル。

starry-sky-20a

 

 

 

映画「インセプション」のポスターデザインを再現する方法

地面が空までつながった不可能な世界を表現するスペシャルエフェクトで、複数の写真をマスキングやブレンドテクニックを駆使することで、見事に合成するチュートリアル。

incep_final

 

 

 

フワフワと空中を泳ぐ魚の群れをデザインする方法

はじめにベースとなる空と壁をデザインし、猫や木、魚などを見事に合成するプロ顔負けのテクニックが詳しく披露されています。

fishes-final

 

 

 

幻想的な写真合成テクニックのつくり方

ファンタジー感あふれる世界観をデザインする合成チュートリアルで、空や風景など多くのパーツを違和感なくブレンドさせる技がぎっしり詰まっています。

dreamy-emotional-photo-manipulation-scene

 

 

 

幻想的に光りながら宙を舞う、美しい蝶々をデザインする方法

ファンタジー感たっぷりな蝶々をデザインし、違和感なく複数の写真を合成するテクニックを学びます。

butterfly-final

 

 

 

宇宙をイメージした幻想的なライティングエフェクトのつくり方

宇宙空間をテーマにした炎をまとった美しい惑星をデザインする本格的チュートリアル。

photoshop-create-cosmic-art

 

 

2016年のPhotoshopベストチュートリアルは、こちらのエントリーよりどうぞ。

 

http://photoshopvip.net/97151

【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個PhotoshopVIPで公開された投稿です。

Illustratorで実現できる!実用度の高いデザインの作り方、チュートリアル30個まとめ

$
0
0

latest-ai-tutorial2018-feb

 

デザインでよく利用する効果的なテクニックをはじめ、差のつくワンランク上のプロフェッショナルな技まで、デザインの手順に沿って詳しく学ぶことができる、Illustratorの最新チュートリアル、作り方をまとめています。

 

アイデアを具体的にカタチにできる、目から鱗のテクニックや小技がたくさん揃っているので、表現したいデザインがあるひとにオススメです。実用的なテクニックが中心なので、Illustratorのデザインの幅を広げてみてはいかがでしょう。

 

http://photoshopvip.net/106314

 

 

Illustratorで実現できる!実用度の高いデザインの作り方、チュートリアル厳選まとめ

 

架空のモンスターをデザインする方法

イラストを立体的な質感に見せる方法やブレンドアートブラシ、マスキング、3Dエフェクトまで幅広いテクニックを駆使したチュートリアル。

candy-monster-character

 

 

 

立体的な3Dデザインの描き方

Illustratorを使って、立体的な見た目を実現するポイントを詳しくまとめた動画チュートリアル。

3d-isometric-cube-design

 

 

 

雪が降るぼんやりと光る街灯をデザインする方法

メッシュツールを利用することで表現できる、冬の夜を描いた背景イラスト向けチュートリアル。

festive-winter-landscape-with-glowing-lamps

 

 

ガラスコップに入った果物のフレッシュジュースをデザインする方法

ドボドボとジュースが注がれる様子のドリップ感まで立体的に表現するデザインテクニック。

set_of_splash_of_juice_in_fruit

 

 

 

広大な渓谷を撮影したイラストデザインチュートリアル

2018年注目のイラストスタイルをマスターする作り方は、よく利用するツールやエフェクトを学ぶのにも最適です。

canyon-illustration

 

 

 

エイリアンとの遭遇を撮影したビデオ画面の作り方

まるで撮影しているような雰囲気を演出した、SFチックでユニークなイラストを作成するチュートリアルで、基本的なツールのみで完成する初心者のひとにもオススメです。

alien-abduction-illustration

 

 

 

Illustratorで立体的なパーツを描く方法をマスターしよう

デザインの際に注意したいポイントをきちんと押さえておくことで、どんなアイテムでもIllustratorで表現できるようになるテクニックが紹介されています。

mastering-isometric-illustartions

 

 

 

Star Wars モチーフのキャラクターイラストの作り方

40年前に登場した映画Star Warsにオマージュを捧げた、かわいらしいキャラクターイラストを作成します。

starwars-characters

 

 

 

優勝モチーフのイラストをデザインする方法

優勝カップを手に喜んでいる様子を描いたイラストは、Illustratorの基本ツールの使い方を学ぶのにも最適です。

sporty-character-celebrating

 

 

 

街の夕暮れを撮影したポラロイド風スナップ写真の描き方

普段のデザインにも役立つ基本テクニックで表現できるチュートリアルで、ザラッとしたノイズ感を演出するテクニックも参考に。

textured-city-snapshot

 

 

 

シャンパンのお祝いイラストをデザインする方法

特に難しいテクニックを使わずに、キャラクターをうまく描いたイラストを描きます。高級感のある配色カラーパレットもデザインの参考に。

champagne-celebration-illustration

 

 

 
トロピカルなボタニカルパターンの作り方

人気の観葉植物、モンステラをモチーフにした継ぎ目のないシームレスパターンを作成します。

monstera-leaf-pattern

 

 

 

水彩ペイントのバレンタインカードをデザインする方法

まるで水彩絵の具で手書きしたような風合いを演出できるテクニックはを紹介する動画チュートリアル。デザインキットを活用することで、比較的手軽にデザインできます。

watercolor-floral-valentines-day-card-1200x580

 

 

 

プロモーション用バッジデザインを作成する方法

レイヤーの整列やサークル円の描き方など、どれもはじめての人が覚えておきたい応用の効くテクニック。

promotion-badge-vector

 

 

 

手書きスケッチしたような文字エフェクトの作り方

デザインでも需要の高いテクニックのひとつで、鉛筆やマジックペンで手書きしたようなイラスト感を演出できるチュートリアル。

hand-sketched-text-effect

 

 

 

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

アピアランスパネルやいくつかの基本ツールや3D回転エフェクトなど、Illustratorによる立体感の出し方を学びます。

aidsdaytext0

 

 

 

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

ベクターシェイプツールの基本的な扱い方にはじまり、立体感を表現できる影やハイライトの入れ方、パターンブラシの作成方法など実用テクニックが満載。

rocketfireworktext0

 

 

 

黄金に輝くキラキラの3D文字テキストをデザインする方法

ゴージャスな宝石が散りばめられた、ピカピカの黄金タイポグラフィーを作成します。

gold-type-opener

 

 

 

むらさき色のギフト、プレゼントボックスの作り方

ワンランク上のデザインを実現できる、メッシュツールの具体的な使い方を詳しくみながら、ツールの習得を目指します。

ultra-violet-collection-fo-presents

 

 

 

タトゥー風のデジタルアートを作成する方法

あらかじめ手書きでスケッチした図案をデジタルで取り込み、パスの変換や模様や質感の追加方法など、本格的なデザインテクニックを学ぶチュートリアル。

digital-tattoo-opener

 

 

 

 

Illustratorで立体感のある影をデザインする方法

平面的な2Dイラストに影を加えることで、奥行き感のあるデザインを演出できるテクニック。

shade-artwork-in-adobe-illustrator

 

 

 

白熊をモチーフにしたポートレイト風イラストをデザインする方法

基本的なシェイプやワープエフェクトを適用するだけで完成するお手軽イラストチュートリアル。

cartoon-polar-bear-portrait-in-adobe-illustrator

 

 

 

月に代わってお仕置きする某キャラクターをデザインする方法

diana_sailor_moon_character_tut_final-min

 

 

 

トナカイモチーフのゆるキャラをデザインする方法

可愛らしさとリアルさを兼ね備えたかわいいキャラクターデザインで、エフェクトを利用した質感の出し方にも注目です。

reindeer-cartoon-character-in-adobe-illustrator

 

 

 

北欧デザインで表現する、ミトンの手袋をデザインする方法

scandinavian-mittens-in-adobe-illustrator

 

 

 

アイルランド風の玄関ドアをデザインする方法

パターンテクスチャを使ったレンガの壁と一緒に、基本ツールのみで完成のイラストチュートリアル。

irish-door-illustration

 

 

 

フラットスタイルのカクテルグラスをデザインする方法

flat-style-cocktail-glasses-illustrator-1200x580

 

 

 

真っ白のホッキョクグマをイラストで描く方法

ワープエフェクトやペンツールなど、覚えておくとデザインの幅が広がる簡単テクニックを応用したチュートリアル。

polar-bear-illustration

 

 

 

南国のトロピカルなリースの作り方

常夏の南の島を連想させる、ハイビスカスの花や葉っぱでできたリースをデザインします。

wreath-of-tropical-flowers

 

http://photoshopvip.net/106314

http://photoshopvip.net/106732

 

サムネイル@ : How to Draw a Festive Theatre Stage in Adobe Illustrator – EnvatoTuts+

Illustratorで実現できる!実用度の高いデザインの作り方、チュートリアル30個まとめPhotoshopVIPで公開された投稿です。


これがしたかった!Illustratorの使い方を学ぶすごいチュートリアル40個まとめ 2018年5月度

$
0
0

glowing-text-adobe-illutrator

 

「あのデザインってどうやって作るの?」「デザインの現場で使えるIllustratorの実用テクニックを知りたい。」

 

そんな悩みを解決してくれる Illustrator の基本操作から各ツールの実践テクニックまで、これからをはじめようというひとにもオススメの機能やエフェクトを網羅した、新作デザインチュートリアルをまとめてご紹介します。

 

ステップごとに進めていくので迷うこともなく、各種ツールのより実践的な使い方まで詳しく知ることができるチュートリアルを中心に揃えています。Illutrator の可能性を広げる万能テクニックを学んでみてはいかがでしょう。

 

 

http://photoshopvip.net/106314

 

 

これがしたかった!Illustratorの使い方を学ぶすごいチュートリアルまとめ

 

カラフルなグラデーションを使ったテキストエフェクトの作り方

立体的に美しいグラデーションカラーが重なる風合いをベクターで表現する動画チュートリアル。

create-colorful-gradient-lettering-adobe-illustrator-1200x580

 

 

 

Illustratorのグラデーションツールの効果的な使い方まとめ

ここ数年人気となっているグラデーションカラーを、自由自在に操ることができるテクニックを学ぶチュートリアル。

gradient-tool-in-illustratotr

 

 

 

深海に潜るダイバーをデザインする方法

深海で宝石を見つけた潜水士をフラットスタイルで描くデザインチュートリアル。

deep-diving-illustration

 

 

 

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

グラデーションメッシュ機能を利用することで、Photoshopでデザインするようなリアルな風合いに仕上げることができます。

%d1%81%d0%be%d1%85%d1%80%d0%b0%d0%bd%d0%b5%d0%bd%d0%bd%d0%be%d0%b5-%d0%b8%d0%b7%d0%be%d0%b1%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-2018-3-31_13-45-53-382

 

 

 

オレオクッキーをモチーフにしたアイコンの作り方

3D機能とマッピングオプションを使い、よりリアルで本物そっくりな風合いに仕上げます。

diana_oreo_icon_tut_final-min

 

 

 

グラデーションカラーを重ねた印象的なポートレイトの作り方

実際に撮影したポートレイト写真をベクター化し、お好みの鮮やかなグラデーションカラーを追加するテクニック。

portrait-with-one-colour

 

 

 

水彩絵の具ペイントをベクタライズする方法

淡い濃淡のある水彩ペイントを、どんなデザインサイズにも利用できるベクターファイルに変換するテクニックが紹介されています。

vectorizewatercolors8

 

 

 

光沢感のあるチェーンブラシをデザインする方法

金銀銅でできたチェーンを継ぎ目なく表現できる、パターンブラシの具体的な作成方法や使い方を学びます。

chainpatternbrush0

 

 

 

南国のビーチ風景をデザインする方法

Illustratorでよりリアルな仕上がりを表現するときに便利な、メッシュツールの具体的な使い方を学ぶチュートリアル。

vacation-beach-background

 

 

 

幾何学的なフラミンゴをデザインする方法

ロゴデザインなどにも最適なイラストを作成するチュートリアルで、落ち着いた配色カラーパレットの選び方の参考にも。

flamingo-bird

 

 

 

フラットスタイルの宇宙飛行士をデザインする方法

グラデーションツールを巧みに操ることで、絶妙な色の混ざり方を表現できるテクニック。

14-astronaut-flat

 

 

 

ユニークな花火型キャラクターをデザインする方法

パスファインダーやグラデーションツールを利用した美しい配色の表現テクニックで、お好みのキャラクターを作成できます。

happy-fire-work

 

 

 

サークル状の立体的なグラデーションロゴの作り方

パスファインダー機能をうまく使いこなすことで、より複雑なシェイプを簡単に描くことができます。

simple-logo-mark-with-circles

 

 

 

グラデーションの美しい立体的なロゴデザインを作成する方法

数字のゼロをモチーフに立体的なロゴデザインを作成するチュートリアルで、パスファインターやスマートガイド、グローバルカラー、グラデーションの扱い方など実用的なテクニックを学びます。

thumbnail-tutvid-ai-1

 

 

 

50年代のレトロスタイルの広告デザインの作り方

2018年のトレンドにもなっている、モダンレトロなデザインを完成させるチュートリアルで、配色の参考にも◎。

50s-style-auto-advertisement

 

 

 

レトロなビデオカセットケース風ポスターデザインの作り方

Illustratorであらかじめ作成した文字やシェイプを作り、最終的にはPhotoshopでテクスチャを重ね、よりレトロな風合いに仕上げます。

retro-vhs-casette-style-poster

 

 

 

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

グラデーションの濃淡を活用することで、より立体的でリアルな仕上がりを目指したチュートリアル。

3d-text-effect

 

 

 

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

カラフルで平面的なデザインに、立体的な影などを追加することでユニークな魅せ方を表現できます。

isometric-type-sm

 

 

 

リボンを使った立体的なテキストエフェクトの作り方

リボンを折り重ねて作成したような立体的な風合いが特長のテキストエフェクトに仕上げます。

fabulous

 

 

 

ゲームで使われていそうなテキストエフェクトの作り方

光沢感と立体感を程よく表現でき、どんなフォントでも応用が効くテクニックのひとつ。

game-graphic-style-text-effect

 

 

 

フワフワとした猫風テキストエフェクトの作り方

リアルな肌触りを再現できるエフェクトやパターンブラシを使った、よりディテールにこだわる仕上げ方までを学びます。

diana_cheshire_cat_text_effect_final-min

 

 

 

不思議の国のアリスをモチーフにしたステンシルアートの作り方

twinkle_twinkle_final640

 

 

 

不思議の国のアリスのお茶会セットをデザインする方法

シェイプツールやワープエフェクトを利用することで、かわいいベクターイラストを描くことができるチュートリアル。

alice-in-wonderland-tea-party-scene

 

 

 

さまざまな灯台デザインを作成する方法

Illustratorの基本ツールのみで作成でき、一度作り方を覚えれば、自由な形をカスタマイズできます。

lighthouse-tutorial-1

 

 

 

西日に輝くキャンピングカーをデザインする方法

基本的なシェイプやツールを利用して完成させる、Illustrator初心者のひとにもオススメしたチュートリアル。

golden-camping-trailer

 

 

 

ハート型のデイジーの花をデザインする方法

heart-shaped-daisies

 

 

 

かわいいテディベアのぬいぐるみをデザインする方法

グラフィック用タブレットを使わず、シンプルなツールとエフェクトのみで完成させるデザインチュートリアル。

teddy-bear

 

 

 

目玉焼きを焼くフライパンをデザインする方法

よりリアルに見せるほんのわずかな影シャドーやハイライトの追加方法を詳しく解説しています。

frying-pan-illustrator

 

 

 

マインクラフトの世界を再現するチュートリアル

MinecraftのキャラクターをIllustratorで再現するチュートリアル。

minecraft-skin-in-ai

 

 

 

植物の苗を手に持った様子を描いたデザインチュートリアル

Illustratorのメッシュツールの使い方を詳しく学び、水滴などリアルな質感を表現します。

hand_with_leaves

 

 

 

国際女性デーをモチーフにしたイラストを作成する方法

3月8日の国際女性デーに合わせて公開されたイラストチュートリアルで、肌の色やヘアースタイルを自由にデザインする方法を学びます。

international-womens-day

 

 

 

チャーミングなヨーロッパ風ドアをデザインする方法

基本的なシェイプツールを利用し、背景のれんがにはパターンを利用することで、手軽に作成できるチュートリアル。

irish-door-illulstration

 

 

 

継ぎ目のない手描きの花がらリースをデザインする方法

パターンブラシツールを利用することで、どんなサイズや形にもシームレスなパターンを作成できるテクニック。

seamless-floral-wreaths-illustrator

 

 

 

 

シンプルな桜の花をデザインする方法

基本的なツールや歪みエフェクトを使うだけで完成のお手軽イラストチュートリアル。

simple-flower-illustration

 

 

 

枝でさえずる鳥をデザインする方法

Illustratorがはじめての人でも作りやすいチュートリアルで、基本的なツールの使い方を実践を交えて学びます。

starling-on-a-branch-in-adobe

 

 

 

低解像度の写真を有効活用するデザインテクニック

写真の一部から切り抜いた目の粗い画像を使い、アート性の強いデザインポスターを作成します。

get-more-out-of-low-resolution-image

 

 

 

カラフルな幼児向けコミックキャラクターの描き方

シンプルな手描きスケッチを元に、グラデーションメッシュやブレンド機能など実践的なテクニックを詰め込んだチュートリアル。

final

 

 

 

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

traffic-lights-tutorial-81

 

 

 

ポリゴンスタイルのレトロデザインポスターの作り方

まず利用する配色カラーパレットを決めたら、ラフな手描きスケッチを描き、トレースすることでユニークなポリゴンスタイルを表現できます。

retro-low-poly-effect

 

 

 

フラットスタイルのピラミッドをデザインする方法

砂漠にあるピラミッドをゼロからIllsutratorで作成でき、効果的なグラデーションやキラキラと輝く星などを描きます。

desert-pyramid-scene-illustrator

 

http://photoshopvip.net/107323

 

サムネイル@ : Glowing Text Adobe Illustrator Tutorial – Behance.net

これがしたかった!Illustratorの使い方を学ぶすごいチュートリアル40個まとめ 2018年5月度PhotoshopVIPで公開された投稿です。

Photoshopの使い方を知ろう!参考にしたい新作チュートリアル、作り方34個まとめ 2018年5月度

$
0
0

wonderland-photo-manipulation

 

Photoshopの基本的な使い方から玄人向けの高度テクニックを学ぶのに適した、最新のデザインチュートリアルをまとめています。ステップごとにツールの使い方を覚えることで、より実践的なデザイン表現が可能になります。

 

今回は最近公開されたばかりのチュートリアルを中心に、Photoshopでの作業効率をアップしてくれる基本テクニックから、プロ顔負けのデザイン裏技など高品質な作品をまとめてご紹介します。お好みのデザインエフェクトを見つけて、今後の制作プロジェクトに活かしてみてはいかがでしょう。

 

http://photoshopvip.net/107886

http://photoshopvip.net/106732

http://photoshopvip.net/105651

 

Photoshopの使い方を知ろう!参考にしたい新作チュートリアル、作り方まとめ

 

キリンをモチーフにした写真合成テクニックの作り方

キリンの首から上をねじ曲がった木と見事に合成するPhotoshopチュートリアルで、調整レイヤーを利用することで全体の色合いを統一するテクニック。

giraffe-photo-manipulation

 

 

 

写真を建築用スケッチエフェクトに仕上げる方法

フィルタ機能を利用することで、本物そっくりの手書きスケッチに仕上げることができるチュートリアル。アクションとして保存しておけば、どんな写真にもいつでもエフェクトを追加できます。

architecture-sketch-effect

 

 

 

写真を小さな惑星風に仕上げる方法

Go Proやドローンなどで撮影したビデオ動画の編集にも用いられるエフェクトで、中心に人物を重ねることでよりリアルな仕上がりに。

tiny-planet-effect

 

 

 

キラキラの金魚が宙を泳ぐファンタジーな写真合成チュートリアル

複数の写真イメージやテクスチャを使ったレタッチ方法やライティングエフェクトの追加方法を紹介したチュートリアル。

fish-fantasy-scene

 

 

 

レイヤーマスクを使ったタイポグラフィーポスターの作り方

Photoshopのレイヤーマスク機能を利用することで、花と文字テキストが重なったようなエフェクトを実現できます。

layer-masks-in-adobe-photoshop

 

 

 

ハーフトーン風デザインエフェクトの作り方

Photoshopによるデザインの中でも人気のある、本格的なハーフトーンエフェクトを実現できるチュートリアルで、カラーハーフトーンフィルタを使った実践編。

roy-lichtenstein-style-poster

 

 

 

レトロなコミック漫画風のエフェクトを作成する方法

漫画コミックのテンプレートやテクスチャ、フィルタを使って手軽にデザインできるチュートリアル。

retro-comic-book-effect

 

 

 

Instagramにも勝るレトロな写真加工エフェクトの作り方

光が漏れたようなカラフルなライティングエフェクトを使った写真加工用チュートリアル。

lightleak

 

 

 

水彩ペイントを使った写真加工テクニックの作り方

水彩ペイントの淡い色合いと写真イメージを見事に合成するお手軽チュートリアルのひとつ。

watercolor-effect

 

 

 

うさぎをモチーフにしたフワフワのテキストエフェクトの作り方

Photoshopのブラシ設定や調整レイヤーなどを使って作成する、モコモコの質感がかわいいテキストエフェクト。

white-rabbit-inspired-text-effect-850

 

 

 

フワフワの動物の毛皮をつかったテキストエフェクトの作り方

テクスチャを使い、カスタムブラシで動物の毛並みを表現するお手軽テキストエフェクト。

animal-fur-text-effect

 

 

 

映画のような分きのあるフィルムエフェクトの作り方

トーンカーブや特定色域の選択、ハイパスの使い方やレンズフレアの追加方法を学びます。

moody-film-effect

 

 

 

1980年代風のモダンレトロなイラストレーションの作り方

撮影した人物モデルのポートレイト写真を、PhotoshopとIllustratorを使いカラフルで刺激的にデザインするベクターイラスト。

vector-collage-80s-tutorial-opener

 

 

 

巨大イカが街を襲うSFデザインを作成する方法

あらかじめ用意しておいた切り抜き画像を合成し、まるで映画のワンシーンのようなリアルな情景を描くプレミアムチュートリアル。

kraken-attack-scene

 

 

 

Photoshopで飛び出る絵本を作成する方法

基本的な飛び出る絵本の作り方をベースに、Photoshoを使って平面デザインをうまく立体的に仕上げるテクニックが紹介されています。

pop-up-book-top

 

 

 

花束と文字テキストをうまく重ねる方法

立体感たっぷりに文字テキストを花束と重ねるテクニックを紹介した、トレンドデザイン向けチュートリアル。

floral-text-effect-600

 

 

 

顔をスライスした写真合成テクニック

シェイプツールとレイヤーを利用するだけで作成できる、顔を切断したようなユニークな写真合成を表現します。

sliced-head-manipulation

 

 

 

写真にクリエイティっブな文字テキストを追加する方法

Photoshopのレイヤーマスク機能を利用することで、人物と文字が立体的に重なったようなデザインを手軽に作成できます。

add-creative-text-to-photo

 

 

 

デコレーションされたドクロマークの継ぎ目のないシームスレパターンを作成する方法

継ぎ目のないパターンの作成方法を学ぶことで、その他のデザインにも応用できるテクニックのひとつ。

skull-repeating-pattern-opener

 

 

 

エレガントなイベント用フライヤーを作成する方法

黄金のラメが特長的な高級感のあるフライヤーを作成するチュートリアルで、フォントの選び方の参考にもどうぞ。

elegant-event-flyer

 

 

 

ダイアモンドを見事にスケッチする方法

Photoshopチュートリアルではありませんが、多角形に削らられたダイアモンドを正面と真上からスケッチするポイントをまとめています。

drawing-diamond-together

 

 

 

編集可能な名刺カード用モックアップを作成する方法

スマートオブジェクト機能を利用することで、いつでも編集可能なモックアップ用ファイルを作成します。

elegant-business-card-mockup

 

 

 

ガラスでできた光沢のあるテキストエフェクトの作り方

一度作り方をアクションとして保存しておけば、どんなフォントにもボタン一つでエフェクトを追加できるようになります。

glass-text-effect

 

 

 

オーナメント付きの黄金テキストエフェクトの作り方

ブラシツールで描いた複雑な曲線のオーナメントを使い、黄金のテキストエフェクトを作成します。

gold-ornate-text-final-image-c

 

 

 

漫画風のコミックテキストエフェクトの作り方

パターンとレイヤースタイルを利用することで、順番に設定していくだけで完成するテキストエフェクト。

cartoon-text-effect

 

 

 

近未来SF風のポートレイト写真をデザインする方法

レイヤーの描画モード「乗算」を利用することで、キラキラの銀河テクスチャとピンク色の髪の毛を見事に合成させていきます。

futuristic-fashion-portrait

 

 

 

グリッチエフェクトのようなピクセル・ソートエフェクトの作り方

人気のグリッチエフェクトの一種で、Photoshopフィルタ機能を使ってデザインするチュートリアル。

abstract-pixel-sorting-effect

 

 

 

Photoshopの歪みツールを使ったポスターの作成方法

基本的なPhotoshopツールを使って、斬新なデジタルポスターを作成します。

liquify-tool-in-photoshop

 

 

 

ビンテージ風のポートレイト写真を作成する方法

ビクトリア調の豪華な額縁に入った、リアルなビンテージ風ポートレイト写真を作成するチュートリアルで、奥行き感も見事に表現されています。

vintage-portrait-phot0-manipulation

 

 

 

立体的な花がらデザインを使ったコラージュの作り方

人物モデルを背景から切り抜き、立体的な3Dデザインに仕上げるチュートリアルで、コントラストや彩度の調整方法などを詳しく学びます。

3d-floral-collage-in-adobe-photoshop-lightroom

 

 

 

岩と溶岩を利用したアブストラクト系のポートレイト写真の作り方

まるで人物モデルが岩でできたような質感を表現し、割れ目から赤いマグマを追加するユニークなポートレイト用チュートリアル。

abstract-portrait-rock-and-lava

 

 

 

ダークな雰囲気で踊るダンサーをモチーフにした合成テクニック

カスタムブラシをつかった実用的なペイントテクニックを紹介した、ダーク系の写真合成チュートリアル。

flower-dancer-ii

 

 

 

ホラー映画のポスターのような写真合成テクニック

幽霊のような女性モデルや苦しんでいる幼児などをデザインした、ホラー映画のようなポスターデザインを作成します。

ghostly-horror-themed-photo-manipulation

 

 

 

ゴージャスなデュオトーンエフェクトの作り方

簡単に作成できる人気トレンドデザインのひとつ、デュオトーンの仕上げ方を紹介したチュートリアル。

gorgeous-duotone-effect

 

 

サムネイル@ : How to Create a Wonderland Photo Manipulation with Adobe Photoshop – EnvatoTuts+

Photoshopの使い方を知ろう!参考にしたい新作チュートリアル、作り方34個まとめ 2018年5月度PhotoshopVIPで公開された投稿です。

これがPhotoshopの実力だ!参考にしたいすごいチュートリアルつくり方まとめ

$
0
0

coraznn-atlantis-free-photoshop-manipulation-2018-1

 

街なかにある看板や広告、何気なく読んでいる雑誌など、あらゆるデザインの現場で使われているPhotoshop。「これどうやって作るの?」と思わず言いたくなる、魔法のようなデザインテクニックを披露しているチュートリアルで、スキルアップを目指してみませんか。

 

今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。

 

http://photoshopvip.net/108778

 

Photoshopってすごい!どうやって作った?を解決するチュートリアルつくり方まとめ

 

怪しくぼんやりと輝くネオン風テキぽストエフェクトの作り方

筆ブラシでペイントしたようなフォントに、鮮やかな配色を利用し、ぼかしエフェクトを活用することでぼんやりと輝くライティングを再現します。

neon-grow-in-the-dark

 

 

 

ホログラムを使った3Dテキストエフェクトの作り方

Photoshopのフィルタ機能やレイヤースタイルを組み合わせることで、本物そっくりなホログラムデザインを作成できるデザインテクニック。

3d-illuminating-holo-inspired-text-effect-850

 

 

 

キラキラと輝くダイヤモンドの文字テキストを作成する方法

 ドット柄が特長のフリーフォントを使い、レイヤースタイルを適用するだけで完成するデザインエフェクトで、覚えておくと便利なテクニックと言えるでしょう。

diamonds-text-effect-850

 

 

 

カラー写真を部分的にだけ色付けする方法

選択カラーやスポットカラー、スプラッシュカラーなどさまざまな名前で呼ばれているクラシックな写真エフェクトのひとつで、ここでは赤い車と国旗の部分だけ限定的にカラーとしています。

color-splash

 

 

 

写真合成で色をうまくマッチさせる方法

カーブ調整レイヤーを利用することで、写真を切り貼りしたようなチグハグな色味を手軽に統一でき、よりリアルな合成写真に仕上げます。

match-colors-in-photoshop

 

 

 

複数の写真をリアルな構図で合成する方法

輝度、彩度、配色からなる3つのテクニックをしっかり押さえることで、どんな写真にも応用利用できます。

blend-images-together

 

 

 

背景のみぼんやりぼかす方法

一眼レフでの撮影はもちろ、最近ではiPhoneのポートレイトモードで再現もできるテクニックで、Photoshopを使うことでより柔軟でリアルな仕上がりが可能となります。

blur-background-10b

 

 

 

色を反転させた赤外線写真風エフェクトを作成する方法

赤、青、緑色を反転させることで、花や木などを緑色から鮮やかなピンク色に変換し、どこか他の惑星のような雰囲気に仕上げるテクニックです。

surreal-infrared-photo-effect

 

 

 

写真からなんでも取り除くことができる5つの方法

プレビューでは中心に映る男性をごっそり消し去る、まるで魔法のようなPhotoshopテクニックが紹介されています。

remove-anything-from-a-photo

 

 

 

写真からほとんどなんでも消去する方法

上記チュートリアル同様、写真に写り込んだ不要なモノを自由に消し去ることができる、まさに夢のようなテクニック。

remove-almost-anything-in-minutes

 

 

 

人物の背景に文字テキストを重ねて配置する方法

人物のみを切り抜くことで実現するテクニックで、髪の毛など複雑な切り抜きがポイントです。

place-text-behind-an-object

 

 

 

ザラッとした粒状のグレインエフェクトの作り方

ISOを高く設定して撮影したときにありがちなノイズ感を、写真に追加する加工テクニック。

film-grain

 

 

 

写真を味わいのあるビンテージ風に加工する方法

Photoshopのブラシと調整レイヤーを活用した手軽な写真加工エフェクト。

create-vintage-photos-in-faded-efefect

 

 

 

非現実的な写真合成を作成する方法

廃棄された飛行機の上で女の子が泳ぐ魚を眺める様子を描いた写真合成チュートリアル。

surreal-scene-airplane

 

 

 

ユラユラとクラゲが漂う不思議な写真合成チュートリアル

fantasy-jellyfish-photo-manipulation

 

 

 

写真を水彩画風に加工する方法

水彩絵の具でペイントしたような風合いを再現できるテクニックで、アクションとして保存する方法も一緒に紹介されています。

watercolor-effect-in-photoshop

 

 

 

ネオンエフェクトを作成する方法

Photoshopだけで作成することもできますが、最初にIllustratorでベクター製のパスを引くことで、デザインサイズに関係なくエフェクトを表現できます。

neon-effect-in-photoshop

 

 

 

爆発したようなダンスイベント用ポスターデザインの作り方

音楽イベントを中心に活動するデザイナーが、音楽カルチャーを織り交ぜたポップな配色を使ったテクニックを紹介しています。

explosive-dance-music-graphic

 

 

 

平面ロゴを超立体的ロゴに変換する方法

3Dツールを利用することで、どんなロゴデザインも立体的に仕上げることができるチュートリアル。

textrure-3d-logo

 

 

 

写真をドットパターン風にする方法

シンプルなドット柄パターンを利用し、ポップなカラードット風の写真に仕上げるお手軽チュートリアル。

color-dots-in-photoshop

 

 

 

Photoshopでグリッチエフェクトを再現する方法

80年代のVHSビデオテープで見かけた映像の乱れ具合を、Photoshopで再現するデザインテクニック。

set-of-glitches-in-adobe-photoshop

 

 

 

写真をペイント画のように変換する方法

「オイルペイント」、「スマートシャープ」フィルタを組み合わせることで、まるで手書きしたような風合いに手軽に仕上げることができます。

convert-photos-into-paintings

 

 

 

写真を点描画法に仕上げる方法

近くで見ると何を描いているかわからず、少し下がって遠くから見ると写真が見えてくる、19世紀の終わりに開発されたテクニックをPhotoshopで再現します。

awesome-photoshop-pointillism-effect

 

 

 

写真をフォイル彫刻アート風に仕上げる方法

フォイルを削った部分のみ金箔が輝くフォイル彫刻(英: Foil Engraving)を再現したチュートリアル

foil-engraving-1

 

 

 

本物そっくりな水の反射を作成する方法

水面がジグザグに揺れる様子を表現したいときに使えるテクニック。

create-realistic-water-reflection

 

 

 

ポートレイト写真を森で撮影したような写真合成テクニック

ファンタジーな雰囲気抜群なポートレイト写真を作成したいひとにオススメで、うまくライティングを操ることでよりリアルで魔法の世界を描きます。

forestmel_final

 

 

 

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

細かいブラシの設定などを解説したチュートリアルで、作り方をアクションとして保存することで、ボタンひとつで表現できます。

colorful-sparkle-photo-lighting

 

 

 

2018 FIFAワールドカップの壁紙をデザインする方法

フランス代表の優勝で幕を閉じた2018 FIFAワールドカップ。写真とテクスチャ、ライティング技法をミックスしたテクニックが紹介されています。

football-wallpaper

 

 

 

サイバー風モザイクをデザインする方法

美しいグラデーションカラーと遠近法を使ったモザイクパターンが目を引くデザインで、フィルタ機能を組み合わせることで実現できる手軽なテクニックのひとつ。

mosaic-effect-photoshop

 

 

 

グリッチエフェクトを使ったポスターデザインを作成する方法

2018年注目のグラフィックトレンドで、VHSビデオのノスタルジックな雰囲気を演出できるテクニック。

glitch-effect-poster

 

 

 

スキャン線を使ったSF風テキストエフェクトの作り方

Photoshopのレイヤースタイル機能を順番どおり設定していくだけで完成する、初心者にもやさしいビギナー向けチュートリアル。

scifi-scanlines-inspired-text-effect-850

 

 

 

立体的なパイプ風テキストエフェクトの作り方

レイヤースタイルを使って作成した立体的なブラシを、混合ブラシツールで利用することで3Dテキストエフェクトに仕上げます。

piped-icing-text-effect-qt-850

 

 

 

レースで編み上げたテキストエフェクトの作り方

レイヤースタイルやフィルタ機能、調整レイヤーなどPhotoshopの基本ツールを利用して作成する文字テキスト用チュートリアル。

lace-up-inspired-text-effect-850

 

 

 

フェードアウトする立体テキストエフェクトの作り方

シンプルなフラットスタイルで描かれた文字テキストに、徐々に消えていくようなエフェクトを加えたデザインテクニック。

3d-faded-text-effect-qt-850

 

 

 

立体的に重なったゴールドの3D文字テキストを作成する方法

Photoshopの3Dツールの基本的な使い方、設定を知ることで、立体的で黄金に輝くデザインに仕上げます。

3d-gold-layered-letters-text-effect-850

 

 

 

複雑な写真合成を実現する方法

あるアートワークを参考にした写真テクニックで、チャンネルをベースとしたマスキングから、レイヤーマスクの使い方などあまり知られていない技法を紹介したビデオチュートリアル。

airplane-photo-manipulation

 

 

 

幻想的な風景デザインを作成する方法

何気ない風景に、キラキラと輝く空と幻想的なライティングエフェクトを追加するテクニックが披露されています。

magical-landscape-scene

 

 

 

光を自由に操る、ドラマチックな写真合成テクニック

まるで映画のようなライティングエフェクトが披露された、夢のようなエモーショナルな写真に仕上げるチュートリアル。

dreamlike-photo-manipulation

 

 

 

写真合成でファンタジー風デザインを作成する方法

異なる複数の写真を見事に合成する実践向けチュートリアルで、より本格的なエフェクトを学ぶことができます。

fantasy-photo-manipulation-gateway

 

 

 

SF映画のような宇宙空間をデザインする方法

宇宙や惑星など異なる複数の写真に、影や光を追加、配色を鮮やかに仕上げ合成するチュートリアル。

sci-fi-space-scene

 

 

 

堕天使をテーマにしたダーク系写真合成テクニック

複数のイメージ写真を合成して完成させるチュートリアルで、デザイン全体の色味を統一する方法など応用の効く技が披露されています。

dark-fallen-angel-scene

 

 

 

地獄の召喚者を描くデザインチュートリアル

ドクロの刺さった真っ赤に燃える剣を振りかざす、まるでホラー、スリラー映画のようなワンシーンを実現できます。

dark-summon-flatten-psdvault

 

 

 

80年代風のSFロボットを使った写真合成テクニック

あらかじめ用意した複数の写真を合成し、SF映画のようなモノクロ調のワンシーンを作成します。

sci-fi-robot-photo-manipulation

 

 

 

Instagram投稿用にアニメーション付き写真を作成する方法

写真とテクスチャを組み合わせ、Photoshopのアニメーション機能を活用することで、中心から展開するユニークな動きが演出できます。

animated-photo-reveal

 

 

サムネイル@ : The Heart of Atlantis – Easy Photoshop Tutorial – PSDBox

これがPhotoshopの実力だ!参考にしたいすごいチュートリアルつくり方まとめPhotoshopVIPで公開された投稿です。

Photoshop切り抜きをマスターする、10個の鉄板テクニック 完全ガイド

$
0
0

10crop-tip-top

 

写真の背景から一部を切り抜く作業は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、切り抜きを行っているというひとは、どれだけいるでしょう。

背景が真っ白であれば、特に問題なく作業できますが、背景が複雑であったり、髪の毛など細かい部分は、特別なテクニックで対応する必要があります。

今回は、Photoshopの各種ツールを駆使した切り抜きテクニックと、いつその技を使うのがベストなのか、各サンプルと一緒にまとめてご紹介します。これらの方法を実践することで、どんなデザインでも手軽に、そしてスピーディーに切り抜き作業を行うことができるようになります。

Photoshop切り抜きをマスターする、10個の鉄板テクニック 完全ガイドPhotoshopVIPで公開された投稿です。

フォトショップの作業が楽になる、覚えておきたい小技テクニック20選

$
0
0

pstip-thumb

 

Photoshopでのデザイン制作をより快適にするコツやショートカットをまとめています。スムーズな作業を実現する、ちょっとうれしいポイントから、大幅に作業時間を短縮する時短テクニックまで幅広く揃っています。CC以外のバージョンでも利用できるので、これを機会に作業フローに加えてみてはいかがでしょう。

フォトショップの作業が楽になる、覚えておきたい小技テクニック20選PhotoshopVIPで公開された投稿です。

Viewing all 160 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>