In today's tutorial, we're going to learn how to make tables in Photoshop using a quick, easy method.
If you're looking to speed up the flow of your design projects, you can always try out some of the plugins, graphic templates, actions, and add-ons that Envato Elements has to offer! There are plenty of assets available for you, with the simple click of a button, to help you enrich your designs.
What You'll Learn in This Photoshop Insert Table Tutorial
- How to set up a grid to create a table
- How to add columns and rows to the table
- How to make a table in Photoshop for a calendar design
1. How to Set Up a Grid to Create a Table
For the purpose of this tutorial presentation, we will be working on the Wall Calendar 2022 Template file from Envato Elements. Let's learn how to add a table in Photoshop!
In order to create a neat table design, we need to display the grid on the artboard. First, click View > Show > Grid (Command-') to bring out the grid to view.
Then we need to configure and edit the grid to fit the canvas. It's important to keep in mind how many columns and rows you are going to have before drawing the table. Since this is a calendar, I made sure there are seven columns (for the days of the week) centered and two columns on each side of the canvas.
Select Photoshop > Preferences > Guides, Grid & Slices, and set up:
- Gridline Every: 2.82 Centimeters
- Subdivisions: 1
Next, we need to activate the special option to snap, that allows our tools to Snap to the Grid (View > Snap to > Grid). This will make it so that anything we draw will fit perfectly with the grid, making the table design process a lot faster and easier.
2. How to Add Columns and Rows to the Table
Select the Rectangle Tool from within the Shape Tool icon in the toolbar, and draw a rectangle with seven columns and one row. The seven columns represent the days of the week.
Next, we need to add a stroke around the shape. Open the Layers panel (Window > Layers) and the Properties panel (Window > Properties).
With the rectangle shape selected, head over to Properties > Appearance and set:
- Fill to null
- Stroke Black
- Stroke Weight 5px
Let's continue to create the rest of the rows by duplicating the rectangle. With the rectangle shape selected, hold down the Option key and drag the rectangle down to duplicate the shape and create another row.
Repeat the process to create five more rows.
Now let's create our columns.
Hold down the Shape Tool in the toolbar, and select the Line Tool. Split the columns using the Line Tool; it will automatically snap to the grid in a straight line.
When you are done, you can insert numbers into the Photoshop table design, and you will have created a calendar!
Congratulations! You're Done
Fantastic, you now know how to make a table in Photoshop! You can apply the technique in your future design templates, calendars, pamphlets, and more.
Find some amazing sources of inspiration at Envato Elements to help design your next creation.
Want to Learn More?
I hope you liked this tutorial on how to add a table in Photoshop. Head over to Envato Tuts+, where we have plenty of tutorials that will help you upgrade your skills and speed up your workflow.
- 10 Essential Design Tips for PhotoshopAbbey Esparza26 Apr 2022
- How to Remove Green Screen in PhotoshopAbbey Esparza08 Feb 2022
- How to Fix Red Eye in PhotoshopAbbey Esparza17 Jan 2022
- How to Remove a Person From a Photo in Photoshop Using Content Aware FillAbbey Esparza15 Nov 2021
- How to Resize an Image in PhotoshopJonathan Lam02 Jun 2021
- How to Create a Surreal Water Photo Manipulation in Adobe PhotoshopJenny Le28 Mar 2022