• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

distributing shapes in a geometrically perfect fashion

Contributor ,
May 06, 2019 May 06, 2019

Copy link to clipboard

Copied

Say you want to create a 'checkerboard' of hexagons...

given, say, a regular hexagon.

you Alt/Shift drag it to clone it vertically.

then Ctrl+D to repeat the op as many times as needed and you got yourself a column of evenly spaced hexagons.

now you want a second column...and of course, you need the spacing between hexagons to be the same horizontally as it is vertically - in the screengrab below, smart guides show the vertical alignment is good, but they don't tell you anything about the horizontal alignment. Can one get smart guides to show that, or is it the case smart guides don't go this far?

Is there an alternative way to do it? possibly pattern making? I haven't tried this yet.

Many thanks

HEXAGON ALIGN.png

Views

598

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , May 06, 2019 May 06, 2019

I wouldn't clone it manually. I'd use the Transform Effect instead.

  1. Create your hexagons
  2. With hexagons selected, choose Effect > Distort and Transform > Transform. Turn the preview on and adjust the horizontal and/or vertical movement until the position is as desired and set the number of copies to 1.
  3. Now with the original hexagons still selected, choose Effect > Distort and Transform > Transform again and with the preview on adjust the spacing again but this time pulling the repeat up vertically.
...

Votes

Translate

Translate
Adobe
Community Expert ,
May 06, 2019 May 06, 2019

Copy link to clipboard

Copied

hi, you are doing it errm wrong.. you must use transform effect. UI is relatively easy to follow

(you will prob have to do 2 transform effects)

/G

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 06, 2019 May 06, 2019

Copy link to clipboard

Copied

I wouldn't clone it manually. I'd use the Transform Effect instead.

  1. Create your hexagons
  2. With hexagons selected, choose Effect > Distort and Transform > Transform. Turn the preview on and adjust the horizontal and/or vertical movement until the position is as desired and set the number of copies to 1.
  3. Now with the original hexagons still selected, choose Effect > Distort and Transform > Transform again and with the preview on adjust the spacing again but this time pulling the repeat up vertically. Increase the number of copies to achieve the result that you want.

This solution is based on the approach you were taking when asking the question. Another approach would be to create a pattern swatch.

Illy_01.jpg

Illy_02.jpg

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 06, 2019 May 06, 2019

Copy link to clipboard

Copied

I would use the plugin ColliderScribe:

Bildschirmfoto 2019-05-06 um 13.05.43.pngBildschirmfoto 2019-05-06 um 13.04.50.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 06, 2019 May 06, 2019

Copy link to clipboard

Copied

...smart guides show the vertical alignment is good, but they don't tell you anything about the horizontal alignment. Can one get smart guides to show that...

To answer this part of your question: Yes, Smart Guides can display more than one construction guide at a time.

Example using version CS6. Construction Guides are set to 30° angles.

  1. White Pointer, all nodes selected: Mousedown on the node to be dragged.
  2. Press and hold Ctrl.
  3. Drag to one of the nodes to be used as an alignment reference.
  4. Drag to another node to be used as an alignment reference.
  5. Drag to approximately where you want the path to be and "feel around" until the intersecting Construction Guides appear.
  6. Mouseup.
  7. Release Ctrl.

SmartGuides_2Guides.png

It's documented in the Help files.

JET

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 06, 2019 May 06, 2019

Copy link to clipboard

Copied

In case you want to go the pattern route:

p_001.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 06, 2019 May 06, 2019

Copy link to clipboard

Copied

LATEST

I agree with Kurt, Patterns are a great way to go. It's easy to create, easy to change and totally repeatable.

Here's a video tutorial about creating Patterns that should help: http://www.jeffwitchel.net/2012/07/create-simply-amazing-patterns/

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines