BUTTON

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.

 

 

LIBRARY

  • To ensure the proper performance of FX, do not change the color of the button.
  • If you need a flat version of a button, disable the layer effects.


  • CORPORATE BUTTON

  • ADAPTED VERSIONS

Download all files