はじめようイラストレーター!参考にしたいデザインの作り方チュートリアル28個まとめ

latest-ai-tutorial-2016-aug

 

デザインの現場で Photoshop と並んで人気の高いツールのひとつ、Illustrator 。使いこなすことができれば、プロ顔負けのクリエイティブな作品をデザインできますが、Illustrator をはじめたばかりのときは機能が豊富すぎて、敷居が高く感じてしまうこともあるでしょう。

 

 

順番どおりに進めていくことで、より実践的なツールの使い方を学び、同時に魅力的なデザインも完成できる Illustrator の作り方チュートリアルをまとめてご紹介します。

 

 

初心者のひとにも優しい入門チュートリアルから、スキルアップに役立つプロ級デザインの作り方まで幅広く揃えています。ますます進化する Illustrator のデザインテクニックを学びましょう。

 

 

 

詳細は以下から。

 

 

 

Illustrator の使い方を知ろう!参考にしたい最新デザインチュートリアル、作り方28個まとめ

花がらイラストとタイポグラフィーの組み合わせ方

某インテリアショップ袋でも使われていたテクニックを、Illustrator で実現する動画チュートリアル。グラデーションツールを利用した、立体感のある影の付け方も参考に。

floral-letters-tutorial-with-ai

 

 

 

キラキラと輝くボケデザインの作り方

Photoshop でデザインされがちなこのエフェクトも、グラデーションメッシュやブレンドプション機能を活用し、キラキラ度をアップ。

boke-background-design-tutorial

 

 

 

文字テキストを立体的に分解する方法

グラフィックデザインでもよく見かけるデザインエフェクトのひとつで、3Dツールを利用することで、まるで文字が分解されたような効果を見事に仕上げます。

exploded-typography

 

 

 

ポリゴンスタイルのポートレイト写真のデザイン方法

タブレット端末で描いたスケッチをベースに、Illustratorでていねいにレンダリングし、色合いを統一した配色でペイントしていきます。

polygon-portrait-tutorial

 

 

 

カラフルなアイスクリームをデザインする方法

コーンに乗っかった色鮮やかなアイスクリームに、ワッフル型の作り方など食いしん坊なデザインチュートリアル。

diana-ice-cream-cones-tut-final

 

 

 

ユニークな食べものゆるキャラアイコンの作り方

ビールやホットドッグなどをコミカルに描く、シンプルでかわいいアウトライン型アイコン素材を作成します。

unique-food-character-tutorial

 

 

 

限られた配色のみでアウトライン型アイコンを作成する方法

あえて利用する色数を押さえることで、ポップで統一感のあるデザインに仕上げます。

outline-icon-tutorial

 

 

 

90年代風ポリゴン背景テクスチャの作り方

レトロな配色の作り方からストライプやドット柄のハーフトーン・エフェクトの適用など、シンプルなシェイプのみで描きます。

90s-colorful-pattern

 

 

 

夏のプールをモチーフにした、継ぎ目のないパターンテクスチャの作り方

プカプカと浮かぶ浮き輪に乗った水着ガールを例に、簡単にできるシームレスパターンの作り方を学びます。

diana_pool_pattern_tut_final-min

 

 

 

花がらストライプのパターンテクスチャの作り方

ペンとブラシツールで描いたピンク色の花に、モノクロのストライプを組み合わせ、継ぎ目のないシームレスパターンに仕上げます。

rose-and-black-white-stripe-pattern

 

 

 

葉っぱモチーフのフレーム枠デザインの作り方

ペンツールで描いたシェイプをベースに加工していく、お手軽で応用の効くデザインチュートリアル。

floral-frame-illustration

 

 

 

ヒンドゥー教クリシュナ神のポストカードの作り方

8月はクリシュナ神の誕生を祝う月ということで作成されたチュートリアル。ライブコーナーやパスファインダー機能などの実践的な使い方を学びます。

happy-krishna-janmashtami

 

 

 

水彩ペイントの文字テキストの作り方

すぐに実践できる3つのデザインテクニックを紹介する動画チュートリアル。英語ですが、ステップごとに詳しく解説されているので分かりやすさも◎。

watercolor-typography-in-illustrator

 

 

 

Illustrator でペンツールを使うべきでない理由とは?

紹介しているチュートリアルでもペンツール使われてますが、鉛筆やシェイプ、ブラシツールの方が表現の幅が広がるというお話。

why-you-should-not-use-pentool-with-ai

 

 

 

ドットを螺旋スパイラル状にデザインする方法

スパイラルツールを利用することで、どんなシェイプを使ってでもスパイラルを作成できます。

Dansky_How-to-Create-Progressively-Larger-Dots-Along-a-Spiral-Path-in-Adobe-Illustrator-1024x576

 

 

 

Illustrator でモバイル・アプリ用UIデザインを作成する方法

快適な作業環境の作り方はもちろん、配色の決め方など基本から学ぶことができます。

design-style-guide-with-illustrator

 

 

 

アイスクリームのかわいいアイコンセットを作成する方法

アイコンの基本的な作り方から、シェイプツールなどの基本操作を学ぶことができるチュートリアル。

cute-summer-ice-candy-icons-tutorial

 

 

 

愉快な夏のイラストをデザインする方法

かわいいキャラクターの作り方はもちろん、パスファインダーの使い方を中心に学習できるチュートリアル。

summer-vacation-colorful-pattern

 

 

 

夏のくだものを自由に描く方法

スイカやオレンジ、キウイ、ライムなどさまざまな果物を簡単なツールのみで描く、はじめての人にもやさしいチュートリアル。

fruit-taste-of-summer-tutorial

 

 

 

キングダム・タワーのイラストデザインの作り方

現在サウジアラビアに建設中で、1000㍍を超える超高層ビル「キングダムタワー」をモチーフに、カラフルな配色パレットを利用したイラストチュートリアル。

dubai-skyscrape-buidling-illustration

 

 

 

ヒップスター系のミニマルなバッジを作成する方法

基本的なペンツールとパスファインダーツールのみで完成する、スタイリッシュなロゴデザイン用チュートリアル。

hipster-minimal-logo-tutorial

 

 

 

文字とタイポグラフィーを組み合わせるデザインチュートリアル

動物のイラストをトレースし、手書きブラシフォントを組み合わせ、グランジテクスチャの質感をアップ。

vintage-dear-typo-logo

 

 

 

ビンテージスタイルのロゴを Illustrator でつくる方法

公開されている無料ベクターキットを利用した、はじめての人でも分かりやすく紹介した動画チュートリアル。

vintage-badge-tutorial

 

 

 

TVシリーズ「Stranger Things」のロゴを完全再現する方法

海外でも話題となっている、新シリーズで使われいてるロゴの作りかた。

strangers-things-logo-tutorial

 

 

 

Star Wars のキャラクター BB8 をデザインする方法

新しく登場したキャラクターをペンツールやシェイプツールなど、ごく一般的な機能のみで描くことができるチュートリアル。

star-wars-character-illustration

 

 

 

ゲームボーイをイラストで描く方法

基本的な図形シェイプを組み合わせることで完成させるチュートリアルで、90年代ブームのいまぴったりなデザイン。

game-boy-illustration-finished

 

 

 

アムステルダムの街並みをイラストで描く方法

写真をトレースしてデザインするフラットスタイルのイラストチュートリアル。わずかにテクスチャの質感を加える、ビンテージスタイルの再現方法にも注目です。

Amsterdam-cityscape-final

 

 

 

等高線をモチーフにしたアプリ向けアイコンの作り方

フラットスタイルにドロップシャドウを加えた、新しいスタイルを提案するアイコン素材を紹介します。

geographic-flat-icon-design-tutorial

 

 

 

透明感たっぷりなバナー広告の作り方

描画モードを調整するだけで、背景の透けたガラスエフェクトを再現します。

crystal-glass-banner-effect

 

 

サムネイル@ : Best of the Month Tutorials August – Freepik Blog