Isometric drawing
-
Hello Everyone,
I'm a new VectorStyler user after many (!) years of working with Adobe Illustrator then Affinity Designer (like some people here). I'm trying to get used to the software so I decided to skip the creative part and to focus on the tools. That's why I did this isometric drawing.
For those who are interested in making isometric illustrations in VS, I put the grid settings I used below.
-
@Devil-Dinosaur I appreciate your generosity in sharing - but I don't see where you shared the info
-
I guess you mean you don't see the images ? (iso drawing and settings). It seems that only Firefox and Safari can display it. I put the settings print screen and one image on this cloud then.
Fred.
MacBook Pro (M1) - MacOs Sonoma 14 -
@Devil-Dinosaur Cool!
(Looks like Chrome and Brave don't display them in the first post for some reason).
-
well done
-
Excellent graphic work and attention to detail - the laptop display, shadows etc. Thanks for sharing your grid settings. -
@Devil-Dinosaur Thanks for sharing. Excellent work.
-
Did you also use transformation cages e.g. for the round lights ?
Or did you do everything just with the help of the grid ? -
@Subpath Ellipses are made according to the square, like in 2D. In 2D you can fit a square both outside and inside a circle, I use that as a reference and my ellipses fit an isometric square. I also set the rotation constraints to 30° angles. Using 30°, 60°, sometimes 120° is very useful. In some cases, I first rotate 30° then skew accordingly. The AC holes were done easily that way : dash lines, rotated 30°, turned into curves (style->expand), then skewed 30°. The good thing in isometric is that scale doesn't change when objects move backward, so you don't have to change the space between repeating object for instance.
It's a little bit late for me here, but I can share some tricks tomorrow, with visuals.
-
Understand, if you find the time, it would be interesting to learn a few tricks
Thanks in advance. -
I put a link below for those who want to download some info and tricks about the isometric drawing. Since it's a VS file, feel free to add your own tips and correct my "globish" if necessary
Iso mini tuto
or
Iso mini tuto (link 2)
My website is not https, so your browser may refuse to download thru the 1st link. -
Thanks for your tutorial file and the insights on how to do Isometric in
VS. As I saw your method how to move and rotate circles/ellipses in
Isometric is really easy to do.There are unfortunately a few small problems when I use the file into VS.
Works so far, but one font is missed / can't be displayed and the examples
with the noise effect may are not displayed correctly I think.Here some Pictures
-
Sorry for the font, I used Arial unicode and Arial rounded.
I'm quite surprised about the gradient (less about the noise). It's strange that a native VS file cannot be read easily on another computer. That's why I skipped the PDF. I will check my preferences... (edit: if it make a difference, my file is CMYK)
Same document with embedded color profile
Here's how it should look :
-
No problem, I also wonder about the font, I have Arial (actually a standard
font on Windows) installed, but not the Unicode version, which seems to be a
little different. I think it also contains special characters for other languages.I also wonders about the Effects.
Thanks for the bitmap version which works fine, naturally
-
Want to show a little trick I once figured out in Affinity Designer
(which has the great Isometric Studio) while playing with Symbols
in Isometric Studio.Something similar also works in VS. Might be useful for complicated
Isometric shapes in VS. I use Clones in VS for that.Here is the video:
Isometric Clone trick
Win 11
CPU: AMD Ryzen 5 9600X, 6-core.
GPU: Nvidia Geforce RTX 5070. -
Had also tried to recreate something like the Isometric Studio with the tools of VS.
( Transform Cages and Pick Shape Effect ). But that didn't work so well with complicated shapes
and different sizes.Here a Video
Transform Cage and Pick Shape Effect
-
@Subpath
Using a clone is a very good idea. Very useful, thanks.
-
your welcome and nice that it is helpful
-
@Devil-Dinosaur Thanks for the great tips sheet - I was wondering how to deal with ellipses (and now I know!)
@Subpath Thanks for the clone trick. You never know when these things will come in handy!
Ellipses!
-
