Adobe · Adobe Photoshop on Windows or macOS

Customize a Pricing Table Template in Photoshop

Source-checked About 10 minutes

Answer

Open the Pricing Table PSD, expand Graphic Element and its three pricing-tier groups, then replace every plan name, price, feature, description, and button label. Resolve missing fonts, check alignment and contrast, and export an image only after the displayed prices and terms are accurate.

Guide steps9 steps
  1. Get the correct PSD and read its instructions
  2. Extract the complete template folder
  3. Open the Pricing Table PSD
  4. Edit the first pricing tier
  5. Update the remaining tiers
  6. Resolve fonts and text fit
  7. Adjust colours and background
  8. Verify the information at final size
  9. Save a master file and export a copy
  10. If it still does not work

Get the correct PSD and read its instructions

Use the exact template shown in the video, or a compatible layered PSD that clearly identifies the editable Smart Object. If you download an Envato item, register it to the intended project and keep its license record. The optional original template link appears in the sponsored-resource box on this page.

Extract the complete template folder

Open the downloaded ZIP file with Extract All in Windows or by double-clicking it in macOS. Keep the PSD, instructions, font information, linked files, and preview images together. Make a copy of the extracted folder before editing.

Open the Pricing Table PSD

Open the extracted template and save a working copy. In Window > Layers, expand Graphic Element and then the subgroup that contains the Basic, Premium, and Ultimate tiers. Read the included instructions before renaming or moving any group.

Edit the first pricing tier

Expand the first tier and replace its plan name, price, billing period, description, features, and button label. Keep each text layer editable. Change a Select button to Buy only when that wording matches the real action readers will take.

Update the remaining tiers

Repeat the same check for the other two tier groups. Remove features that do not apply and avoid leaving sample prices or terms. Make the featured plan visually different only when that emphasis is accurate.

Resolve fonts and text fit

If Photoshop reports missing fonts, use the package's font information and verify the licence. Activate an available Adobe Font or choose a licensed replacement, then recheck every line break, price, button, and feature list.

Adjust colours and background

Use the template's labelled button, shape, colour-overlay, and Background layers. Preserve alignment across the three columns and check text contrast. Add a logo as separate placed artwork instead of flattening it into the background.

Verify the information at final size

View the design at 100% and at its intended display size. Confirm currencies, decimal separators, billing periods, feature differences, button labels, footnotes, and contact or purchase information. Do not publish sample pricing.

Save a master file and export a copy

Save the layered Photoshop document under a new name so the original template stays available. Export a separate PNG when you need transparency or a JPEG for an opaque image. Open the exported file and check its size, cropping, spelling, colour, and image quality before using it.

Video walkthrough

If it does not work

  • If a text edit changes every tier, undo it and confirm that you selected the text layer inside the intended Basic, Premium, or Ultimate group.
  • If prices or features overflow, shorten the wording or adjust the text box while keeping all three columns aligned and readable.
  • If the table will be used on a website, treat the exported image as a visual only. The real purchase controls and accessible pricing text must still be implemented on the website itself.
Sources and verification

Checked against official documentation on . Scope: Adobe Photoshop on Windows or macOS.

The original template link resolved to the matching Envato item during review. Adobe documents the current Smart Object, placement, and export controls used here. The template-specific layer names come from Tech How's preserved source and video.

Continue with

Browse more Photoshop CC tutorials