Halloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan NowHalloween DealsAmazon USOctober picks are moving - compare before checkoutAmazon US: current deals, useful picks and tech finds.See Picks×
FREEDOM251

Freedom251 › Blog › data-driven graphics

How to Customize a Pricing Table Template in Photoshop and Export It Correctly

By Freedom251 Team · · 10 min read

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To customize a pricing table in Photoshop, open the template as an editable working copy, change its type layers and artwork, preserve the layered source file, then create a separate JPEG or PNG copy for sharing. The reliable workflow is nondestructive: keep plan names, prices and feature rows as live text; use Smart Objects for replaceable logos or images; and only consider Photoshop’s data-driven graphics when you must produce many variants.

What you need before editing

You need a desktop version of Photoshop that can open the template, the template file itself (usually a PSD), and the brand material you intend to insert. If the design comes from Adobe Stock, Adobe’s desktop documentation lists Photoshop 2017 release or later and an active internet connection for browsing and licensing. Licensing also requires eligible Stock entitlements or credits. Those are conditions for the Stock workflow, not a promise that every pricing-table asset is available or that a particular subscription price applies.

As an Amazon Associate I earn from qualifying purchases.

  • A working copy: Keep the downloaded or licensed file available as an untouched reference.
  • Content to insert: Final plan names, recurring prices, billing notes, feature limits, logo files, colors and destination details.
  • Output requirements: Know whether the graphic will appear on a website, in an email, in a presentation or as a print file. Photoshop documentation does not prescribe one universal pricing-table size.
  • Backup storage: Layered PSD files can be large, especially when they contain embedded Smart Objects. Save the source where it will be backed up.

Open the template without risking the original

  1. Open Photoshop and choose File > Open, then select the template.
  2. If it is an Adobe Stock template, preview it and complete the licensing step when required. Adobe says Photoshop opens the licensed template as an editable copy; changing that document does not modify the original template asset.
  3. Immediately choose File > Save As (or the equivalent save command in your version) and give the working file a project name such as Acme-pricing-table-source.psd. Keep the layered format.
  4. Open the Layers panel and expand groups. Do not flatten, merge or rasterize anything while you are still identifying the structure.

Saving a named working copy first prevents a common mistake: editing a downloaded file, then overwriting it with a one-off campaign version. The source PSD is the reusable master; exported images are delivery files.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Read the layer structure before changing content

Templates often contain groups for each plan column, a header, feature rows, badges and background decoration. Toggle the eye icon on a layer to identify what it controls, and rename ambiguous layers as you go. Clear names such as Plan-Pro-Price, Plan-Basic-Feature-03 and Logo-SmartObject make later revisions safer.

#1 Best Overall
Sale
XPPen Artist 13.3 Pro V2 Drawing Tablet with Screen, 16K, Full-Laminated | Anti-Glare 123% sRGB Display, 8 Keys for Art, Animation, Mac, PC, Android, Includes Adjustable Stand, Designed for Beginners
  • PLEASE NOTE:XPPen Artist13.3 Pro drawing tablet Need to connect with computer,you need to use it with your computer or laptop, the 3 in 1 cable is included
  • Drawing Tablet with Screen: Tilt Function- XPPen Artist 13.3 Pro supports up to 60 degrees of tilt function, so now you don't need to adjust the brush direction in the software again and again. Simply tilt to add shading to your creation and enjoy smoother and more natural transitions between lines and strokes
  • Graphics Tablets: High Color Gamut- The 13.3 inch fully-laminated FHD Display pairs a superb color accuracy of 88% NTSC (Adobe RGB≧91%,sRGB≧123%) with a 178-degree viewing angle and delivers rich colors, vivid images, and dazzling details in a wider view. Your creative world is now as powerful as it is colorful
  • Drawing Pad: One is enough- The sleek Red Dial on the display is expertly designed with creators in mind, its strategic placement allows for natural drawing postures. With just one wheel, you can effortlessly zoom in and out, adjust brush sizes, and flip the canvas—all tailored to suit the habits of everyday artists. The 8 customizable shortcut keys allow you to personalize your setup, streamlining your workflow and enhancing creative efficiency
  • Universal Compatibility & Software Support:supports Windows 7 (or later), Mac OS X 10.10 (or later), Chrome OS 88 (or later), and Linux systems. Fully compatible with major creative software including Photoshop, Illustrator, SAI, and Blender 3D. Register your device to access additional programs like ArtRage 5 and openCanvas for expanded creative possibilities.

Find live type layers

A type layer remains editable text. Select a layer in the Layers panel and look for the type-layer indicator, then select the Type tool and click the words on the canvas. Plan names, prices, billing periods and feature descriptions should each be separate type layers whenever the template provides them that way.

Separate content from decoration

Shape layers, fills, strokes and icons are not text. Avoid replacing a decorative layer simply because it sits near a label. If a price appears to be part of a single image, check whether the template includes a hidden or grouped live-text layer before rebuilding it.

Duplicate before destructive experiments

Right-click a type layer and choose Duplicate Layer before testing a radically different font, effect or layout. Keep the duplicate hidden as a fallback. Rasterizing a type layer converts the characters into pixels and removes direct text editability, so do not rasterize a price or feature row merely to make a small adjustment.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Edit plan names, prices and feature rows as live text

  1. Select the intended type layer in the Layers panel.
  2. Choose the Type tool and click in the text on the canvas. Select the characters you want to replace, or select all of the text in that layer.
  3. Enter the new plan name, price, billing interval or feature wording.
  4. Adjust font family, weight, size, leading, tracking, alignment and color in the type controls. Match the existing hierarchy first; a price should remain visually dominant over explanatory copy.
  5. Commit the edit using Photoshop’s commit control or by selecting another tool. Uncommitted text can make it appear that a change was not saved.
  6. Repeat for every plan and feature row, then save the PSD.

Keep the wording compact enough to fit the design. A phrase such as “Unlimited projects, team permissions and priority email support” may wrap to three lines where the original had one. Wrapping can increase the height of a row and push later content out of alignment. Revise the copy, reduce the type size modestly, or adjust the text box rather than shrinking the entire table until it is unreadable.

Rank #2
Sale
HUION Kamvas 13 (Gen 3) Drawing Tablet with Screen, Dual Dial, 13.3", Black | Full Lamination, Canvas Glass 2.0, 99% sRGB, PenTech 4.0 16384 Levels, Works with PC, Mac and Android, With Stand
  • Please note: Kamvas 13 (Gen 3) Pen Display is not a standalone product, this device must be connected to a computer/laptop to work.
  • All-new Canvas Glass 2.0: HUION Kamvas 13 (Gen 3) drawing tablet for pc features a fully laminated 13.3-inch screen and brand new anti-sparkle canvas glass 2.0 for reduced glare and improved accuracy. It is perfect for designers, artists, and illustrators to unleash their creativity.
  • Advanced PenTech 4.0 Technology: The 16384 levels of pressure sensitivity and 2g IAF ensure a fluid and natural drawing experience, while the 3 customized pen side buttons improve your workflow.
  • Improved Color Accuracy: With enhanced color accuracy to Avg. ΔE<1.5, 16.7 million display colors, 99% sRGB coverage, and Rec.709 standard color gamuts, HUION Kamvas 13 (Gen 3) digital art tablet delivers stunning visuals.
  • Rigorous Color Calibration: HUION Kamvas 13 (Gen 3) drawing monitor includes a factory calibration report for added assurance of color consistency.

Use a consistent pricing convention

Decide whether each amount is monthly, annual, per user or a one-time fee before editing. Put the billing qualifier in its own layer when the template separates it from the number. If the qualifier is part of the same text layer, preserve a clear typographic distinction with size or weight instead of deleting it. This avoids a polished table whose prices cannot be interpreted.

Check every column after each substantial edit

  • Compare the left edge of each plan name and the baseline of each price.
  • Check that feature rows begin at the same vertical position across columns.
  • Look for clipped characters at the edge of a text box.
  • Inspect punctuation, currency symbols, decimal separators and capitalization consistently.
  • Zoom out to the intended viewing size to confirm that contrast and hierarchy still work.

Replace logos and imagery with Smart Objects when possible

A logo, product screenshot or decorative illustration may be stored as a Smart Object. Smart Objects preserve the original content and support nondestructive transformations, so scaling or rotating the object does not permanently rewrite the source pixels in the template.

Edit the contents of an existing Smart Object

  1. In the Layers panel, double-click the Smart Object thumbnail.
  2. Photoshop opens the object’s contents in a separate document.
  3. Replace or edit the logo or artwork there, then save that object document.
  4. Return to the pricing-table document and verify the updated appearance.

This approach is useful when the template already contains masks, shadows or perspective effects that should remain intact. If the object is linked rather than embedded, keep the linked file in a stable location and include it with the project handoff. Moving or renaming a linked file can break the relationship. Embedded objects travel inside the PSD but can increase file size; linked objects reduce the main file’s payload but add a dependency on the external asset.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Replace an object without destroying its treatment

When Photoshop offers a replace-content command for a Smart Object, use it instead of deleting the layer and rebuilding effects. Confirm that the replacement has a suitable aspect ratio and transparent background if the original relied on transparency. Recheck clipping masks, borders and drop shadows afterward, because a different logo shape may expose gaps that the original did not.

Rank #3
Sale
HUION Kamvas Pro 16 Drawing Tablet with Screen,120% sRGB, Touch Bar,15.6" | Fully Laminated Anti-Glare Glass, 6 Shortcut Keys, Adjustable Stand, Works with Windows, Mac and Linux
  • [Outstanding Visuals] You can enjoy immersive viewing in great clarity and fine detail with the help of 15.6-inch full-laminated screen and anti-glare glass of the Huion Kamvas Pro 16 drawing tablet with screen. For a good feel while drawing, the graphics drawing monitor contains smooth but slight texture.
  • [Brilliant Color] See your creations in vibrant and true-to-life colors on this pen display with 120% sRGB (92% AdobeRGB) color gamut volume(16.7 million 8-bit). 1000:1 contrast ratio shows shadow details clearer and sharper.
  • [Optimized Workflow] Kamvas pro 16 drawing monitors comprise with 6 customized express keys and a touch bar which is helpful to get access to favorite shortcuts of keywords or mouse to achieve different operations like zooming in and out, adjusting brush size, saving time and keystrokes.
  • [Adjustable Stand ST200] The adjustable stand can be moved between 20 and 60 degrees to suit your working way, which helps reduce tension for your neck, shoulder, and back, and offers you the best viewing angle for drawing and typing.
  • [Advanced Pen Performance]The art tablet includes a pen without battery which provides accurate and responsive performance, 60° tilt recognition, and virtually lag-free tracking. Moreover, the pen contains 2 side buttons that can be programmable to the software’s shortcuts.

Apply branding while protecting readability

Change colors on the designated text, shape or adjustment layers rather than painting directly over the table. Preserve sufficient contrast between text and its background, especially for small feature rows. If the template uses a highlighted “recommended” column, keep that distinction clear after changing your palette; do not let every column acquire the same accent treatment.

Replace placeholder wording everywhere, including tiny labels, footnotes, button text and hidden states that may become visible later. Search the Layers panel for terms such as “Lorem,” “Plan,” “Price” or “Feature” to catch leftovers. A hidden placeholder can still appear if a variant or visibility setting is enabled.

Keep the editable source and export a separate shareable file

Save the layered PSD (or another layered Photoshop format supported by your workflow) as the source of truth. Adobe’s file-saving guidance describes Save a Copy as a way to create a flattened JPEG or PNG while leaving the original document unchanged.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
File Use it for What it preserves Important limitation
Layered PSD Future edits, approvals and new plan variants Type layers, Smart Objects, groups, masks and effects Usually larger and not ideal for direct web delivery
PNG copy Graphics needing crisp text or transparency A flattened visual result Layers and live text are not retained
JPEG copy Photographic or opaque web placements where small files matter A flattened visual result Lossy compression can soften small type and edges
  1. Save the source PSD after all edits.
  2. Choose File > Save a Copy.
  3. Choose PNG or JPEG according to the destination and transparency requirement.
  4. Use a distinct filename such as Acme-pricing-table-web.png so nobody mistakes the flattened file for the editable source.
  5. Open the exported file independently and inspect it at 100 percent. Confirm that no text is clipped, colors shifted unexpectedly or transparency was lost.

Choose the pixel dimensions from the destination’s specification. A website hero, email module, presentation slide and print handout have different requirements; the consulted Adobe documentation does not establish one correct size for all pricing tables. If a platform will resize the image, export enough resolution for its documented display size without making the file needlessly heavy.

Rank #4
Wacom Intuos Small, Wired Graphic Drawing Tablet with Pen + Software | Battery-free pen, 4 ExpressKeys for shortcuts, works with Mac, Windows & Chromebook; Ideal for creators, students & teachers
  • Wacom Intuos Small Graphics Drawing Tablet: Enjoy industry leading tablet performance in superior control and precision with Wacom's EMR, battery free technology that feels like pen on paper
  • Works With All Software: Wacom Intuos tablet can be used in any software program to explore new facets of digital creativity; draw, paint, edit photos/videos, create designs, and mark up documents
  • What the Professionals Use: Wacom's industry leading pen technology and pen to paper feeling makes it the preferred drawing tablet of professional graphic designers
  • Software and Training Included: Only Wacom gives you software with every purchase. Register your Intuos tablet and gain access to some of the best creative software and Wacom's online training
  • Wacom is the Global Leader in Drawing Tablet and Displays: For over 40 years in pen display and tablet market, you can trust that Wacom to help you bring your vision, ideas and creativity to life

Produce many pricing-table variants with data-driven graphics

Manual layer editing is fastest for one table or a small number of carefully art-directed versions. Photoshop’s data-driven graphics become useful when the same design must be generated for many plans, currencies, audiences or feature combinations. The system supports text replacement, pixel replacement and visibility variables.

Prepare the template for variables

  1. Put each replaceable item on its own layer. A plan name, price, feature sentence, logo image and optional badge should not share a layer if they need independent values.
  2. Use clear, stable layer names. They become the mapping points between the design and the data set.
  3. Define variables for the items that change: text variables for wording, pixel variables for images, and visibility variables for showing or hiding layers.
  4. Build data sets containing the value for each variable. Keep names and values consistent so one missing field does not shift content into the wrong column.
  5. Preview each data set in Photoshop before exporting. Long text still has to fit the original text box, and a replacement image still has to work with the template’s mask and effects.

Every variable-driven item must occupy its own layer. If a price and its billing qualifier are fused into one layer, they cannot be independently replaced. Data-driven graphics also do not remove the need for visual review: an automated set can generate technically valid images with awkward line breaks or an overcrowded feature list.

Choose manual editing or automation

Situation Better workflow Reason
One campaign table with custom layout decisions Manual live-text and Smart Object editing Fastest way to make deliberate spacing and hierarchy adjustments
A handful of versions with different copy Duplicate the source and edit type layers Preserves art direction without setting up a data system
Many combinations of prices, logos or feature visibility Data-driven graphics Variables reduce repetitive layer edits and keep one design structure
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshoot the failures that matter most

The words cannot be edited

You may have selected a rasterized layer, a flattened export or the wrong layer inside a group. Return to the layered PSD, identify the original type layer and duplicate it before experimenting. If the template contains no live text for that element, you may need to recreate it as a new type layer while matching the surrounding formatting.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The new text is cut off or overlaps another column

Inspect the text box boundary and line breaks at 100 percent zoom. Shorten the wording first, then adjust the box or typography in small increments. Recheck every column because changing one row’s height can disturb alignment with neighboring plans.

Best Value
Sale
HUION Inspiroy H640P 6x4 inch Drawing Tablet 8192 Pen Pressure | Battery-Free Stylus, Tilt, 6 Hot Keys, Work with Mac/PC/Android, Digital Art for Beginner, Drawing, Writing, Design, Teaching
  • Customize Your Workflow: The 6 customizable press keys on Huion H640P drawing tablet for pc let you assign your most-used commands—like undo, zoom, brush switch, or save—so you can keep your hands on the tablet and your mind on the art. Whether you're a digital painter switching brushes, or a comic artist zooming in and out, these keys keep your workflow smooth and uninterrupted. Plus, the Huion driver lets you save different shortcut profiles for different apps, so you never have to reconfigure when switching software.
  • Professional Pen Performance: Huion H640P drawing pad for computer comes with the battery-free PW100 stylus that's always ready when inspiration strikes. With 8192 levels of pressure sensitivity, every light sketch, or bold stroke responds naturally to your hand—just like a real pen. The 5080 LPI resolution and 233 PPS report rate deliver lag-free, precise strokes, so you can draw confidently without second-guessing your cursor. The pen side buttons help you switch between pen and eraser instantly.
  • Compact and Portable: Huion H640P computer graphics tablet features a compact, ultra-portable design at just 0.3 inches thin and 0.61 lbs light, so it slides easily into your backpack—perfect for sketching in coffee shops, taking notes in class, or editing on the go between home and studio. The 6x4 inch active area offers enough room for natural pen movements while fitting comfortably on crowded desks, or lecture hall seats.
  • Stable Compatibility: Huion H640P graphic drawing tablet works seamlessly with Mac, Windows, Linux PCs, and Android smartphones/tablets (OS version 6.0 or later). Left-handed friendly, and you just need to flip the tablet and adjust the settings in the driver. Please note: H640P does NOT support iPhone/iPad.
  • Move Beyond the Mouse: Huion Inspiroy H640P is a pen tablet that replaces your mouse for more natural, precise control. Freehand draw, take notes, or even play OSU—everything you do with a mouse, you can do better with a pen. The precise tip makes it ideal for detailed photo editing, graphic design, or signing PDF. Meanwhile, the ergonomic pen grip helps you avoid the strain that comes from hours of using a mouse.

The logo looks blurry

Check whether the source image is low resolution and whether it was enlarged beyond its useful size. Prefer a vector-based or suitably large replacement inside the existing Smart Object. Do not expect exporting at a larger pixel dimension to restore detail that was never present.

The Smart Object update does not appear

Save the Smart Object’s separate document, return to the parent PSD and allow Photoshop to refresh it. For a linked object, verify that the linked file still exists at its expected path. If the link was broken, relink the correct asset and inspect masks and effects again.

The exported image has no transparency

JPEG does not support transparency. Export a PNG when the table must sit over another background, and verify the checkerboard areas in the exported file or in the destination application.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

A later edit changed the wrong version

Use explicit filenames for the layered source, review copy and each delivery format. Keep the PSD open while making revisions, and never treat a PNG or JPEG as the master because those formats do not retain live layers.

Final pre-delivery checklist

  • All plan names, prices, billing terms and feature rows are current.
  • No placeholder, hidden or accidental duplicate text remains visible.
  • Type layers remain editable in the source; nothing important was rasterized.
  • Columns, rows, badges and baselines align at the intended viewing size.
  • Logo and image replacements preserve the intended masks, effects and proportions.
  • Linked Smart Object files, if any, are stored with the project and will remain available.
  • The layered PSD is saved separately from every flattened delivery copy.
  • The chosen PNG or JPEG format matches the destination’s transparency and compression needs.
  • The exported file was reopened and checked independently before publication.

The dependable pattern is simple: edit live layers in a protected working PSD, use Smart Objects for artwork that may change, and export only after the layout has been checked at its real delivery size. Add data-driven variables when repetition—not a single custom design—is the problem you are solving.

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.

data-driven graphicsPhotoshoppricing tablePSD templatesSmart Objectstype layers

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Recommended PC Tool
Recommended PC Tool
Windows Errors? Fix Them Before They SpreadFree repair scan
Crashes, No Sound, or Screen Glitches?Free driver scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.