Quantcast
Channel: テキストエフェクト – PhotoshopVIP
Viewing all 172 articles
Browse latest View live

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

$
0
0

winter28final

 

海外デザインブログVandelay Designで、覚えておきたいデザインテクニックを駆使した、すごいPhotoshopチュートリアル作り方をまとめたエントリー「35 Photoshop Tutorials for Designing Your Own Posters」が公開されていたので、今回はこちらをベースにブックマークしておきたいPSチュートリアルを一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

覚えておきたいデザインテクニック!すごいPhotoshop チュートリアル作り方まとめ

 

グラデーションツールを使って、美しい夕日をデザインする方法

何気ない風景画にPhotoshopグラデーション機能を活用し、本物そっくりな質感を表現します。

landscape-sun1

 

 

 

車をパワフルに真っ二つにしてしまう超絶デザインテクニック

一枚の風景画に3Dオブジェクトや複数のイメージ写真を合成することで、クリエイティブすぎるアートワーク作品を完成させます。

32(2)(3)

 

 

 

まるで写真のような夕日サンセットをデザインする方法

イメージ写真を利用せずに、Photoshopテクニックを使い幻想的な夕焼けの風景を描きます。

sunset-1

 

 

 

プラスチックで体を包み込む特殊デザインテクニック

SF映画さながらなややグロテスクで美しい透明感を表現する方法を、動画チュートリアルで解説しています。

bg_plasticwrap

 

 

 

ざらざらのお肌を修正する超絶PSレタッチチュートリアル

シワやそばかす、シミなど気になる部分を自由自在に修正する、魔法のようなデザインレタッチテクニック。

bg_skinretouching

 

 

 

リアルな髪の毛の質感をデザインするテクニック

まるで写真を見ているような、光のあたり具合もバッチリ再現した髪の毛の描き方を紹介しています。

Design-a-Fashion-Hair-for-a-Lady-L1

 

 

 

割れたら空洞のある頭をデザインエフェクトする方法

欠けたツボと人物モデルを合成することで、空っぽの頭のなかを描くテクニックが紹介されています。

hollow-660

 

 

 

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

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

fluoro-pop-art

 

 

 

ヘキサゴンシェイプを組み合わせた、独創的なアートポスターの作成方法

Illustratorで自由に描いた規則正しいデザインパターンに、エフェクトを加えたイメージ写真をうまく重ねるテクニック。

endresult

 

 

 

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

カスタムシェイプ機能を利用し、グラデーションツールで見事にペイントすることで、オリジナリティ溢れるポートレイト作品を作りあげます。

result_of_the_tutorial_copy

 

 

 

天気予報モバイルアプリを作成する方法

トレンドでもフラットデザインで作成した、配色カラーも参考になりそうなUIデザイン。

weatherAppInterface0

 

 

 

レトロでアンティークなラジオをデザインする方法

PhotoshopとIllustratorを駆使し、ドロップシャドウや立体感など限りなく本物を忠実に再現しています。

Photo-Realistic-Retro-Radio-177

 

 

 

キラキラと輝くマジカルライティングエフェクトの作り方

月明かりに照らされた女性モデルの周りを、ブラシツールを使ってキラキラ感を演出します。

652x408xeluneresult.jpg.pagespeed.ic.q8hPTlVk3l

 

 

 

ダークパワーを持つ映画のようなワンシーンをデザインする方法

あらかじめ切り取られたイメージ写真素材を組み合わせることで、まるでゲームや映画のような世界を演出します。

city-scene-flatten

 

 

 

感情的でノスタルジックな写真合成テクニックの作り方

マスクツールをうまく利用することで、部分的に合成をすこしずつ加えていくデザインテクニック。

autumn34-final

 

 

 

イメージ写真に雪を追加する方法

まるで本当に雪が降っているようなエフェクトを簡単なステップのみで実現できる、覚えておいて損はないテクニックのひとつ。

add-snow-photo

 

 

 

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

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

600x450xfinalresults.png.pagespeed.ic.XXrC_d4U9l

 

 

 

SF映画に出てくる超巨大都市の風景をデザインする方法

ファンタジーな乗り物のデザイン方法や、壮大な空の描き方など学ぶポイントが多数ある高品質チュートリアル。

1821_tid_final_3dtotal_creative_2300

 

 

 

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

シーズンは過ぎてしまいましたが、カードを開くと超立体的に再現されたクリスマスツリーが登場。今年のクリスマスにいかがでしょう。

christmas-pop-up-greeting-card-photoshop

 

 

 

Photoshopで3Dアニメーションを作成する方法

コインがクルクルと回転しているアニメーションを、Photoshopを使って作りあげるテクニックが紹介されています。

coin_animation_final1

 

 

 

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

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

final(2)(3)

 

 

 

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

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

eraser-text-photoshop

 

 

 

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

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

asphalt-paint-photoshop

 

 

 

3Dレイヤーエフェクトを使ったテキストエフェクトの作り方

カラフルパターンが魅力的な、立体感たっぷりに表現されたユニークなテキストエフェクトを仕上げます。

3DLayersTextEffect_final

 

 

 

Photoshopでビンテージ風ステンシルエフェクトをつくる方法

簡単なステップのみでザラザラとしたノイズ感を演出するチュートリアルで、日本語で詳しく解説しています。

step10

 

 

サムネイル@ : Create a Vivid WInter Landscape – Photoshop Tutorials

参照元リンク : 35 Photoshop Tutorials for Designing Your Own Posters – Vadelay Design


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

$
0
0

PhotoFilters

 

毎月あたらしいテクニックを使った、デザインに活用したくなるPhotoshopデザインチュートリアルをまとめています。今回は、2014年2月版まとめとなります。

 

 

海外デザインブログSmashing Appで、Photoshopデザインテクニックを磨く新作チュートリアル、作り方をまとめたエントリー「19 Attractive Fresh Adobe Phtoshop Tutorials」が公開されていたので、今回はこちらをベースに、ユニークなデザインテクニックを一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

デザインテクニックを盗む、これからのPhotoshopチュートリアル、作り方まとめ

 

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

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

valentines-1-660x330

 

 

 

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

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

13(2)(3)

 

 

 

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

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

0955_Toys_PSDTUTS_TOY_IN_ACTION_Final

 

 

 

キラキラと輝くライティングエフェクトを再現する方法

暗闇に輝く、ホタルの光のような幻想的な空間を演出することができます。

Manipulation-for-a-Lady-under-a-Beautiful-Night-Sky-L

 

 

 

格闘技系イベントフライヤーをデザインする方法

まるで人物に光が当たっているようなエフェクトは、幅広いデザインに応用できそうです。

0953_Fight_final

 

 

 

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

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

000-text-effect-tutorials-2014

 

 

 

雪が降るアニメーションをPhotoshopで作成する方法

まるで本当に雪が降っているかのようなアニメーションエフェクトを解説しています。

NYC_Snowfall

 

 

 

本物そっくりの雪が降っている様子を再現する方法

こちらはイメージ写真にまるで本当に雪が降っているようなデザインを追加します。

0947_Snow_Final

 

 

 

パーフェクトにヘアスタイルをレタッチする方法

Photoshopを使って、思い通りのヘアスタイルを完成させるレタッチテクニックを紹介。

bg_hair

 

 

 

ゴージャスな書斎スペースをPhotoshopで再現する方法

イメージ写真を元に、手書きスケッチから雰囲気のある立体的な空間を演出します。

Making-an-Elegant-Interior-Design-L

 

 

 

ダーク系背景と人物モデルをうまく写真合成する方法

全く違和感のないPhotoshopを使った、写真合成テクニックが紹介されています。

image

 

 

 

どんなデザイン変更も可能な、パーフェクトな人物モックアップの作り方

実際に有料販売されている人物テンプレート素材の作り方を、詳しくステップごとに紹介しています。

HamsterDance_ZineImages_17-540x530(2)

 

 

 

ポリゴンスタイルを使ったイラストレーションの描き方

フラットデザインの相性もよいポリゴンスタイルのデザインテクニックをご紹介。

jaws_body

 

 

 

写真を水彩絵の具/インクペイント風に仕上げる方法

あらかじめ用意したイメージ写真をつかい、ブラシツールで少しずつスケッチしていく本格的な水彩絵の具ペイントを体験できます。

0949_Motocross_165-6-FINAL

 

 

 

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

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

0954_Heck_Yeah_Final1

 

 

 

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

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

chalkl-640l

 

 

 

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

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

Fuzzy-final

 

 

 

タイポグラフィーを駆使したロゴデザインを作成する方法

ロゴデザインの他、イメージ写真を使ったオシャレ度の高い、壁紙デザインの作り方も参考になります。

typorgraphy-logo-theme

 

 

 

モバイル用ショッピングアプリUIデザインを作成する方法

読みやすさもばっちり考慮した、フラットスタイルで作成されたアプリデザイン。

0940_Shopping_App_final

 

 

 

暗闇に輝くカラフルベクターをデザインする方法

壁紙デザインにも適したアブストラクトな作品で、グラデーションツールの具体的な使い方を学びます。

1(2)(3)(4)(5)(6)

 

 

 

幾何学模様の立体壁紙デザインを作成する方法

シェイプレイヤーとグラデーションツールを組み合わせ、ユニークで立体的なカスタムシェイプを作ります。

1(2)(3)(4)(5)

 

 

サムネイル@ : Mystical Moutains Photo Composition in Photoshop – IceFlow Studio

参照元リンク : 19 Attractive Fresh Adobe PhotoshoP Tutorials – Smashing App

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

$
0
0

miniture_effect

 

毎月Photoshopの新しい使い方やデザインテクニックを活用した作り方、チュートリアルをまとめています。今回は2014年3月版まとめです。

 

 

海外デザインブログGraphicsFuel.comで、今後のデザインプロジェクトで利用したい、ユニークなPhotoshopチュートリアル、作り方をまとめたエントリー「A Collection of 15 Fresh Photoshop Tutorials」が公開されていたので、今回は個人的にみつけたチュートリアルを一緒にまとめています。

 

 

 

詳細は以下から。

 

 

 

Photoshopのすごさを体感する、デザインチュートリアル、作り方まとめ

 

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

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

Raindrops_photoshop-tutorial

 

 

 

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

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

fireframe_effect

 

 

 

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

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

PaintOnWood-final

 

 

 

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

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

ToastHoney-effect

 

 

 

メタルプレートを引っ掻いた映画ポスターの作り方

プレートが熱々と溶けたスクラッチ傷を再現する、デザイン性の高いチュートリアル。

Movie-Poster-0

 

 

 

キラキラ感たっぷりなライティングエフェクトを作成する方法

ぼかしを活用したライトエフェクトで、グラデーションの配色を変更するだけでもがらりと印象が変わります。

beatiful_sparkling

 

 

 

KaleidoScope(カレイドスコープ)エフェクトを作成する方法

撮影した写真を使い、左右上下対称のユニークなアートワークを完成させます。

Kaleidoscope_Final-3

 

 

 

ユニークな幾何学パターンをデザインする方法

継ぎ目のないシームレスデザインを完成させるパターン素材を作成します。

Seamless-Geometric-Pattern

 

 

 

カラフルな幾何学パターンをデザインする方法

シンプルなシェイプを重ねるだけで、お好みの色を使って自由なシームレスパターンテクスチャを仕上げます。

geometric_pattern

 

 

 

 

イメージ写真にグランジテイストを追加する方法

ザラザラとしたビンテージ、レトロ感を演出するグランジスタイルの作り方を紹介しています。

grungy_effect

 

 

 

昼間の写真を土砂降りの夜に変えてしまう方法

Photoshopを使えば、昼間を夜に変えてしまうことも自由自在です。

day-night-rainy-ps

 

 

 

写真合成でファンタジーな風景画を作成する方法

あらかじめ用意したイメージ素材を組み合わせるテクニックは、他のデザインプロジェクトにも応用できます。

fantasy-nature-matte

 

 

 

昼間の写真をキラキラに輝く夜空に変える方法

複数枚のイメージ写真を合成しながら、カラー調整レイヤーを使い、全体の色合いを統一するテクニックは必見。

fantasy_scenary

 

 

 

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

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

GlitteringText-final

 

 

 

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

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

Illuminated_Text

 

 

 

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

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

metal_text_effect

 

 

 

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

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

melty_sweet_texteffect

 

 

 

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

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

studded_texteffect

 

 

 

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

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

real_dust_texteffect

 

 

 

紙を使ったデジタル彫刻をPhotoshopで作成する方法

実際に紙を使って作成されたスカルプチャーに、よりインパクトのあるデザインエフェクトをPSで追加します。

paper_carft_effect

 

 

 

超ディテールにこだわった昆虫のイラストを作成する方法

Photoshopを使って、どこまでも本物にこだわる玄人好みなイラストチュートリアル。

Insect_final

 

 

 

オーナメントを使ったビンテージイラストポスターを作成する方法

かすれ具合をうまく表現したビンテージポスターの作りで、イラストの描き方も参考になるチュートリアル。

Fury_Skies

 

 

 

カラフルなファッションミックスデザインを作成する方法

パスやグラデーションなどさまざまなツールの使い方を学ぶ、デザインフェクトの作成方法。

fashion47-final

 

 

 

レザー製で味わいのあるノート型アイコンを作成する方法

写真と見間違うほど高クオリティーは、もはやアイコンとは思えません。

addressBook_icon

 

 

 

これからはじめるPhotoshopチュートリアル、作り方まとめ

先月分チュートリアルまとめも一緒に、参考にしてみてはいかがでしょう。

PhotoFilters

 

 

サムネイル@ : Create a Surreal Miniature Portrait: Post-Production – Tuts+ Photography Tutorial

参照元リンク : A Collection of 15 Fresh Photoshop Tutorials – GraphicsFuel.com

たのしいIllustrator、参考にしたいチュートリアル、作り方30個まとめ 2014年3月度

$
0
0

 

abdz-pattern-theme

 

海外デザインブログDesign Knockで、デザインがたのしくなるIllustratorチュートリアル、作り方をまとめたエントリー「Latest Illustrator Tutorials for 2014 Graphic Designs」が公開されていたので、新作チュートリアルと一緒にまとめてご紹介します。

 

 

Photoshopを使ったデザイン作業と併用して活用したい、Illustrator。あたらしくたのしいデザインを、はじめませんか。

 

 

 

詳細は以下から。

 

 

 

Illustratorはたのしい。参考にしたいチュートリアル、作り方まとめ 2014年3月度

 

地形図をモチーフにしたデザインエフェクトの作り方

Illustratorのペンツールで描いた、等高線のようなパスに、グランジスタイルを組み合わせたお洒落なデザインが魅力的。

contour-map-sm

 

 

 

印象的なビンテージロゴの作り方

Illustratorのブレンドオプションを設定することで、手軽に立体的で印象的なロゴを作成できます。

typorgraphy-logo-theme(2)

 

 

 

幾何学パターンで再現された星形デザインの作り方

イラストを描く角度をすこし考えてあげるだけで、思いもよらないデザインが完成してしまいます。

geometric-star

 

 

 

ヘキサゴンスタイルのカラフルパターンを作成する方法

レトロな配色に淡いグラデーションを利用したい、万華鏡のようなデザインパターンを作成します。

Hex-Final

 

 

 

ロープを使ったタイポグラフィーを作成するチュートリアル

ピクセル単位で描いたロープデザインを使い、自由自在な文字を描くことができる作り方。

ropeText0

 

 

 

USBケーブルでできたタイポグラフィーの作り方

タイトルのままですが、ドロップシャドウなど立体感にこだわったテキストエフェクト。

wiretips_vector

 

 

 

キュートでポップなドーナッツ型テキストエフェクトの作り方

Illustratorを使った、立体感たっぷりなテキストエフェクトを完成させます。

donut_texteffect

 

 

 

電気ビリビリ!高電圧なタイポグラフィーをデザインする方法

触るだけビリっとなりそうなハイボルテージなテキストエフェクトを完成させます。

electic_texteffect

 

 

 

簡単ステップのみで完成する、レトロなテキストエフェクトの作り方

エフェクト適用後にテキスト編集可能な、活用性の高いビンテージエフェクトのチュートリアル。

retor_vintage_texteffect

 

 

 

ワイルドなグラフィティ・アートを作成する方法

あらかじめ描いた手書きスケッチを元に、Illustratorを使ってグラフィティを完成させます。グラデーションメッシュの使い方は参考に。

graphic_vectordesign

 

 

 

レトロなバッジ、エンブレムの作り方

パターンテクスチャを利用することで、質感の良いバッジスタイルを簡単に作成します。

premium_badge_vector

 

 

 

バレンタイン風ピンク色ポストカードの作り方

可愛らしい配色とイラストの組み合わせが素敵なデザイン。

floral_valentine

 

 

 

シンプルなリビング空間を演出する方法

まず最初に決めたカラーパレットを使い、快適なリビングスペースをイラストで再現します。

easy_living_room

 

 

 

デザイン化された都市風景をデザインする方法

記号や文字などアブストラクトなデザイン、配色で作成する立体的な都市マップの作り方。

isometric_tut_citymap_small

 

 

 

タトゥースタイルのグランジポスターを作成する方法

「カリグラフィ」ブラシを使ったパスが印象的なイラストの描き方。

1Day_of_Dead_Girl_1_640

 

 

 

キュート系キャラクターイラストをデザインする方法

Illustratorを使えばこんなかわいいマスコットデザインを作成することも可能です。

cute_character_vector

 

 

 

本物そっくりな真珠型ブラシ素材を作成する方法

まるで本物と見間違うほどのクオリティーが素敵で、スタンプ感覚で利用できる便利アイテムです。

create_pearl_vector

 

 

 

ディテールにこだわった剣と盾のエンブレムをデザインする方法

立体的で細部まで作りこまれた、自分だけのオリジナルエンブレムを作成してみてはいかがでしょう。

metal_shield

 

 

 

アンティークな置き電話を作成する方法

本物そっくりな黄金グラデーションの作り方など、他のデザインプロジェクトでも参考になりそうなテクニック。

old_telephone_style

 

 

 

自動車のスピードメーターをデザインする方法

ぼんやりとしたネオン色に光る時速スピードメーター、お好みのカラーリングでどうぞ。

speedometer0

 

 

 

蜘蛛の動き方や特長をまとめて解説

立体的なイラストにおける、蜘蛛の動きを詳しく解説した、デザイン制作の参考にしたいチュートリアル。

animal_spieders_vector

 

 

 

イメージ写真から超リアルな猫の顔をデザインする方法

用意した写真をベースに、顔の部分のみを毛並みや質感まで忠実に再現します。

real_cuttie_cat

 

 

 

カラーペンでタトゥースタイルの虎を描く方法

実際にペンを使って動物を描くときの順番、ポイントなどが詳しく解説されています。

realistic_tattoo_tiger

 

 

 

簡単な操作で立体的なダイヤモンドをデザインする方法

基本的な操作方法やツールのみを使い、シンプルなダイヤモンドシェイプを作成します。

simple_diamond_vector

 

 

 

ポリゴンスタイルのモザイク風イラストを描く方法

Triangulaterというアプリを使うことで、どんなデザインもポリゴンスタイルに。動画チュートリアルです。

polygonal_illustration

 

 

 

カラフルな花を手軽にデザインする方法

Illsutratorの便利機能「グラデーションメッシュ」を利用することで、どんな色の花も自由に、そしてシンプルに作成できます。

simple_flowers

 

 

 

デザインテクニックを磨こう!すごいIllustratorチュートリアル作り方まとめ

前回まとめたチュートリアル、作り方も参考にしてみてはいかがでしょう。

latestaitutorial2014jan_top

 

 

サムネイル@ : ABDZ Weave Pattern in Illustrator – Abduzeedo Design Inspiration

参照元リンク : Latest Illustrator Tutorials for 2014 Graphic Design – DesignKnock

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

$
0
0

polybreno_1500

 

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

 

海外デザインブログGraphic Design Junctionで、新しく公開されたPhotoshopデザインチュートリアルをまとめたエントリー「18 Latest Awesome Photoshop Tutorials」が公開されていたので、今回はこちらを中心に、印象的な新作チュートリアルを一緒にご紹介します。

 

 

 

詳細は以下から。

 

 

Photoshopをより使いこなす、すごいチュートリアル、使い方まとめ

 

イメージ写真をポリゴンエフェクトを追加する方法

ポリゴンスタイルを簡単に作成するアプリI ♥ ∆を利用し、Photoshopで質感を整えるデザインチュートリアル。

tiger-poly

 

 

 

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

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

polygon_texteffect

 

 

 

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

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

fresh_orange

 

 

 

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

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

money_effect

 

 

 

ポートレイト写真にライティングエフェクトを加える方法

まるで映画のポスターのような仕上がりを完成させる、こだわり抜いた実践チュートリアル。

jw_tutorial_full_res

 

 

 

「色域指定」ツールを使った、肌の修正レタッチテクニック

イメージ写真の編集をするときに、「選択範囲」>「色域指定」を使うことで、より自然なレタッチを実現しています。

How to retouch your photo with Color Range Options in Photoshop

 

 

 

イメージ写真を味わいのあるフィルターで加工する方法

写真加工アプリなどでも人気のあるフィルター機能を、Photoshopを使って再現するチュートリアル。

vignette_effect

 

 

 

 イメージ写真の背景だけを変更する方法

撮影されている被写体の背景を、どんなデザインにでもカスタマイズできるテクニック。

How-to-remove-background---On-new-background

 

 

 

 飛び出す絵本をデザイン、作成する方法

本を開くと飛びでる仕掛けがユニークで、思わず詳しくチュートリアルを読んでしまいそうなクリエイティブサが素敵。

simonwild_FINISHED002

 

 

 

イラストに味わいのあるビンテージ、グランジエフェクトを加える方法

テクスチャ素材をうまく利用することで、年代を感じるビンテージ系イラストを、グランジテイストと一緒に演出します。

textured_effect

 

 

 

ウッドテクスチャでマスキングする方法

テクスチャ素材の模様をマスキングすることで、ウッドにペイントしたような質感を表現できます。

texture_overlay

 

 

 

 曲線にきれいにテキストを表示する方法

ワープテキストをつかったフォントのゆがみを修正する、簡単テクニックが紹介されています。

curve_text

 

 

 

カラフルな幾何学パターンをデザインする方法

パステルカラーを中心とした配色の参考になりそうなデザインで、Illustratorもすこしだけ利用します。

photoshop_pattern

 

 

 

カラフルなアーガイルデザインパターンを作成するチュートリアル

セーターの柄としても有名なアーガイル柄を、編み込んだファブリックの質感でシームレスに再現します。

5-argyle-pattern-3

 

 

 

タイポグラフィーとイメージ写真を組み合わすユニークテクニック

木の枝にフォント文字の一時を隠すなど、ちょっとした面白さをデザインに加えるチュートリアル。

bauty_walllpaper

 

 

 

朝日が昇る美しい風景画をデザインする方法

最初は何気ない山並みの山頂から滝が流れたり、まぶしい朝日が降り注ぎます。

mist38-final(2)

 

 

 

複数の写真を合成する、モダンデザインの作り方

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

crow30-final

 

 

 

ブラシを使ったユニークなイメージ写真エフェクトの作り方

便利ツールのひとつ、ブラシ素材とカラーリングに有効なテクニックを駆使して、ファンタジーな写真エフェクトを作成します。

light-color-photo-effect-featured

 

 

 

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

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

alice_in_wonderland

 

 

 

不思議の国のアリスを再現するチュートリアル

こちらもアリス関連のデザインチュートリアルで、幻想的な色合いとライティングエフェクトなどさまざまなテクニックが駆使された作品です。

alice_wonderland_2

 

 

 

サッカーをイメージしたテキストエフェクトの作り方

フサフサの芝生の上に、サッカーボールを連想させる立体的なテキストエフェクトが魅力的。

soccer_texteffect

 

 

 

光沢感たっぷりなメタリックテキストエフェクトの作り方

Photoshopの便利ツール「レイヤースタイル」を設定するだけで完成する、お手軽なテキストデザインチュートリアル。

glossy_texteffect

 

 

 

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

桜のシーズンは過ぎてしまいましたが、キュートな花をデコレーションしたタイポグラフィーはいかがでしょう。

CherryBlossoms-final(2)

 

 

 

テクスチャ素材を加えた、ユニークなポートレイトデザインの作り方

あらゆる種類のテクスチャ素材を重ね、質感を作りだすテクニックは今後使いたい手法のひとつ。

darky_effect

 

 

 

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

ゴールデンウィークでお休みのひとも多いのではないでしょうか。先月分チュートリアルまとめです、参考にどうぞ。

miniture_effect

 

 

サムネイル@ : Adobe Illustrator & Photoshop Tutorials: Create Low-Poly Portrait – DigitalArts

参照元リンク : Photoshop Tutorials to Making of Digital Arts – GraphicDesignJunction

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

$
0
0

giraffe_neck_knot

 

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

 

 

海外デザインブログInstantShiftで、参考にしたいPhotoshopのチュートリアル、作り方をまとめたエントリー「80+ New Photoshop Tutorials from Different Categories」が公開されていたので、今回はこちらを中心に、新作チュートリアルをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

参考にしたいPhotoshopチュートリアル、作り方まとめ 2014年5月度

 

顔をマスクのように外すイリュージョン的テクニック

まるでお面をかぶっているような立体感を演出することができる、写真加工デザインエフェクト。

photo_manipulation

 

 

 

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

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

weather-app-animated

 

 

 

映画のような写真エフェクトの作り方

何気なく撮影した写真を、まるで映画のワンシーンのような迫力のある色使いで加工します。

dramatic-tones-after

 

 

 

人物モデルが飛び散ったようなエフェクトを再現する方法

ペンキスプラッター系ブラシを使った、写真コラージュチュートリアル。

splatter_design_effect

 

 

 

光の反射を防ぐ、ホワイトバランスの調整方法

光が当たりすぎて白くなってしまったイメージ写真の色合いを、うまく調整するテクニックが紹介されています。

color_correaration

 

 

 

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

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

choosign_color

 

 

 

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

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

fatasy_scenery

 

 

 

黄金の翼が生えた天使をデザインする方法

まるで映画のワンシーンを見ているような、ライティングエフェクトたっぷりでさいげんされたコラージュ系チュートリアル。

wing_of_angles

 

 

 

イメージ写真に葉っぱデザインを合成する方法

グランジテイストでコラージュされた、不思議な質感のポートレイトデザインを完成させます。

leaf-face-flatten-featured

 

 

 

前髪をパッツンで揃える方法

不揃いの前髪を、まるでクシでとかしたようにピカピカに仕上げてくれるレタッチテクニック。

hair_retouch

 

 

 

水の中で炎が燃えているようなエフェクトの作り方

炎テクスチャをアルファチャンネルを用いて切り抜くことで、自然な仕上がりを実現できます。

prof-widow1

 

 

 

幻想的なイメージ写真合成をおこなうテクニック

用意した複数のイメージ写真を、違和感なく合成するコラージュ術は、幅広く活用したいテクニックです。

Fallen-Angel-660

 

 

 

昆虫ワールドをデザインする方法

撮影した写真に、あらかじめ用意した昆虫のイメージ画像をうまく合成するテクニックが紹介されています。

bugslife

 

 

 

Photoshopをエフェクトを使ったすごい写真合成テクニック

まるで実際に撮影したような、細かいディテールにこだわるテクニックが満載。

tempus-preview

 

 

 

GIFアニメーション付ピクセルアートを作成する方法

まるでゲームのようなピクセルアニメーションは、タイムライン機能を活用して作成されています。

Animation_final_3x

 

 

 

ゴールドの容器にテキストを彫り込む方法

イメージ写真を使わずに、Photoshopのツールだけで容器を再現します。黄金にペイントするテクニックは、参考になりそうなチュートリアル。

JarEmbossedText-s

 

 

 

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

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

Stay-Cool-Text-Effect

 

 

 

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

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

grunge_curved_texteffect

 

 

 

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

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

tutorial-photoshop-ketchup

 

 

 

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

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

jelly_bean_text_effect

 

 

 

iOS 7モチーフのモバイル・アプリデザインの作り方

ミニマルスタイルが魅力的なUIデザインを作成するチュートリアル。

ios7_interface

 

 

 

ショッピング・モバイルアプリ用インターフェースの作り方

トレンドを取り入れた、インタラクティブなショッピング体験を可能にするインターフェースが魅力的。

shopping_app

 

 

 

エレガントなブログレイアウトを作成する方法

無料PSDテンプレート素材などで見かける、ミニマルスタイルのレイアウトが素敵です。

blog_layout

 

 

 

動物をモチーフにしたラインアートロゴを作成する方法

Illustratorを使ったデザインチュートリアルで、最終的に色づけをPhotoshopで行っても良いかもしれません。

game-of-thrones-houses

 

 

 

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

人気トレンドにもなりつつある、ポリゴンスタイルを採用したポートレイト写真を作る動画チュートリアル。

bg_lowpoly

 

 

 

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

先月好評だったデザインチュートリアルも、一緒に参考にしてみてはいかがでしょう。

low-poly-theme

 

 

サムネイル@ : Giraffe Neck Knot Photoshop Tutorial – Alfoart.com

参照元リンク : 80+ New Photoshop Tutorials From Different Categories – InstantShift

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

$
0
0

besttexteffect_top

 

人気の高いテキストエフェクト系のチュートリアル、作り方をまとめたエントリー「40 of the Best Text Effect Tutorials Crammed with Photoshop Expertise」が、デザインブログnoupeで公開されていたので、今回はこちらを中心に、これまでの月間チュートリアルまとめも含めて、まとめてご紹介します。

 

新旧関係なく、デザインテクニックを磨くのにぴったりなチュートリアルをあつめています。どんどん進化していくデザインテクニックを、まとめてチェックしてみると良いかもしれません。

 

 

 

詳細は以下から。

 

 

 

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

 

photoshop-text3

Create a Trendy Galactic Poster Design in Photoshop

 

 

photoshop-text21

Create An Underwater Typography Scene

 

 

photoshop-text7

“Painted on Wood” Text Effect

 

 

photoshop-text5

Dripping Honey on Toast Text Effect

 

 

photoshop-text6

Delicious Bagels Text Effect

 

 

fresh_orange

Create a 3D, Fruit -Textured, Text Effeect

 

 

photoshop-text33

Create Stylized Hay Bale Typography in Photoshop

 

 

photoshop-text34

Create a Glowing 3D Text Effect with Filter Forge and Photoshop

 

 

photoshop-text36

Wash Your Hands Case Stusdy

 

 

photoshop-text17

Create Realistic Gold 3D Type

 

 

photoshop-text20

Create Typography That’s Going Down the Drain

 

 

photoshop-text4

Create a 3D Ice Text Effect with Modo and Photoshop

 

 

photoshop-text1

Create a Magma Hot Text Effect in Photoshop

 

 

photoshop-text28

Easy X-Ray Typography in Photoshop

 

 

photoshop-text29

The Dark Knight Rises Stencil Effect in Photoshop

 

 

asphalt-paint-photoshop

Grunge Road Paint Photoshop Text Effect

 

 

photoshop-text8

Create a Cool Wet Ink Typography Effect in Photoshop

 

 

photoshop-text19(2)

Create Jewel-encrusted Gold 3D Type

 

 

glitter

How to Create Letter from Glitters Pieces Image with Photoshop

 

 

3D-Neon

Create a 3D Neon Night Club Sign in Photoshop

 

 

latesttutorial2013feb_top

Old Signage in Photoshop 3D

 

 

classiclight_top

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

 

 

photoshop-text14

Striped Fuzzy Text Effect

 

 

soccer_texteffect

Create a Soccer-Themed Text Effect in Photoshop

 

 

photoshop-text30

Create a 3D Text Effect with Photoshop and Maya

 

 

FantasySpring-final

Fantasy Spring Text Effect

 

 

real_dust_texteffect

How to Create Custom Dirt Typography

 

 

0954_Heck_Yeah_Final1

Create a High-Glosee, Bubble Gum Text Effect in Photoshop

 

 

final(2)(3)

Create an Easy Realistic Gold Text Effect in Photoshop

 

 

参照元リンク : Let it Burn: 40 of the Best Text Effect Tutorials Crammed – Noupe

はじめようIllustrator!参考にしたいデザインチュートリアル、作り方24個まとめ

$
0
0

19-lg

 

海外デザインブログTheNeoDesignで、新しく公開されたIllustratorチュートリアル、作り方をまとめたエントリー「The Best Adobe Illustrator Tutorials of May 2014」が公開されていたので、今回はこちらをベースに、ブックマークしておきたい新作デザインチュートリアルを、一緒にまとめてご紹介します。

 

 

簡単なステップのみで完成するチュートリアルは、Illustrtatorの基本的ツールの操作方法を覚えるのにもピッタリです。

 

 

 

詳細は以下から。

 

 

 

これからはじめるIllustrator!参考にしたいデザインチュートリアル、作り方24個まとめ

 

ポリゴンスタイルのライオンを描く方法

円サークルに沿って配置された五角形をベースに、王冠をかぶったライオンロゴを作成します。

illustrator_tutorial_09

 

 

 

ラインアートで描かれた動物ロゴをデザインする方法

人気のポリゴンスタイルを意識し、あらゆる種類の動物をラインのみで描きます。

best-illustrator-tutorials-2014

 

 

 

ポリゴンエフェクトを加えた、サマー・ステッカーを作成する方法

もうすぐそこまで来ている夏をテーマにした、ユニークでかわいいバッジを作成します。

typography

 

 

 

複雑なポリゴンスタイルパターンを作成する方法

アプリI ♥ ∆を使い、イメージ写真をベースにしたポリゴンアートを作る過程が紹介されています。

How to Create an Abstract Low-Poly Pattern in Adobe Photoshop and Illustrator

 

 

 

カラフルでレトロな幾何学模様パターンを作成する方法

シェイプを重ねてできるユニークな模様を使い、継ぎ目のないビンテージパターンをデザインします。

final2

 

 

 

グロス感たっぷりな蜂の巣パターンを作成する方法

ミツバチの巣をモチーフにデザインされた、継ぎ目のないパターンテクスチャ素材の作り方。

Create a Sweet Honeycomb Pattern in Adobe Illustrator - Tuts+

 

 

 

アジア文化を取り入れた、フラットスタイルのパターンテクスチャを作成する方法

日本をモチーフにしたセンスや、桜の花などをあしらったパターンデザイン。

best-illustrator-tutorials-20149

 

 

 

シンプルなパーツを組み合わせた、超複雑なイラストデザインを作成する方法

基本となるシェイプを作成、複製することで、幻想的でファンタジーなアートワークを完成させます。

illustrator_tutorial_01

 

 

 

マンダラ・アートワークをデザインする方法

仏教の世界観を表現した絵画、「曼荼羅(英 : Mandala)」を作成するチュートリアル。

illustrator_tutorial_02

 

 

 

本物そっくりなレザーテクスチャーを作成する方法

Illustratorのみを使い、レザーテクスチャの質感を再現するテクニックは、他にも応用できそうです。

best-illustrator-tutorials-20144

 

 

 

デザインにざらざらしたグランジ感を加える方法

テクスチャ素材を重ねることで、質感だけをうまく取り入れるテクニックが紹介されています。

distressing_11

 

 

 

デコレーション用継ぎ目のないパターンテクスチャを作成する方法

あまり見かけないユニークなデザイン画を使い、継ぎ目のないシームレスなパターン素材を作成します。

Final_Image

 

 

 

マグカップ用デザインを作成する方法

自分だけのマイカップに、お好みのイラストデザインをプリントするまでの工程を、詳しく解説したチュートリアル。

best-illustrator-tutorials-20146

 

 

 

レンガ造りのコーヒーショップをデザインする方法

高く積まれたレンガに、かわいい花を飾った窓やお店をシンプルなイラストで描いていきます。

best-illustrator-tutorials-20147

 

 

 

イラストに奥行き感を表現するテクニック

描いたイラストにより躍動感を追加するペインティング・テクニックは、他のデザインでも使えるナイスな作り方。

GoneKarting_Final

 

 

 

かわいいカップケーキをデザインする方法

ペンツールをうまく操ることで、こんなかわいいイラストも自由に描くことができます。

best-illustrator-tutorials-201412

 

 

 

ノート型アイコンデザインを作成する方法

シンプルなイラストアイコンは、ページの重なり方など、細部を徹底的に再現するチュートリアルのひとつ。

notebookIcon0

 

 

 

バットマン・ダークナイトのロゴをデザインする方法

暗闇に浮かびあがるあの有名ロゴを、質感たっぷりで描くデザインチュートリアル。

batmanLogo0

 

 

 

本物そっくりなトウモロコシでデザインする方法

まるで写真を見ているほどディテールにこだわった、高品質なデザインチュートリアル。

best-illustrator-tutorials-201410

 

 

 

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

Illustratorのベーシックツールに、ブレンド機能とマスク機能を利用して描くデザインチュートリアル。

goldIngotIcon31

 

 

 

レトロスタイルの立体3Dテキストエフェクトの作り方

ブレンドツールの基本的な使い方を理解しながら、超立体的なロゴデザインを完成させます。

best-illustrator-tutorials-20143

 

 

 

不可能ロゴを作成する方法

ちょっとタイトルが分かりにくいですが、現実にはあり得ないシェイプを使ったロゴデザインの作成方法。

impossible-abdz_0

 

 

 

キラキラに輝く、リボンでできたテキストエフェクトを作成する方法

リボンの立体感もドロップシャドウを使い、見事に再現されたチュートリアル。

best-illustrator-tutorials-20141

 

 

 

参考 すごいぞIllustrator!デザインに取り入れたいチュートリアル、作り方まとめ 2014年5月度

前回まとめたチュートリアル作り方も、一緒に参考にしてみてはいかがでしょう。

splashscreen

 

 

サムネイル@ : How to Create Typography Illustrations the Easy Way – Blog.SpoonGraphics

参照元リンク : Best Adobe Illustrator Tutorials of May 2014 – The NeoDesign.com


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

$
0
0

fifa2014-worldcup

 

毎月Photoshopのあたらしいテクニックを学ぶことができる、新作デザインチュートリアルをまとめています。今回は2014年7月版まとめです。

 

 

海外デザインブログPixel77で、プロ級のデザインテクニックを学ぶことができるPhotoshopチュートリアル、作り方をまとめたエントリー「Illustraor and Photoshop Tutorials Roundup」が公開されていたので、今回はこちらを中心に個人的にブックマークしておきたいアイテムを一緒にまとめてご紹介します。

 

 

Photoshop CCの新機能を活用した新テクニックの他、利用する機会の多い調整レイヤーやレイヤーマスク機能の新しい使い方などにも注目です。今月の新作Illustratorチュートリアルは以下のエントリーを参考にどうぞ。

 

 

 

 

詳細は以下から。

 

 

 

これぞPhotoshop!プロ級テクニックを学ぶチュートリアルまとめ 2014年7月度

 

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

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

lion-sleeps-tonight

 

 

 

動物が走るアニメーションをPhotoshopで作成する方法

動物の関節の仕組みからデザインを考えることで、よりリアルで躍動感のあるアニメーションを実現します。

run-animation

 

 

 

カラフルに輝くファンタジー空間をデザインする方法

風景画に宇宙や星空をテーマにしたテクスチャ素材を重ね、描画モードを設定することで、幻想的な色合いを表現できます。

space-gradient

 

 

 

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

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

dancing-baby

 

 

 

暗闇に青白く輝く妖精の羽根を描く方法

まるで本物そっくりなリアル感を演出したテクニックで、ポイントは描画モードの設定方法と調整レイヤーの組み合わせ方。

fairy-tale

 

 

 

火の粉が飛び散りながらバイオリンを演奏する女性を描く方法

炎テクスチャを見事に加工することで、ダイナミックな写真合成デザインを作成します。

fire-angel

 

 

 

宇宙空間で船外活動する宇宙飛行士をデザインする方法

複数のイメージ写真をうまく合成するだけでなく、キラキラ感たっぷりなライティングエフェクトを学ぶチュートリアル。

outer-space

 

 

 

印象的なレンズフレアを作成する方法

Photoshopのデフォルト設定では表現することが難しい 、魅力的なレンズフレアを作成します。

lensflare-final

 

 

 

迫力のあるアクション映画ポスターを作成する方法

上記チュートリアルでも使われているレンズフレアを活用した、プロ級デザインテクニックが披露されています。

Godzilla_Final

 

 

 

写真をレゴブロック風に加工する方法

まるでレゴブロックで作り上げたような、独特な立体的ドットスタイルを作成する、完成度の高いデザインチュートリアル。

logo-block

 

 

 

Photoshopでアニメーション付UIデザインを作成する方法

プレゼンテーションの新しいカタチとして注目されている、アニメーション付UIデザインをPhotoshopのみで完成させます。

animation-on-iphone-final

 

 

 

観覧車を高速回転させる方法

Photoshop CCの新機能「虹彩絞りぼかし」エフェクトの基本的な使い方を学び、いろいろなアイテムをスピンさせます。

spinnin-wheel

 

 

 

Photoshopで水彩画エフェクトを作成する方法

まるで水彩絵具でペイントしたような、淡い色使いが素敵なチュートリアル。以前こんなチュートリアルもありました。

watercolor-paint

 

 

 

人食いサメJawsをポリゴンスタイルでデザインする方法

人気のあるポリゴンスタイルを、Photoshopで作成するときのポイントや注意点をまとめたチュートリアル。

jaws_original

 

 

 

エアブラシを使った、80年代風レトポートレイトをペイントする方法

ブラシの筆圧を操ることができるペンタブレットを最大限に活用した、デジタルペイントのデザイン過程を学びます。

kawaii-retro

 

 

 

特定の色だけカラーリングする方法

某ビールのCMでも見かけるエフェクトで、カラーペイントしたいエリアを自分で選択できます。

selective-color

 

 

 

ビンテージ写真加工エフェクトを実現する方法

調整レイヤーを設定するだけのお手軽エフェクトが紹介されています。

vintage-matte-sm

 

 

 

イメージ写真を幻想的なレタッチ加工する方法

まるで映画のワンシーンを見ているような、プロ顔負けのフォトレタッチテクニックを紹介しています。

colorfu-effect-preview2

 

 

 

自由に背景デザインを変更する方法

撮影したポートレイト写真の背景を、お好みテクスチャ素材を使ってカスタマイズするテクニック。

BG-youtube-660x330

 

 

 

写真に大粒の雨を降らす方法

ノイズエフェクトにぼかしを加えることで、簡単に雨模様を再現することができるテクニック。

adding-rain

 

 

 

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

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

bokeh-text

 

 

 

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

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

snake-letter-effect

 

 

 

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

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

sugar-text

 

 

 

ピカピカに輝く黄金のゴールドカードを作成する方法

立体的なメタリックピンコードや、テクスチャの質感を活用したデザインテクニックを披露しています。

golden_card_presentation

 

 

 

お好みのロゴやテキストで、焼き印デザインを作成する方法

チュートリアルで作成することもできますし、ロゴ用Photoshopモックアップ素材を使用してもよいでしょう。

engrave-burnt-effect

 

 

 

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

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

movie-logo

 

 

 

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

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

holiday-text

 

 

サムネイル@ : FIFA World Cup Brazil 2014 Photo Manipulation in Photoshop – PhotoshopRoadmap

参照元リンク : Illustrator and Photoshop Tutorials Roundup – June 2014 – Pixel77

進化するIllustrator!すごいデザインチュートリアル24個まとめ 2014年8月度

$
0
0

latestai2014aug-top

 

海外デザインブログTheNeoDesignで、新しいIllustatorのテクニックを学ぶことができる、最新デザインチュートリアルをまとめたエントリー「Best Adobe Illustrator Tutorials by July 2014」が公開されていたので、今回はこちらを中心に、ブックマークしておきたい作り方、チュートリアルをまとめてご紹介します。

 

 

チュートリアルのステップをふみながら進めることで、ベーシックな操作から、具体的なデザイン制作に使える技を学ぶことができます。ますます進化するIllustatorのデザインテクニックは、今後ますます注目したいツールではないでしょうか。

 

 

 

詳細は以下から。

 

 

 

進化するIllustrator!すごいデザインチュートリアル24個まとめ

 

カスタムブラシを使って、たんぽぽをデザインする方法

簡単に作成できるカスタムブラシの使い方から、それを使ったデザインテクニックまで紹介した動画チュートリアル。

dandelion-flying

 

 

 

ビンテージな花がらデコレーションを作成する方法

さまざまな種類の花や植物をひとつずつ再現するだけでなく、参考にしたい配色カラーパレットも素敵な作品。

blossom-flowers

 

 

 

カラフルなヘキサゴンパターンをデザインする方法

グラデーションツールを使い描かれた六角形に、美しい虹色グラデーションでペイントしたパターンテクスチャ。

gradient-holo

 

 

 

ポリゴンスタイル採用のイカリマークパターンを作成する方法

基本的なシェイプツールの使い方を学びながら、イカリマーク付の継ぎ目のないパターンテクスチャを作成します。

anchor-seamless-pattern

 

 

 

折り紙スタイルのロゴマークを作成する方法

淡いグラデーションを切り返すことで、折り目を再現するテクニックは、人気のポリゴンスタイルにも共通しますね。

orgami

 

 

 

夏休みロードトリップ・イラストレーション

レトロな配色を用いてキュートなイラストを描くチュートリアルで、シェイプツールの基本操作をばっちり押さえます。

hipster-illustration

 

 

 

キラキラに輝くマティーニ・グラスを作成する方法

Illustratorを使ったライティングエフェクトの作り方は、覚えておきたいテクニックのひとつ。

sparkling-light

 

 

 

新鮮なロブスターをデザインする方法

写真を見ているようなクオリティーで再現するチュートリアルで、グラデーションメッシュの具体的な使い方が紹介されています。

lobster-red

 

 

 

クルクルと回る風車をデザインする方法

作成したシェイプを立体的に魅せ、程よいグロス感を加えた作品を完成させます。

propellerPinwheel0

 

 

 

超リアルな電球をデザインする方法

描画モードにグラデーションメッシュをうまく設定することで、暗闇に電球がぼんやりと浮かび上がります。

lightbulb

 

 

 

カラフルなガラス製ランプをデザインする方法

グラデーションツールを利用することで、まるで本物そっくりなガラスの反射を再現することができます。

glass-balls

 

 

 

リアルな糸と糸巻きをデザインする方法

みどり色の糸を巻きつけた先には、キラリと光る針も一緒にデザインされています。

needle-illustration

 

 

 

ザラザラとしたグランジ感を演出する方法

Photoshopを併用するチュートリアルで、テクスチャの質感をそのまま作品に加えます。

monkey-grunge

 

 

 

美味しそうなドーナツ型テキストエフェクトをデザインする方法

同じテクニックを駆使することで、あらゆるアルファベットを作成することができます。

donut-texteffect

 

 

 

イチゴ柄のテキストエフェクトの作り方

プラスチックのような光沢感を再現するエフェクトは、幅広く使えるテクニックのひとつです。

sweet-typo

 

 

 

質感たっぷりなダンボールテクスチャを作成する方法

Illustratorのみを使い、ザラッとした本物そっくりなテクスチャ素材をデザインします。

cardboard-texture

 

 

 

新ライブシェイプを使ってウォークマンを描く方法

新しくアップデートされたライブシェイプツールを使い、さまざまなシェイプの作り方を詳しく学びます。

liveshape-tool

 

 

 

ヘアサロン向けミニマルスタイルのWebサイトを作成する方法

Photoshopではなく、Illustratorを用いてグリッドレイアウト状にコンポーネントを並べていきます。

weblayout-fashion

 

 

 

Illustatorを使ったデジタルコラージュを作成する方法

different-blend-tool

 

 

 

ステッカーがぺろりとめくれたエフェクトを作成する方法

アイコンなどで使われている立体的なデザインテクニックを学ぶ、アイコン作成用チュートリアル。

peeling-effect

 

 

 

超立体的なシリアル・ボックスをデザインする方法

手書きしたスケッチをベースに色付けしたパッケージを、光の当たり方を考慮しながらパッケージを作成していきます。

mockup

 

 

 

超立体的な電卓をデザインする方法

ピクセル単位で計算された構成された計算機は、ショートカットキーを交えて、デザインをしてくれます。

calculation-3d

 

 

 

卵とソーセージの美味しそうな朝食プレートをデザインする方法

作成したシェイプを重ね、描画モードを設定することで、Illustrator独特な立体感を演出テクニックをカバーします。

breakfast-morning

 

 

 

チュートリアル形式で学ぶ!すごいIllustratorデザインの作り方22個まとめ 2014年7月度

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

crayonsIllustration37

 

 

サムネイル@ : How to Create a Seamless Vintage Nautical Life Pattern in Adobe Illustrator – Tuts+

参照元リンク : Best Adobe Illustrator Tutorials by July 2014 – TheNeoDesign.com

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

$
0
0

Road-to-Refuge-1040

 

毎月Photoshopのあたらしいテクニックを学ぶことができる、新作デザインチュートリアルをまとめています。今回は2014年8月版まとめです。

 

海外ブログGraphic Design Junctionで、デザイン現場対応のテクニックを学ぶことができるできる新作Photoshopチュートリアル、作り方をまとめたエントリー「New Photoshop Tutorials to Create Photo Manipulation Effects」が公開されていたので、今回はこちらをベースに、他にも見つけたブックマークしておきたいアイテムを追加、再リスト化してご紹介します。

 

 

 

詳細は以下から。

 

 

 

デザイン現場対応のテクニックを学ぶ!新作Photoshopチュートリアルまとめ 2014年8月度

 

写真とベクター素材を劇的にミックスする方法

切り抜いた人物モデルを風景画に合成し、カラフルなベクターイラストレーションが素敵なチュートリアル。

tomorrow-girl

 

 

 

子どもをキラキラ感たっぷりな妖精にする方法

まるで絵本の世界のような世界観を写真合成で表現し、印象的なライティングテクニックは必見です。

baby-sparkling

 

 

 

ポートレイト写真をデジタル・ペイント風にコラージュする方法

顔パーツはあまり触らずに、髪の毛やボディパーツ、背景などを水彩画ペイント風に仕上げます。

dreamy-painting

 

 

 

街角を漫画のようなシーンに変更する方法

水たまりがまるで深い海のようになり、ワニがひなたぼっこしたりと、ファンタジーな空間を作成します。

pet_relief_area

 

 

 

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

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

bg_3d_text

 

 

 

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

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

Sand-Writing-600

 

 

 

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

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

hyperdunk

 

 

 

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

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

grunge-cinematic

 

 

 

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

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

moon-trick

 

 

 

「ブレンド条件」を使った、風景画と月の合成テクニック

レイヤースタイルであまり使われることのないツール、「ブレンド条件」を使い雲に隠れる月を描きます。

landscape-with-moon

 

 

 

雰囲気たっぷりなビンテージ、レトロ風フォトエフェクトの作り方

ハイパスエフェクトを利用する、シンプルな手順のみで写真のレタッチ作業を進めます。

vintage-cross-effect

 

 

 

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

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

extract-water

 

 

 

ホワイトボードに書いた内容をPhotoshopで取り込む方法

コントラストを強調することで、背景をのぞいたテキスト部分のみを切り取るテクニック。

sketch-clean

 

 

 

レトロでカラフルな写真加工レタッチテクニック

お好みのグラデーションカラーでペイントしたレイヤーを、描画モード「スクリーン」に設定するだけの超簡単テクニック。

lightleakeffect

 

 

 

写真の一部分にソフトフォーカスを適用する方法

ぼかしツールとレイヤーマスクを組み合わせることで、必要なエリアのみにエフェクトを適用することができます。

focusblur

 

 

 

どんなデザインもタトゥー風に仕上げるテクニック

最後にノイズフィルターを適用することで一気にリアル感が増す、個人的に覚えておきたいテクニックのひとつ。

tattoo-in-photoshop

 

 

 

Photoshopプリセットマネージャーの使い方完全版

より快適なワークスペースを作成したり、ブラシやパターンを読み込んだり、使いはじめると手放せない「プリセットマネージャー」の使い方を、動画で詳しく解説しています。

howtouseps

 

 

 

スタンプを押したようなテキストエフェクトの作り方

ところどころかすれた消印のようなエフェクトは、ブラシツールを使って自由にカスタマイズできます。

stamp-texteffect

 

 

 

メタリックなクロムテキストエフェクトの作り方

レイヤースタイルを設定するだけで完成する、Photoshop初心者のひとにもオススメしたい簡単テクニック。

chrome-ps-theme

 

 

 

青白い稲光のテキストエフェクトを作成する方法

一度テクニックを覚えてしまうと、どんなテキストやロゴなどにも対応することができるライティングエフェクト系テクニック。

lighting-style

 

 

 

イチゴフルーツパイ風テキストエフェクトの作り方

まるで本物そっくりで美味しそうなこちらのチュートリアル。難しそうに見えて、実はレイヤースタイルを設定のみで完成します。

strawbery-pietext

 

 

 

PhotoshopとIllustratorを使ったテキストエフェクト

InDesignを含むAdobe製品ごとに得意なデザインテクニックをそれぞれ紹介しています。

powerful-typography

 

 

 

Photoshopで本格派ロケットイラストを描く方法

グロス感のあるボディがリアルに魅せる、ユニークなイラストデザインの作り方を紹介しています。

retrorocketfinal

 

 

 

ゲームのようなピクセルアートのキャラクターを作成する方法

レトロなゲームを連想させる、ドット画で作成されたピクセルアートの作り方を詳しく紹介しています。

pixelart-character

 

 

 

InDesignを使ったCDカバージャケットの作成方法

プリント印刷を想定したパッケージデザインの作り方を紹介しています。増えてきています、InDesign関連のチュートリアル。

package_indesign

 

 

 

人物を雨水だけでデザインする方法

雨の中に佇む人物モデルを水のみで再現してしまう、高度なPhotoshopテクニック。

rainyman

 

 

 

宙に浮かぶドリーミーな写真エフェクトを作成する方法

さまざまPhotoshop基本ツールを使い、魅力的な写真加工エフェクトをデザインします。

dreamy-photo-effect

 

 

 

写真合成でファンタジー系ポートレイトを作成する方法

複数の写真を違和感なく合成することで、クリエイティブな空間をデザインしていきます。

fantasy-portrait

 

 

 

キラキラ感たっぷりなナイトクラブポスター、フライヤーを作成する方法

ダイナミックな宇宙空間をライティングエフェクトと一緒に表現します。

eventflyer

 

 

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

先月まとめでは、盛り上がったFIFAワールドカップをモチーフにしたデザインも多かったですね。

fifa2014-worldcup

 

 

サムネイル@ : Photoshop Tutorial: Advanced Collage Techniques – Digital Arts

参照元リンク : New Photoshop Tutorials to Create Photo Manipulation Effects – Graphic Design Junction

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

$
0
0

20texteffect-top

 

フォントをより魅力的に仕上げるテキストエフェクトは、 コンテンツを伝えるなかで重要なデザイン要素のひとつです。Photoshopを使えばほんの少しの編集作業だけで、印象に残るタイポグラフィー、テキストエフェクトを作成することができます。

 

 

海外デザインブログInspirationHutで、現在のデザイントレンドにも対応した、テキストエフェクト用無料PSD素材をまとめたエントリー「20 High Quality, Useful and Free Text Effect PSD Downlaods」が公開されていたので、今回はこちらをベースに、ブックマークしておきたいフリーアイテムをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

テキスト編集、PSDファイルの扱い方

 

今回ご紹介するフリー素材の多くは、「スマートオブジェクト」機能を利用してカスタマイズします。Adobe公式Photoshopヘルプページでは、以下のように説明されています。

 

スマートオブジェクトは、Photoshop や Illustrator ファイルなどのラスター画像やベクトル画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデータ特性とともに元の画像のコンテンツを保持するため、非破壊編集を行うことができます。

 

 

より実践的に理解するために、実際にサンプルファイルのテキストを編集してみましょう。あらかじめ以下の無料PSDファイルをダウンロードしておきます。今回利用したファイルは、「Lightbox Text Effct | GraphicBurger」です。

 

lightbox-text-effect

 

 

 

ファイルを開くと以下のようになっています。一番上のレイヤーのサムネイル右下にアイコンマーク、これがレイヤーにスマートオブジェクトが適用されているサインです。サムネイルをダブルクリックして、編集作業にすすみます。

step1

 

 

独立したファイルが開き、テキストツールで入力されたレイヤーを確認することができます。

step2

 

 

お好みのテキストを入力しましょう。今回は日本語にどのように対応しているか確認します。入力が終了後、ファイルを保存(Command + S)したら設定は完了です、オリジナルファイルに戻りましょう。

step3

 

 

自動的にテキストエフェクトが適用され、文字が変更されています。

step4

 

 

スマートオブジェクトを使うことで、基本的なテキスト編集を行うだけで、デザインスタイルが自動的に反映され、手軽にテキストエフェクトをたのしむことができます。同様に、先日ご紹介したiPhone 6用モックアップ素材などでも、スクリーン画面の変更にスマートオブジェクトが採用されているケースが多いようです。

 

 

 

高品質なテキストエフェクト用無料PSDファイルまとめ

 

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

 

 

 

Free 3D Text PSD

ドロップシャドウを使った3Dテキストエフェクトで、モダンなカラーリングが素敵。

candy-text

 

 

 

Stripes Shadow Text Effect

細かいストライプ柄のドロップシャドウをつかった、レトロスタイルのテキストエフェクト。

retro-stripes-shadow-type

 

 

 

Vintage Layer Styles

レイヤースタイルで再現するテキストエフェクト、こちらもボタン操作ひとつで完成です。

vintage-texteffect

 

 

 

Free Retro 3D Wood Text Layer Styles

こちらもテキストエフェクト用レイヤースタイルで、木のぬくもりを伝える立体イラストデザイン。

wood-flatstyle

 

 

 

Retro Text Effect

あわいドロップシャドウがリアル感を演出する、高さのある立体テキストエフェクト。

retro-text-effect

 

 

 

Old School Retro PSD Text Effect

オールドスクールで、アメリカのカレッジ風ロゴテキストエフェクト。

old-school-text-style

 

 

 

Sketch Text Effect PSD

鉛筆で塗りつぶしたような質感を表現でき、鉛筆の濃さや太さに応じて3スタイルが用意されています。

text-sketch-effect-photoshop

 

 

 

Chalkboard Typography Text Effect

まるで黒板にチョークで文字を書いたようにデザインできる、ランダムなグランジ具合が絶妙です。

chalkboard-text-effect-psd

 

 

 

Neon Signboard Effect

スマートオブジェクトにレイヤースタイルを適用したスマートレイヤーを採用し、本物そっくりなネオン管ライトを作成します。

neon-text-effect

 

 

 

PSD Neon Text Effect Photoshop

こちらもネオンサインを自由に作成できるキットで、赤と青、みどりの3色が用意されています。

neon-text

 

 

 

Classic Metal PSD Text Effect

細いラインフォントにも対応するメタル系テキストエフェクト。

classic-metal-effect(2)

 

 

 

Chrome Metal Text Effect

光沢感のあるクロムメタルな質感を演出することができるフリー素材。

chrome-metal-text-effect

 

 

 

Cinematic Title Text Effect

映画ロゴなどに使われていそうな、角ばったベベル加工がより重厚感を出しています。

metal-text-effect

 

 

 

Grunge Bevel Text Effect

やや汚れたグランジ感が追加された、細字フォントにも対応するメタル系テキストエフェクト。

bevelled-grunge-type

 

 

 

PSD Concrete Rock Text Effect

コンクリートを打ち砕いて作成したような、独特な立体感がユニークなテキストエフェクト。

wall-concrete-text-effect-for-photoshop

 

 

 

PSD Wall Poster Text Effect

背景と同化した質感の高いベベル加工を楽しむ、ポスター向けテキストエフェクト。

wall-poster-text-effect

 

 

 

Soft White Text Effect

ソフトで自然なシャドウが、柔らかい印象を与えてくれる3D系ミニマルエフェクト。

soft-white-type-effect-photoshop

 

 

 

PSD Woody Text Effect

ウッドパネルから削りだしたような、立体感のある木製タイポグラフィー。

wood-poster-text

 

 

 

PSD Candy Text Effect

まるでキャンディーのような透明感が素敵なテキストエフェクト。

candy-text-effect

 

 

 

Free 3D Neon Lettering Renders Pack

ダイナミックなネオン管テキストは、PNGファイルで収録されているので、お好みで並べて活用できます。

neon-lettering-pack

 

 

 

プレミアム Chorme & Crystal Photoshop Styles 1of3 ($5)

10種類の光沢感たっぷりなメタルテキストエフェクトを完成させるレイヤースタイルセット。

Chrome_and_Crystal_style

 

 

 

プレミアム Retro Vintage Text Effect ($5)

カラーリングが素敵なレトロ&ビンテージ系テキストエフェクト10種類プレミアムセット。

Preview_RetroTextEffects

 

 

 

プレミアム 22 Vintage Letterpress Photoshop Actions ($6)

ザラザラとしたグランジ加工を実現し、ビンテージ感のあるデザインに仕上げる、22種類のPSアクション&レイヤースタイルセット。

vint_letterpress_pview2

 

 

参照元リンク : 20 High Quality, Useful and Free Texture Effect PSD Downloads – InspirationHut

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

$
0
0

latesttutorial2014sep-top

 

毎月Photoshopのあたらしいテクニックを学ぶことができる、新作デザインチュートリアルをまとめています。今回は2014年9月版まとめです。

 

 

海外デザインブログGraphic Design Junctionで、ますます進化するPhotoshopデザインテクニックを使った新作チュートリアル、作り方をまとめたエントリー「23 New Photoshop Tutorials to Learn Creative Techniques」が公開されていたので、今回はこちらを中心に個人的に見つけたアイテムを追加、まとめてご紹介します。

 

 

 

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

 

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

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

rusty-logo-mockup-sm

 

 

 

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

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

fire-fire

 

 

 

雲の上に浮かぶファンタジー系写真合成テクニック

ノスタルジックな光に包まれた幻想的な空間を演出し、複数のイメージ写真も見事に合成できるリアル度満点なチュートリアル。

fish-cloud

 

 

 

満点の星空が輝く宇宙空間をデザインする方法

キラキラに瞬く星はPhotoshopアクションツールを使い、ボタン操作一発で演出できます。

star-and-space

 

 

 

エネルギーが集積し蓄電しているような、ライティングエフェクトの作り方

触手のように伸びるライトはどれもブラシツールで描かれており、全体の色合いはトーンカーブで統一しています。

sperb-lighting

 

 

 

無人となった大都市をデザインする方法

映画などで見かける世界の終わりを描いたデザインは、ブラシツールを多用したデジタル・ペイントがメインのチュートリアル。

apocalypse

 

 

 

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

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

double-exposure

 

 

 

イメージ写真の背景をきれいに切り抜く方法

デザイン制作で依頼されるケースも多い人物の切り抜き方法。色々な方法で対応できますよ。

remove-background

 

 

 

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

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

slime_final

 

 

 

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

空間に漂う煙にテキストを加える、ユニークなタイポグラフィーを作成するチュートリアル。

smoke-text-effect

 

 

 

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

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

crack-fire

 

 

 

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

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

epic-texteffect

 

 

 

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

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

award-texteffect

 

 

 

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

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

showtime

 

 

 

まるで生きているような青色のサルをデザインする方法

空想の世界から飛び出したような、コミカルで可愛いモンキーデザインを作成するチュートリアル。

lil-green-monkey

 

 

 

真っ赤に染まった夕焼け空をデザインする方法

トーンカーブを調整することで、通常の空模様を燃え上がるような赤色に染める写真合成チュートリアル。

golden-red-sky

 

 

 

ホラー映画のポスターデザインを作成する方法

血がべっとりと飛び散ったホラー系テキストエフェクト、デジタルコラージュを作成します。これからのハロウィンシーズンにも最適。

day3-halloween

 

 

 

ライティングエフェクトがまぶしいデジタルコラージュの作り方

音楽系イベントなどのポスターやフライヤーデザインにも応用したい、キラキラ感を演出するコツをまとめたチュートリアル。

fashion-night

 

 

 

自由に瞳の色を変更する方法

部分的にレイヤーマスクを適用することで、グラデーションカラーなどあり得ない色を表現することができます。

eyecolor-change

 

 

 

特定のエリアのみ白黒写真に加工するテクニック

某ビールCMでも見かける、一部分のみがカラーとなった白黒写真を、レイヤーマスク機能を使って実現します。

masking

 

 

 

背景テクスチャにデザインをうまく合成する方法

Photoshopデザインで重要な、レイヤーの描画モード設定方法を学びながら、背景に合わせた合成テクニックを習得します。

realistic-blendoption

 

 

 

イメージ写真にグランジ感を追加する方法

グランジ系テクスチャ素材をアートワークに重ね、描画モードを調整することで実現するテクニック。

grunge-texture

 

 

 

絵の具でペイントしようなオリジナルのグランジブラシを作成する方法

実は簡単なステップのみで、Photoshopオリジナルブラシを作ることができます。

make-brush

 

 

 

リアル感たっぷりなパプリカをデザインする方法

デジタルペイントをするときに注意すべき、光の当り方なども詳しく紹介されたテクニック。

yellow-paplika

 

 

 

ゲーム用ピクセルUIデザインパーツを作成する方法

ビデオゲームに用いられるピクセルアートを使い、UIデザインを作成する方法が順を追って紹介されています。

pixel-game-ui

 

 

 

ピクセルアートをより手軽に作成する方法

ピクセルドットをひとつずつ手作りするのではなく、完成したアートワークはエフェクトを適用して、「ピクセルアート風」に魅せることができます。

easy-pixel-art

 

 

 

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

どんどん進化するPhotoshop、定期的にデザインテクニックのアップデートが必要ですね。

Road-to-Refuge-1040

 

 

サムネイル@ : Add Creative Lights and Colors to Your Image in Photoshop – Photoshop RoadMap

参照元リンク : 23 New Photoshop Tutorials to Learn Creative Techniques – Graphic Design Junction

現場で使えるテクニック満載!Illustratorチュートリアル、作り方まとめ 2014年10月度

$
0
0

polygon-wp

 

Photoshopと並んでデザイン編集ツールとして人気の高いIllustrator。不定期となりますが、Illustratorのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は、2014年10月度まとめとなります。

 

 

これまでにご紹介したチュートリアルも、一緒に確認してみてはいかがでしょう。

 

 

 

 

詳細は以下から。

 

 

 

テクニック満載!これからの現場で使いたいIllustratorチュートリアル、作り方まとめ

 

どんなデザインも立体モザイク状に仕上げるテクニック

プラグインを使って表現されるモザイク柄を作成し、全工程を自動で行うアクションファイルの作り方も一緒に解説されています。

mosaic-monalisa

 

 

 

Illustratorでウッドテクスチャをデザインする方法

スケッチエフェクト「グラフィック・ペン」を使うことで、ゼロから木目の美しいウッドテクスチャを作成します。

pathfinder-birds

 

 

 

ヒップスタースタイルの音楽イベントポスターを作成する方法

トレンドカラーを用いたデザインで、すこしだけ汚れたようなグランジエフェクトの表現テクニックは参考としてメモ。

Fireside-Poster-Final

 

 

 

レトロなタイポグラフィーポスターを作成する方法

文字テキストに彩り豊かなデザインを加えるエフェクトを中心にしたチュートリアル。

retroposter

 

 

 

ハロウィン用ホラー系墓石をデザインする方法

シーズン到来のハロウィンに利用できる、背景がぼんやり赤く光った墓石を作成します。

gravestone

 

 

 

黒板に書かれたメニューをデザインする方法

チョークを使って描いたような質感を再現するエフェクトは、幅広いデザインに活用することができます。

chalkboard-menu

 

 

 

Illustratorで海賊イラストを描く方法

グラデーションメッシュ機能を使い、のっぺりとしたイラストをより立体的に見せることが可能。

pirate-illustrator

 

 

 

スパやエステで利用する石と花をデザインするチュートリアル

クリッピングマスク機能を利用することで、つるつるとした石にマーブル模様を追加することができるテクニック。

spa_tutorial

 

 

 

カラフルな旅行用スーツケースをデザインする方法

シェイプツールを使って描かれたパスにペイントするときは、描画モードを調整することでよりリアルなグラデーションを再現できます。

Travel-Bag-Illustration

 

 

 

ウォーターポンプ付き水鉄砲をデザインする方法

グラデーションツールを使い、曲線の歪みや立体感を表現することができるテクニック。

waterPistol0

 

 

 

効果的なシンプルロゴの作り方

ロゴ作成プロジェクトを開始するときに確認しておきたいチュートリアルで、アートワークのコピー(Altを押しながらドラッグ)など実践的なテクニックが中心。

modern-logo

 

 

 

印象に残るロゴデザインを作成する方法

スポーツジムを題材に、テーマに関連したインパクトのあるロゴを作成するまでの過程が紹介されています。

gymlogo

 

 

 

グラデーションが美しい編み縄模様をデザインする方法

紙幣などにも利用されている幾何学模様を作成し、グラデーションツールで美しい配色します。

polygonal-geometric

 

 

 

野球ボールでできたテキストエフェクトの作り方

特徴的な赤の縫い目が印象的だったテキストエフェクトで、土が付いて汚れた様な効果をブラシツールで描き、描画モードを「オーバーレイ」に指定しています。

baseball-texteffect

 

 

 

メタリック感たっぷりな3Dテキストエフェクトの作り方

3Dツールを利用することで自由な立体感を演出することができ、グラデーションメッシュを利用したペイント方法も参考に。

bam-text

 

 

 

スナック菓子でできたテキストエフェクトを完成させる方法

こんがりと焼けた表面に、ごま塩をドロップシャドウを活用して立体的に再現した、リアルテキストエフェクト。

pretzel-texteffect

 

 

 

キルト生地でできたテキストエフェクトの作り方

なかなか使い方が難しいアピアランスパネルの実践的な利用方法を解説したチュートリアル。

quilt-texteffect

 

 

 

スポーツウエアのロゴマークを作成する方法

糸で縫い付けられたエフェクトを再現した、バスケットボールチームのロゴを作成します。

varsity-basketball

 

 

 

ブタ顔型アイコンをデザインする方法

描いたシェイプをグラデーションメッシュツールを使って、ほんのりとペイントしていくテクニックが披露されています。

icon-piggy

 

 

 

手描きスタイルの動物イラストを描くテクニック

パスツールを使って描かれた動物に、パターンテクスチャで色付け、質感を加えていきます。

cute-fox-drawing

 

 

 

かわいい鳥(パフィン)イラストを作成する方法

作成したさまざまなパスを組み合わせることで、かわいい鳥をデザインするチュートリアル。パスファインダーの基本的使い方を学びたいときに。

star-bird

 

 

 

秋を感じるフクロウをモチーフにしたシームレスパターン素材の作り方

Illustratorで描いたアートワークを元に、継ぎ目のないパターンテクスチャを作成します。

owl-pattrn

 

 

 

ハロウィン用ミステリアスな風景をデザインする方法

キラリと眼が光るコウモリが枝に止まった不思議なイラストデザインを、オレンジ色を基調に作成していきます。

mysteriour-halloween

 

 

サムネイル@ : Vector Polygonal Background in Illustrator – Abduzeedo Design Inspiration

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

$
0
0

stairs-to-heaven

 

毎月Photoshopのあたらしいテクニックを学ぶことができる、新作デザインチュートリアルをまとめています。今回は2014年10月版まとめです。シーズン到来のハロウィン、ホラー関連のユニークなデザインがたくさん公開されていました。

 

 

海外デザインブログTheNeoDesign.comで、新しく公開されたPhotoshopチュートリアルをまとめたエントリー「Best Photoshop Tutorials of October 2014」が公開されていたので、今回はこちらを中心に、個人的に見つけたブックマークしておきたい作り方、テクニックをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

デザインテクニックを磨こう!すごいPhotsohopチュートリアル、作り方まとめ 2014年10月度

 

 

 

かぼちゃ頭のガイコツをデザインする方法

実際にかぼちゃとガイコツにデザインレタッチを加え、写真合成する高度なテクニックでポスターを完成させます。

halloween-head

 

 

 

本物そっくりのハロウィン用かぼちゃをデザインする方法

ペンツールで描かれたパスをベースに、立体的でリアルなかぼちゃを作成します。

pumpkim-drawing

 

 

 

写真合成でおとぎ話の世界を完成させる方法

空飛ぶお城から月まで届く階段を、ユニコーンなどと一緒に描くファンタジーなデザインチュートリアル。

finalresults3

 

 

 

ピクセルアートでハロウィンキャラクターを作成する方法

胴体と足の長さを半分にすると大人が子どもになったり、簡単であまり知られていないテクニックが紹介されています。

pixel-halloween

 

 

 

ピクセルアートのアニメーションを加える方法

シーズン真っ只中のハロウィンかぼちゃをモチーフに、ゲームのようなアニメーションを作成します。

pumpkin

 

 

 

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

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

pixel-character

 

 

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

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

cutting-technique

 

 

 

髪の毛の色を自由に変更する方法

レイヤーマスクで囲んだ髪の毛部分に、新規調整レイヤー「トーンカーブ」を使用することで色を変更する、覚えておきたいお手軽テクニック。

haircolor-change

 

 

 

イメージ写真をHDR風にダイナミック加工する方法

レベル補正とハイパスエフェクトを利用する方法は、HDRエフェクトではよく見かけるテクニックのひとつ。

dragan-effect

 

 

 

風景画を秋の紅葉に変えてしまう方法

新規調整レイヤー「特定色域の選択」を適用することで、好きな色のみを変更することができます。

summer-to-autumn

 

 

 

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

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

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

 

 

 

盛りに盛った髪型をデザインする方法

まるで本当に髪の毛に光が当たっているような、自然なライティングを完成させることができるデザイン合成チュートリアル。

volumeup-hair

 

 

 

ゾンビになったドラゴンをデザインする方法

超リアルなデジタル・ペインティングの細かいテクニックがまとめられたデザインチュートリアル。

paint-zombie-dragon

 

 

 

クリスマスを祝う巨大な月をデザインする方法

一面の雪景色を照らす、巨大な月が印象的なデザインエフェクトチュートリアル。

christmas-newyear

 

 

 

X線写真をデザインする方法

まるでレントゲンを撮影した様なデザインで、骨まで透けて見えています。

xray-illustration

 

 

 

ぼんやりと光るマザーボードをデザインする方法

ややマニアックなデザインですが、リアルなライティングエフェクトを作成し、自然な影を再現するテクニックが紹介されています。

lighting-shady

 

 

 

悲しみにくれる天使を描くテクニック

複数の切り取られたデザインパーツを、違和感なく合成するテクニックで、より繊細に仕上げることができます。

fallen-atmosphere

 

 

 

ぼんやりと輝く月明かりをデザインする方法

カラー別にレベル補正を行うことで、手軽にホラー写真のようなダーク系デザインを仕上げることができます。

moonlight-effect

 

 

 

森のなかにあるお化け屋敷を作成する方法

薄明かりの中に佇む、まるでホラー映画のようなワンシーンを表現します。

SpookyForestFinal

 

 

 

立体オブジェとイメージ写真を自然に合成する方法

ハリウッドサインの前に置かれた、メタリックなタイポグラフィーデザインをうまく合成するテクニック。

bg_3d_text

 

 

 

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

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

walking-dead

 

 

 

写真からはみ出る立体的なデザインを完成させる方法

レイヤーマスクを利用した、シンプルでインパクトのあるPhotoshopチュートリアル。

out-of-bounds-photo

 

 

 

鉛筆で描いた絵に水彩画風にペイントする方法

まるで絵の具のようなムラのある仕上がりは、レイヤーマスク機能を使って再現されています。シンプルで、応用が効きそうなチュートリアルのひとつ。

watercolor-pastel

 

 

 

パワフルなライティングエフェクトを作成する方法

まるで稲光のように輝くライティングエフェクトは、ブラシツールを使って手軽にデザインすることができます。

rise_of_sumo

 

 

 

映画のような迫力あるアクションシーンを作成する方法

何もない背景にした女性モデルにエフェクトを加え、映画のようなワンシーンをデザインします。

bg_blackwidow

 

 

 

カラフルな写真モンタージュを作成する方法

美しいグラデーションカラーを使ったサークルやストライプパーツを使い、ユニークな写真ポートレイトを作成します。

circle-gradient

 

 

 

ゴージャスなデジタル写真ポートレイトを完成させる方法

エアーブラシやデジタル・ペインティングを駆使することで、ゴージャス感のあるポートレイト写真を表現します。

strawberry-dripping

 

 

 

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

先月分まとめも一緒に確認してみてはいかがでしょう、デザインも日々進化していますね。

latesttutorial2014sep-top

 

 

参照元リンク : Best Photoshop Tutorials of October 2014 – TheNeoDesign.com


実践から学ぶ!すごい新作Illustratorチュートリアル、作り方まとめ 2014年11月度

$
0
0

officetool

 

新しい技術を修得する方法はたくさんありますが、デザイン制作では他のデザイナーやアーティストが公開している作り方チュートリアルに沿って作成することで、基本的なツールの使い方はもちろん、より実践的なデザインテクニックを覚えることができます。

 

 

不定期となりますがデザインテクニックが詰まった新作Illustratorチュートリアルをまとめています。今回は2014年11月度まとめとなります。

 

 

 

詳細は以下から。

 

 

 

実践から学ぶ!すごい新作Illustratorチュートリアル、作り方まとめ 2014年11月度

 

バラの花を使った素敵イラストレーションの作り方

イメージ写真よりトレースしたバラの花をベースに、グラデーションツールを中心とした、カラフルな色合いの表現方法を学ぶことができるアブストラクト系チュートリアル。

space-rose

 

 

 

1980年風レトロデザインコラージュの作り方

ちょっと昔にタイムスリップしたような淡い色合いが印象的な、ベクターシェイプを活用したデジタル・コラージュテクニックが披露されています。

3d-collage

 

 

 

ユニークなウサギ風モンスターキャラクターを作成する方法

手描きスケッチしたオリジナル作品をベースにペイントしていきます。立体感を表現できるペイントテクニックは覚えておくと応用できそう。

Were-Bunny-Final

 

 

 

手書きイラストラベルを作成する方法

こちらもスケッチしたイラストレーションに、テクスチャ素材やエフェクトを加えることでより質感の高いデザインに仕上げます。

lucky-dog-illustration

 

 

 

Illustratorで立体感たっぷりなキャラクターデザインを作成する方法

平面デザインを得意とするIllustratorを使い、Photoshop並みの3Dデザインエフェクトを実現するテクニックが紹介されています。

3d-illustration

 

 

 

鳥マークのロゴデザインを作成する方法

ベーシックなシェイプを組み合わせ、レイヤーの描画モード「乗算」を活用することで各レイヤーの重なり方がよりはっきりさせることができます。

simple-logo-illustration

 

 

 

カラフルでモダン、半透明の七面鳥デザインを作成する方法

透明グラデーションシェイプを使うことで、Photoshoで作成したような見事なグラデーションを再現することができます。シシェイプツールの基本的な操作法を学ぶのにも◎。

colorful-turkey

 

 

 

おり紙でつくった白鳥をデザインする方法

紙を折る質感をグラデーションメッシュを利用することで、絶妙に表現するテクニックが紹介されています。

origami-tutorial

 

 

 

秋を感じるアイテムをまとめたアイコン素材の作り方

どんぐりや紅葉した落ち葉、栗など温かみのあるデザインが素敵なアイコンセットを作成します。

autumn-collection

 

 

 

美しいぼかしテクスチャを作成する方法

イメージ写真をベースにエフェクトを適用することで、より自然でノスタルジックなグラデーションが素敵なスタイルが完成します。

abstract-blur-texture

 

 

 

幾何学模様のシームレスパターンを作成する方法

複雑なラインを組み合わせてできるデザインを、どのように継ぎ目のないパターンテクスチャに編集するのか詳しい解説つき。

hexagonal-grid

 

 

 

立体感バッチリなレタープレス風テキスト加工の仕方

Illustratorを使った、奥行き感をうまく表現できる型押し(レタープレス)エフェクトの作り方。

letterpress-inset

 

 

 

ビンテージ風ラベルデザインを簡単に作成する方法

基本的なツールを利用して、魅力的なビンテージ風ラベル、ロゴデザインを作成します。

retro-type_09

 

 

 

ペンキをペイントしたようなグランジテキストエフェクトの作り方

ライブトレース機能を利用することで、ペンキを塗ったようなエフェクトをパネル調整のみで完成させることができるというプチテクニック。

grunge-texteffect

 

 

 

スプレー缶でペイントしようなスプラッターエフェクト付テキストエフェクトの作り方

アピアランスパネル機能を設定するだけの簡単チュートリアルで、デザインのアクセントにどうぞ。

paintme-effect

 

 

 

角の生えた悪魔テキストをデザインする方法

ドロップシャドウなどリアルな立体感がユニーク、真っ赤なデビルテキスト文字エフェクトを仕上げます。

devi-text

 

 

 

金色に輝くリボン風テキストエフェクトの作り方

グラデーションツールのより実践的な使い方に加え、ペンツールの操作方法を学びながらメタリックで3Dなデザインを作成します。

gold-text

 

 

 

キラキラ感満点の立体ゴールドリボンを作成する方法

金色の美しいグラデーションは5色を組み合わせることで実現しており、簡単なステップのみで高品質な仕上がりを楽しむことができるチュートリアル。

golden-ribbon

 

 

 

ネオンカラーを使ったベクターイラストレーションの作り方

ポイントはステップ5で紹介されている、ペンツールなどで描いたシェイプを「グラデーションツール」でペイントする方法。覚えておくことで幅広く活用できるテクニックのひとつ。

spooky-girl

 

 

 

ユニコーンを使ったファンタジー系紋章デザインを作成する方法

手書きスケッチしたアートワークをベースに、ブラシツールでレイヤーを重ねるように単色ずつペイントします。最終的にTシャツデザインとして仕上げるデザインチュートリアル。

fantasy-tshirt

 

 

サムネイル@ : How to Create a School-Themed Vector Pack in Adobe Illustrator – Designmodo

テクニックがすごい!新作Photoshopチュートリアル、作り方30個まとめ 2014年11月度

$
0
0

eggs-text

 

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2014年11月度まとめとなります。Photoshop CCに追加されたリンク付スマートオブジェクトなど、制作作業が捗る新テクニックの他にも、オリジナルPSブラシの作り方や真似をしたい写真レタッチ術、テキストエフェクトなどが公開されていました。

 

 

 

詳細は以下から。

 

 

 

デザイン力アップ!すごいPhotoshopチュートリアル、作り方まとめ

 

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

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

kiss-paint

 

 

 

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

先日日本語でも詳しく紹介したチュートリアルで、写真のようなイラストのような不思議な風合いを完成させます。

paint-effect

 

 

 

迫力のあるポートレイト写真にレタッチする方法

人物と背景を切り抜くことでより詳細なレタッチを可能にし、調整レイヤーを使った見事な色合いの表現は参考になるビデオ動画チュートリアル。

old-retouch-1

 

 

 

ハーフトーンを使ったスタリッシュなビンテージデザインの作り方

レトロ感を演出する写真加工レタッチに、ハーフトーンパターンにマスク機能を適用するユニークなテクニックが披露中。

halftone-girl

 

 

 

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

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

underwater-scene

 

 

少女が月に手を伸ばしているようなデザインチュートリアル

月明かりに照らされた肌の質感の表現テクニックや、ライティングエフェクトを利用したキラキラ感の追加方法など覚えておきたいテクニックが豊富です。

fantasy-notexture

 

 

 

クリスマス気分が高まる、雪の結晶ブラシを作成する方法

水彩ペイントのような質感が素敵なブラシを作成し、よりツールを効果的に利用できるブラシ設定も一緒に紹介されています。

snowflake-scatter-brush

 

 

 

オリジナルの水彩絵の具ブラシを作成する方法

実際に画用紙にペイントした、質感たっぷりな絵の具をスキャナーで取り込み、独自のPSブラシとして利用します。

watercolor-brush

 

 

 

オリジナル煙ブラシを作成する方法

真っ黒の背景をバックに、マッチの燃えた煙を撮影してPhotoshopブラシを作成するDIYチュートリアル。

SmokeExample

 

 

 

コーヒーのシミを表現したPSブラシを作成する方法

こちらも実際にコーヒーコップと筆ブラシを使って、オリジナルPSブラシを作成する手順が公開されています。スキャナー取り込み方なども参考としてメモ。

coffee-ring

 

 

紙を重ねたロゴデザインを作成するチュートリアル

何枚もの紙を重ねたようなシャドウエフェクトがポイントのチュートリアル。Google「マテリアル・デザイン」にも通じるコンセプト。

paper-effect

 

 

 

星座ロゴを作成する方法

点と点を結んで浮かびあがるロゴは、ミニマルなデザインとの相性も抜群なチュートリアル。

adbz-star

 

 

 

PhotoshopCC新機能!リンク付スマートオブジェクト機能の紹介

外部ファイルにリンクさせ、一度に複数のスマートオブジェクトを更新する方法が詳細されています。Web制作をより効率化してくれるテクニックで、公式サイトでも動画チュートリアルが公開中。

linked-smart-object

 

 

ウッドパネルにペイントしたロゴデザインの作り方

スマートオブジェクト機能を利用することで、モックアップPSD素材のような使い方をすることができるテクニック。グランジ感の表現は、レイヤーの描画モードを調整しています。

smart-objects_final(1)

 

 

 

立体的なマップ地図アイコンを作成する方法

よりリアルな折り目の付け方、タグを立体的に魅せるドロップシャドウなど細部が光るデザインテクニック。

map-with-tag

 

 

超リアルな猫キャラクターを作成するデジタル・ペイントテクニック

ブラシツールで全部手書きで作成する、デッサン力も大事なペイント術を学びます。Photoshopの不透明レイヤーを使った色の重ね方は、手書きではむずかしい質感を表現できます。

various-cats

 

 

 

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

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

octopus-texteffect

 

 

 

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

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

sweet-texteffect

 

 

 

ピカっと光るテキストGIFアニメーションを作成する方法

色相/彩度を調整するだけで、どんな色にでも点滅する簡単GIFアニメーションを作成することができる動画チュートリアル。

animation-text

 

 

 

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

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

allday-text

 

 

 

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

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

Snow-final

 

 

 

味わいのあるメタリック系ロゴテキストの作り方

汚れたようなグランジテイストはレイヤースタイルで適用され、某映画ロゴをPhotoshopで再現します。

one-ranger

 

 

 

手描きスケッチからデジタル漫画に仕上げるまで

どのように手書きイラストをPhotoshopに取り込み、色を付けていくのか詳しく紹介されたデジタル・コミックデザイン。

comic-page

 

 

 

ガイコツを文字で塗りつぶす方法

文字ワープ機能を利用しながらガイコツ画像への貼りつけ作業で完成する、アート性の高いビジュアルテクニック。

type-skull

 

 

ムードたっぷりなイメージ写真加工レタッチの方法

人物と背景を別々にレタッチすることで、より人物モデルを際立たせることができる幻想的な色使いのテクニック。

dreamy-photo-effect

 

 

 

筆ブラシを使った迫力のあるデジタル・ポートレイトを作成する方法

筆ブラシとマスクツールを組み合わせることで、ビジュアル的にユニークなグラフィックに仕上げることができます。

greysclae-portrait

 

 

 

ゴッホやムンクの叫びなどを利用した立体コラージュアート

3Dツールを利用した独創的なアイデアが面白い、有名絵画の人物モチーフにしたクリエイティブチュートリアル。

traditional-artscene

 

 

 

SFアクション映画のワンシーンをデザインするケーススタディ

超巨大なモンスターが街を破壊する様子をデザインするまでを紹介したケーススタディ。

tid-final

 

 

 

地球の終わり「アポカリプス」をデザインする方法

高層ビルに隕石が落ち、大迫力に爆発するライティングエフェクトが映画のようなデジタル・コラージュ。

apocalypse

 

 

サムネイル@ : Learn How to Create 3D Fast Food Text Effect in Adobe Photoshop – Alfort

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チュートリアル、作り方厳選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チュートリアル関連エントリーも一緒に確認してみてはいかがでしょう。

 

 

 

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

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

bestillustrator2014-top

 

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

$
0
0

bestillustrator2014-top

 

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

 

 

しっかりした基礎を学ぶことができるチュートリアルから、Photoshopでも人気の高いポリゴンスタイルやフラットスタイル、ややグランジ感が味わいのあるビンテージ加工、Illustratorが得意なベクターイラストの作り方など幅広くピックアップしています。年末年始にかけていかがでしょう。

 

 

 

詳細は以下から。

 

 

 

人気テクニックを学ぶ!すごいIllustratorチュートリアル、作り方2014年総まとめ

 

キラキラ感たっぷりなライティングエフェクトの作り方

Illustratorの基本設定のみを使い、特にペン/ブラシ線を重ねることで、Photoshopにも匹敵するライティングエフェクトを実現します。

light-it-up

 

 

 

ライト・ペインティング風テキストの作り方

キラキラ感たっぷりなエフェクトで、ベクターブラシと描画モードの設定方法がポイントになるチュートリアル。

beam-light

 

 

 

バラの花を使った素敵イラストレーションの作り方

イメージ写真よりトレースしたバラの花をベースに、グラデーションツールを中心とした、カラフルな色合いの表現方法を学ぶことができるアブストラクト系チュートリアル。

space-rose

 

 

 

リアルに燃える焚き火をデザインする方法

メッシュツールより編集が簡単なブレンドツールを使って、赤々と燃える炎を再現します。

diana_bonfire_tut_final

 

 

 

ピカッと光る雷を描くデザインチュートリアル

上空に青白く光る稲光を、簡単に表現するエフェクトが公開されています。

lightning-bolt-effect

 

 

 

どんなデザインも立体モザイク状に仕上げるテクニック

プラグインを使って表現されるモザイク柄を作成し、全工程を自動で行うアクションファイルの作り方も一緒に解説されています。

mosaic-monalisa

 

 

 

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

人気デザインのポリゴンスタイルは、アプリで作成したSVGファイルをIllustratorで編集することで、Photoshopだけで作成するより比較的楽です。ポイントとなる目などは細かく設定するのがコツ。

tiger-polygonal

 

 

 

ポリゴンスタイルのライオンを描く方法

円サークルに沿って配置された五角形をベースに、王冠をかぶったライオンロゴを作成します。

illustrator_tutorial_09

 

 

 

ラインアートで描かれた動物ロゴをデザインする方法

人気のポリゴンスタイルを意識し、あらゆる種類の動物をラインのみで描きます。

best-illustrator-tutorials-2014

 

 

 

素敵イラストのスプラッシュページを作成する方法

モバイルサイトのトップページを中心に利用されているスプラッシュページを、イラストを元にしたベクター素材で作成するデザインプロセスを紹介しています。

splashscreen

 

 

 

学校にまつわるデザインベクターの作り方

ノートや鉛筆などの代表的なステーショナリーグッズを揃え、基本的なツールを使ってデザインします。

officetool

 

 

 

文字をデザインするタイポグラフィーイラストの作り方

手書きスケッチしたようなデザインをIllustratorで作成し、ビンテージ感を演出するエフェクトも一緒に紹介されています。

19-lg

 

 

 

手書きイラストラベルを作成する方法

こちらもスケッチしたイラストレーションに、テクスチャ素材やエフェクトを加えることでより質感の高いデザインに仕上げます。

lucky-dog-illustration

 

 

 

宇宙飛行服を着たモンキーをデザインする方法

あらかじめ描いたイラストデザインを元に、どのようにペイントしていくのか動画チュートリアルで詳しく解説されています。

Space-Chimp-Illustration-Tutorial

 

 

 

イメージ写真から超リアルな猫の顔をデザインする方法

用意した写真をベースに、顔の部分のみを毛並みや質感まで忠実に再現します。

real_cuttie_cat

 

 

 

アナと雪の女王をIllustratorでデザインする方法

ポートレイト写真をベースに、シェイプレイヤーを重ねることで立体感を表現するベクターチュートリアル。

anatoyuki

 

 

 

ゴージャスな宝石を身につけた、ヨガをする女性を描く方法

あらかじめ手書きしたスケッチを部分ごとに丁寧にペイントしていきます。特に宝石のキラキラ感を表現する方法などは参考に。

india-yoga-lady

 

 

 

ヒップスタースタイルの音楽イベントポスターを作成する方法

トレンドカラーを用いたデザインで、すこしだけ汚れたようなグランジエフェクトの表現テクニックは参考としてメモ。

Fireside-Poster-Final

 

 

 

キャプテン・アメリカのシールド盾をデザインする方法

メタリックな光沢感は、グラデーションメッシュを利用したテクニックが披露されています。

captainAmericaShield0

 

 

 

スーパーファミコンのコントローラーを超リアルにデザインする方法

昔懐かしいゲーム用コントローラーを影の当り方まで忠実に再現、デザインします。

super-nintendo

 

 

 

明るく輝く電球をデザインする方法

描画モードやグラデーションマップの基本的使い方を学びながら、まるで実際に輝いているような電球ランプを作成します。

0171(2)

 

 

 

新鮮なロブスターをデザインする方法

写真を見ているようなクオリティーで再現するチュートリアルで、グラデーションメッシュの具体的な使い方が紹介されています。

lobster-red

 

 

 

カラフルな花を手軽にデザインする方法

Illsutratorの便利機能「グラデーションメッシュ」を利用することで、どんな色の花も自由に、そしてシンプルに作成できます。

simple_flowers

 

 

 

カラフルな貝殻をデザインする方法

シェイプツールの基本的な使い方から、ハイライトとドロップシャドウで表現された立体感が参考になりそうなチュートリアル。

diana_Seashells_QT_final

 

 

 

クレヨンを使ってデザインする方法

本物そっくりにデザインされたカラフルなクレヨンに、イラストはブラシツールを使うことで手軽に描くことが可能です。

crayonsIllustration0

 

 

 

美味しそうな個人キャラクターデザインを作成する方法

ドーナツやクッキーなどのお菓子を使って、キャラクターマスコットデザインを完成させるチュートリアル。

tut_final_image_1(2)

 

 

 

Illustratorでウッドテクスチャをデザインする方法

スケッチエフェクト「グラフィック・ペン」を使うことで、ゼロから木目の美しいウッドテクスチャを作成します。

pathfinder-birds

 

 

 

遠くまで続く山並みをデザインする方法

どこまでも果てしなく続くデザインは、グラデーションツールを利用することで実現することができます。

hills_tutorial_final

 

 

 

幾何学模様とぼかしエフェクトのパターンデザインを作成するチュートリアル

イメージ写真をぼかし、幾何学デザインパターンを組み合わせ、ノスタルジックな雰囲気を表現したテクスチャをつくります。

blur-pattern

 

 

 

地形図をモチーフにしたデザインエフェクトの作り方

Illustratorのペンツールで描いた、等高線のようなパスに、グランジスタイルを組み合わせたお洒落なデザインが魅力的。

contour-map-sm

 

 

 

印象的なビンテージロゴの作り方

Illustratorのブレンドオプションを設定することで、手軽に立体的で印象的なロゴを作成できます。

typorgraphy-logo-theme(2)

 

 

 

クリスマスセーター柄の継ぎ目のないパターンテクスチャを作成する方法

カスタマイズしたシェイプを利用することで、どんなデザインパターンにも対応することができ応用も効くチュートリアル。

christmas-jumper-pattern

 

 

 

フラットスタイルのデスクワーク柄パターンを作成する方法

オフィス系ツールをかわいいイラストで作成し、継ぎ目なくシームレスに利用できるパターンテクスチャ。

stationary-pattern

 

 

 

ビンテージな色合いのマリンパターンをデザインする方法

手描きしたかわいいカモメにイカリや浮き輪など、マリン関連のデザインを使ったパターンテクスチャの作り方が紹介されています。

latestai2014aug-top

 

 

 

冬をイメージしたかわいい継ぎ目のないデザインパターンを作成する方法

お好みのイラストデザインを規則的にならべることで、シームレスでキュートなパターンテクスチャ素材を作りあげます。

Winter_bullfinch_pattern600Final

 

 

 

カラフルなヘキサゴンパターンをデザインする方法

グラデーションツールを使い描かれた六角形に、美しい虹色グラデーションでペイントしたパターンテクスチャ。

gradient-holo

 

 

 

編み目状の継ぎ目のないパターンテクスチャの作り方

作成したデザインをうまく切り抜くことで、反復性の高いデザインパターンが完成します。

abdz-pattern-theme

 

 

 

3Dテキストエフェクトを3Dツールなしで作成する方法

タイトルのままですが、フラットデザインとの相性も良い、やさしい配色の立体テキストをつくります。

diana_QT-3Deffect_final

 

 

 

美しいラインのタイポグラフィーアートの作り方

ペンツールを使い時間をかけてすこしずつ切り込みを入れていく、クリエイティブで根気のいるタイポグラフィーアートを作成します。

type-art-decoration

 

 

 

野球ボールでできたテキストエフェクトの作り方

特徴的な赤の縫い目が印象的だったテキストエフェクトで、土が付いて汚れた様な効果をブラシツールで描き、描画モードを「オーバーレイ」に指定しています。

baseball-texteffect

 

 

 

電気ビリビリ!高電圧なタイポグラフィーをデザインする方法

触るだけビリっとなりそうなハイボルテージなテキストエフェクトを完成させます。

electic_texteffect

 

 

 

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

ビビッドに輝くネオンライトのテキストは、グラフィックスタイルとして保存しておけば、いつでも再現可能です。

lighting-stroke

 

 

 

美味しそうなドーナツ型テキストエフェクトをデザインする方法

同じテクニックを駆使することで、あらゆるアルファベットを作成することができます。

donut-texteffect

 

 

 

ロープを使ったタイポグラフィーを作成するチュートリアル

ピクセル単位で描いたロープデザインを使い、自由自在な文字を描くことができる作り方。

ropeText0

 

 

 

ネオンの用に輝くテキストエフェクトをデザインする方法

まるでPhotoshopで作成したようなライティングエフェクトは、もちろんIllustratorのみで完成させることができます。

glowing-neon-effect

 

 

 

コミックスタイルのテキストエフェクトを作成する方法

ディテールにはハーフトーンパターンを採用した、こだわりを感じるテキストエフェクト用チュートリアル。

phenomenal

 

 

 

ザラザラとしたグランジ感を演出する方法

Photoshopを併用するチュートリアルで、テクスチャの質感をそのまま作品に加えます。

monkey-grunge

 

 

 

点画法でデザインするテキストエフェクトの作り方

一点一点のドットをすべて合わせることでデザインが完成するテキストエフェクト。

grunge-texteffect

 

 

 

どんなフォントもスケッチ風デザインに変換する方法

落書きエフェクトを利用することで、まるで手書きしたようなスケッチ風デザインを作成できます。

sktype_09

 

 

 

デザインにざらざらしたグランジ感を加える方法

テクスチャ素材を重ねることで、質感だけをうまく取り入れるテクニックが紹介されています。

distressing_11

 

 

 

金色に輝く立体きなリボンベクターを作成する方法

シェイプツールで描かれたえデザインを、ワープツールを使って自由自在にスタイルを変更することができます。

vector-golden-ribbon

 

 

 

キラキラ輝くグランジ背景デザインの作り方

透明度の高いレイヤーを重ねることで、幻想的なライティングエフェクトを演出するテクニック。ブラシツールの基本的な使い方から学ぶことができます。

geometric_lighting

 

 

 

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

 


 

 

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

Photoshop版まとめも参考にいかがでしょう。

latesttutorial2014dec-top

 

Viewing all 172 articles
Browse latest View live