4

【上級者向け】Illustratorの高度なテクニックが学べるチュートリアル50選


Illustratorの制作で「表現がいつも同じになってしまうなあ…」と感じる時など
デザインの幅を広げるために、上級者のテクニックを学んでみませんか?
リアルな質感表現や目を引くロゴデザインなど、自分の技術にしましょう。
今回は上級者向けのチュートリアルを50選ご紹介いたします。

 

【イラスト作成】

目次

リアルなブーツ

リアルな靴イラスト

画像出典:envatotuts+

メッシュツールを使用したリアルなブーツのチュートリアルです。

 

3D風イラスト

3D風イラスト

http://www.digitalartsonline.co.uk/tutorials/adobe-illustrator/create-cool-infographics/

3D風で模型のような仕上がりのイラスト作成手順を紹介しています。

 

輝くミラーボール

ミラーボール

http://www.vectordiary.com/illustrator/illustrator-disco-ball-tutorial/

3Dツールで作成したキラキラ輝くミラーボールです。

 

水彩画タッチのイラスト

水彩タッチ

画像出典:envatotuts+

ブラシの設定を活用し、水彩画タッチに仕上げています。

 

木目のテクスチャ

リアルな木目

http://vectips.com/tutorials/create-a-wood-grain-texture/

Illustratorでリアルな木目模様を描写する方法を紹介しています。

 

輝くリアルな髪の毛

リアルな黒髪

画像出典:envatotuts+

光沢が美しい黒髪のチュートリアルです。人物イラストに応用できそうですね。

 

リアルな巡航客船

リアルな客船

画像出典:AUTOMOTIVE ILLUSTRATION

細部まで精密に描かれたリアルな客船のイラストです。完成度の高さに驚きました。

 

可愛いジンジャークッキーくん

ジンジャークッキーくん

画像出典:envatotuts+

画面から飛び出してきそうなリアルな質感のジンジャークッキーイラストです。

 

カラフルな女の子イラスト

カラフルな女の子イラスト

画像出典:envatotuts+

鮮やかで様々なモチーフの表情が楽しいイラストのチュートリアルです。

 

リアルな女性イラスト

リアルな女性イラスト

画像出典:envatotuts+

写真をトレスしながらエレガントな女性イラストを制作しています。細部の描写まで解説されています。

 

切り絵風の水滴イラスト

切り絵風

画像出典:envatotuts+

本物の切り絵のような水滴のイラストです。模様を変えるなど応用できそうです。

 

幻想的なバラのイラスト

幻想的なバラ

画像出典:envatotuts+

空間に浮かび上がったようなバラが幻想的で大変美しいイラストの作例です。

 

レトロタッチの人物イラスト

レトロな人物イラスト

画像出典:envatotuts+

レトロ風に着色されたサッカー選手のイラストチュートリアルです。

 

リアルな盾のイラスト

リアルな盾

画像出典:envatotuts+

リアルな盾の作例です。様々な質感表現が参考になります。

 

リアルな炎

リアルな炎

画像出典:envatotuts+

写真のようにリアルな炎の描き方を解説しています。

 

リアルな口紅イラスト

リアルな口紅

画像出典:envatotuts+

本物のような口紅のイラストです。色違いを並べても良いですね。

 

リアルな子犬とハートのイラスト

リアルな子犬とハート

画像出典:envatotuts+

メッシュで着色した上に毛を描写し、リアルに仕上げた子犬とハートのイラストです。

 

リアルなストップウォッチのイラスト

リアルなストップウォッチ

画像出典:envatotuts+

金属の光沢が美しいレトロなストップウォッチのイラストチュートリアルです。

 

リアルな水滴

リアルな水滴

画像出典:envatotuts+

水滴をシンボルに登録して配置しています。水の流れた跡の表現もあります。

 

ブリリアントカットのダイヤモンド

ダイヤモンド

http://illustrator-labo.com/?p=825

キラキラと輝くダイヤモンドの作図方法が紹介されています。日本語です。

 

ポリゴンアートで描くトラ

ポリゴン風イラスト

画像出典:BLOG SPOON graphics

三角形を配置し、目の周りなどにはディティールを増やしながら描画しています。

 

ワイヤフレームで描く動物の骨

ワイヤフレーム

画像出典:BLOG SPOON graphics

写真から形状をトレスし、ブレンドツールでワイヤフレームを作成しています。

6つの表情のスタンプ

スタンプ6種

画像出典:envatotuts+

キャラクター作成の参考になるチュートリアルです。

 

輝く光が美しいストライプ

輝く光

画像出典:envatotuts+

暗闇に浮かび上がる美しい光を思わせるストライプのチュートリアルです。

 

リアルなiPadインターフェース

リアルなiPodインターフェース

画像出典:envatotuts+

立体感や金属の光沢、光の表現が美しいインターフェースの作成方法です。

 

ネオンのようなブラシ

ネオン効果のブラシ

画像出典:envatotuts+

明るく光るネオン効果のブラシを作成する方法です。色違いの設定方法も解説されています。

 

 

【ロゴ、文字エフェクト】

花と3D文字のデザイン

3Dロゴ

http://10steps.sg/tutorials/photoshop/create-a-3d-flowery-text-effect/

立体的な文字に植物が絡んだ神秘的な雰囲気のロゴデザインです。

 

ロゴデザイン制作手順

ロゴ作成手順

画像出典:BLOG.SPOONgraphics

アイデア出しから細部の処理まで、ロゴが完成するまでの手順が紹介されています。

 

ニットで編んだ文字エフェクト

ニットロゴ

画像出典:envatotuts+

ニットに文字を編みこんだようなイラストを作成できます。

 

血文字のエフェクト

血文字ロゴ

画像出典:envatotuts+

ホラーな雰囲気の血文字ロゴを作成する方法です。

 

基盤風ロゴ

基盤ロゴ

画像出典:envatotuts+

回路基盤で作った文字のようなロゴが出来上がります。

 

ボタンが散らばったようなモザイク文字

モザイク風文字

画像出典:envatotuts+

カラフルなモザイク文字のエフェクト作成を解説しています。

 

芝生の文字エフェクト

芝生ロゴ

画像出典:envatotuts+

青々とした芝生で作ったようなロゴです。色を変えれば毛の質感にも使用できそうです。

 

レース風ロゴ

レース風ロゴ

画像出典:envatotuts+

繊細なレースの作り方が参考になるテキストエフェクトです。可愛いです!

 

リボン風ロゴ

リボン風ロゴ

画像出典:envatotuts+

リボンが舞っているような文字エフェクトです。

 

遠近ツールを使った3Dロゴ

遠近ツール3Dロゴ

画像出典:envatotuts+

奥行き感のある3Dロゴ作成方法です。遠近グリッドツールを使用しています。

 

煙で描いたような文字エフェクト

煙で描く文字

画像出典:envatotuts+

煙が広がったような幻想的なテキストエフェクトです。

 

爆発した文字エフェクト

爆発する文字

画像出典:Vector boom

爆発して文字が破壊されたようなテキストエフェクトです。

 

立体的な紙の文字

立体的な紙の文字

画像出典:envatotuts+

切り抜いたアルファベットが舞っているような文字です。日本語にも応用できそうですね。

 

文字をくりぬいた木のロゴ

くりぬいた木のロゴ

画像出典:envatotuts+

立体感のある木のロゴです。面白いデザインですね。

 

ゴールドとダイヤのロゴ

ゴールドとダイヤのロゴ

http://www.vectordiary.com/illustrator/golden-text-with-diamonds-tutorial/

ゴールドとダイヤがキラキラと輝くロゴです。ゴージャスな雰囲気です。

 

炎のロゴ

炎の文字

http://vectips.com/tutorials/vector-fire/

炎のような文字を作成します。ブラシ設定を活用しています。

 

スイカで作った文字

スイカの文字

画像出典:envatotuts+

夏にピッタリ!美味しそうなスイカのロゴを作るチュートリアルです。

 

 ゲームのタイトル風ロゴ

ゲームタイトル風ロゴ

http://www.tutorialmaniacs.net/archives/56

真・三國夢窓風の立体感のあるメタリックなロゴの作成方法が4記事にわたり紹介されています。

 

ヴィンテージ風ロゴ

ヴィンテージロゴ

画像出典:DigitalArts

細部まで作りこまれたデザインや繊細な線の表情が美しいヴィンテージロゴです。

 

 

【アイコン、ボタン等】

光沢が美しいゴールドのリボン

光沢あるリボン

http://vectips.com/tutorials/create-gold-ribbon-banner-vectors/

6つの形状のチュートリアルがあるので、用途に応じて活用できそうです。

 

リアルなイチゴ風アイコン

イチゴアイコン

画像出典:envatotuts+

美味しそうなイチゴのアイコン作成手順が解説されています。

 

USBメモリ風ボタン

USBメモリボタン

画像出典:envatotuts+

丸みのあるUSBメモリ風のサインインボタンのチュートリアルです。

 

ぷにぷにガム風ボタン

ガムボタン

画像出典:envatotuts+

やわらかく弾みそうなボタンデザインです。色彩が可愛らしいです。

 

透明感のあるゴミ箱アイコン

ゴミ箱アイコン

画像出典:envatotuts+

中に入った紙屑が透けて見えるゴミ箱アイコンです。透明感の表現が参考になります。

 

最後に

いかがでしたでしょうか。
完成デザインを見ると、どのように作っているのかワクワクしませんか?
英語表記が多いですが、解説画像を見ながらぜひ挑戦してみて下さい。
新しいデザイン作りのお役に立つことができれば幸いです。

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

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

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


Illustratorってとっつきにくいなあと思っていたのですが、便利な機能を知っていくうちに楽しくなってきました。 「illustratorって楽しいな」と感じるきっかけになることができれば嬉しいです。

Next Article【一気に上達間違いなし!】動画で学べるIllustratorチュートリアル30選