3. Cube it - A pattern made of Cubes - easy level

Cube it - A pattern made of Cubes - easy level

  • S

    Hi all

    A few days a go i found a Tutorial how to make such a pattern
    in the iPad App "Concepts" and i thought that this pattern would
    be a nice Tutorial for VS.

    I use smart shapes and clipping objects in VS to create this pattern.
    There are, of course, other possible ways to do it.

    If you like a little challenge. Then try to recreate the pattern by yourself,
    and watch the video later.

    The pattern looks like this.

    0_1679048521262_Cube-it-Pattern-1.png

    Here the Video, re-upload
    The video is ca 4 Min long

    Here another Version of the Pattern also made in VS.
    0_1679048668380_Cube-it-Pattern-2.png

    6
  • S

    Here some descriptions that i promised

    As i mentioned above i used clipping objects
    and smart shapes to create this pattern in VS.
    .
    .
    Clipping Group/Objects
    Clipping group is a really useful feature, not only
    for pattern making. It has so many uses that we'll
    probably never be able to explore them all.

    To create a clipping group you normaly choose one or
    more shape/s which be the clipping shape/s and the
    clipping contend (Shapes, Strokes, Bitmaps) which you
    would put inside the clipping shape.

    One way to do create a clipping group in VS is:
    Position your clipping contend over your clipping shape.
    Select your clipping contend and "Cut" it "CTRL-x" on windows
    "Command-x" on "mac" into the clipboard.

    Then select your clipping shape and choose "Paste Inside"
    (Menu Edit > Paste Inside.)
    .
    .
    To edit the contend in a clipping group, you can use
    the "Select members Group" Tool or double click onto
    a clipping Object.

    "Select members Group" Tool
    0_1679398708636_Group-Tool.png
    .
    .
    By double clicking an clipping group you will enter
    the "isolation mode". To leave this mode, after your editing,
    click once somewhere on the Artboard/Canvas.
    .
    .
    .
    Smart Shapes
    All these shapes here are smart shapes.
    0_1679398987379_Smart-Shapes-2.png
    .
    .
    Smart Shapes in VS offers some addional editing possibilities.
    The opposite are shapes that are converted to curves or shapes
    you have create from curves.

    There are two ways to edit them. One is to use the "Shape Editor" Tool.
    If you use this Tool and select a Smart Shape you notice blue dots/handels.
    By moving that blue dots with the "Shape Editor" Tool you will see that
    the shape change its Form.
    0_1679399113650_Shape-Editor-Tool-1.png
    .
    .

    But to see the whole editing options of a smart shape, you better take
    a look at the "Shape Panel" and play with the values there.
    0_1679399178747_Shape-Panel-2.png
    .
    .

    0
  • B

    Very clever ☺

    2
    S
     1 Reply
  • S

    @Pat ,
    Thank you, usually I tinker around for a while
    what options there are to create something like this

    But it's the tools and options in VectorStyler that
    make such a workflow possible 🙂

    0
  • S

    Here is a another Pattern.

    Made it with more or less the same Workflow as above.
    Apart from that i use the "Square Star" Shape as a clipping contend.
    .
    .
    0_1679399419118_a-different-one.png

    2
  • S

    And here is how i made it
    .
    .
    0_1679401767798_SquareStar-1.png

    Used the Polygon and Square Star Shape
    and the Shape Panel.
    .
    .
    0_1679401818648_SquareStar-2.png

    1
    Recommend to use symmetrical shapes
    if you like to align them in the center

    "Cut" the "Square Star" Shape into the
    Clipboard select the "Polygon" Shape
    and do a "Paste Inside"
    .
    .
    0_1679401908113_SquareStar-3.png

    2
    Selecte the "Square Star" Shape with the "Select members
    group" Tool and use the "Shape Panel" to set Inner to 30 %.
    Set Sides to 3 and rotate the "Square Star" Shape until it looks
    like the result on to the right. Inner is still 30 %.
    .
    .
    0_1679402118619_SquareStar-4.png

    3
    Copy the Square Star Shape to get the outline inside
    the clipping Shape.
    Switch to the "Select members Group" Tool and select
    the Square Star then copy it into the Clipboard.

    Then select the "Polygon" Shape and do a "Paste Inside"

    While the Square Star is still selected change its color to
    black and set Inner to 2 %.
    .
    .
    0_1679402027984_SquareStar-5.png

    3
    Its also possible to use the Corner Tool or to add
    a Shape Effect. All of it stay editable, so there is a wide
    field for experimentation.
    .
    .
    0_1679402322829_SquareStar-6.png

    4
    "Expand clipped Groups" (Object > Expand clipped Groups)
    Will expand all in individual shapes (they are no longer Smart Shapes then)
    could be helpful for special editing needs.

    2
  • S

    some variations

    Btw. take a look at the "Corner Shape" Video from Vectorstyler
    to get some additional inspirations.
    Here the Video Link:
    Corner Shape Magic
    .

    This variation are made with the Corner Shape only.

    0_1679401184684_SquareStar-7.png
    .
    .
    0_1679401198857_SquareStar-8.png
    .
    .
    0_1679401214537_SquareStar-9.png
    .
    .
    some other variations
    .
    used a "Offset Path" Effect here

    0_1679403364717_OffsetPath-Effect.png
    .
    .
    0_1679403443768_Smart-Shapes-2b.png

    4
    B
     1 Reply
  • B

    @Subpath Great. I wish I had time to use VS ☺

    2
    S
     1 Reply
  • S

    @Pat said in Cube it - A pattern made of Cubes - easy level:

    @Subpath Great. I wish I had time to use VS ☺

    thank you and no need to worry
    during the time you may write down
    or scribble your ideas

    2