高度なパス_アイキャッチ

Illustratorのパスを使ったちょっと高度なテクニックが学べるチュートリアルまとめ


素敵なデジタルアート作品を見ると、「すごい!どうやって作っているのかな?」と
想像力がかき立てられますよね。
作品の中には、イラストレーターのパスを駆使して制作されたものも多数あります。
今回は、ペンツールを使ったデザインテクニックを中心に、海外デザイナーの見事な
ベクターグラフィックや、重要なデザイン要素であるテキストエフェクトなどを
まとめたチュートリアルをご紹介します。

 

おしゃれなインフォグラフィックを作成する方法

高度なパス_インフォグラフィックの要素

http://vectorboom.com

インフォグラフィック要素として、またはWebサイトなどに使える、単純な立方体と、
抽象的なイラストで構成された高品質なグラフィックが学べます。

 

銅管のテキストエフェクトを作成する方法

高度なパス_銅管テキストエフェクト

http://design.tutsplus.com

グリッドのオプションをフルに活用して、ロゴのパスを作成する方法を学習します。
単純なテクニックを使って、立体感溢れるテキストエフェクトを作成します。

 

ポリゴンスタイルの肖像画を作成する方法

高度なパス_ポリゴンスタイル

http://www.digitalartsonline.co.uk

写真を元に、イラストレーターのペンツールを使って、「ポリゴンスタイル」を
作成する方法がしっかり学べます。
背景などに応用が利くので、ぜひ挑戦してください。

 

スタイリッシュな肖像画を作成する方法

高度なパス_ベジェ曲線テクニック

http://www.digitalartsonline.co.uk

ペンツールを使ってベジエ曲線を駆使してスタイリッシュなイラストを作成するテクニックが学べます。

 

基本のラインアートでロゴを作成する方法

高度なパス_ラインロゴ

http://blog.spoongraphics.co.uk

動物を幾何学的なパスで抽象化した、幻想的なロゴを作成する方法が学べます。
ロゴを作業するうえで、デザインのヒントになりそうですね。

 

半リアルなApple Watchを作成する方法

高度なパス_appleWatch

http://design.tutsplus.com

半リアル感がかっこいい、金属フレームとスクリーンを作成する方法が学べ、
実践で役立つおすすめのチュートリアルです。

 

本物そっくりなトマトを作成する方法

高度なパス_リアルトマト

http://vectorboom.com

ペンツールやグラデーションメッシュの基本的使い方を応用することで、
リアルな質感のトマトを作成します。
このテクニックは​​さまざまなグラフィックを作成するのに応用できます。

 

メタル系のリアルな時計を作成する方法

高度なパス_メタル系時計

http://www.instantshift.com

ペンツールでリアルな時計を描くテクニックが満載です。
パスファインダー、ブレンド、クリッピングマスクなどのツールを用いて、メタル感を表現しています。

 

美しい花を作成する方法

高度なパス_花

http://design.tutsplus.com

パスで美しい花を作成する方法を学びます。
単純な形状の花でもグラデーションメッシュ使って美しく仕上げていきます。

 

フラットアイコンを作成する方法

高度なパス_フラットアイコン宝石

http://design.tutsplus.com

フラットアイコンデザインをワンランクアップさせるテクニックを学びます。

 

立体的なグラフチャートを作成する方法

高度なパス_グラフ

http://vectips.com

立体的に表現して、視覚的に分かりやすいグラフを作成する方法を学びます。
単純なグラフをデザイン的にすることで、見る人の注目を集めやすくします。

 

立体的な地図を作成する方法

高度なパス_地図

http://design.tutsplus.com

グーグルアースを地図のベースとして使用し、トレースして作成する方法を学びます。
道路の名前などのグーグルアースで情報を取得しながら作業できるので便利です。

 

高度なパス_遠近法ビル01

http://design.tutsplus.com

遠近グリッドツールを使って、ペンツールでビルを作成する方法を学びます。
反射した影の作り方も一緒に学べます。

 

リボン風テキストエフェクトを作成する方法

高度なパス_おしゃれなリボン

http://vectips.com

アウトライン化したフォントに、ペンツールで折り畳まれたリボンを表現し、
美しいテキストエフェクトを作成します。

 

旋回リボン風テキストエフェクトを作成する方法

高度ないパス_回転リボン

http://design.tutsplus.com

ペンツールで文字の形状を作成後、グラデーションツールやその他の効果を使用して、
回転したリボン部分をうまく表現する方法を学びます。

 

カーリーヘアの美しい女性を作成する方法

高度なパス_髪の毛

http://design.tutsplus.com

1本1本描かれた詳細な髪の毛や滑らかなカールの作り方を最も簡単な方法が学べます。
女性の目や肌の質感なども詳細に教えてくれています。

 

手書き風イメージキャラクターを作成する方法

高度なパス_イメージキャラクター

http://design.tutsplus.com

手描でスケッチから作成する工程から学びます。
手書き風のパスを描くためにブラシツールを使い作業します。
キャラクターの表情も一緒に作っておくといろんなシーンで使えて便利です。

 

絵画のようなイラストを作成する方法

高度なパス_イラスト

http://www.digitalartsonline.co.uk

まるで、絵画のようなタッチと動物がかわいいオリジナルアートです。
いろいろな要素が含まれたグラフィックなのでとても参考になります。

 

かわいいマスコットキャラクターを作成する方法

高度なパス_ロボット

https://vectorcove.com

簡単なパスを使って、かわいいロボットのマスコットキャラクターを作成する方法を学びます。
キャラクターアイコンや、子供のイラストなどをデザインしようとしている方におすすめのチュートリアルです。

 

簡単に美しい背景を作成する方法

高度なパス_回転背景

http://veerle-v2.duoh.com

図形を回転させて背景を作成する方法をご紹介しています。
いろんな図形を回転させることで無限の図形ができ、とても参考になります。

 

おわりに

実践で使えそうなテクニックを中心にまとめましたが、いかがでしたでしょうか?
ちょとしたテクニックさえ知っていれば難しいことではなかったと思います。
今回、ご紹介した作品のテクニックを覚えるだけで、いろんな作業に応用ができます。
この機会に、ぜひ実践してみてください。

 

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


Next Articleイラストレーターでキレイな曲線を描くためのテクニックまとめ