enter image description hereis there a photoshop tutorial or an easy way to make the hexagon with the corners the way they are in this picture? I'm not really sure where to start. I've googled different things, but since I don't know the name of the effect being used it's not easy finding a tutorial on my own. [![][2]][2]

  • This looks like a combination of drop shadows and masks, with each hexagon being on its own layer, and text on the very bottom. – superluminal Nov 25 '19 at 16:36
  • So it's not the shadows falling on the ground and the hexagons you are interested in, but the gradient shading of the hexagons themselves? – Wolff Nov 25 '19 at 17:40
  • i updated the image in the original post, but i'd like to recreate the effect where the angles meet. – stephie.steph Nov 25 '19 at 18:16
  • What about the ieffect at the intersections are you interested in - the difference in shading? I don't think photoshop offers an automatic way of doing that - you may need to do this manually. – superluminal Nov 25 '19 at 20:06
  • Its just 6 different gradients – joojaa Nov 25 '19 at 21:36

I would use Illustrator, because vector shapes are there handled much more easily and there's no need to worry the resolution.

But everything is possible also in Photoshop, the handling is only more complex. You must make careful selections or use vector masks.

I drew a polygon, made a smaller copy, made a hole by subtracting and splitted the resulted ring to pieces with lines and Object > Path > Divide objects below.

The pieces were kept together, they got only different gradient fills.

In the next image there's shown some intermediate results and a copy of the splitted polygon ring ripped apart to show the separate pieces. One actual fill gradient is also shown:

enter image description here

I made a smaller copy of a ring, inserted a background, a Lorem ipsum text variant and some blurred grey polygon ring copies with very low opacity. I got this piece:

enter image description here

  • Juuri näin se menee. Mitähän suomalaista traktori osaketta kannatais ostaa. – joojaa Nov 25 '19 at 21:58
  • @user287001 - thank you for the samples, i'm going to try this! – stephie.steph Nov 25 '19 at 23:15
  • @joojaa that decision shouldn't be based on subjective recommendations. Check some objective third party scientific reports like this youtube.com/watch?v=mtV0PKWrciE – user287001 Nov 25 '19 at 23:33
  • Update: I was able to do it pretty simply in photoshop - I used the polygon shape tool to draw a hexagon (with just a stroke, no fill) then I used the polygon lasso tool to select each side and then added the gradient. Now I'm just playing with the gradient to get it how I want it to look. I also will need to add the drop shadow. @user287001 - how did you get the polygons to intersect like that? – stephie.steph Dec 5 '19 at 18:47
  • @stephie.steph the polygons are splitted to pieces, which are stacked to wrong order. In Photoshop you can make the same by having more image layers. – user287001 Dec 5 '19 at 19:16

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.