How To Customize Transparency Grid Settings in Photoshop CC
Most of the users are just fine with default transparency grid in Photoshop. However, there are and customization options for which many users do not even know.
Customization options for transparency gridTransparency settings are available from Edit > Preferences > Transparency & Gamut. From the Grid Size drop-down the list you can choose grid or checkerboard size. On the top of the list, you will notice None option. What does this mean? It means that you can disable grid and to have white color covering transparent areas instead of the checkerboard. This option can be useful sometimes when you work for the web for, example and you want to see how things will actually look like on page instead of imagining page background.
When you choose None for Grid Size you will get the white color as a background color instead of the checkerboard. What if your web page background is light gray, for example? Do not use None option but instead any of other available options (Small, Medium, Large) and set the exactly same color by clicking on 2 grid color picker squares below Grid Colors drop-down the list.
By the way, you can also choose some of the pre-defined color schemes and variations from the Grid Colors drop-down list. You can also set your own combination using color pickers as described above or by choosing Custom from the Grid Colors drop-down list.
Change canvas background colorYou can also set the custom canvas background color and turn off drop shadow for Border around image area in Preferences > Interface to complete look and feel of your web page while working in Photoshop.
To change canvas background color just right click anywhere outside of the image or canvas area and choose Custom then set the same color which you have set for grid colors.
Product used in this tutorial:
Adobe Photoshop CC 2015