Illustratorを使ったすごいテキストエフェクトのチュートリアル100個まとめ

Illustratorを使えばおしゃれなテキストエフェクトが実現できます。

Illustartorを使ったおしゃれなロゴデザイン、テキストエフェクトのチュートリアルを100個紹介します。チュートリアルはデザインをワンランクアップするための練習にもおすすめです。1日1つ練習すれば、3ヶ月ちょっとでIllustratorマスターに!

ボールペンで描いたような手描き風の文字

ボールペンを使って描いたような手描き風のエフェクトを実現できます。

23-b
Creating Swirly Type

ビーズの粒で描く文字

きらきら光るビーズの粒で描いたような文字です。

sparklyText0
Colorful, Sparkly Text Effect

スケッチ風デザインを簡単に実現

「Scribble」エフェクトを利用することで、どんなフォントでもスケッチ風のデザインを簡単に実現することができます。

cap
Turn Any Font Into a Sketch Font

おしゃれなフラットデザインの文字

最近流行りのフラットデザインの文字です。

Beauty-600
On-Trend Flat Type

クリスマスにぴったりなニット編み風のテキスト

ニット編み風のテキストデザインを描きます。暖かみがあっていいですね。

knittedTextEffect0
Christmas, Knitted Text

グリーンで可愛らしいテキスト

エコでなんとも可愛らしいデザインです。左上のてんとう虫がチャームポイントです。

green_type_tratment
Environmentally Friendly Green Type Treatment

スモーキーな文字エフェクト

ブラシを使って煙のようなスモーキーな文字を描きます。

11
Smoky Brushes and Type

トマトケチャップで描く文字

トマトケチャップで描いたような文字のチュートリアルです。

tutorial-photoshop-ketchup-text-effect-final
Smeared Ketchup Text Effect

ビーズを使ったモザイク文字

ビーズを使ったモザイク風のテキストエフェクトです。

colorfulText0
Mosaic Text Art Effect

トマトで描くタイポグラフィ

もはやトマトそのものです。チュートリアルもトマトの描き方の説明です。

2014080401-05
Detailed Tomato Text Effect

ヴィンテージデザインのタイポグラフィ

ヴィンテージな文字を描きます。

final
Vintage Type Postcard

レトロタイプの文字エフェクト

レトロタイプの文字を描きます。チュートリアルも簡単です。

retro-type_09
Reusable Retro Type Treatment

カラフルなグラデーション文字

レインボーなグラデーションを使ったカラフルな文字を描きます。チュートリアルも結構簡単です。

Conclusion
New Typeface

光のラインで描く文字

光のラインをボカして描くテキストエフェクトです。

8265_ede2ab07794635eda44aa22032fcf35d
Light Painting, Bokeh Effect

ヴィンテージデザインのテキストエフェクト

流行りのヴィンテージデザインをテキストエフェクトで実現できます。チュートリアルには理容店風のロゴデザインの作り方もあります。

vintage-barber-logo
Trendy Vintage Style Barber Logo

芝生のテキストエフェクト

芝生で描くテキストエフェクトのチュートリアルです。

image-final
Vector Grass Text Effect

 モダンな3Dテキストエフェクト

立体的なテキストエフェクトです。PhotoshopとIllustratorを併用して作ります。

final
Modern 3D Text Effect

レトロなシールロゴとテキストエフェクト

テキストだけではなく、レトロなロゴの作り方も教えてくれます。動画での解説です。

final
Retro Style Textured Logo

動物の毛で描くロゴ

なんと動物の毛でロゴをデザインします。一味違ったデザインができます。

final
Furry Calligram

包帯を巻いた文字

包帯を巻いたデザインができます。ロゴの緑色とマッチしておしゃれです。

mummy-text_11
Mummy Text Effect

花びらを散らしたレトロなロゴデザイン

絵の具で描いたような、細長い花びらの形のデザインが印象的です。

trendy_type_final
Trendy Retro Type Treatment

カラフルなスプリング文字の作り方

円を重ねて奥行きを作り、スプリング文字を描きます。真ん中のライティング効果が全体のバランスを引き締めています。

Slinky
Letter S in the Shape of a Slinky Toy

チョークで黒板に書いた文字

チョークで黒板に書いたような文字の作り方を説明しています。

chalkboard_11
Chalkboard Vector

パステルカラーのおしゃれな3D文字

diana_QT-3Deffect_final
3D Letters

BAZINGA!な文字

アメリカンコミックに使われてそうな、これでもか!という感じの文字です。結構使いどころがありそうですね。

chris-baz-full
Bazinga!

マニキュアで描くセクシーな文字

マニキュアで描いたような、ツヤっとしていて、液体感のある文字です。

nailPolishText0
Fabulous Nail Polish Text Effect

 3Dスタイルのヴィンテージなテキストエフェクト

ヴィンテージデザインのロゴを作成できます。

0161
3D Style Retro Text Effect

インパクトのある3D文字のポスターデザイン

ポスターにも使えそうなインパクトあるデザインです。

final
3D Lettering Effects for Poster Design

ネオンのテキストエフェクト

ネオンがきらめくテキストエフェクトを実現できます。

final
Neon Text Effect

ニューヨークの街に似合うなロゴ

こんな感じでおしゃれな写真に重ねて使えば、それだけで絵になりそうですね。

media_1392002567940
Typographic Logo

筆記タイプのグラマーなテキストデザイン

グラマーな雰囲気のある筆記タイプのデザインを実現します。

final
Decorative Glamour to Your Ordinary Script Font

水玉模様のロゴマーク

水玉模様もなかなかいいですね。サイトによっては結構使えそうです。

header
Retro Text Effects with Illustrator’s Appearance Panel

クラシックなポスターデザインの文字

クラシックでポスターにも使えそうなおしゃれなデザインです。

cap50tutserif615_original
Design a classic serif poster

BANG!

バン!って感じです。インパクトが出ます。

final
explosion text effect

ディテールまで作り込まれたヴィンテージデザインのロゴ

奥行きがあって、まるで文字が踊っているようです。ここまで作りこむのは技術だけでなく根気が入りますね。

final
Detailed Vintage Typography

パステルカラーのネオン

パステルカラーベースで、ケバケバしていなくておしゃれなネオンデザインです。

00
Colorful Neon Text

近未来?SF?なロゴデザイン

近未来のSFちっくなロゴデザインです。クールビューティーという感じです。

Conclusion
Tron Legacy Tutorial

 汚しが効いた3Dテキスト

グランジーな3Dロゴのデザインです。

grungy-3d-text-in-illustrator-preview
Grungy 3D Text

新聞で作るテキストエフェクト

新聞紙を立体にして作ったようなテキストエフェクトです。

final
3D Newspaper, Text Effect

 ビリビリの電気文字

電気でビリビリした文字を作るチュートリアルです。

electricityText0
Electric Text Effect

コーヒー豆で作る文字

コーヒー豆で文字を描きます。

coffeeBeansTextEffect0
Detailed Coffee Beans Text Effect

立体の紙で作るテキスト

3Dの紙でアルファベットを作ります。

final
Paper Style Alphabet

高品質の樹が生えた文字

樹が生えた幻想的な文字を描きます。かなり高度です。Photoshopも使います。

21
DREAM DESIGN WITH 3D TYPOGRAPHY

ネオンの看板文字

ネオンの看板そのものをIllustratorで描きます。

Neon_Sign
Glowing Neon Sign using the Appearance Palette 

ウェスタンな文字エフェクト

西部劇風のウェスタンな文字のチュートリアルです。

west_text_final
Smokin’ Western Type Treatment

3Dピクセルのテキストエフェクト

ピクセルボックスで可愛らしい3D文字を作ります。

3dpx_final
3D Pixel Type Treatment

ゴッドな文字

バンドとかで使えそうな文字タイプです。

dragonforce-final
OLD SCHOOL TYPE – LINE GRADIENTS

「愛と詩」のスタイリッシュな文字

スタイリッシュでおしゃれな文字の作り方です。

20080929_fg23
Tug and Twirl Text

メタリックなモザイク仕様のテキストエフェクト

メタリックとモザイクを組み合わせた独特なテキストエフェクトで描けます。

great-britain-sm
Abstract Geometric Mosaic Text Effect

面白い3Dプラスチックのテキストエフェクト

3Dのプラスチックのような質感の文字を作ります。

image-final
Fun 3D Plastic Text Effect

遊び心たっぷりのポップな文字デザイン

アルファベットが踊っているような遊び心たっぷりの文字デザインです。

final-image
Playful Yet Robust 3D Letter Design

文房具で描くアーティスティックな文字

文房具で文字を描いています。アートでおしゃれです。

final
Stationery Art Brushes and the Live Paint Bucket

 紙吹雪が散る文字

背景に紙吹雪が散るような文字を描きます。

aiqt2
Scatter Brushes

クールな流線型文字

流線型の文字の作り方です。クールです。

Conclusion
Cool Typography with the Blend Tool

美味しそうなチョコレート文字

チョコレートで出来た、美味しそうな文字の描き方です。

image-final
Delicious Chocolate Text Effect

空港の時刻表をイメージした文字

空港の時刻表のようなパラパラめくれそうな文字の描き方です。

00
Airport Time Table Type Effect

 ロープで描く文字

ロープで描くテキストエフェクトです。ロープの端の処理が細かいですね。

2014030503-01
Rope Text Effect

クリスマスライトのテキストエフェクト

クリスマスによくある電球を使って文字を描きます。

ChristmasLightsTextEffect0
Detailed Christmas Lights Text Effect

レゴブロックで描く3D文字

レゴブロックで立体的に文字を作ります。ちょっと文字が見難いですね。。角度を変えればいけるかな?

legoText0
3D Lego Text Effect

編み物で描く可愛らしい文字

編み物で描いたようなテキストエフェクトを実現します。可愛いです。

sharon_tut_cross_stitch_final
Vector Cross Stitch Effect

文字の中に文字がある文字

文字で文字を描きます。手が込んでいます。

image-final
Typography to Create a 3D Text Effect

ミシン縫いタイプのステッカー文字

ミシンで縫った感じのステッカー文字を描きます。

stitch_14
Stitched Label Type Treatment

チョークで描くオーナメント

チョークでおしゃれなオーナメントを描きます。

media_1355118603657
Easy Chalk Ornament Typography

クールで独創的なロゴ

独創的なロゴのチュートリアルです。

zag_conclusion
crazy cool logo

磨き上げたタイポグラフィ

磨きあげたような質感の文字の作り方です。

polished-text_10
Polished Raised Type Treatment

ヴィンテージテイストのバッジ

ヴィンテージなバッジを作ります。Photoshopも使います。

Conclusion
Vintage Badge

鉛筆のパターンを使ったテキストエフェクト

パスにそって鉛筆のパターンを簡単に重ねることができます。

pencil-pattern-brush
How to Create a Pencil Pattern Brush in Adobe Illustrator

木で描くテキストエフェクト

木材のテイストのテキストエフェクトです。

00
Wooden Text Effect

ゾンビのおぞましい文字

おぞましいゾンビの文字のチュートリアルです。顔の描き方も解説しています。

FinalRomero
Flesh Ripping Zombie Type Treatment

ドロっとデコレーションのケーキロゴ

アイスが溶けたようなデコレーションの文字です。可愛いというより、ちょっとおぞましい感じが出ています・・・

Dripping-Icing-Cake-Font
Dripping Icing Cake Font

センスのあるおしゃれな文字

おしゃれな文字の描き方です。これはセンスが必要ですね。

final
Variety of Script Lettering

彫りのある文字

彫刻刀で削ったような彫りのある文字を描きます。

6
Variety of Beveled Lettering

透明感のあるガラス文字

透明感のあるグラスのような文字のチュートリアルです。

preview1
glassy text effect

風船文字

可愛らしい風船文字の作り方です。

final
Balloon Lettering

レンガで作る文字

レンガを積み上げた文字のチュートリアルです。

textillustrator52
Letter Art From Bricks

水のテキストエフェクト

水をイメージしたテキストエフェクトの作り方です。

preview221
cool Water Text Effect dripping texture

金ピカのデコラティブな文字

金色でダイアモンドを散りばめた文字のチュートリアルです。

textillustrator10
Golden Text with Diamonds

ピンキーなテキスト

ピンク色の派手な文字です。

bling-bling-pinky
Bling Bling Text Effect

手縫い感のあるテキストエフェクト

手縫い文字の作り方です。色々な模様が楽しいですね。

final
Stitched Type Effect

手描き風テキストエフェクト

クレヨンで描いたような手描き風文字のチュートリアルです。

00
Hand Drawn Style Text Effect

ゴシックなタイポグラフィー

ゴシックな雰囲気たっぷりの文字の作り方です。

eclipse-typography-sm
Gothic Linework Typography

リボンで描くシルキーな文字

リボンで作ったような文字です。

00
Silky Ribbon Text Effect

文字を繰り抜いて作るロゴタイプ

文字を繰り抜いて、背景を覗けるロゴタイプです。

lost_preview
mysterious poster design with 3d text

デコデコカラフルなタイポグラフィー

とってもデコデコしていて、カラフルなデザインです。

final_preview_small
Experimental Digital Workflow

厚みのある3D文字

厚みのある3D文字の作り方です。

final
3D Text

ワイルドなヒョウ柄のテキストエフェクト

野性的なヒョウの柄の文字デザインです。

image-final
Animal Print Text Effect

金属っぽいテキストエフェクト

金属っぽいテキストエフェクトのチュートリアルです。

image-final
Abstract Natural Text Effect

グランジなロゴ

グランジ(汚し)を加えます。

grun_4
Quickly Add Grunge To Text

ステッカー文字

白枠で囲んだステッカー文字のチュートリアルです。

sticker-text-effect
Easily Create Sticker Text and Graphic Effect

車のナンバープレート風文字

車のナンバープレート風のデザインの作り方です。

emboss_02
Emboss Text Effect

スプリングで作る文字

輪っかを組み合わせてスプリングで文字を描きます。

life_gud3
Creating a custom Font : Understanding the Dynamics of Blend Tool

 テクノなイラスト文字

テクノな雰囲気のポスターを作ります。

techno00
Create a Poster Theme Illustration in Illustrator

3Dなゴールデン文字

3Dで金色のロゴを作ります。

3d-golden-text
3D Golden Text Effect

燃え上がる炎の文字

燃え上がる炎のような文字を描きます。

Fire-026
Awesome Vector Fire Text Effect

レトロなテキストエフェクト

レトロなテキストエフェクトの作り方です。

roughen-retro-5
Make Retro Text with Illustrator Roughen Tool

ジャングルチックな文字デザイン

ジャングルのような文字デザインのチュートリアルです。

quilled_044
Paper Quill Holiday Greeting

ディズニー風のコミカルなデザイン

レトロでコミカルなデザインの作り方です。ほぼキャラクターの描き方の解説です。

6036105457_aa6be624bb_b
Create The Itchy and Scratchy Show Retro Version on Illustrator

スイカで作る文字

スイカのテキストエフェクトのチュートリアルです。

diana_tut_watermelonTeff_final
Watermelon Text Effect

フレッシュなオレンジの3Dテキストエフェクト

オレンジのフレッシュなロゴの作り方です。

final
Create a 3D, Fruit-Textured, Text Effect