Advertisement

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

 

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

 

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

 

 

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

 

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

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

diana_pancakes_w_syrup_tut_final-min

 

 

 

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

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

watercolor-mermaid-illustration

 

 

 

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

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

gradient-orbs-sm

 

 

 

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

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

christmas-presents-in-the-snow

 

 

 

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

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

crystal-snow-lighting

 

 

 

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

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

beautiful-moonlight

 

 

 

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

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

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

 

 

 

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

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

floaral-drawing-technique

 

 

 

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

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

photo-inspired-vvector-artwork

 

 

 

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

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

vectorcurly_final

 

 

 

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

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

latestillustrator201sep-feat-image

 

 

 

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

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

animal-silhouette-moonlight-vecdtor

 

 

 

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

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

vector-popsicles-sm

 

 

 

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

winter-city-scene

 

 

 

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

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

bbq-camping-illustration

 

 

 

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

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

winter-girl-final-result

 

 

 

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

hipster-dog-with-glasses

 

 

 

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

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

happy-wedding

 

 

 

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

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

minions-in-adobe-illustrator

 

 

 

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

なんとも縁起の良さそうな、キャラクター性たっぷりな招き猫をデザインする Illustrator チュートリアル。
maneki-neko

 

 

 

キャラクター風の猫をデザインする方法

簡単なステップのみで作成できるお手軽チュートリアルで、一度作り方を覚えれば応用の効くイラストテクニック。

27-kitten-illustration-gr

 

 

 

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

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

folk-flowers-final-result

 

 

カラフルなトロピカルパターンをデザインする方法

Illustratorを使って、継ぎ目のないシームレスパターンを作成できるチュートリアルで、どんなデザインにも対応できます。

latestaiillustrator2017july2

 

 

 

ミッドセンチュリー風のイラストパターンを作成する方法

人気のレトロスタイルをモチーフにした鮮やかな配色で、夏をイメージしたかわいいシームレスパターンテクスチャを作成します。

mid-century-pattern

 

 

 

本を重ねたロゴデザインを作成する方法

基本的なシェイプで作成した本を重ねた、フラットスタイルのロゴデザイン。

06_books

 

 

 

黄金比をつかった、くじらロゴの作り方

シンプルなシェイプのみで完成させるこのロゴは、黄金比をうまくデザインに活用したユニークな手順を紹介しています。

golden-ratio-whale

 

 

 

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

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

golden-ration-for-logo

 

 

 

カラフルなロゴデザインを作成する方法

基本のグラデーションを使ったシェイプを組み合わせることで、奥行き感を演出しながら魅力的なロゴを作成します。

logo-adobe-illustrtor

 

 

 

六角形のカラフルパターンを作成する方法

カラフルに色が変化する、継ぎ目のないシームレスパターンテクスチャの作り方を学びます。

hexagon-colorful-pattern

 

 

 

家具の組み立て展開図をデザインする方法

説明書を作成するときに参考にしたいテクニックで、実物の椅子を参考にデザインを作成します。

image080

 

 

 

情報をまとめた立体的な地図をデザインする方法

建物の名称や道順などを立体的に表現した地図を作成します。

informativemap_final

 

 

 

ラインアートで描いたシンプルなロゴをデザインする方法

人気のバッジスタイルのロゴを手軽に作成できるチュートリアル。

line-art-logo

 

 

 

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

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

windrosecompasssymbol0

 

 

 

ニット製パターンテクスチャの作り方

どんな柄でも自由にデザインできるチュートリアルで、動画を見ながらステップ順に学ぶことができます。

knit-pattern

 

 

 

継ぎ目のないペイズリー柄をデザインする方法

塗り絵のようにアウトラインのみで描かれたデザインパターンをシームレスに作成します。

paisley-pattern

 

 

 

美しいライン型グラフをデザインする方法

半透明のグラデーションを重ねることで、美しい色合いを表現できるPhotoshopのようなデザインテクニック。

line-graph-analytics

 

 

 

あやしく光るデジタルウェーブをデザインする方法

レイヤー状に重なるようにデザインする立体的な作品で、テクニックを応用することでお好みのシェイプやカラーリングに編集できます。

abstarct-geometric-lighting-effect

 

 

 

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

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

gem-logo-sm

 

 

 

Illustratorで美しい配色を作成する方法

Adobe Color CC オンラインツールを利用することで、面倒な配色えらびも手軽に行うことができます。

create-quick-color-palettes-in-adobe-illustrator-1200x580

 

 

 

Photoshop用パターンをIllustrator用スウォッチに変換する方法

覚えておくと何かと役にたつデザインの小技。

convert-ps-pattern

 

 

 

水彩ペイントのテクスチャブラシの作り方

ブラシツールでペイントするだけで、まるで水彩絵の具のような質感でそのまま描くことができます。

watercolor-texture-brushes-in-adobe-illustrator-1200x580

 

 

 

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

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

pattern-brush-illustrator1

 

 

 

Illustratorでテクスチャの質感を表現する方法

水滴や水彩ペイント、ラスターエフェクト、散布ブラシの実践的な使い方などグラフィックデザインに必要なテクニックをまとめて学ぶチュートリアル。

create-texture-adobe-illustror

 

 

 

ビンテージなイラストをベクター化する方法

IllustratorとPhotoshopを使って、古い本などからスキャンしたイラストやロゴをベクター素材に変換する方法が紹介されています。

vintage-illustration

 

 

 

イラスト風に仕上げるポートレイトの作り方

写真をスキャンし、ペンツールを利用してイラストを完成させるコミック漫画テクニック。

simple-line-drawing

 

 

 

アンディー・ウォーホル風ポップアートを作成する方法

ハーフトーンや幾何学模様など、カラフルでレトロなスタイルを表現できる人気デザイン。

pop-art-tribute-to-e

 

 

 

デザインの周りに文字テクストを回り込ませる方法

Illustratorを使って、人物モデルの周りに文字テキストを囲むように配置するテクニック。

text-around-shapes-in-illustrator

 

 

 

IllustratorからWeb用素材を一気に書き出す!アセットの収集と一括書き出し

最新のIllustrator CCでは、複数の素材書き出しが必要な場合でもまとめて書き出せる新しい機能が利用できます。また、アイコンのように頻繁に変更されるアセットの書き出しも楽になります。

illustrator-asset

 

 

 

SF宇宙銃をデザインする方法

フラットスタイルで作成するチュートリアルで、グラデーションの詳しい使い方から、ブレンド機能をつかった影シャドウの作り方を学びます。

space-beam-gun

 

 

 

宇宙飛行をデザインする方法

シェイプの作成からグラデーションツールやパスファインダーパネル、移動ツール、クリッピングマスクの実践的な使い方を知りたいときに。

14-astronaut-flat

 

 

 

グラデーションが美しいくらげをデザインする方法

パスファインダーを使ったエフェクトに加え、ストロークパネルやグラデーションツールの基本的な使い方をレクチャー。

11-jellyfish

 

 

 

ファーストフード店のハンバーガーセットをデザインする方法

二段重ねの巨大ハンバーガーに、フライドポテトとドリンクも一緒にフラットスタイルで表現します。

final_result

 

 

 

サボテンをモチーフにしたアイコンパックのつくり方

cactus-plant-pack

 

 

 

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

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

tutorial-preview-large-3

 

 

 

宇宙へ発射するロケットをデザインする方法

ゼロから自由にイラストを完成させる動画チュートリアルで、左右対称のロケットデザインのつくり方なども参考に。

latestaiillustrator2017aug

 

 

 

夏の夕日をモチーフにしたイラストをデザインする方法

美しいグラデーションカラーにザラッとしたグランジテイストの追加方法を学ぶイラスト用チュートリアル。

subtle-summer-sunset-textured-illustration

 

 

 

リアルなタクシーをデザインする方法

基本的なツールを使いながら、立体的な仕上がりになるハイライトとシャドウのテクニックを詳しく学ぶチュートリアル。

taxi_car

 

 

 

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

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

hamburger-and-a-hot-dog

 

 

 

サマーバケーション風イラストをデザインする方法

メッシュツールの具体的な使い方を紹介したデザインチュートリアル。

travel_background_with_beach_chair_and_palms_and_wooden_sign_-1

 

 

 

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

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

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

 

 

 

ビンテージスタイルのロゴバッジを作成する方法

超簡単ですぐにできるテクニックを動画チュートリアルを見ながら学びます。

design-vintage-logo-badge

 

 

 

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

Photoshopにも負けないグラフィックを作成できる、黄金に輝くテキストエフェクトを作成します。

80s-metal-text-effect-in-illustrator

 

 

 

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

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

retrochrometexteffect0

 

 

 

3Dテキストエフェクトの作り方

グリッドを利用して作成した文字テキストに、鮮やかなグラデーションカラーを加え、光沢感のあるデザインに仕上げます。

pixel-buddha-art-text-effect

 

 

 

カジノをモチーフにしたキラキラ系テキストエフェクトのつくり方

アピアランスパネルを最大限に活用するdチュートリアルで、パスの結合など覚えておきたいテクニックを中心に。

casinotexteffect0

 

 

 

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

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

candlestexteffect0

 

 

 

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

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

tasty-bagel-text-effect

 

 

 

パターンをつかったタイポグラフィーの作り方

ブレンドモードを活用し、オリジナルパターンを手軽に作成できる方法を学びます。

pattern-letters-adobe-illustrator-1200x580

 

 

 

グランジ感のあるビンテージテキストのつくり方

シンプルなパターンのつくり方から、アピアランスパネルを利用し、いつでも編集可能なテキストエフェクトを作成していきます。

grungevintagetext0

 

 

 

木版画風テキストエフェクトの作り方

文字テキスト以外にもどんなデザインにも活用できるエフェクトで、ざらっとした質感を表現できます。

old-school-printing

 

 

 

シンプルなヒップスター系ロゴデザインの作り方

トレンドをつかったロゴの作成方法は、かすれ具合を強調するお手軽チュートリアル。

hipster-logo-text-effect