Free tools Windows power users keep installed
One-click scans. No signup required.
iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
To customize a pricing table template in Photoshop, open the template as an editable working copy, change its type layers for plan names, prices, and features, replace logos or artwork in their designated layers, then save the layered file before exporting a separate JPEG or PNG. The working copy protects the original template, while the layered source lets you revise prices and branding later.
For one table, manual layer editing is the fastest approach. If you must produce many plan combinations or regional versions, Photoshop’s data-driven graphics can substitute text, pixel content, and layer visibility from variables.
Prepare Photoshop and the template
Adobe’s desktop documentation says Stock templates can be previewed before licensing and opened as editable Photoshop documents. When you open one, Photoshop creates a standard working copy, so changes to that document do not modify the original template. Browsing and licensing require an active internet connection, and licensing uses eligible Stock entitlements or credits. Adobe lists Photoshop 2017 or later for this template workflow. These conditions describe the documented Stock process; they do not guarantee that a particular pricing-table design is available or that a specific subscription includes it.
- Preview the pricing-table template and confirm that its layout suits the number of plans, feature rows, and branding you need.
- License the template through the Stock workflow if required, then open it in Photoshop.
- Immediately inspect the Layers panel. Expand groups and note which layers contain headings, plan names, prices, feature rows, logos, icons, backgrounds, and decorative elements.
- Save the opened document as your project file before making substantial edits. Use a descriptive name such as
pricing-table-source.psdso the editable source is easy to distinguish from exported graphics.
Keep the original template download or Stock asset untouched. Your working PSD is the document you customize; it is also the file you will return to when prices, features, or branding change.
#1 Best Overall
Map the template’s editable layers
A pricing table is easiest to maintain when each changeable item has its own layer. In the Layers panel, look for the type-layer icon beside text such as “Basic,” “Pro,” a currency amount, or a feature description. A type layer remains editable until it is rasterized or otherwise converted into pixels.
Identify the content you will replace
- Plan names and short labels.
- Prices, billing periods, and introductory wording.
- Feature names and explanatory rows.
- Call-to-action labels, badges, or plan highlights.
- Logo, product mark, icon, or illustration layers.
- Background shapes, separators, and accent colors that establish hierarchy.
Rename layers or groups when the structure is difficult to follow. Clear names such as Plan 1 - Price and Feature 04 - Analytics reduce mistakes when you revisit the file or prepare several variants. Do not merge layers merely to make the panel shorter; merging removes the independent editing control that makes a template reusable.
Edit plan names, prices, and feature text
Use Photoshop’s Type tool and the existing type layers rather than painting replacement text over the design. Select a type layer, click the text on the canvas, and edit the characters. Photoshop’s type-layer help describes selecting the text and changing its characters, then committing the edit so the change is stored in the document.
- Select the appropriate type layer in the Layers panel.
- Choose the Type tool, then click in the text on the canvas. Drag across characters if you need to replace only part of the wording; otherwise select the complete text.
- Type the new plan name, price, feature, or call-to-action.
- Commit the edit using the checkmark in the options bar, another layer selection, or the documented keyboard confirmation for your operating system.
- Repeat for every text layer instead of duplicating a text box and leaving the old content visible underneath.
Before experimenting with a major rewrite, duplicate the type layer. The duplicate gives you a recoverable version if a conversion, resize, or formatting change produces an unwanted result. Keep at least one copy as a live type layer.
Rank #2
Preserve visual hierarchy while changing wording
Changing a short plan name to a longer one can alter the balance of the entire column. With the text layer selected, adjust font family, weight, size, tracking, leading, alignment, and color in the Type tool options or Character panel. Match the template’s existing hierarchy: plan names should remain distinguishable from prices, prices from billing periods, and feature rows from secondary notes.
Do not rasterize text to force a visual effect while the wording may still change. Rasterization converts the type into pixels and removes direct text editing. If a layer is already rasterized, restore an editable duplicate from the original template or from an earlier saved PSD rather than trying to reconstruct every character manually.
Check wrapping and column alignment
After each substantial text change, review the whole table at 100% zoom and at the size where readers will see it. Long feature descriptions can wrap to additional lines, increasing row height or colliding with the next row. A long plan name can overlap a badge or push the price out of alignment.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →- Compare the baseline of each plan name across columns.
- Check that all prices share the intended alignment and that currency symbols have consistent spacing.
- Inspect every feature row for unexpected line breaks, clipped characters, or text extending outside its column.
- Confirm that the highlighted or recommended plan still has enough contrast after wording changes.
- Review the bottom of each column so a taller text block has not displaced a button or footer.
If one column needs more room, shorten the wording first. Reducing type size should be the second choice because it can weaken hierarchy and readability. When a template uses paragraph text boxes, adjust the box width or height carefully and then recheck neighboring layers.
Replace logos and artwork without damaging the layout
Logo and image layers may be ordinary pixels, vector-based artwork, or Smart Objects. A Smart Object stores source content separately from the document’s normal pixel layers and supports non-destructive transformations. You can scale, rotate, or otherwise transform the object while preserving the source content for later edits.
Edit a Smart Object’s contents
- Identify the Smart Object layer in the Layers panel.
- Open the object’s contents using the layer’s Smart Object command. Photoshop opens the contents in a separate document.
- Edit the logo, icon, or artwork in that document while retaining its proportions and transparent background where appropriate.
- Save the Smart Object contents and return to the pricing-table document. The updated artwork appears in the original placement.
Use this method when the template’s object already has the correct dimensions, effects, and clipping behavior. If you need to insert a different asset, use the object-replacement command available for that layer so the existing transform and placement can be retained where Photoshop allows it.
Embedded versus linked Smart Objects
Embedded objects travel inside the PSD, making the project more self-contained but potentially increasing file size. Linked objects keep their source file outside the PSD, which can simplify reuse across documents but introduces a dependency: moving or renaming the linked file can break the connection. Choose embedded content when portability is more important; choose linked content when a shared asset must update across several documents and you can maintain the file path.
Recommended Free Tools
Keep a copy of every linked asset with the project archive. If another designer receives only the PSD, a missing linked file can prevent the logo or artwork from updating correctly.
Save an editable source and export a shareable graphic
Your layered PSD is the source of truth. Save it in Photoshop’s native format, or another layered format that preserves the document features you rely on. Keep text layers, Smart Objects, visibility states, and groups intact so a later price or feature change does not require rebuilding the table.
- Choose the normal save command for the layered project and verify that the file retains its layers when reopened.
- When you need a graphic for a website, presentation, email, or social post, choose Photoshop’s Save a Copy command rather than overwriting the source.
- Select JPEG or PNG according to the destination. JPEG creates a smaller, flattened image suitable for photographic or continuously toned artwork; PNG is useful when you need lossless edges or transparency.
- Choose the output dimensions for the actual placement. Adobe’s consulted documentation does not prescribe one universal pricing-table size, so use the destination’s pixel or layout requirements.
- Open the exported copy and inspect it independently. Confirm that no text is clipped, colors remain acceptable, and transparency behaves as intended.
Save a Copy can produce a flattened JPEG or PNG while leaving the original layered document unchanged. Treat the export as a delivery file, not as the document you continue editing. If a stakeholder requests a price change, reopen the PSD, edit the relevant type layer, and create a new output copy.
Produce multiple pricing variants with data-driven graphics
Manual editing is appropriate when you are making one table or an occasional revision. Photoshop also provides data-driven graphics for repeated variants. Its variables can replace text, replace pixel content, and control layer visibility. Every item controlled by a variable must occupy its own layer; a single layer cannot contain several independent variable-driven elements.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Repair Windows errors before they cause bigger problems3Scan for outdated or missing drivers - takes under a minuteWhen variables are worth the setup
- You need the same design for several currencies, markets, or billing periods.
- Feature availability changes by plan and must be shown or hidden systematically.
- Names, prices, and artwork come from a structured list rather than one-off copy edits.
- You want to generate a series of consistent graphics without manually editing every column.
Plan the variable structure
- Separate every replaceable text item into its own type layer: plan name, price, billing period, and each feature label.
- Place replaceable logos, badges, or illustrations on separate pixel or Smart Object layers.
- Create visibility controls for elements that appear only in certain variants, such as a “Most popular” badge or an unavailable-feature marker.
- Define text, pixel, and visibility variables in Photoshop’s data-driven graphics workflow.
- Associate each variant’s values with the corresponding variables, then generate the required documents or outputs.
Variables do not remove the need for design review. Check a generated set for long names, unusual prices, missing artwork, and visibility combinations that were not present in the original design. A template that looks balanced for three short plan names may need a different text size or column width for a longer localized name.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Troubleshoot common customization problems
The text cannot be edited
If clicking the wording does not activate editable characters, inspect the layer type. The layer may be rasterized, part of a Smart Object, or hidden inside a group. Open the group and select the actual type layer. If the content has been rasterized, return to the original template or an earlier PSD and copy the live type layer back into your working file.
A price or feature is cut off
Check the text box bounds, paragraph alignment, and layer mask. Expand the text box or reduce the wording while preserving the template’s hierarchy. Then inspect the column at 100% zoom and in the final export size. Do not assume that text visible on a zoomed-in canvas will remain legible or unclipped in a small delivery graphic.
The replacement logo looks distorted
Open the Smart Object contents and verify the source artwork’s proportions. Replacing a wide logo with a tall one can make the existing transform unsuitable. Resize proportionally, review any clipping mask, and compare the logo’s visual weight with the other columns. If the object is linked, confirm that its source file remains available at the expected path.
The exported file is missing editable features
A JPEG or PNG is a flattened delivery image. Reopen the PSD when you need to change text, Smart Objects, or layer visibility. If the PSD was accidentally overwritten, recover the last saved layered version or the original template and repeat the edits.
Choose the right workflow
| Situation | Recommended method | What remains editable | Main consideration |
|---|---|---|---|
| One table or occasional revision | Manual type-layer and asset editing | Text layers, Smart Objects, groups, and visibility states in the PSD | Review wrapping and alignment after every wording change |
| Many planned variants | Data-driven graphics with text, pixel, and visibility variables | Variable-controlled layers in the source document | Each variable-driven item must be on its own layer |
| Reusable logo or artwork | Smart Object editing or replacement | Object contents and non-destructive transformations | Embedded objects increase file size; linked objects require dependable source-file paths |
| Final web or presentation graphic | Save a Copy as JPEG or PNG | Pixels only in the exported copy | Choose dimensions and format for the destination; retain the PSD separately |
Final quality checklist
- Every plan name, price, billing period, and feature row uses the intended editable type layer.
- No essential wording has been rasterized.
- Columns share consistent baselines, spacing, and alignment.
- Long descriptions do not overflow, clip, or collide with buttons and badges.
- Logos and artwork retain correct proportions and transparency.
- Linked Smart Object files are stored with the project, or the objects are embedded when portability is required.
- The layered PSD has been saved before export.
- The JPEG or PNG is a separate copy with dimensions appropriate to its destination.
- The exported file has been opened and checked at its intended display size.
- For data-driven variants, each output has been reviewed for text length, visibility, and asset substitution.
The reliable pattern is simple: customize the editable working copy, keep text and artwork non-destructive for as long as possible, preserve the layered PSD, and export separate flattened copies only for delivery. That approach gives a single pricing table a clean revision path and provides a practical foundation for generating many consistent variants.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
