VectorStyler
    • Categories
    • Unread
    • Recent
    • Tags
    • Popular
    • Register
    • Login

    Isometric Drawing Tutorial

    Scheduled Pinned Locked Moved Tutorials
    45 Posts 9 Posters 125.0k Views 9 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • b77B Offline
      b77 @Devil Dinosaur
      last edited by

      Anybody who's interested in creating editorial infographics should watch these tutorials.

      MacBook Pro (Intel) running Monterey 12.6.4

      1 Reply Last reply Reply Quote 2
      • B Offline
        B-Vs-V @Devil Dinosaur
        last edited by

        @Devil-Dinosaur Hi Fred, I hope I'm not bothering you with my question ☺
        I'm trying isometric and I thought I'd try to make a diagram with the letters VS.
        I already have a problem with the letter V: it looks totally distorted. I've tried placing the V shape in a square, which I've distorted, but the top of the V also looks odd. Is this the right way to go about letters? Should I create another grid to avoid these optical oddities? Thanks for your time ☺

        0_1687965137741_VSiso.jpg

        W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
        W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          Subpath @B-Vs-V
          last edited by Subpath

          @Pat

          quit a while ago i made a video for another post
          about isometric drawing

          where i use a clone trick that may be helpful

          keep your original plane while put a clone
          of it in isometric so every change you made
          on the original will be transferred to isometric

          this could be helpful for complicated designs
          or by using text

          here the video

          you could create planes for each side of your design

          to use more then one shape create a group
          and clone that group, you could use then "draw inside"
          to put shapes and strokes in that group

          and the "select members of a group.." Tool to
          move shapes inside of the group

          0_1687971453030_draw inside.png

          0_1687971461675_member of a group.png

          Win 11
          CPU: AMD Ryzen 5 9600X, 6-core.
          GPU: Nvidia Geforce RTX 5070.

          1 Reply Last reply Reply Quote 2
          • S Offline
            Subpath
            last edited by

            also made a quick isometric version
            in affinity designers isometric studio

            maybe this helps for comparison

            0_1687972063341_quick Isometric.png

            Win 11
            CPU: AMD Ryzen 5 9600X, 6-core.
            GPU: Nvidia Geforce RTX 5070.

            B 1 Reply Last reply Reply Quote 3
            • Devil DinosaurD Offline
              Devil Dinosaur
              last edited by

              Hi everyone,

              @Pat For drawing letters I have 2 ways :

              For a modern (sans serif) letter, I would create rectangles and align them according to the isometric grid (with snapping on). I choose the space between the rectangle according to symmetry if needed, for a "V" 3 squares may be good, while "5" will bring weirder look (see image here). Stick to the grid, it's easier (in your case I see the surrounding square off the grid). Keep in mind that you can make your artworks big, using a lot of square count and snapping accuracy and then just shrink them later.

              If you have serif letters or complex curvy shape ("S") I suggest that you type your text then use the iso settings in the transform panel (rotate, skew, scale). I have done actions to make things automatic. The preset and some experiments are in this folder.
              For volume you may duplicate the result and use the shape builder in order to create the thickness part.

              I hope I'm clear enough. (I may need my second coffee 😁 )

              Fred.
              MacBook Pro (M1) - MacOs Sonoma 14

              1 Reply Last reply Reply Quote 3
              • B Offline
                B-Vs-V @Subpath
                last edited by B-Vs-V

                @Subpath @Devil-Dinosaur Thank you both for your feedback ☺ it must also have something to do with the way I perceive isometric shapes and the way they're constructed (direction of false depth). Anyway, I'm going to continue decorating the letters ☺

                W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
                W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

                Devil DinosaurD 1 Reply Last reply Reply Quote 1
                • Devil DinosaurD Offline
                  Devil Dinosaur @B-Vs-V
                  last edited by

                  @Pat Yes, it can be tricky sometimes that's why I usually quickly put temporary colors in order to identify the shapes and their directions in space.

                  Fred.
                  MacBook Pro (M1) - MacOs Sonoma 14

                  B 1 Reply Last reply Reply Quote 1
                  • B Offline
                    B-Vs-V @Devil Dinosaur
                    last edited by

                    @Devil-Dinosaur Colours (& colour gradients) help indeed but I meant that some isometric shapes look unnatural to me... and clearly they are per se but I see more distortions for some forms than for others, and also depending of the orientation of the depth... well, a visual brain issue ☺

                    W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
                    W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      Subpath @B-Vs-V
                      last edited by Subpath

                      @Pat said in Isometric Drawing Tutorial:

                      isometric shapes look unnatural to me... and clearly they are per se but I see more distortions for some forms than for others

                      I think it is a kind of optical phenomenon
                      where the brain will get confused

                      because we (our brain) are more familiar with
                      the real perspective than with the isometric one

                      Win 11
                      CPU: AMD Ryzen 5 9600X, 6-core.
                      GPU: Nvidia Geforce RTX 5070.

                      B 1 Reply Last reply Reply Quote 2
                      • B Offline
                        B-Vs-V @Subpath
                        last edited by

                        @Subpath Yes, indeed.
                        If I look rapidly the two branches of the V one after the other for example, I've the feeling they are not in the same plane. But for many isometric letters and basic shapes, I don't have any issue.

                        W11 Pro 25H2 - 12th Gen Intel(R) i7-12700K 3.61 GHz - RAM 64 Go - NVIDIA GF GTX 4070 Ti - Intuos - Dell UP3216Q / Eizo ColorEdge
                        W11 Pro 25H2 - 12th Gen Intel(R) i7-12700KF 3.60 GHz -RAM 64 Go - NVIDIA GF GTX 3080 - IntuosPro- ProArt PA329C

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post