How to make 3D Wireframe graphics in Adobe Illustrator

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 มิ.ย. 2024
  • In today's video I'm going to show you how to create 3D wireframe graphics in Adobe Illustrator. Design wormholes, distorted graphs, globe icons and much more using these easy techniques!
    Beware that Adobe Illustrator has slightly updated their 3D function. To access these, simply head to Effect / 3D and Materials / 3D (Classic).
    ----------------------------
    📁 Get the project file here:
    / dreadlabs
    🦺 Shop my Clothing Brand here:
    ----------------------------
    Dreadlabs is a creative hub where I share tutorials about music production, graphic design, fashion and other creative practices.
    ----------------------------
    🌠 Shop my clothing brand:
    www.dreaduniverse.com/
    ----------------------------
    🧬 Buy assets:
    www.dreadlabs.net/
    ----------------------------
    📁 Get access to all of my project files here:
    / dreadlabs
    ----------------------------
    ❤️ Follow Dreadlabs:
    / dreadlabs
    / dreadlabs
    ----------------------------
    🤝 Connect with other creatives in our community:
    www.dreadlabs.net/discord
    #dreadlabs #graphicdesign #wireframe
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 308

  • @ladeedoodada
    @ladeedoodada 2 ปีที่แล้ว +256

    If you're using Illustrator 2022 btw, the menu to do the third graphic is Effect > 3D and Materials > 3D (Classic) > Revolve (Classic)

    • @ajhart7280
      @ajhart7280 2 ปีที่แล้ว +5

      lifesaver tysm

    • @alfiefairs7323
      @alfiefairs7323 2 ปีที่แล้ว +2

      legend

    • @joycegracia9134
      @joycegracia9134 2 ปีที่แล้ว +1

      THANK YOU OMG

    • @saladdays19
      @saladdays19 2 ปีที่แล้ว +1

      why I can't find my 3D(Classic)???😢

    • @ladeedoodada
      @ladeedoodada 2 ปีที่แล้ว +3

      @@saladdays19 go to the top menu called "Effect" and go down to where it say "3D and Materials". There will be a pop up menu and at the bottom it says "3D (Classic)". You can also type it into the "Help" menu in the search bar and it will show you the location directly. Hope that helps!

  • @judemarino8914
    @judemarino8914 3 ปีที่แล้ว +25

    Bro I have been searching for this tutorial for a very long time, I watched your displacement map tutorial and saw this and I was so shocked and happy. Thank you

  • @carlharms8035
    @carlharms8035 ปีที่แล้ว +4

    thank you for these tutorials, such a huge help and makes learning illustrator so fun

  • @PixelChomp
    @PixelChomp ปีที่แล้ว +1

    I appreciate how straight forward and helpful this was. Thank you.

  • @datinoisgod
    @datinoisgod 2 ปีที่แล้ว +1

    Super awesome & Super Simple! The best tutorial on illustrator i saw. Thanks

  • @leilanipatrick111
    @leilanipatrick111 2 ปีที่แล้ว +1

    Awesome tutorial. Was able to find your tip in the comments for adding more lines in the sphere. Worked perfectly, thanks!

  • @JacobIX99
    @JacobIX99 2 ปีที่แล้ว

    I just love this art style

  • @alpharex001
    @alpharex001 3 ปีที่แล้ว +3

    This is exactly what i've been looking for

  • @AbulKalam-hw2ri
    @AbulKalam-hw2ri ปีที่แล้ว

    i love when he tests it out for us

  • @vlada3236
    @vlada3236 3 ปีที่แล้ว +10

    God grant you health! This is exactly what I was looking for!!! ❤️

  • @elizabeth4689
    @elizabeth4689 ปีที่แล้ว

    straight to the point and easy to follow, thanks a lot!

  • @julvc2748
    @julvc2748 3 ปีที่แล้ว

    omg my guy this video unlocked so many new levels in my brain thank u

  • @cmonhappychicken5725
    @cmonhappychicken5725 3 ปีที่แล้ว +1

    So helpful! I will be watching more of your videos for sure :)

  • @melissamcnair-lz2uw
    @melissamcnair-lz2uw 2 ปีที่แล้ว

    Wow I never would have thought it was that easy. Thanks ur the best I love ur work

  • @_casg
    @_casg 6 หลายเดือนก่อน +1

    thanks dawg, i was scared of how to figure these out cause i have to make posters on quantum mechanics but you saved ya boy with this golden tutorial

  • @lubostoev9924
    @lubostoev9924 2 ปีที่แล้ว

    so dope, didn't know it's that easy. Thanks for sharing

  • @bhanukadissanayake2499
    @bhanukadissanayake2499 3 ปีที่แล้ว

    you are only one who dedicated a video how to use for this amazing tool.

  • @thatswhenireachformyrevolv3595
    @thatswhenireachformyrevolv3595 3 ปีที่แล้ว +64

    ive been looking for a tutorial like this for ages. tysm

    • @FALLD
      @FALLD 3 ปีที่แล้ว +1

      same

    • @Dreadlabs
      @Dreadlabs  3 ปีที่แล้ว +2

      Glad I could help!

    • @PongNFriend
      @PongNFriend 3 ปีที่แล้ว

      me too

    • @judemarino8914
      @judemarino8914 3 ปีที่แล้ว +2

      I know same, it's crazy that most of the big tutorial creators lack many of the things I look for

    • @insta_725
      @insta_725 3 ปีที่แล้ว

      yeah i found similar tutorial but somehow it was harder to reproduce but yours is very clean and easier to understand

  • @Gester143
    @Gester143 3 ปีที่แล้ว +1

    Another killer tutorial 🔥

  • @domenicowisnui
    @domenicowisnui 3 ปีที่แล้ว +1

    Thanks a lot, i've been looking this for so long

  • @victoriarichter5513
    @victoriarichter5513 2 ปีที่แล้ว

    That's soo helpful! Thank you for sharing!

  • @hilfigerish6401
    @hilfigerish6401 3 ปีที่แล้ว +1

    Great videos as always bro!

  • @dimensidesainstudio6443
    @dimensidesainstudio6443 3 ปีที่แล้ว +1

    Thank you so much!! This is really helpful

  • @simsi73horseL0verCastle6rower
    @simsi73horseL0verCastle6rower 3 ปีที่แล้ว

    Thank you!! such valuable information

  • @certifiedkaii
    @certifiedkaii 2 ปีที่แล้ว

    Thank you so much been looking for this video😊😊😊

  • @rodrigoArch
    @rodrigoArch 3 ปีที่แล้ว

    Nice tutorial, thank you so much!

  • @tocmoc4603
    @tocmoc4603 2 ปีที่แล้ว

    thanks a lot. your video is really helpful and easy to follow

  • @swandarkart2752
    @swandarkart2752 3 ปีที่แล้ว

    dude you inspired me a lot ! thanks .

  • @pnkxpinks3322
    @pnkxpinks3322 3 ปีที่แล้ว +1

    im really thankful by yout tutorial thx!!

  • @kiana6447
    @kiana6447 3 ปีที่แล้ว

    Thank you so much for this!!

  • @minirican
    @minirican 4 หลายเดือนก่อน

    Just what I was looking for!

  • @ganeshkolte8960
    @ganeshkolte8960 ปีที่แล้ว

    This really helped thanks a lot!

  • @innocentsana5708
    @innocentsana5708 ปีที่แล้ว

    Very nice explanatory video!

  • @byggabeats
    @byggabeats 3 ปีที่แล้ว +1

    Very helpful. Again !

  • @apostoloschristou4479
    @apostoloschristou4479 3 ปีที่แล้ว +1

    Extremely helpful

  • @TomRaine
    @TomRaine ปีที่แล้ว

    thank you bro, this was fun and learned a lot

  • @jhanyoutube
    @jhanyoutube 3 ปีที่แล้ว +1

    this is awesome thanks so much!!

  • @killzann7757
    @killzann7757 2 ปีที่แล้ว

    thank you, helped me so much!

  • @keto9423
    @keto9423 3 ปีที่แล้ว

    Amazing. Thank you

  • @ajeshpnair8277
    @ajeshpnair8277 3 หลายเดือนก่อน

    Bro,
    The exact tutorial i was looking for.
    Thank you so much 🙏🙏🙏🙏🙏

    • @Dreadlabs
      @Dreadlabs  3 หลายเดือนก่อน

      Happy to help! Hope you'll enjoy the rest of my videos as much!

  • @MatheusOliveira-jf8dw
    @MatheusOliveira-jf8dw 2 ปีที่แล้ว +59

    There is another way and it looks great actually
    - Pick the rectangular grid tool
    - Draw a rectangle with as many lines and columns as you want
    - Select your grid to make it a SYMBOL (its the club icon on the right panel or your can go to WINDOW- SYMBOL)
    - Click NEW SYMBOL to save it (just add a name and click ok)
    - Make a circle, then with the DIRECT SELECTION TOOL (A) delete half of the circle
    - With your selected semi circle click EFFECT- 3D- REVOLVE
    - On the 3D revolve panel select MAP ART
    - Pick your symbol then hit SCALE TO FIT and INVISIBLE GEOMETRY and then ok
    - Choose your angles and pick, as a SURFACE, WIREFRAME
    - Now select your globe and click OBJECT- EXPAND APPEARANCE
    - Select your globe again and hit UNGROUP- UNGROUP- RELEASE CLIPPING MASK
    - Now you should have two faces of your globe, drag the top layer to the side and see the result

    • @kevinzhou7843
      @kevinzhou7843 2 ปีที่แล้ว +1

      thanks! very detailed!

    • @maqqus_
      @maqqus_ ปีที่แล้ว +3

      @@kevinzhou7843 This is gold man. This solves my problem as I don't want to see the insides of the 3D wireframe..

    • @uwumind3828
      @uwumind3828 ปีที่แล้ว

      thank you so much, this was an excellent solution

    • @l1p0v
      @l1p0v ปีที่แล้ว +1

      "The operation cannot complete because there isn't enough memory (RAM) available."
      Oh well sucks to be me 😊

  • @golammorshed999
    @golammorshed999 ปีที่แล้ว

    bro thanks so much. dis video is tiless 3 years ltr n still great

  • @IanJones942
    @IanJones942 ปีที่แล้ว +16

    For the wireframe globe - does the number of latitudinal lines change if the shape is bigger/smaller? How do I alter that if not?

  • @vines18
    @vines18 3 ปีที่แล้ว

    Amazing tutorial

  • @Dr.Kananga
    @Dr.Kananga 2 ปีที่แล้ว +2

    Thank you very much sir!

  • @agnieszkamichalska7562
    @agnieszkamichalska7562 3 ปีที่แล้ว

    I am so thankful

  • @weebo1926
    @weebo1926 2 ปีที่แล้ว

    awesome vid, thanks!

  • @riteshkoirala2607
    @riteshkoirala2607 ปีที่แล้ว +1

    Still working as of today, ty!

  • @raunakrana1674
    @raunakrana1674 3 ปีที่แล้ว +2

    You are a hero

  • @Edueduuu888
    @Edueduuu888 3 ปีที่แล้ว +13

    Finally a tutorial for this. How about the wireframe face/head

    • @Dreadlabs
      @Dreadlabs  3 ปีที่แล้ว +10

      I’ll be doing the basics of Cinema 4D for graphic designers soon!

  • @burakeyi4100
    @burakeyi4100 8 หลายเดือนก่อน

    Great work !

  • @BClipsDesign
    @BClipsDesign 2 ปีที่แล้ว

    Amazing Tutorial💗

  • @mariogutierrez1019
    @mariogutierrez1019 2 ปีที่แล้ว

    great tut man

  • @shirazulchowdhury24
    @shirazulchowdhury24 2 ปีที่แล้ว

    thanks man this helped alot. subscribed!!

    • @Dreadlabs
      @Dreadlabs  2 ปีที่แล้ว

      Thanks for the sub! I hope you'll enjoy the channel!

  • @mahdimotallebi7207
    @mahdimotallebi7207 3 ปีที่แล้ว

    Great tutorial

  • @lilixhan8810
    @lilixhan8810 2 ปีที่แล้ว

    Duuuude you literally saved my liiiife thank youuuuuu

  • @mohammedmokhtar8888
    @mohammedmokhtar8888 11 หลายเดือนก่อน

    genius man, you are a genius

  • @win96614
    @win96614 3 ปีที่แล้ว

    Cool tutorial, thx

  • @Hey_Soos
    @Hey_Soos 2 ปีที่แล้ว

    great tutorial!!

  • @everydaynormalguy3194
    @everydaynormalguy3194 2 ปีที่แล้ว +26

    To add more lines first select the desired grid tool then simply click on the artboard > a dialogue box will appear > increase the number of horizontal & vertical dividers > click ok .

    • @uhhhum
      @uhhhum ปีที่แล้ว +1

      hey do you know how I find the artboard or where I click to see this option please :-:

    • @emnle7709
      @emnle7709 10 หลายเดือนก่อน +1

      @@uhhhumdouble click on the grid shape tool to select the dividers

  • @user-jf5vz1vu3q
    @user-jf5vz1vu3q 3 ปีที่แล้ว

    Thanks! Real more alot of information.

  • @richardbenson389
    @richardbenson389 ปีที่แล้ว

    Great video! Anyone know how to add more segments to the sphere before converting it to wireframes? I can't seem to figure out how to do that...

  • @yenjungchen6969
    @yenjungchen6969 3 หลายเดือนก่อน

    Thank you so much!

  • @florianecht3034
    @florianecht3034 2 ปีที่แล้ว

    thank you for your videos

  • @briabridges8895
    @briabridges8895 2 ปีที่แล้ว

    Great video! Thanks!

    • @Dreadlabs
      @Dreadlabs  2 ปีที่แล้ว

      Glad I was able to help!

  • @quickathletes
    @quickathletes 3 ปีที่แล้ว +1

    the intro alone is worth watching

  • @byangrykid
    @byangrykid 3 ปีที่แล้ว +2

    my hero doesn't wear a cape

  • @FrancescoPaggiaro
    @FrancescoPaggiaro 3 ปีที่แล้ว

    cool, thanks for sharing

  • @messsiiii1010
    @messsiiii1010 3 ปีที่แล้ว +1

    You read my mind!!!

  • @iqbalhakimboo5898
    @iqbalhakimboo5898 3 ปีที่แล้ว

    Thank you bro!

  • @drivedownload3254
    @drivedownload3254 3 ปีที่แล้ว

    THANK YOU THANK YOU THANK YOUU! liked and subscribed! you help me reach the higherimagination!!

  • @quocnhut
    @quocnhut ปีที่แล้ว

    thank you for your sharing

  • @adamjarvisux5685
    @adamjarvisux5685 3 ปีที่แล้ว +1

    please can you do a tutorial on raising the centre of a square (from an angle) so that it looks like a pyramid? I.e. the lines stay straight and do not bend

  • @fardanfariha8443
    @fardanfariha8443 2 ปีที่แล้ว

    Just found this, thanks man

  • @richochet
    @richochet 2 ปีที่แล้ว

    Brilliant!

  • @infographie
    @infographie 2 ปีที่แล้ว

    Excellent

  • @irexerao5358
    @irexerao5358 3 ปีที่แล้ว +2

    Great video, thanks a lot!
    Do you know how to do an animation like that in After Effects?? I mean, going from a2d to a 3d

  • @tizianosummo2307
    @tizianosummo2307 2 หลายเดือนก่อน

    Thank you for sharing, very useful! Do you know how to increase the number of concentric dividers and radial dividers in the 'Donats' you created? At the moment, there are only a few of these lines. Many thanks in advance 🙏🏼

  • @crybabyiam
    @crybabyiam 3 ปีที่แล้ว +1

    i love this channel

  • @jsg2156
    @jsg2156 2 ปีที่แล้ว

    LOVE YOU BROTHER!

  • @noodlyy
    @noodlyy 8 หลายเดือนก่อน

    Thank u very much!

  • @fromtheotherlane369
    @fromtheotherlane369 2 ปีที่แล้ว

    Thiss is so helpful thankss

  • @annawoodward6503
    @annawoodward6503 2 ปีที่แล้ว

    Great video!

  • @juula9469
    @juula9469 3 ปีที่แล้ว

    dope thanks!

  • @endre4342
    @endre4342 3 ปีที่แล้ว +1

    Thank you

  • @lioneliemi9366
    @lioneliemi9366 3 ปีที่แล้ว

    It's miracle thanks ❤️❤️❤️❤️😊

  • @pebbletrees
    @pebbletrees 7 หลายเดือนก่อน +1

    pretty dope, thanks

    • @Dreadlabs
      @Dreadlabs  7 หลายเดือนก่อน

      Glad you like it!

  • @jing-linwei2616
    @jing-linwei2616 3 ปีที่แล้ว

    thanks a lot!!!! You r the best!

    • @Dreadlabs
      @Dreadlabs  3 ปีที่แล้ว +1

      Glad I could help!

  • @Serpien7e
    @Serpien7e 7 หลายเดือนก่อน +1

    Dude, your channel it's just pure fckn gold !. Thanks so much for this knowledge. Hope to be able to help you soon $$$
    Dankeschönn !

  • @sirblimpski1046
    @sirblimpski1046 8 หลายเดือนก่อน

    Hello sir, I love your vids. Question can I add fonts w this?

  • @kristalyszabolcs2320
    @kristalyszabolcs2320 ปีที่แล้ว

    Nice tutorial

  • @ewanywtan
    @ewanywtan 3 ปีที่แล้ว +7

    Yo Dreadlabs! for the first wirefram with the grid tool, when i use envelop mesh and move it around, it doesnt stick together, the lines on sticking on the sides go out of placee :(

  • @benjaminsono4455
    @benjaminsono4455 ปีที่แล้ว

    Hey your video are awesome. I need to know, it's normal that i can't use "expand appearance" ?

  • @farah3128
    @farah3128 3 ปีที่แล้ว

    Thankyou!

  • @jakubczubak1659
    @jakubczubak1659 3 ปีที่แล้ว

    thanks bro

  • @Jorcap
    @Jorcap 4 หลายเดือนก่อน

    lifesaver

  • @fredachang9177
    @fredachang9177 3 ปีที่แล้ว +8

    Hi thanks so much for this tutorial - question, how do we get more lines in the third example? I notice you have more lines in the top sphere than at the bottom sphere. Cheers.

    • @Dreadlabs
      @Dreadlabs  3 ปีที่แล้ว +14

      Hi, I’m not 100% sure but I think you can increase the number of lines by adding more points to your shape. So if you go to object > path > add anchor points before you apply the 3D effect you should get more lines

  • @nooktook-tg1dl
    @nooktook-tg1dl ปีที่แล้ว

    @dreadlabs how do you get the grid square option in the workplace?

  • @aleksandrtokorev-klink6834
    @aleksandrtokorev-klink6834 3 ปีที่แล้ว

    nice tutorial but how can i make less points on a circle? When I expand appearance I get like a hundred points, pls help

  • @KhaledMoAdel
    @KhaledMoAdel ปีที่แล้ว

    awesome