Isometric room | Illustrator CC tutorial (STEP BY STEP)
ฝัง
- เผยแพร่เมื่อ 1 ก.ค. 2024
- In today's Adobe Illustrator CC tutorial you'll learn how to create isometric living room illustration using SSR Actions and 3D effects. There are a lot of tips for advanced Illustrator users and for beginners especially. In this Illustrator isometric tutorial we'll use only basic tools, such as ellipse tool, rectangle tool, pen tool, line segment tool and shape builder. You will learn how to use both 3D effect modes: Extrude & Bevel and Revolve. In this isometric design tutorial we'll use all this tools and effects in different ways to achieve needed results.
I hope today's Adobe Illustrator tutorial will really help you out. Drop a comment below and let me know what you liked about this video!
━━━━━━━━━━━━━━
↓ VIDEO GUIDE ↓
0:00 Intro
0:30 setup your workspace
2:31 create walls (pen tool, direct selection tool)
4:55 create furniture (build it with outlines + 3D Extrude & Bevel)
7:32 create window (create outlined rectangles + 3D Extrude & Bevel)
12:06 create clock (ellipse tool, line segment tool, pen tool + rotating with 3D Extrude and Bevel)
17:08 create books (rectangle tool, shape builder tool + 3D Extrude & Bevel)
19:12 create home theater (rectangle tool, ellipse tool, pen tool + 3D Extrude & Bevel)
22:35 create table (rectangle tool, pen tool + 3D Revolve)
24:27 create remote control (ellipse tool, rectangle tool + 3D Extrude & Bevel)
26:58 create plant (ellipses rotated with SSR, pen tool, shape builder tool)
30:57 create photo (create characters with ellipse tool, shape builder tool, pen tool; create frame with rectangle tool + 3D Extrude & Bevel)
38:51 create sofa (pen tool)
39:31 create cup (3D Revolve, pen tool, shape builder tool)
42:56 create box with print (rectangle tool, ellipse tool, shape builder tool, SSR actions, clipping mask, 3D Extrude & Bevel)
━━━━━━━━━━━━━━
↓ DOWNLOAD color palettes, isometric room illustration reference, SSR Actions for FREE ↓
gum.co/QtPLL
━━━━━━━━━━━━━━
↓ SUBSCRIBE to get more new tutorials! ↓
th-cam.com/users/TTTutorials?s...
━━━━━━━━━━━━━━
↓ FOLLOW ME ↓
Instagram → / tt__tutorials
Facebook → / tt.tutorials.youtube
Pinterest → / tt_tutorials
Behance → www.behance.net/tt_tutorials
Twitter → / tt_tutorials
━━━━━━━━━━━━━━
MORE ADOBE ILLUSTRATOR TUTORIALS → • Adobe Illustrator Tuto...
MORE ISOMETRIC Illustrator Tutorials → • Isometric Illustrator ...
━━━━━━━━━━━━━━
Thank you for watching!
#isometricroom #illustratortutorial #tt_tutorials - แนวปฏิบัติและการใช้ชีวิต
↓ VIDEO GUIDE ↓
00:30 setup your workspace
02:31 create walls (pen tool, direct selection tool)
04:55 create furniture (build it with outlines + 3D Extrude & Bevel)
07:32 create window (create outlined rectangles + 3D Extrude & Bevel)
12:06 create clock (ellipse tool, line segment tool, pen tool + rotating with 3D Extrude and Bevel)
17:08 create books (rectangle tool, shape builder tool + 3D Extrude & Bevel)
19:12 create home theater (rectangle tool, ellipse tool, pen tool + 3D Extrude & Bevel)
22:35 create table (rectangle tool, pen tool + 3D Revolve)
24:27 create remote control (ellipse tool, rectangle tool + 3D Extrude & Bevel)
26:58 create plant (ellipses rotated with SSR, pen tool, shape builder tool)
30:57 create photo (create characters with ellipse tool, shape builder tool, pen tool; create frame with rectangle tool + 3D Extrude & Bevel)
38:51 create sofa (pen tool)
39:31 create cup (3D Revolve, pen tool, shape builder tool)
42:56 create box with print (rectangle tool, ellipse tool, shape builder tool, SSR actions, clipping mask, 3D Extrude & Bevel)
I really appreciate this tutorial for demonstrating specific tools. It doesn't go into the creative problem solving aspect of design, but clearly demonstrates the use of different tools working together to create this style of design. Thank you!!
One of the BEST ISOMETRIC tutorials around! Easy to understand, simple terms and examples. Thank you!
Exactly what I was looking for! This is the best isometric tutorial I have found so far, thank you!
Well, there’s another isometric tutorial is coming soon! ;) And I think you’ll enjoy it even more, because I will show you a lot more advanced methods. I’m very excited to share it, so get ready and stay tuned, my friend! Also thank you for your inspiring feedback. I appreciate it very much!
This is the first time I see such detailed Isometric tutorial on TH-cam. Thank you for sharing this! It is very inspiring, I want to try all that I saw here! So many ideas, thank you!
P.S. Hope you will make more tutorials like this.
Thank's a lot, LV VL! Your feedback is very inspiring also! Now I will make more isometric tutorials like this for sure!
This is utterly brilliant, thank you so much for taking your time to make this!
You're welcome! Thank you for such inspiring feedback, Will!
Always i can't get tired to say, you have the best Adobe Illustrator tutorials on TH-cam.
Thank you so much 🤩🤩🤩
Your tutorials are my current happy place. Thank you!
You’re welcome! Stay tuned ❤️❤️❤️
One of the best tutorials I've ever seen! Thank you
Thank you so much 😃
Thank you so much, your in-depth tutorial is really helpful. Thank you man 🙏. Hope you find the inspiration to make more of this.
Hi, Sammy, my dear friend! I feel blessed to have you here. Sure I will find. YOU are my inspiration. You will get more, even more than you can imagine. Talking about isometric design, there’s new tutorial coming soon, just a little patience ;)
honest to god one of the best tutorial creators on here (hell, the web, even). Thank you SO much!!!
Thank you so much ❤️❤️❤️
for the updated version, if youre having trouble at the 3D Extrude & Bevel part:
instead of going Effect -> 3D and Materials -> Extrude & Bevel,
go Effect -> 3D and Materials -> 3D (classic) -> Extrude & Bevel (Classic)
and then Expand Appearance.
@Toastedclosure2770 I have been trying to see where it went wrong as it didn't want to expand! Thank youuu!! The new Extrude & Bevel creates animage, while the 3D classic keeps it in vectors THANK YOU FOR THE TIP!
Thank you for your tutorial❤️ Very informative！
Hello, my friend! You’re welcome! Please enjoy and thank you for feedback ;)
thank you so much!! this is so detailed and helpful! all the tutorials i found weren't even tutorials they were just speed "paints"
Hi, Kenni G! I’m glad to know that you enjoyed :) thank you for inspiring feedback!
Amazingly done I love your techniques!
Thank you very much ❤️❤️❤️
Thank you!! It has helped me so much!❤️
Soon there will be even deeper isometric tutorial, I will share some amazing stuff with you, so stay tuned, my friend! Thank you for feedback, it is very inspiring and full of energy!
First time I do Adobe Illustrator and with your tutorials i know i can learn with your such in-depth detailed tutorials.. Thank you, grateful for your work 😉
Thank you so much. It’s my pleasure to explain and share for such students as you, my friend!
Omg dude that vid was sooooo helpful, i learned a lot, thank you so much!
Awesome! Very soon you’ll see new isometric tutorial, which is also extremely informative. I can’t wait to share it with you, so stay tuned and prepare ;) Also thank you for feedback, it means a lot to me, even more than you can imagine.
GOSH that looks amazIing! I'm gonna try this tutorial, cause the result is so cool....
Hi, Julia! Yes, Isometric design is awesome ❤️ thank you so much for your feedback 🔥🔥🔥
Thank you, im a new learner and youre the best teacher for this isometric tuts. ❤️
Thank you! Enjoy, my friend 🔥
i was trying isometric doing and it's so time consuming!!! then i found this and found a loooot of techniques. thank you so much!!
Hi, dear Eingel Heart! Yes, you can create anything with this methods. Thank you for feedback! Enjoy creating! ;)
Muchas Gracias! El mejor tutorial en este tema lejos!
Gracias! Buenos dias! Me gusta mi amigo Ivan Aendres😎🎉🎉🎉
Awesome tutorial. I needed to know how to make rounded objects look good
Enjoy! Thank you so much 😊
Thx for tutorial, nice job!!
You're welcome, Ivan! I'm very glad that you liked this video!
omg this tutorial is so easy and handy, thanks!
Thank you so much for your feedback! Create something cool after this one 🤩🤩🤩
Thanks a lot man ! Awesome & Complete video !
Thank you so much! I hope you’ll create cool isometric rooms 😃🔥🔥🔥
that is so helpful! thank you for such a detailed tutorial! 🙂 you have a new subscriber
Wow thank you 🤘
Great tutorial. Very useful. Many Thanks
Please welcome, dear Nirmal! Thank you for warm feedback!
T&T tutorial is the only chanel that designer need to see 👌
Thank you so much 🔥
this is great, thank you for this.
Enjoy and create! Thank you for feedback, I appreciate :)
I have followed your instructions and designed it, successfully! Thanks for Nice Tutorial.
Cool! Thank you for feedback ❤️❤️❤️
This is really coool. I'm a graphic student and a friend of mine asked me to "create her a new room" and i didn't wanted to do it on a website with ugly and non-personnalized furnitures or on blender. This might be the perfect way to do it ;)
THank you~
Thank you ❤️ If you’ll have any questions - watch Isometric house, tutorial in 2 parts. Hope you’ll finish your project successfully 💥
Also don’t hesitate to ask me in the comments 👍
Wow 😍 Love this tutorial 👍👍👍👍👍
Thank you 🤩🤩🤩🎉🎉🎉
Great work !
Thank you so much, Лариса!!!
thanks God finally i found youuuuuu
Thank you ❤️ My pleasure to share with you 🤗
So very helpful! Thankyou!!
Enjoy 😉
I love this video. A lot of good tips! At 24:09 you create a shadow from the tabletop. For this, I just use my direct selection tool and ALT drag it + ungroup.
Thank you so much! ❤️❤️❤️ Good method without any doubt 🧐
Thank you, it was very helpful. I am beginner so i had to set down the speed :D i learnt a lot.
This is a challenge for a beginner! Hope that everything is clear for you 😀 if not - don’t hesitate to ask 👍
Thank you for this phenomenal tutorial!
You're welcome, Nina! Try to follow this tutorial, you'll be able to create any isometric scene you want with it! :) Happy creating and thank you for your inspiring feedback!
@@tt_tutorials I made my first scene for a project I am working on yesterday after watching it, your tutorial saved me so much time! I really appreciate it! :)
That's some real talking! I'm so glad that you have already used experience that you gained here. Thank you for energetic feedback, Nina!
Very helpfull all those tutorial, keep sharing us for more sir
Stay tuned and check out new stuff 😎😀 thank you for feedback ❤️
Love your tutorials man... Keep up the good work
Thank you, Rawish! There’s also new isometric tutorial, check it out, a lot of boosting tips and methods also! :)
@@tt_tutorials I'm watching all your videos all really useful and boosting tips... Appreciate your hard work Thank you... Can you tell where did you created the sketch?
I appreciate your question so much, because there was a lot of questions from subscribers who asked about sketch and that’s why I’m going to add 2 intro parts to videos: first I will show how to create sketch and play with composition, and then will show how to pick colors for illustration! To do this, I need just a little time to balance everything, because it will be some kind of new format. So for now there will be a few usual tutorials and then extended tutorials with drawing sketches and picking colors. Stay tuned, my friend! I’m very excited to share with you :)
P.S. answering your question straight, I created sketch with pencil on paper. Also it is possible in photoshop if you have a tablet.
thank you ! you helped me !
That’s great, my friend! Please enjoy and thank you for feedback! :)
Чувак, ты просто красавчик! Спасибо тебе большое)
И тебе спасибо! Всегда приятно делиться с человеком, который ценит 👋
Many Many Thanks sir !!
Welcome ❤️❤️❤️ stay tuned 😃
I got in love on this kinds of art and i saw this one on ncs i realize that it's isometric flat design i'm going to try this one out later on thank you so much for your tutorial
That’s awesome! Hope you’ll enjoy process and will learn a lot 💪❤️❤️❤️
Sorry for that weird comment as i did speech to text there haha. I love ur vids, currently im doing the windows part and excited to finish your video. i got the hype on doing isometric room! So excited! Thanks for your video
Yes! Want to know what’s the most important? Understand how it works and then create interiors that you like. Use references and turn them to isometric design with your new skills. You can also create houses, streets or else. You can watch 2 parts video ‘isometric house’ to dive into advanced isometric techniques.
you are awesome! thx for lessons
You’re welcome, Anna!
existed in my illustrator all the time but no one taught me this much
Thankyou
Welcome 🙏 thank you for your feedback ❤️
Friendly reminder: Option is Alt key (if you use Mac computer) Thank you TT! Your videos are always inspiring and helpful, and easy to catch up. I like your cute accent. lol.
Thank you, Jingwu Yuan! I hope accent adds some fun to learning 🧐🤣
super. thank you
My pleasure ❤️❤️❤️
damn ! this tutorial is really good , Now I need to watch the other one where you made the plan haha
Thank you so much! Very soon I’ll release even deeper isometric tutorial, so stay tuned, my friend!
Thanku man🤝🏾🤝🏾
Enjoy! Thank you for watching 🔥❤️
Very nice tutorial.
Thank you so much 🤩
you're amazing
keep continuig
wish you all the best
God bless you
🤩🤩🤩
Bro thnx for this awesome tutorial it's Great and very useful
Welcome welcome! Have fun with this tips ❤️❤️❤️
i believe that there is a place in heaven for people like you
Tutorial is 47 it took me 3 hours , thanks for your hard work learnt many things about illustrator
Lol yeah it’s always like that! Keep it up ❤️❤️❤️ thank you for feedback 😀
Thank you very muuuuuuchhhh
You’re welcooooome!!! :) Thank you for feedback! My pleasure to share with you.
You know you are the best teacher ever right?
Thanks to you, David, I keep that in mind 🙏 I was wondering where are you and I’m super glad to read your words, my friend 🔥
@@tt_tutorials Yes Sir....I have been very busy lately...but still your number#1 Fan
I'm new in your channel. And you are amazing teacher. I likeit 👍
Wow thank you so much! Check out my new videos, this one is pretty rare 😉❤️
great work
Thank you so much 🤘🤘🤘
WOW!!!
Thank you :) I feel happy that you like it, Inessa!
nice effort!
Thank you so much!
thanks. i subscribed
Thank you so much, Cristian!
Wow
I literally pogged when he made the furniture
You are just Awesome. Thanks for your hard work. If possible please make more 3D video.??
Hi! Watch isometric house tutorial. This is a tutorial in 2 parts. Or did you watch it already?
Thank you for feedback ❤️
@@tt_tutorials yes already watched all isometric videos. ❤
Ok, but I have more 3d videos for you. Watch 3d apple, Memphis design and Op art tutorials ❤️
Thank you soooooo much maaan you are the best 😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍
Hi! You’re welcome 🤩 thank you for feedback 😀
instead to copy paste and ungroup twice the object, you can use the direct selction tool (A) then drag. But anyway, thanks for this work!
Sure, Judy! I use that also, thank you for feedback!
luarbiasa trimakasih atas tutorial nya
Terima kasih atas tipnya, teman saya!
Thanks for great video! Can I have a question? after I finished expend appearance and ungroup the object, it did not show every anchor point like the video. So I could not change or remove the object. it seems like the object is transformed into image. If you help me to solve the problem, it will be very grateful!
instead of going Effect -> 3D and Materials -> Extrude & Bevel,
go Effect -> 3D and Materials -> 3D (classic) -> Extrude & Bevel (Classic)
and then Expand Appearance.
I´m confused how did you fit the frame within the video I tried ctrl plus x and it was not working
(9.28) I don´t really understand how you intervene the two window parts with cntrl + x, when I do that, one object just disappears
Thank you very much, but it would be great if you put the project file in the download link.
I am a beginner and would like to know if I really can learn this. Looks very exciting, but I don't want to be confused with such amount of different stuff... Should I really spend my time on this tutorial now?
Hello, Ali! Thank's for your feedback! Here's my advice: Watch this video first. Simply watch, don't try to remember all that you see. After this take one of objects. Clock for example. Watch how to create it again. You will see that there's no such thing that you can't understand. Just open Illustrator and create this clock without watching how I do this for this time. If you will create all scene like this clock, you will boost your Adobe Illustrator skill more and better than if you would do 10 tutorials for the very beginners. Just don't confuse yourself. Take separate elements and recreate. Good luck, man!
Thank you!
i can't found the "actions" bar with default actions, isometric, grid, and rectangular grid tool on my illustrator cc , someone help me please?
Windows - actions
hey i like your tutoral, hope to improve your audio
Thank you so much, Eissen! Channel only starts to grow, I will solve this very soon! :) Your feedback means a lot, I appreciate!
at 3:00 you are able to snap the corners to your grid, I am unable to snap to my grid?.... is this a setting I need to tick to enable this?
Don't worry, smart guides was not enabled
Alright, Blake Parkinson! It’s really good to find solutions by yourself, you’re feeling great after this! ;) Happy creating!
How can I create a Grid like that? My illustrator only has one, two, or three-point perspective grid?
You really don’t need grid for this one. But you can make it if you’ll watch my previous videos on how to create isometric grid 👍
The files that you have uploaded for reference is in png format
Yes they are 😃 Do you have any problems with png?
Cannot understand the Inner window command of Ctrl + x (the cut command) and how you did it
Oh, it was the left brackets button! Ctrl + [
Did it help?
this is very easy use isometric grid system.
Thank you so much!
Can we import this in adobe animate
Спасибо за классный туториал! У меня почему-то пен тул не работает так четко в Иллюстраторе - на моменте, где Вы строили горшок - нижняя точка выгнутой внешней линии не хочет цепляться за нижнюю окружность, она просто либо сильно ближе к центру маленькой окружности стремится, либо наоборот - сильно дальше. :(
Привет! Preferences - smart guides - snapping tolerance 4pt. Также чек alignment guides, object highlights, anchor points, spacing guides.
Заработало?
T&T Tutorials Проверила - все эти настройки так и стояли, но ничего не изменилось, к сожалению.
Edit - preferences- selection & anchor points- snap to points- значение между 1 и 8.
Заработало? 😀 А ещё есть возможность, что документ маловат или объект в нём сильно маленький. Когда всё увеличиваем, то и шаг прилипания меньше становится!
T&T Tutorials Я вводила разные значения - до 8, это ни на что не влияло. Решила удалить версию 2019 года и установить 2020. Ничего не поменялось, только снова появился баг (или не баг) - ставлю точку пентула слева на окружности, где пишет "интерсект", а она ставится на несколько пикселей левее от самой окружности вообще. 😭
Размер документа и по тем же настройкам снова. Ну и попробовать на форумах ответ поискать, потому что проблема странная и решаться должна очень легко 🙄
can i have the reference photo for this please ?
@ 9:26 what did you click to send it backward? ctrl + x and then?
Yeah, that was a program bug. Press ctrl + left brackets to bring it down. And plus right brackets to bring it up. Add shift to this combination and you’ll move layers to the bottom or to the top of all layers 😀
@@tt_tutorials Thank you! i learned so much with your tutorial
There’s isometric house also, video in 2 parts. Enjoy 😉
@@tt_tutorials Dear, I have the same problem. Would you please explain a little how it is?
If more please. any easy example or same operation easy video????
lo siento que me dice que el archivo que descarga para las cuadrículas no es compatible
Hi, Antony! Which Adobe Illustrator version do you use? This actions definitely should work for you... Also if it is not working for you, just watch previous tutorial where I show you how to create grid and all kinds of actions! :) th-cam.com/video/pgvEZ4fxLXE/w-d-xo.html th-cam.com/video/_UcdeZFEc6w/w-d-xo.html
T&T Tutorials cc 2018
@@tt_tutorials gracias
You're welcome! Well, I work in latest update. Anyway, it's very good to create such things by yourself. You will be more confident in your work and you will feel that you did it from beginning to the end by yourself. This is highly important!
@@tt_tutorialsmuchas gracias por darte el tiempo de enseñar esto
Brother what version in your illustrator
I always use the latest versions😉
Hello help me pls, why is that tmy clock looks like this whatever I do? the short hand doesnt cooperate? link: imgur(dot)com/a/jc0U6sb
Well I guess press A for direct selection tool, pick left point of that arrow and drag it to the center of ellipse.
Basically you can return also, group clock and then apply 3d. Maybe that will work.
Also more practice. Sometimes you can leave something and continue. Gain exp, and then return.
@@tt_tutorials thanks so much. Actually im enjoying creating the room, im not following ur whole video but when im stuck, i just go back to your video to see how u did it. Thank you so much! You encourage me to do graphic designs! ;) Love ya!
Cool! Keep it up ❤️
what version is your AI?
Hi! I always work in the newest updates
How to install SSR Actions please?
Hi! Watch Isometric grid videos
Please HELP I DONT HAVE IN ACTIONS ICON GRID
I mention that you should download it by the link in video description or in tutorial ‘how to create isometric grid’
Thank you so much bruh, this video is really helpfull
Blender :)
+
I've made my first isometric room with this tutorial, thanks a lot! ibb.co/hYPKLtV gonna try more
Amazing work! I respect 🔥
Keep it up and stay tuned ❤️❤️❤️
marry me!
ahaha you made my day top comment 🤘🤘🤘