How To Customize Transparency Grid Settings in Photoshop CC

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 grid

Transparency 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.
grid size none

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.
pick colors for grid

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.
predefined checkerboard colors

Change canvas background color

You 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.
change canvas background color

Product used in this tutorial:
Adobe Photoshop CC 2015


Popular posts from this blog

How to Change Artboard Size in Adobe Photoshop

Free Puzzle Pieces Actions For Photoshop and Elements

Old Weathered Vertical Wooden Planks Free Image