To make World of Warships Blitz graphical materials more consistent, we created a brand button and the principles of its design. The button can be used both as a flat version and as a version with effects, depending on the task and type of content.
The suggested design guide will help you create the button on your own, featuring any kind of call-to-action.
ALGORITHM OF CREATING BUTTONS IN ADOBE PHOTOSHOP:
1/ Install the ROBOTO Condensed Bold font.
2/ Choose a file from the library.
3/ Type a necessary word or phrase in a text layer above the button.
4/ Using the scheme below, adjust the indentations of the text block from the edges of the button with the Transform tool (Ctrl+T). The FX button will adjust to the new size. If necessary, move the texture in the Pattern Overlay in layer properties, focusing on the original button.