Advertisement

liquid-effect-and-enhance-your-portfolio

 

この記事では、Illustratorの使い方を実践から学ぶ最新チュートリアル、つくり方をまとめてご紹介しています。レトロスタイルや鮮やかなグラデーションなどトレンドを意識したものから、デザインの現場で取り入れたい新機能や便利テクニックまで幅広く揃います。

 

前回のまとめからおよそ3ヶ月ぶりとなる今回は、基本的なツールの使い方をマスターできる、初心者のひとにもオススメしたいチュートリアルが多く、どれも実用的なものばかり。これを機会にデザインの幅を広げてみてはいかがでしょう。

 

3d-lettering
この記事では、初心者でも分かりやすくIllustratorの使い方を学ぶことができる、最新チュートリアル、つくり方をまとめてご紹介しています。手順どおりに進めていく

 

 

Illustratorをしっかり学ぶ!すごいチュートリアル、つくり方50個まとめ

 

レトロなストライプ柄のテキストエフェクトのつくり方

ビンテージな配色が目を引く、70年代風のレトロデザインが素敵な動画チュートリアル。

retro-aloha-striped-text-effect

 

 

 

かわいいユニコーンのキャラクターを作成する方法

カラフルでかわいい配色がポイントのユニコーンを描くお手軽チュートリアル。

unicorn-illustrator

 

 

 

美味しそうなスイカをデザインする方法

スイカを切ったときの断面の質感にもこだわった、ちょっとだけ差がつくテクニックを学びます。

watermelon-40

 

 

 

アイスクリームをつかったシームレスパターンテクスチャのつくり方

基本的な図形シェイプのみで作成できる、継ぎ目のないパターンテクスチャをデザインします。

11-ice-cream-pattern

 

 

 

カットアウト・エフェクトのつくり方

紙を重ねたようなカットアウト・エフェクトを2つのテクニックで再現します。

paper-cut-out-illustrator-tutorial

 

 

 

フォント作成アプリ FontselfとIllustratorをつかって、実際にオリジナル書体を作成する方法

実際にアプリのインストールから詳しい使用法まで知ることができ、最終的にはオリジナルの手描きフォントを作成します。

make-custom-fonts-in-adobe-illustrator

 

 

 

超立体的な黄金文字テキストのつくり方

イラストレーターをつかって、フォトショップ顔負けの立体感と光沢感をデザインできるチュートリアル。

goldentexteffect-adobe-illustrator

 

 

 

鉛筆で書いたような質感のIllustrator用ブラシを作成する方法

鉛筆で手書きしたイラスト風に仕上げることができるブラシをお好みで作成、編集していきます。

charcoal-pencil-brush

 

 

 

ペンツールで自由に描いたいシェイプを塗りつぶし、グラデーションパネルを使って自由な色に変更していきます。

freeform-gradients

 

 

 

カラフルで立体的な幾何学模様パターンのつくり方

動画を見ながら進めるチュートリアルは、より実践的なツールの使い方を覚えることができ大変便利。

background-abstract-colorful-geometric-in-adobe-illustrator

 

 

 

花火のようなカラフルな背景をデザインする方法

あらかじめ利用するグラデーションカラーを選んでおくことで、デザインをスムーズに進めることができるなど、動画で実際のつくり方を学びます。

colorful-background-in-adobe-illustartor-tutorial

 

 

 

Illustrator用ブラシを作成する方法

自分だけのIllustratorブラシのつくり方は、覚えておくと便利なテクニックのひとつ。

how-to-make-a-brush-in-illustrator

 

 

 

遠近感を使ったアイソメトリック・テキストエフェクトのつくり方

最近のイラストでよく利用されている、3dフラットデザインの基本的なつくり方を学ぶことができる動画チュートリアル。

building-3d-text-in-illustrator

 

 

 

3Dツールで表現したようなテキストエフェクトの作り方

通常は3Dツールで作成するような立体感と光沢感たっぷりなテキストエフェクトをIllustratorで作成します。

bam-3d-vector-text-in-adobe-illustrator

 

 

 

本物そっくりなビール瓶をデザインする方法

イラストレーターを使ってより立体的なガラスの質感を見事に表現するチュートリアル。

beer-bottles-61

 

 

 

ゲーム風の3Dサッカーフィールドを作成する方法

ゲームなどで使われている遠近感たっぷりな視点が特長のイラストを完成させる、本格的なデザインチュートリアル。

soccer-field-illustrator

 

 

 

本物そっくりな飛行機をデザインする方法

真正面から見た飛行機を描くチュートリアルで、円形や長方形などの基本ツールからはじまり、イラストを完成させていく実践編。

airplane-in-adobe-illustrator

 

 

 

木製の黒板をデザインする方法

黒板のザラッとした質感や木目やネジなどにもこだわったイラストテクニックがつまったチュートリアル。

blackboard94

 

 

 

geometric-shape-dot-artwork

 

 

 

アラビック風モザイクパターンを作成する方法

イスラムアートをコンセプトに作成する、複雑なモザイクパターンを基本的な図形シェイプツールを利用して再現します。

arabic-pattern-in-aillustrator

 

 

 

ヘンリボーン・パターンをデザインする方法

色彩と色相を調整することで、より立体感のある仕上がりが特長のデザインパターン。

create-chevron-pattern-illustrator-final

 

 

 

カーボンファイバー風パターンのつくり方

立体感をうまく表現したメッシュでできたカーボンファイバーを、Illustratorをつかって再現します。

carbonfiberpattern0b

 

 

 

画像やイラストをニット風パターンにする方法

数ステップのみでアートワークや文字テキストをニット風にカスタムできるお手軽チュートリアル。

15_knit_pattern-adobe-illustrator

 

 

 

Illustratorでバッジ風ロゴを作成する方法

図形シェイプやマスク、パスファインダーなどのツールを駆使することで、複雑なバッジロゴを作成します。

gritty-badge-logo

 

 

 

水彩絵の具でペイントしたようなIllustratorブラシを作成する方法

Illustratorをつかった本格的なデジタルペイントにも対応できる、カスタムブラシのつくり方が詳しく紹介されています。

watercolor-brush-in-illustrator

 

 

 

立体的な食べものアイコンのつくり方

遠近法を使ったイラストアイコンのつくり方を基礎から学ぶことができるチュートリアル。

diana_isometric_food_icons_tut_image_final-min

 

 

 

ゴリラのキャラクター風ステッカーをデザインする方法

コミカルな表情のゴリラのキャラクターを作成してから、ステッカー風に加工します。ペンツールや基本のシェイプツールを使いながら、ストロークの調整テクニックなどを学びます。

gorilla-sticker-tut-image-35

 

 

 

Illustratorをつかってパスに沿って文字テキストを入力する方法

フォトショップではおなじみのテクニックをイラストレーターでも実現できるお手軽な小技。

type-on-a-path-illustrator-cc

 

 

 

野球チーム風のロゴデザインを作成する方法

野球やバスケットボール、サッカーと言ったスポーツチームのロゴデザインに応用できるチュートリアル。

baseball-badge-87

 

 

 

ポラロイドカメラ風アイコンをデザインする方法

tutorial-polaroid-camera-icon-in-adobe-illustrator

 

 

 

かわいいウサギのキャラクター風イラストをデザインする方法

基本的なシェイプツールやペンツールを駆使することで、動物キャラクターをデザインします。

bunny-tut-image-final-640x560

 

 

 

ホットドッグ風のレトロなキャラクターをデザインする方法

1930年ごろのクラシックなコミックスタイルをIllustratorで再現する動画チュートリアル。

retro-mascot-character-design-in-illustrator

 

 

 

西部劇のカウボーイ風イラストを作成する方法

サボテンが生えた砂漠にたったカウボーイをベクターイラストで完成させる動画チュートリアル。

western-cowboy-illustration

 

 

 

 

夏をテーマにしたグリーティングカードのつくり方

青い海が広がるビーチにカラフルなパラソルを描くチュートリアルで、Illustratorの基本ツールの使い方を学ぶことができます。

colorful-summer-card

 

 

 

かわいいクジラのイラストを作成する方法

ライブコーナー機能やはさみツール、パスファインダーパネルなど誰もが覚えておきたい基本テクニックを学びます。

cute-blue-whale

 

 

 

シンプルでかわいいテディベア風アイコンのつくり方

基本的なツールの使い方を習得できるビギナー向けチュートリアル。

cute-teddy-bear

 

 

 

コミック・マンガ風のキャラクターを作成する方法

キャラクター作成の参考にしたい、表情たっぷりの立体的なデザインに仕上げます。

boy-character-640x576

 

 

 

ベトナムの夕日をコンセプトにしたイラストの描き方

手描きスケッチを元に雰囲気たっぷりなグラデーションが特長のイラストを作成する動画チュートリアル。

moody-vietnam-sunset-illustration

 

 

 

 

浮き輪に乗ったかわいいアシカをデザインする方法

夏の涼しさを表現できるキャラクター風イラストが特長で、初心者のひとにもおすすめしたいチュートリアル。

seal-tut-image-26-640x640

 

 

 

美味しそうなピザのイラストのつくり方

こちらも基本ツールとエフェクトを学びながら、短時間で完成のイラストのつくり方が紹介されています。

shapes-pizza-illustrator

 

 

 

黄金比をつかったロゴデザインのつくり方

黄金比をロゴデザインにうまく活用することで、シンプルで効果的なデザインに仕上げます。

diamond-golden-ratio-grid-example

 

golden-ratio-top
海外デザインブログCanva Design School Blogで公開された「What Is the Golden Ratio? What You Nee

 

 

80年代風のレトロバナーを作成する方法

鮮やかなグラデーションカラーとメタリック感が特長のレトロスタイルを、Illustratorをつかって見事に表現します。

80-thretrotexteffectinadobeillustrator

 

 

 

Tシャツのモックアップベクターを作成する方法

文字やグラフィックを追加するなど、あとから編集しやすいモックアップ素材に仕上げます。

vector-tshirt-mockup-template

 

 

 

立体的なリボンを簡単にデザインする方法

デザインのアクセントに便利なさまざまな形のリボンを作成するビギナー向け動画チュートリアル。

draw-ribbons-easy

 

 

 

効果的なインフォグラフィック用テンプレートを作成する方法

複数のシェイプやパスの同時編集やハイライトの追加方法など、より実践的で使えるテクニックが満載のチュートリアル。

infographic-template

 

 

 

イラスト風そばをデザインする方法

夏の季節にぴったりなざるそばをイラスト風に表現するチュートリアル。

noodles-step14

 

 

 

PewDiePie風イラストのつくり方

手描きのイラストを元に、ユニークなベクターイラスト風に仕上げる動画チュートリアル。

pewdiepie-illustration-in-adobe-illustrator

 

 

 

新型MacProをリアルに再現する方法

2019年秋に登場予定のApple Mac Proをそのままそっくり再現するベクターイラストチュートリアル。

realistic-new-mac-pro-in-adobe-illustrator

 

 

 

スマートウォッチ風アイコンをデザインする方法

シンプルな図形でデザインされたスマートウォッチ型アイコンで、基本的なツールやエフェクトのみで完成します。配色の選び方もポイント。

smartwatch-icon-in-adobe-illustrator

 

 

サムネイル@ : Learn to Create a Liquid Effect and Enhance Your Portfolio – Freepik Blog