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

これからはじめる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

はじめよう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

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

$
0
0

holiday-text

 

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

 

海外デザインブログGraphic Design Junctionで、あたらしいテクニックを学ぶのにぴったりなPhotoshopデザインチュートリアル、作り方をまとめたエントリー「New Photoshop Tutorials to Learn Exciting Advance Techniques」が公開されていたので、今回はこちらを中心にブックマークしておきたいチュートリアルをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

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

 

Master Polygons Part 1

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

RB_APM_WomanFLAT

 

 

 

ポリゴンスタイルをつかったポートレイトの作り方

2014年トレンドとも言えるポリゴンスタイルを作成するときのポイントをまとめた動画チュートリアル。

lowpoly-studies2

 

 

 

ポリゴンスタイルのケーススタディまとめ

ポリゴンスタイルを採用する際に、どのような配色やカラーリングが必要になるのかまとめたケーススタディ。

lowpolystudies

 

 

 

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

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

heart-sm

 

 

 

イメージ写真にグラデーションカラーを合成させる方法

淡いグラデーションカラーとブラシのユニークな使い方で、自由の幅も広がるテクニックです。

retro-gradient

 

 

 

Photoshopで多重露光を作成する方法

Double Expousureについては、以前こちらのエントリーでも紹介しています。

double-exposure

 

 

 

キューブ型モザイクポートレイトを作成する方法

人気デザインブログAbduzeedoのFabio Sassoが寄稿した、ビジュアルエフェクト満点なチュートリアル。

glitter-bokeh

 

 

 

ハイクオリティなイメージ写真合成テクニックを学ぼう

複数のイメージ写真を違和感なく合成するだけでなく、ライティングエフェクトなどビジュアルをより重視したテクニック。

step8_NEW

 

 

 

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

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

retro-gif

 

 

 

AfterEffectsをつかってアニメーション付UIデザインを作成する方法

新しいプレゼンテーションの形として登場した、アニメーション付UIデザインの作り方を動画で解説しています。

phone-animation

 

 

ビデオ動画は以下よりどうぞ。

 

 

 

2014FIFAワールドカップのミニマルポスターを作成する方法

決勝トーナメントも順調に開催中のワールドカップ。ミニマルスタイルでブラジル国旗を表現しています。

braszil-minimal

 

 

 

Adobe InDesignでつくる、ワールドカップポスターデザイン

DTPソフトのInDesignを使ってデザインする、ユニークなポスター作成方法が紹介されています。

brasil-minimal

 

 

 

荒れた肌をツルツルにレタッチする方法

まるで魔法のようなコスメティック系レタッチテクニックは、ひとつ覚えておくと便利ですね。

photo-retouch

 

 

 

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

選択ツールを使い、部分的にカラーリングを自由にカスタマイズできます。

change-eye-color

 

 

 

ダイナミックな写真レタッチエフェクト用チュートリアル

ディテールを強調しながら、ビンテージテイストのフォトエフェクトを完成させます。

photoaction

 

 

 

ファンタジーなライティングとカラーリングエフェクトの作成方法

幅広いデザインに応用できそうな万能エフェクトは、覚えておいて損はないテクニックのひとつ。

Fantasy-Light-Color-Effects

 

 

 

簡単な3つの方法で、イメージ写真をポップにする方法

Photoshopの基本ツールのみを使った、シンプルで超簡単なフォトレタッチ術。

after-processing2

 

 

 

Photoshopで10分以内に写真レタッチを行う方法

写真レタッチをする上で覚えておきたい、基本的なテクニックをまとめて解説した、初心者にもうれしいチュートリアル。

Retouching-photos-in-Photoshop

 

 

 

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

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

watercolor-touch

 

 

 

ダイナミックなHDRポートレイトの作り方

Photoshopを使ってHDRエフェクトを作成し、背景イメージも切り取ってしまうテクニックは参考としてメモ。

hdr-effect

 

 

 

超リアルな夕日をデザインする方法

あらかじめ用意したイメージ写真を見事に合成するチュートリアルで、特に夕日の照らし方は参考になりそうなテクニック。

sunset-1

 

 

 

雲に隠れた秘密のほこらをデザインする方法

アドベンチャー映画を見ているようなダイナミックで、幻想的な空間を作成する写真合成テクニック。

photo-manipulation

 

 

 

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

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

custom-text-box-shape-preview

 

 

 

Instagramをベースにしたシンプルなポートフォリオを作成する方法

イメージ写真をパネル上に並べた、基本的レイアウトの組み方をていねいに解説したチュートリアル。

good-lookin-website

 

 

 

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

Heroコンテンツにイメージ写真を採用した、スタイリッシュな印象のブログ用レイアウトを作成します。

blog-design

 

 

 

記注、注釈アノテーション用パーツを作成する方法

一度作っておくことで使いまわすことができそうな、シンプルで目立つアノテーションを作成します。

AnnotationStyle0

 

 

 

カラールックアップテーブルを作成する方法

デジタル一眼レフなどで撮影した動画と写真の配色を整えるカラーパレットを作成する、CC新機能をご紹介しています。

3d-lut-file

 

 

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

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

giraffe_neck_knot

 

 

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

サムネイル@ : Sea Foam Text Effect Photoshop Tutorial – Alfoart.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

これからのテクニックを学ぼう!すごい新作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チュートリアル、作り方厳選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

 

Illustratorはじめませんか?参考にしたいすごいチュートリアル、作り方27個まとめ

$
0
0

latestai2015feb-top

 

Illustratorの機能やテクニックを学ぶには、デザインチュートリアルを参考にしてみてはいかがでしょう。覚えておきたい基本的ツールの使い方から、まだまだ新しい機能であまり見かけないテクニックなど実践形式でデザインを学ぶことができます。今回はデザインスキルを向上する新作Illustratorチュートリアル、作り方をまとめてご紹介します。

 

 

特にフラットスタイルが人気デザイントレンドとなっているので、イラストレーションの作成方法などこれから押さえておきたい技を中心に、デザインの幅を広げてくれるチュートリアルを揃えています。

 

 

 

詳細は以下から。

 

 

 

Illustratorはじめませんか?すごい新作チュートリアル、作り方まとめ

 

ロープをIllustatorブラシで自由にカスタマイズする方法

カスタムブラシを作成することで、自由に描いたパスに沿って本物そっくりなロープをデザインすることができます。

knot-typeface

 

 

 

フラットスタイルの町風景をモノクロデザインで作成する方法

ヨーロッパの美しい街並みをフラットスタイルのイラストで描くチュートリアル。ペンツールやパスファインダーなど基本ツールのみを使った作り方は参考にできそう。

cityscape-flat-art

 

 

 

クリエイティブな立体タイポグラフィーを作成する方法

各アルファベットにストーリーがある、ユニークで立体的、そしてフラットスタイルのタイポグラフィーを作成します。

perspective-flat

 

 

 

フラットスタイル採用のコーディング系イラストレーション

デザイントレンドのフラットスタイルを採用したイラストレーションは、2015年ぜひ覚えておきたいデザインテクニックのひとつ。

coding-illustration

 

 

 

レトロなマッキントッシュをデザインする方法

グラデーションレイヤーを最後に適用し、レイヤーの描画モードを設定することで、独特なノイズ感を演出できます。

vintage-macmachine

 

 

 

立体的なイラスト系アイコンを作成する方法

トレンドのフラットデザインを表現するときに参考にしたい、基本的作り方を学びます。

bank-final

 

 

 

ロングシャドウ・エフェクト付ベクターアイコンの作成方法

フラットスタイルと合わせて一緒に使われているテクニック、ロングシャドウ・エフェクトの作り方を詳しく解説した動画チュートリアル。

flat_pencilc

 

 

 

鉛筆で描いたような質感を表現できるIllustratorブラシを作成する方法

完成したアートワークに重ねるだけで、鉛筆で描いたようなグランジ感をブラシ操作一発で追加することができます。

ai-pencil-texture-illustration

 

 

 

Illustratorを使って光や影をイラスト風で再現する方法

繊細なスタイルに不可欠な光と影を、質感たっぷりなグランジテイストで追加できます。

ai-texture

 

 

 

レトロスタイルのウェブサイトを作成する方法

ビンテージ感をうまく表現できるカラーパレットから、タイポグラフィーの並べ方など知っておくと便利なテクニックが揃っています。

vintage-website

 

 

 

フリーハンドで複雑なデコレーションオーナメントを作成する方法

描いたパーツをコピー、複製したら回転させていくことで、きれいなサークル状デコレーションを完成させます。

floral-decraotive-ornament

 

 

 

ゴージャスに輝く雪の結晶をデザインする方法

キラキラ感満点で表現されたデザインで、覚えておきたいライティングエフェクトの基本テクニックを紹介しています。

cosmic-snowflake

 

 

 

筆記体を並べた魅力的なタイポグラフィーの作り方

デザイン原理を考えながら各単語を並べるだけで、スタイリッシュなデザインを完成させることができるチュートリアル。

script-typeface

 

 

 

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

プカプカと宙に浮かぶカラフルでメタリックな風船テキストを作成します。

happy-balloon

 

 

 

ゴージャスな映画用ポスターを作成する方法

映画鑑賞に関連するポップコーンや3Dメガネ、映画フィルムなどを並べたデザインは、覚えておくと便利なテクニック満載のチュートリアル。

wonder-cinema

 

 

 

カラフル&ファンタジーなペガサスをデザインする方法

空想の世界に生きるペガサスの手書きイラストに、見事なカラーリングでペイントを施すデザインチュートリアル。

RainbowPegasus_Final

 

 

 

木製の手漕ぎボートをデザインする方法

水の上に浮かぶボートは、ウッドの模様や質感までうまく再現することができます。

yawl-boat

 

 

 

立体感たっぷりな卓球台をデザインする方法

長方形ツールやペンツール、グラデーション、パスファインダーなどIllustratorの基本的ツールの使い方を学びながら進むので、はじめてのひとにもオススメ。

ping-pong

 

 

 

ディテールにこだわったアイススケートシューズをデザインする方法

靴ひもを通した立体感など、より本格的なイラストレーションを作成したいときは参考にいかがでしょう。

Ice_Skates_Final21

 

 

 

カフェアイテムをデザインしたシームレスパターンテクスチャの作り方

手描きしたイラストをベースに、継ぎ目のないパターンテクスチャを作成するチュートリアル。

tea-patterm

 

 

 

立体的な雨粒をモチーフにした壁紙の作り方

ドロップシャドウとグラデーションを利用することで、超立体的なスタイルを完成させることができます。

embossed-wallpaper

 

 

 

ドラゴンフルーツを使ったテキストエフェクトの作り方

輪切りにした南国フルーツを使って、まるで本物そっくりな質感でデザインすることができます。

dragon-fruit-text

 

 

 

ウィンナーを使ったタイポグラフィーデザインの作り方

ゼロからパスツールを使って描いたウィンナーを使い、自由にテキスト文字を描きます。

wienerText0

 

 

 

歯磨き粉を使って自由に文字テキストを書く方法

キラリと輝くグリッターデザインを採用した、ユニークな歯磨き粉をモチーフにしたデザイン。

smile-texteffect

 

 

 

ダイヤモンド&ゴールドのテキストエフェクトの作り方

キラキラ感たっぷりなメタリックの質感を表現するテクニックは、ゴージャスな雰囲気を演出したいときにどうぞ。

happy-newyear

 

 

 

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

変形エフェクトを使ってレイヤーをコピーすることで、立体感たっぷりなテキストエフェクトを完成させます。

polished-text_10

 

 

 

魅力的なプライスタグをデザインする方法

ドロップシャドウを適用して、リアルな立体感が表現されたリボンデザインが素敵なチュートリアル。

real-tag

 

 

サムネイル@: How to Create Abstract Cosomic Snowflake in Adobe Illustrator – Vectorboom


生誕25周年!Photoshopのすごいチュートリアル、作り方25個まとめ 2015年2月度

$
0
0

fireworks-blending

 

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

 

 

今月で25周年を迎えたAdobe Photoshop。基本的なPhotoshopツールのみで作成でき、デザインの幅を広げてくれそうなチュートリアルから、CC新機能を利用したテクニックもすこしずつ増えてきています。

 

 

進化を続けるPhotoshop、これからどんな魅力的なデザインを届けてくれるのでしょうか、ますますたのしみです。

 

facebookcover_Grid-copy

Adobe Photoshop 生誕 25周年! – Photoshop公式ブログ

 

 

 

詳細は以下から。

 

 

 

誕生25周年!進化するPhotoshopのすごいチュートリアル、作り方25個まとめ 2015年2月度

 

Photoshopにおけるライティングエフェクトの使い方

実践的に応用できるデザインテクニックを詳しく解説した動画チュートリアルで、ライティングエフェクトを自由に操ることができます。

lighting-wall

 

 

 

ファンタジー感満点なデザインエフェクトの作り方

あまり使う機会のない「フレスコ」エフェクトを背景に適用することで、なんとも幻想的な雰囲気を演出することができます。

fantasy-composition

 

 

 

お腹をすかせた熊を描いたデザイン合成テクニック

あらかじめ用意しておいた背景や熊、モデルなどの複数のイメージ写真を組み合わせる、基本的な写真合成テクニックを学びます。

the-predation-effect

 

 

 

森のなかで宙に浮かぶ美女をデザインする方法

まるで本当に宙を舞っているようなぼかしエフェクトまで再現され、新規調整レイヤーを使うことで全体のトーンを整えることができます。

collage-with-girl

 

 

 

隠された秘密の場所をデザインする方法

月明かりがキラキラと輝く、ファンタジー感満点のグラフィックデザインを演出するチュートリアル。

secret-place-fantasy

 

 

 

複数のイメージ写真を違和感なく、継ぎ目なくデザインする方法

用意した写真によって異なるコントラストや明るさなどを、見事に調整するテクニックが披露されています。

transparent-brain

 

 

 

炎をつかったファンタジーエフェクトの作り方

テクスチャ素材から採用した炎デザインは、描画モードを「スクリーン」にすることで、背景部分を透明で表示してくれます。

playing-with-fire

 

 

 

炎エフェクトを使って、リアルな炎を描く方法

CC新搭載の炎エフェクトを使えば、描いたパスに沿って自由に炎を描いてくれる優れもの。これで炎などの作成に困ることはありません。

real-fire-effect

 

 

 

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

まるで窓ガラスに付着したリアルな雨粒を、ブラシツールを使って再現するデザインチュートリアル。

real-raindrop

 

 

 

オリジナルの水しぶき、スプラッターPhotoshopブラシを作成する方法

実際に水しぶきを撮影する方法から、スキャナーで取り込み、ブラシとして利用できるまでを詳しく解説しています。

splatter-brush-making

 

 

 

リアル感満点なネオン管エフェクトを作成する方法

一見むずかしそうに見えますが、ネオンエフェクトはレイヤースタイルを適用することで表現でき、はじめてのひとにもオススメチュートリアル。

neon-text-effect

 

 

 

テクスチャの質感を生かしたアルバム表紙カバーをデザインする方法

モデルと帽子のシルエットを用いた、グランジテクスチャの質感が絶妙なデザインを動画で解説するプロ仕様のチュートリアル。

phlearn-covereffect

 

 

 

超リアルにチョークで黒板に文字を描く方法

手書きトレースしたイラストスケッチを用意し、黒板テクスチャに重ねて、描画モードを「比較(明)」に設定するだけのお手軽テクニック。

chalk-board-effect

 

 

 

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

繊細なドロップシャドウやグランジテイストを加えた質感を、レイヤースタイルなど基本的なツールのみでデザインします。

3d-retro-texteffect

 

 

 

アイスクリーム風テキストエフェクトの作り方

レイヤースタイルやグラデーションツールなど、Photoshopをはじめたときにまず覚えたいツールを中心に使っています。

ice-texteffect

 

 

 

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

お好みのイラストを使うことができるので、覚えておくと便利なデザインテクニックのひとつとなっています。

create-pattern

 

 

 

ハードブラシとソフトブラシの違いについて

Photoshopのデフォルト設定で用意されている2種類のブラシを、どのような場面で利用すればよいか解説しています。

hard-softbrush

 

 

 

Photoshopを使って本物そっくりに化粧をする方法

ブラシツールやぼかしツールを利用することで、まるで化粧をしているようなデザインエフェクトで仕上げます。

photoshop-makeup

 

 

 

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

瞳の輝きまでリアリティーたっぷりに描く、デジタルペイントのテクニックを学ぶことができるチュートリアル。

paint-realistic-eye-final-1

 

 

 

ライティングエフェクトを使った写真合成のデザイン方法

自由に星空や惑星を作成したり、複数のイメージ写真を違和感なく合成するテクニックが披露されています。

scifi50-final-1

 

 

 

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

SF映画さながらの爆発やミサイルによる攻撃を、効果的にデザインするテクニックが紹介されています。

sf-movie-scene

 

 

 

グリッドデザインを活用した、グランジ壁紙を作成する方法

アイコンテンプレート用グリッドデザインと、テクスチャ素材を組み合わせてつくるチュートリアル。

spatial-grid-wallpaper

 

 

 

ドラマチックなライティングエフェクトを使った、写真合成テクニック

レイヤーマスク機能を活用することで、合成したいエリアのみを簡単に編集することができ、作業効率もアップします。

horror-blanco

 

 

 

月明かりに照らされた幻想的な海辺をデザインする方法

プロフェッショナルなデザインを学ぶケーススタディとなっており、レイヤーマスクの重要性を学ぶことができます。

1989-fullmoon-fireship

 

 

サムネイル@ : How to Add Fireworks to a Photo in Photoshop – PhotoshopStar

Viewing all 36 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>