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

Exact Corners "3D" Built Shape

Explorer ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

I'm needing to build a 3-dimensional box in Illustrator and can't remember how to 'cut the corners' so that they don't overlap past the image. It needs to have outside edges, so removing them will only make things harder on the overall work.

FormostFujiCorporate_0-1661867964218.png

My anchor points are all in-line, which is good, but when I attempt to 'match' the corners perfectly, this is a struggle (line weight is 1pt, also width-specific).

 

Isn't there a way to match these so it looks cleaner? I swear I used to do this with older versions of the program.

TOPICS
Draw and design

Views

63

Likes

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
Explorer ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

Theoretically, the box should be something similar to this, except with black outlines (created in Photoshop, not Illustrator, but need this as a vector, not pixel image)

FormostFujiCorporate_0-1661869874852.png

 

Likes

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 ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

You have a few options:

  1. Use a stroke aligned inside
  2. Use a stroke with rounded joints
  3. Draw the outside of the image as one complete path
  4. Outline the stroke and use Shape Builder/any editing method to get rid of the overlapping mitres

 

Just in case you don't understand why they are appearing: they are the mitres of each diamond shape in that drawing. They are a necessary effect of having abutting shapes with sharp corners

Likes

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
Explorer ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

These are great ideas but with problems I've faced (unless I don't know what I'm doing... which is possible).

The image is being used for a technical drawing, and can/should have a similar feel to Lego instuctions (example below)

FormostFujiCorporate_0-1661870648119.png

 

I'm responding to suggestions so we can hopefully come to a better understanding.

1. Aligned inside has a similar issue -

FormostFujiCorporate_1-1661870815404.png

2. Rounded edges do not properly represent the item I am creating

3. They are already considered shapes, so Illustrator will not convert them

4. This one is close, but the faces are different colors/shades for clarity, and the problem still exists regardless of using the pen/rectangle tool because of multiple faces

 

Thank you for the great suggestions. I welcome more, if you have them

FormostFujiCorporate_2-1661871135290.png

Likes

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 ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

quote

3. They are already considered shapes, so Illustrator will not convert them


By @Formost Fuji Corporate

 

How familiar are you with Illustrator? You need to construct your example like this if no other option is acceptable:

DougARoberts_0-1661872198009.png

The internal lines must be separate from the external.

 

Likes

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
Explorer ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

I'm pretty familiar with the program and can mimic the steps taken above. My memory of the program in the past allowed for an image like the one I made here, but with a 'join' or similar function for the lines.

 

If this is 'the way' now, I will 'relearn the process', but I feel like I am missing something to do this in less steps.

 

This is a vector image with it, but not quite 'the way' I was hoping, as the images I'm creating have strange angles/curves.

FormostFujiCorporate_2-1661873835261.png

 

or more realistically like:

FormostFujiCorporate_1-1661873793928.png

 

But again, if this is 'the way', then I will adjust my workflow and understand it is going to take me more time to complete than it used to.

Likes

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 ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

LATEST

Nothing you or I have described in this topic has changed in Illustrator for decades. There is no 'the way', there is just whatever works for you. I'm just telling you what I would do given your requirements.

Likes

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