Isometric Fractal Art Tutorial - Part 3

6 min read
tatasz's avatar
By tatasz
36 Favourites
12 Comments
5K Views
In this tutorial, i will explain how i created some of my recent "isometric" works. For example:

Staircase to Heaven by tatasz Surface by tatasz

Softwares needed: Apophysis and Chaotica.
Prerequisites: you will need some previous knowledge on how to use Apo and Chaotica. If you have any doubts, please check those out:

Plugins used: square.

TIP 8 - lazy skewing

Sometimes, you can first tile and then skew, since unskewed squares are easier to tile. Can be handy when you need to tile a reasonably huge surface with skewed squares.

For example, lets make a pattern like one below. You can tile directly the skewed squares, but you can also tile "default" squares, add a common linked transform (as described in Part 2) and skew the whole block at once.

Unskewed block                                                    Skewed block
Sk1 by tatasz Sk2 by tatasz

In the parameters below, check transform 2: it is the block`s container, and it is the only skewed one.

<flame name="sq" version="Apophysis 7x Version 15C.9" size="777 510" center="0.978061373034762 0.826019851119642" scale="98.690655" oversample="1" filter="0.2" quality="1" background="0 0 0" brightness="4" gamma="4" gamma_threshold="0.01" estimator_radius="9" estimator_minimum="0" estimator_curve="0.4" enable_de="0" plugins="" new_linear="1" curves="0 0 1 0 0 1 1 1 1 1 1 1 0 0 1 0 0 1 1 1 1 1 1 1 0 0 1 0 0 1 1 1 1 1 1 1 0 0 1 0 0 1 1 1 1 1 1 1" >
   <xform weight="1" color="0.52" symmetry="-1" square="1" coefs="1 0 0 1 0 0" chaos="0 1 0 0 0 0 " opacity="0" />
   <xform weight="0.5" color="0" symmetry="1" linear="1" coefs="1 0 0 1 0 0" post="0.866025403784439 -0.5 -6.12303176911189E-017 1 0 0" chaos="1 0 " opacity="1" name="container"/>
   <xform weight="1" color="0.52" symmetry="-1" square="1" coefs="1 0 0 1 0 0" post="1 0 0 1 1 0" chaos="0 1 0 0 0 0 " opacity="0" />
   <xform weight="1" color="0.52" symmetry="-1" square="1" coefs="1 0 0 1 0 0" post="1 0 0 1 2 1" chaos="0 1 0 0 0 0 " opacity="0" />
   <xform weight="1" color="0.52" symmetry="-1" square="1" coefs="1 0 0 1 0 0" post="1 0 0 1 2 2" chaos="0 1 0 0 0 0 " opacity="0" />
   <xform weight="1" color="0.52" symmetry="-1" square="1" coefs="1 0 0 1 0 0" post="1 0 0 1 0 2" chaos="0 1 0 0 0 0 " opacity="0" />
   <palette count="256" format="RGB">
      65907571896F8D735A9D6E50D36F23E88520EC9D0DEFA520
      F3B431EEBB50D1B279AD9C8879A1AD7DADC18AACB686B1BA
      84BDC888BEDA8FB1BB8DB7B69FB390B2AC6EC9B266D5A745
      E19A2EEDA421F1AB29F4B93BF8CE62FBE27BF7F39AE2CE9C
      B3BD809AA67477835D66745A686B5A696854826E49B06F2F
      D4761FEB9A0BE38F09D0721BB05B259D321E791B13321B13
      1E161331301E4954434758524A595E59695F5C70645C6C5F
      63695B6E624A785E479D3D24C33026D12E25D64123DC4321
      D5471FC34C2AB2603AA475579F8264868B6284815880795D
      8380777B898A7096A3709AA66E979B8B8472A38958B79150
      C78F45BAA065A6A8678DA66D7C867E6C7D6D5F7F68558369
      59736A5F726C5970665E77616677656C695A6867526A624D
      635D4D6C5D466E5946773826992B1EA42A1DAA2B1CA43625
      9443256D5D44575F54425750284A562949543E293C7F1E15
      9D19148F1F1B913D2166563F675C466B634E98644CC35733
      BB432BB03F21A83020991F1A82161351311C2926130F0B08
      1D140F3F24197215109E3329B62D25BD2824C22921BA321C
      AC2A1AA0241A9C331DA53C1FC14B19CD511ED3511DD74A1F
      DB4C20D64E24D45020DA5D27DB6923EE8E28ECA320F0B237
      D19E65C3B171A6BD87AFCD97B9D89DBDC687BABD76B4B977
      B4BA7EA6BA7BA5B881B3C184C3CC89FDEF8EFDF094FEEBB0
      A3CACF78A2AE5F827E4A6D694C69644764604A605D4A6459
      516B5E596B53676058674D664A445E3957613B5C6532616B
      3A656E4063674B69674D6A664D6B5F4B6B603C6859406158
      3F5F5A3F5D5D425E5F3E5F664965694C6965516669536A62
      526C5F4F675A465F5948595345595043524D43362E5F3B25
      7451314D504949554B475852435B5D4C6663547469577A74
      5A778568787570817B98A973A0AD779DB47E95A5787F8885
      638D9D6B8F8F7B867E8EA06CA8A173B8846CE06232D85827
      D05023C5441ABA3F1DB3371BB6421DB24620A06045716C56
      6E6C606E74667D7B54919362A8A967C8963DEB9524E18927
      E6702AD76121D05720D55121DA5021E46020E77723EC8B22
   </palette>
</flame>



TIP 9 - Triangles

In some situations, using just squares could lead to overlaps. When this happens and you need some triangles to complete the pattern, you can use, for example, starblur by zy0rg.


Some Usage ideas

You can use your isometric tile as a standalone piece:

Monument Valley by tatasz

Or tile it using linears:

Surface by tatasz

Or use a foci final transform:

Builder by tatasz

Those are not the only options: you may try putting your isometric patterns into hypertile, grand julian, splits elliptic, spherical... The possibilities are endless.



Published:
© 2014 - 2020 tatasz
Comments12
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
mikelucid's avatar
confused at how to tile the squares and how to duplicate in chaotica. ideas? thanks for the sweet tutorial!
timemit's avatar
Lovely series :) thanks
AkuraPare's avatar
tut is perfect!
btw, these amazing tilings you and others do ARE real rocket science to me :slow:
tatasz's avatar
:hug: thanks
and nah, its not thaaaat creepy =D you should just try ^^
AkuraPare's avatar
oh, i tried but missed some logical part or what... i was clueless except the basics... but i will try again!
and thanks for chaotica tut too :)
tatasz's avatar
ohhh if you have any questions, feel free to ask etc =)
also, this tutorial is rather just the isometric part, and skips all the linear tiling etc techniques (because it would be enormous and just cant do).
AkuraPare's avatar
i will use your offer soon :D
these tutorial mini-series are just right to play with chaotica and do something original with this amazing sw!
tatasz's avatar
:hug: very eager =D
lyc's avatar
!!! that bright orange one with gradient background :faint:
tatasz's avatar
:aww: :hug: well, you helped lots with that =D lazy tatasz wouldn't fix the positions by herself =D
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In