Mobile app version of vmapp.org
Login or Join
Lee3735518

: I want to cut the top of the rectangles at an angle using illustrator Here's my original logo image: I want to create a diagonal cut effect as in the following : What I'm currently doing

@Lee3735518

Posted in: #AdobeIllustrator #AdobePhotoshop

Here's my original logo image:



I want to create a diagonal cut effect as in the following :



What I'm currently doing is the following :



I'm making the illusion that the image is cut but using a rectangle (which is shown in red here but normally would be with white borders) that is rotated. Now, when I export the image in illustrator, I get the first image result. However, my problem is that this works well on a white background but does not on any other background since we clearly see the rectangle in white on a black background per say.

How can I manage to cut the edge of the rectangles to produce the desired effect without using a big rectangle that would be shown on a color background.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Lee3735518

3 Comments

Sorted by latest first Latest Oldest Best

 

@Rambettina927

Depending on your needs, you might also want to consider a clipping mask. It keeps the original elements intact but masks out what you want to hide.


Draw your base shape (the three angled rules).
Draw a triangle over it like a frame.
Select all the objects (making sure your cropping/masking object is on top) and choose Object ▸ Clipping mask ▸ Make.


Look up Clipping masks in the documentation. Interacting with them is not difficult but it is different from other types of objects

10% popularity Vote Up Vote Down


 

@Carla748

Here are the basic steps based on Illustrator CS 5. It helps if you turn on the chessboard pattern in the background that makes transparent areas visible. (View > Show Transparency Grid).

1) First draw your frame objects using the pen tool or any of the shape drawing tools (rectangle, circle, etc.). This gives you vector paths, of which you adjust the stroke widths and colours as you like:



2) Then select and expand the path objects. Expanding means converting each thick and thin stroke into shape objects. (You might want to make a copy of the paths before this step, so you don't need to recreate it from scratch should you decide to change the stroke widths later on): Select everything and choose Object > Expand…:

3) To cut the shapes, draw a path (can be a line, a rectangle or circle, etc.) above the shape objects: e.g. use the Line Segment drawing tool and draw a line in your preferred angle, place it over the shapes where you want to cut:


Then choose Object > Path > Divide Objects Below. This adds anchor points to the shape objects where the line you draw crosses them:



4) Now you can simply use the Direct Selection tool (white arrow) or the Lasso tool to select and discard the parts you don't want anymore (select + press the delete key):

10% popularity Vote Up Vote Down


 

@Kevin459

You can use shapes for the lines, and subtract one of them. This method is useful to solve your issue using Photoshop:



By selecting your multiple shapes layer you can then click on subtract from the space area:



Then select the polygon tool, set sides to 3, drag the mouse to get the triangle shape in place, and subtract the shape.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme