Here's an example for the circle image, this has to be a vector image, using shapes in Photoshop. I tried working on it but I couldn't get the circles to overlap. enter image description here

  • Hi and welcome this post is a possible duplicate of How do I split a circle shape into diaphragm-like segments in Illustrator? If you feel that is somehow not the case than you should give me a ping. – joojaa May 8 '17 at 6:49
  • Hey thanks for the response but I wanted to do it in photoshop. I want to make the exact said image as in the description. It should have a triangle in between. – Awesomestvi May 8 '17 at 8:15
  • ok, yes the approach is still the same. Except sphotoshop does not have the tools to cut this effectively. It is usually considered nessery to repeat your heading in your body post. – joojaa May 8 '17 at 8:49

One way to do this is:

  1. Create a circle with the shape tool in Photoshop

  2. Add Mask to the layer on which the circle is drawn

  3. Create a New Layer and keep the layer selected

  4. With the Pen Tool create a path around the area that needs to be masked.

  5. Once the Path has been drawn go to Path - Load Selection. This will create a selection

  6. Now select the layer on which the circle is drawn. Select the Layer Mask Thumbnail

  7. Keep the Foreground Color as Black and use the Brush Tool for Masking

Now Deselect the selection

  1. Now Press Ctrl + J. This will duplicate the layer. Ctrl + T and rotate the circle

  2. Mask a portion of Yellow Layer for Overlapping

  3. Create layers below the Shape Layers. Use Brush Tool to draw Shadows. Decrease the opacity to give it a shadow effect.

enter image description here

enter image description here

| improve this answer | |
  • Hey this looks like it. If it's okay can you share the PSD for reference. Thanks :) – Awesomestvi May 8 '17 at 9:37
  • Fix the shadow of the red segment. Is it possible to have the shadows too as vectors or at least as smart objects? – user287001 May 8 '17 at 9:48
  • @user287001 Okay I will update the Image. Shadows are not vector. I have created those on a normal layer. – Aiman May 8 '17 at 9:53
  • @user287001 I think shadows cannot be vector. Not sure about it. – Aiman May 8 '17 at 9:59
  • @Aiman can you please attach the working PSD for reference? – Awesomestvi May 8 '17 at 10:12

Draw a grey circle. Make e rectangular selection and copy to the clipboard one slice (=circle segment) of the circle.

Paste the slice to three different layers (Slice 1,2 and 3). Paste in place!

Take the selection tool. Rotate one of the slices +120 degrees and one -120 degrees. Enter the angles into the appropriate box at the top of the screen.

Move the slices at their places. They snap within 1 pixel if you have the snapping on.

Layer by layer: Goto Image > Adjustment > Hue/Saturation, cross Colorize and adjust the color. Now you should have:

enter image description here

Hide the grey circle. Goto the bottom slice layer. Select half of it and copy to the clipboard. Paste it to place and move to the top in the layer stack:

enter image description here

The shadows:

  • make a new layer(=Shadow) under the source of the shadow
  • draw a solid black line below the edge
  • goto Filter > Blur > Gaussian Blur
  • goto the layer that is under the shadow
  • select the transparent area by the Magic Wand
  • goto the Shadow layer and press DEL

enter image description here

| improve this answer | |
  • 1
    Wouldnt it be better to mask slice 3 off with a clippingpath then you would have less objects to worry about? – joojaa May 8 '17 at 9:12
  • Hey Thanks. From the layers I speculate that the circles aren't a vector image. I needed it to be vector graphics. – Awesomestvi May 8 '17 at 9:34
  • @joojaa Just in this case the horizontal seam is perfectly along the pixel boundary. Are you sure that face to face interlayer seams stay invisible if one decides to rotate or geometrically distort the image?. Having vector masks spoil the simplicity. – user287001 May 8 '17 at 10:19
  • @user287001 they wont that is why the things should overlap with a lip. – joojaa May 8 '17 at 10:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.