I am wondering how to make a button like this in photoshop or whatever image editor. I really like these types of buttons and want to replicate them.
I haven’t used Photoshop in a long time so I probably can’t give you the exact details, but there are several things you could do to recreate the button shown:
Text
- Create a text object and type whatever you want.
- Also modify the font, font size, and kerning if necessary.
- Rasterize the text then warp/distort the text on the right side.
- Create a clipping mask for the text then use a dot pattern image or brush.
- Or you could draw the pattern by scratch.
Other Details
- Draw a triangle on the right side of the text.
- For the button you provided specifically, create a mask then use a soft brush on the corners.
- Use brushes to draw black background and underline.
I am able to recreate this in a drawing app I use called Procreate, but I’m not sure if everything I said can also apply to Photoshop or similar programs. If you want me to show you how I made it in Procreate, let me know.
1 Like
Yes it would all apply to Photoshop as well.
1 Like
Honestly i like yours better than the original.
2 Likes