Create an Isometric Type Effect in Adobe Illustrator
295,997
Published 2019-10-01
Text effects can be just what a graphic flyer, website hero, or branding project need. There are a number of different steps needed to create this particular effect, but by the end of the course, you’ll be able to take any font, with any word, and create a similar effect yourself!
* Elements Asset: Indigo Font elements.envato.com/indigo-font-B93N5F?utm_campaig…
* Fonts on Envato Elements: elements.envato.com/fonts?utm_campaign=yt_tutsplus…
New to Adobe Illustrator? Learn everything you need to get up and running in Adobe Illustrator for Beginners: youtube.com/watch
Or find some ready-made 3D text effects that you can download and use right now: elements.envato.com/all-items/3d+text+effects?utm_…
1. Introduction
00:00:00 1.1 Welcome to the Course
2. Designing the Isometric Text Effect
00:00:45 2.1 Setting Up Our Project
- Indigo Font: elements.envato.com/indigo-font-B93N5F?utm_campaig…
00:03:27 2.2 Setting Up the Isometric Grid
00:07:58 2.3 Making the Text Isometric
00:10:40 2.4 Adding Layers and Colour
00:19:17 2.5 Adding Shadows
00:29:10 2.6 Freeform Gradients
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_FUPvu3kaN3o…
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_FUPv…
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
isometric text illustrator
All Comments (21)
-
Awesome tut! there's always something new to learn!
-
truely amazing , great explanation, bravo!
-
For quick reference, here is how the grid is set up at the start of the project: . grid: 1000 x 1000 pixels and 100 x 100 dividers . transform > more options . unlinked . height: 86.602% . shear: -30 . rotate: 30 . add a stroke color . scale it to fill the artboard area You can now lock this layer and continue working on any isometric design!
-
Dansky you so clever they are some tricks that you are using makes life easy for me I always do them manually and it's so hard but I can now save time with your tricks thank you for the tutorial
-
Awesome! Thank you. Is there a tutorial about making a brick pattern on an isometric wall?
-
Always good tutorial from envato and dansky.. Love it.
-
Dansky is one of my favorite all-time design gurus
-
its priceless. the slickness and the passion of the devs. priceless. what is cheaper and better than soft? Piracy is NOT the answer if you
-
Followed along with this creation. And it was really fun to give it a go :). I also realized you can use the curvature tool to do the round corners of text, as long as you lock the selection layers of the surrounding text and the letter you are creating the shadow for. All in all, it does take a bit of precision to match the curve but, that's why the direction selection tool exists too :p.
-
Very creative tutorial on Illustrator
-
9:22 - the isometric bit (about 3 seconds)
-
thank you, its so really helping me
-
amazing work and explanation. thank you!
-
Expert of isometric design 😘
-
I tried it but you must use the Extrude Classic option. Awesome tutorial !!!
-
Awesome tutorial! Very clear instructions
-
I love u, your tips and your job!
-
What a nice tutorial...I'm a begginer trying to be like you someday....
-
Thanks so much, super cool!!! Is amazing.
-
Very Helpfull tutorials
