How can I make a vector image like this using illustator? (I'm interested in the shape of the triangles) I'm moving from Photoshop to Illustrator and I have some difficulties...
-
5What have you tried? How would you do this in Photoshop? Why isn't that working in Illustrator for you? In general, you create the triangles then clip or cut them to the circle, you don't modify a circle from the onset.– ScottMay 5, 2015 at 19:55
-
3Hi Giulio Cantadori, you will need to learn how to use the pathfinder options. Illustrator Help / Combining objects. For this specific effect, you can watch a video tutorial like this one: Adobe Illustrator | Shutter Icon Tutorial– AndrewHMay 5, 2015 at 19:57
-
1Please make an edit to your question with what you've tried.– DᴀʀᴛʜVᴀᴅᴇʀMay 5, 2015 at 20:06
-
This is a much better question than i originally anticipated... I think its good as is.– joojaaMay 6, 2015 at 11:18
2 Answers
Look at what you have. Circle divided in 6 pieces. divide circle into 6 pieces for starter. It is symmetrical by rotation. Draw one piece and copy. the triangle is pointing one side horizontally. This is what you get:
Image 1: how i would do it
- draw circle (mark center out with guides)
- Draw line at 80 degrees
- trim lines with shape builder
- rotate back by 30 degrees
- move point to verical with lower edge
- rotate and repeat (ctrl+d)
- color
- make stroke wider white
- outline
...
Ammendum:
If you want to be entirely accurate (my eyeball did this it very close but not perfect) note that the line has to satisfy following criteria:
Image 2: The geometric problem to solve.
PS: yes its the mirror image
-
Thats really interesting to see how you made that. I would have made basic triangles then used pathfinder to intersect or exclude the circle. Im not too familiar with Illustrator. Your way looks much more pro :)– LexMay 6, 2015 at 7:45
-
@Lex there more then one way to do this for sure.. if id do this again id use offset as a live effect rather than the expansion of a stroke.... oh well.– joojaaMay 6, 2015 at 9:44
-
2@Lex your comment helped me appreciate the problem a bit more and realize i left something out of my sequence that might not be obvious. So i added a section. TY... and now you all have to suffer my engineering mind :P Muhahaha– joojaaMay 6, 2015 at 11:34
I have read all valuable answers my answer would be easier - I think
- Draw the basic shapes and they are a circle and hexagone
- Align them to the center
- now break each anchor in the hexagon shape by selecting with the white arroe each anchor and click over
cut path at selected anchor points
select two by two because if select it all the cut path command will disappear as you select all the object not some anchors of it.
- after that scale each line of the extracted hexagon separately in one way only.
- give a stroke to those line and convert strokes into path. by selecting all lines and apply 10 point stroke then go the
objects>path>outline stroke
when all lines converted to shape still selected go to pathfinder panel and select unite.
sill the shape selected use sift to select the circle and go to the pathfinder panel and choose
Minus Front
and ungroup the result and delete the generated hexagon generated by our last operation. That's it.
-
Here is a conceptually easier way than both your sand mine i.stack.imgur.com/xdpou.gif– joojaaMay 6, 2015 at 15:53