Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

How to Make a Table in Photoshop

Scroll to top
Read Time: 3 min

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!

Step 1

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
How to make a table in Photoshop setup and show GridHow to make a table in Photoshop setup and show GridHow to make a table in Photoshop setup and show Grid

Step 2

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.

adobe photoshop snap to Grid option to create tableadobe photoshop snap to Grid option to create tableadobe photoshop snap to Grid option to create table

2. How to Add Columns and Rows to the Table

Step 1

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.

use rectangle tool to create rectangle box to create columns and rowsuse rectangle tool to create rectangle box to create columns and rowsuse rectangle tool to create rectangle box to create columns and rows

Step 2

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
set stroke around rectangle table from Properties panelset stroke around rectangle table from Properties panelset stroke around rectangle table from Properties panel

Step 3

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.

duplicate shortcut on adobe photoshop hold down option keyduplicate shortcut on adobe photoshop hold down option keyduplicate shortcut on adobe photoshop hold down option key

Step 4

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!

Use Line Tool to create columns for table in PhotoshopUse Line Tool to create columns for table in PhotoshopUse Line Tool to create columns for table in Photoshop

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.

Learn how to make a tables in PhotoshopLearn how to make a tables in PhotoshopLearn how to make a tables in Photoshop

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.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.