Create an Isometric Type Effect in Adobe Illustrator

Рет қаралды 296,975

Күн бұрын

► Download Adobe Illustrator templates, fonts and more from Envato Elements. elements.envato.com/graphic-t...
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-fo...
* Fonts on Envato Elements: elements.envato.com/fonts?utm...
New to Adobe Illustrator? Learn everything you need to get up and running in Adobe Illustrator for Beginners: / watch
Or find some ready-made 3D text effects that you can download and use right now: elements.envato.com/all-items...
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-fo...
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
► Read more on Envato Tuts+: design.tutsplus.com/create-an...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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/?...
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/?...
► Subscribe to Envato Tuts+ on KZfaq: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
isometric text illustrator

Пікірлер: 90

@celo2043 4 жыл бұрын

Awesome tut! there's always something new to learn!

@jasminlatifa5516 4 жыл бұрын

truely amazing , great explanation, bravo!

@DaanishArif 3 жыл бұрын

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!

@simbamadungwe 3 жыл бұрын

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

@rizkinugraha553 2 жыл бұрын

Always good tutorial from envato and dansky.. Love it.

@israricca6921 3 жыл бұрын

thank you, its so really helping me

@inayathkhan100 4 жыл бұрын

Very creative tutorial on Illustrator

@MrDarkknight2011 Жыл бұрын

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.

@lunamettler 3 жыл бұрын

I love u, your tips and your job!

@jennybellperez2550 3 жыл бұрын

Thanks so much, super cool!!! Is amazing.

@muhammadalvie4780 2 жыл бұрын

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

@architabhivandkar5666 4 жыл бұрын

Awesome tutorial! Very clear instructions

@josecreatives 2 жыл бұрын

Dansky is one of my favorite all-time design gurus

@SemageNamalSurendra 4 жыл бұрын

Expert of isometric design 😘

@bricsysasiapacific6733 4 жыл бұрын

9:22 - the isometric bit (about 3 seconds)

@Muhammad-fs8oo 3 жыл бұрын

Awesome! Thank you. Is there a tutorial about making a brick pattern on an isometric wall?

@x3unice 2 жыл бұрын

amazing work and explanation. thank you!

@envatotuts 2 жыл бұрын

You're very welcome!

@mikicreamz Жыл бұрын

You are a genius bro!!! Amazing tutorial👍👍👍

@rjbiz3639 Жыл бұрын

I tried it but you must use the Extrude Classic option. Awesome tutorial !!!

@nadaal-madani1323 2 жыл бұрын

Very helpful thank you

@JoshonkeysMusic Жыл бұрын

it worked! thank you so much!!

@timothyassam6259 4 жыл бұрын

Very Helpfull tutorials

@romys7577 Жыл бұрын

Such a great tutorial. Thank you, man. I am very grateful for that.

@envatotuts Жыл бұрын

Glad it helped!

@ERICBINGSMIXART 3 жыл бұрын

What a nice tutorial...I'm a begginer trying to be like you someday....

@soultabs 2 жыл бұрын

what a great tut wow

@user-ky1fv4ul2c 3 жыл бұрын

Thank you!

@mymoooooddddd5525 2 жыл бұрын

Thank youuu so much!!!

@DanielWolf-rd8dr Жыл бұрын

This tutorial contains many good functions. Thank you!

@envatotuts Жыл бұрын

You are welcome!

@edgerdayao9077 Жыл бұрын

working fine thank you

@nafisehakimzade5286 2 жыл бұрын

awesome !!!

@mikewickens2016 4 жыл бұрын

thank you

@sandeeppande9122 4 жыл бұрын

so nice sir

@bocoralus8349 2 жыл бұрын

What an angel! You save my broken head!

@ghasemaji3084 2 жыл бұрын

Thank you bro

@tataloo9822 Жыл бұрын

its amazing

@BariBari 4 жыл бұрын

Awww I wish I could upload and show you my 'homework art' here! Thanks! I used 8 letters in one line, but it seemed not good. Maybe just keep it 2 lines and each line have 4 letters would be better.

@joaquin7543 3 жыл бұрын

@Just_Foootball Жыл бұрын

Extremely helpful !

@envatotuts Жыл бұрын

Glad it helped!

@PampostReturning 2 жыл бұрын

Thank you.

@thestevenmellor 4 жыл бұрын

What program do you use to film these tutorials?

@shivendrapawar9618 Жыл бұрын

Nice tutorial, Is there any in depth course for grid system for isometric?

@JayRaTheRu Жыл бұрын

I tried to follow along but it seems the new version of Ai I am using does not have some of the settings to follow this step by step. Looks cool though.

@user-ye1co2co3l2ck Жыл бұрын

BEST TIP EVER

@adedoyinadefisan 4 жыл бұрын

Awesome tutorial, thanks alot, learnt something new..... But I couldn't complete the latter part of the lesson because I couldn't find that FREE FORM GRADIENT. Please why is that?.. please respond as soon as possible

@ahmadasam2519 2 жыл бұрын

i love it

@voronovam6205 4 жыл бұрын

who knows, what mouse is used?

@SupernovaSites Жыл бұрын

At @13:30 the cube thing in Extrude and Bevel is now gone with the new update to Illustrator. So I couldn't figure out how to get it like yours.

@jessicawetzels6942 2 жыл бұрын

They changed the 3D feature in the newest version of Illustrator (26.0.2). And for some reason it's very difficult to extrude it as easy as you do.

@ttttastytasty 2 жыл бұрын

gah i wish i had read this before i started watching lol i am like WHY IS MY WINDOW DIFFERENT

@rania-design5660 2 жыл бұрын

try to pick the choice: 3D (classic) you will get the same window

@Ookleton 2 жыл бұрын

@@rania-design5660 Thank you, this helped a lot.

@suryakantpatre4812 Жыл бұрын

@@rania-design5660 thank you so much

@LuminousDecibel Жыл бұрын

@@rania-design5660 This almost solved my problem, but then Expand Appearance seemed to make the text one flat image instead

@aashnasrivastava4287 2 жыл бұрын

there's no option in my illustrator to add freefrom gradient, do you have any other way to add it?

@chamillionairefans8327 Жыл бұрын

Your absolutely genius mate but it bit hard to understanding

@Jakebrah 2 жыл бұрын

Danski, you da manski!

@mathieuquestel 3 жыл бұрын

Corey Taylor is graphic designer ?

@irinamelnikova6276 Жыл бұрын

thANKS FOR LESSON )

@envatotuts Жыл бұрын

Welcome!

@agenciazuls1037 Жыл бұрын

Stick with it it gets easy over ti

@banepus Жыл бұрын

How do you do no shading in newer updates? i am new to Ai, but they have changed it and i cannot find a solution.

@sanskarchaturvedi7801 4 күн бұрын

wow yes i am graphic designing

@danielavp4438 Жыл бұрын

there's no "no shading" options in the 2023 illustrator ):

@hashhCM 2 жыл бұрын

❤️❤️

@m.asifhussain1730 4 жыл бұрын

where is the project file link...

@envatotuts 4 жыл бұрын

Hi Asif, this course doesn't require any specific project files. There is a link in the description to the font he uses, but you can use any font you like to learn the effect. Thanks for watching!

@blessingjames2006 3 жыл бұрын

Is the indigo font free I just downloaded it for £189 is that correct please

@samrahafreen8276 3 жыл бұрын

you can download it for free from other sites

@samrahafreen8276 3 жыл бұрын

why would you spend 189 pounds on a font T_T

@inhtran3819 2 жыл бұрын

29:30

@shardulomania 3 жыл бұрын

I didn't see the point of creating the rectangular grid in the beginning 🤔

@ttttastytasty 2 жыл бұрын

did you miss the like 600 times he said you weren't going to use it?

@enigma007_ 2 жыл бұрын

@@ttttastytasty 🤣🤣🤣

@777shack Жыл бұрын

that "desktop" file :)

@huwpenson2678 3 жыл бұрын

he kept saying goodbye then hello, then i had to jump back into illustrator

@lillystormz1065 4 жыл бұрын

I see Dansky I click.

@tangerinemarmalade9168 2 жыл бұрын

Cut it down to less than 10 minutes

@SemyonF89 2 жыл бұрын

A lot!

@INib_ 2 жыл бұрын

POV: You went to new tab so you can search for indigo free download XD

@mehranali4078 2 жыл бұрын

My name mehran ali.i am learning desinging

@bwsince1926 4 жыл бұрын

I've been reading/watching Envato's courses and tutorials for a little more than six years... I only just found out it's pronounced Env-at-oh and not Env-a-toe!

@njeri_jk5243 Жыл бұрын

You're going a bit fast....not quite beginner friendly. Had to keep rewinding especially with the moving up and down. Taking a break. I'll be back though