Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Repair Windows errors before they cause bigger problemsFix Now →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 put your logo or design into a Photoshop branding mockup, find the layer that contains the mockup artwork, select its Smart Object, and choose Replace Contents. Select your file and choose Place. Photoshop swaps the artwork while preserving the Smart Object’s existing scale, perspective, warp, and other transformations.
What a Photoshop branding mockup is doing
A branding mockup is usually a layered Photoshop document that makes flat artwork appear on a realistic object, such as packaging, stationery, signage, apparel, or a device. The visible result may combine several layers: a Smart Object for your artwork, shadows, highlights, texture, color adjustments, masks, and a background.
The Smart Object is the part you normally replace. It stores the source artwork separately from the visual effects around it. Photoshop applies the mockup’s transformations to that source so your design follows the object’s position and shape.
Mockup files are not standardized. The artwork layer may have a name such as “Your Design,” “Logo,” or “Place Artwork,” but Adobe’s general instructions do not define a universal name, canvas size, mask arrangement, or layer order. Identify the layer that corresponds to the artwork area in your particular PSD.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
Choose the right editing method
Photoshop provides two related commands, but they solve different problems. Decide whether you are substituting a completed file or changing the source artwork itself.
| Your goal | Use | What changes |
|---|---|---|
| Put a different logo, label, or finished design into the mockup | Replace Contents | The selected Smart Object’s source file is replaced; its existing transformations remain. |
| Change text, colors, layout, or other elements inside the current artwork | Edit Contents | The Smart Object’s source opens for editing. Saving that source updates the mockup and any linked instances. |
Simply placing a new image above the mockup is not equivalent to either command. A newly placed layer will not automatically inherit the selected Smart Object’s perspective, warp, or other setup, and it can cover the mockup’s intended shadows and highlights.
Before you replace anything
- Keep the original PSD. Work on a copy or save a versioned file so you can return to the supplied mockup.
- Prepare the replacement file. Use the logo or design you actually want displayed. A transparent PNG, layered PSD, or another format Photoshop can place may be suitable, depending on the mockup and your required editability.
- Check the mockup’s layer visibility. Expand groups and look for a thumbnail with the Smart Object badge. The artwork layer may be nested inside a folder.
- Save your work before testing. Replacing content is nondestructive to the Smart Object’s transformations, but you still need a saved document to preserve the result.
- Know the destination. A presentation image, website graphic, proof for a client, and print file can require different dimensions, color handling, and file formats. The mockup itself does not establish one universal export setting.
Step-by-step: replace a logo or design with Replace Contents
- Open the mockup PSD in Photoshop. If the file opens with groups collapsed, expand the relevant folders in the Layers panel.
- Find the artwork Smart Object. Select layers one at a time and watch which layer controls the placeholder artwork. Look for the Smart Object icon on the layer thumbnail. Do not assume the layer has a particular name; use the visible result and the file’s own labels.
- Select the Smart Object layer. Click the artwork layer in the Layers panel so it is active. Selecting a mask, adjustment layer, shadow, or background instead will expose different commands or replace the wrong content.
- Open the layer’s context menu. Right-click the selected Smart Object and choose Replace Contents.
- Choose your replacement file. Browse to the logo or design, select it, and choose Place. Photoshop replaces the Smart Object’s source with the selected file.
- Inspect the mockup. The new artwork should occupy the same transformed area as the placeholder. Check its crop, orientation, edges, and interaction with the mockup’s shadows, highlights, texture, and masks.
- Save the PSD. Saving preserves the editable Smart Object and the ability to replace the artwork again. Use a new filename if you need to retain the untouched original.
Adobe describes the result this way: “The new file replaces the original, retaining all transformations intact.” In practical terms, Photoshop keeps the Smart Object’s existing scaling, rotation, skew, distortion, perspective transformation, or warp and changes the source artwork underneath those settings.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
What to check after the replacement
- Proportion: A very wide or tall logo can look different from the placeholder even when the transformation is correct. Adjust the source artwork’s layout if it needs a different aspect ratio.
- Transparency: A file with a solid background can hide the mockup’s material, shadows, or highlights. Use transparency when the design calls for it.
- Color: The mockup may include tint, blend, or adjustment layers. Compare the logo’s appearance against the intended brand colors and the final viewing context.
- Clipping and masks: If part of the artwork disappears, inspect the mockup’s mask or clipping structure before changing the Smart Object itself.
- Resolution: A low-resolution replacement can appear soft when the mockup enlarges it. The documented workflow preserves transformations, not missing source detail.
Step-by-step: edit the Smart Object’s existing artwork
Use Edit Contents when you want to revise what is inside the current Smart Object rather than substitute a separate finished file. This is useful for changing wording, adjusting a logo’s colors, moving elements, or correcting the design while keeping the mockup setup.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
- Select the artwork Smart Object in the Layers panel, using the same identification approach as in the replacement workflow.
- Choose Layer > Smart Objects > Edit Contents.
- Edit the source document that Photoshop opens in the application associated with that format. The source may be a Photoshop document or another supported format; its structure and dimensions depend on how the mockup was built.
- Save the source document after making your changes. Saving is the action that sends the updated content back to the mockup.
- Return to the mockup and verify the updated artwork in context. If the mockup contains linked instances of the same Smart Object, saving can update those instances as well.
Edit Contents is not a command for changing the mockup’s surrounding effects. To alter a cast shadow, paper texture, background, or color treatment, edit the corresponding layer or group in the main PSD while leaving the Smart Object source intact.
Why Smart Objects are useful in mockups
Adobe documents Smart Objects as containers that preserve the source image’s content and quality while allowing nondestructive transformations. You can scale, rotate, skew, distort, apply perspective transformations, and warp the object without permanently changing the stored source in the same way as direct pixel editing.
That separation is what makes a reusable mockup practical. You can test several logos, keep the supplied perspective setup, and return to the source artwork for revisions instead of rebuilding the visual effect each time. Linked Smart Objects can also update when their external source changes, which is useful when one design must appear in multiple places.
Keep the Smart Object editable for as long as possible. Rasterizing it turns the layer into pixels and removes the Smart Object’s source-and-transform workflow. Rasterization can be appropriate for a deliberate final effect, but it is a poor first response to a simple placement or source-editing problem.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Pixel-editing limits and practical workarounds
You cannot paint, dodge, burn, or clone directly on a Smart Object layer as though it were an ordinary pixel layer. Adobe’s documented alternatives are to edit the Smart Object’s contents or add another layer. For example, use Edit Contents to correct the underlying logo, or create a separate pixel layer above the mockup for a small finishing mark that should not alter the reusable source.
- Edit the source when the change belongs to the logo or design itself.
- Add a separate layer when the change is a mockup-specific finishing effect, retouch, or annotation.
- Rasterize only knowingly when you no longer need Smart Object revisions or transformations and accept the loss of that flexibility.
Troubleshooting common mockup problems
The artwork does not follow the object’s perspective
Confirm that you used Replace Contents on the existing artwork Smart Object rather than placing a new layer over it. Replacing the selected Smart Object is the documented operation that retains its transformations. If the result is still wrong, you may have selected a different Smart Object or a decorative layer; temporarily toggle visibility to identify which layer controls the placeholder.
The wrong layer was replaced
Undo the change, then inspect the Layers panel more carefully. Expand nested groups, select likely artwork layers, and look for the Smart Object badge and the visible placeholder they control. Mockups can contain separate Smart Objects for a front, side, lid, or alternate view, so select the one associated with the area you intend to change.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Clear out junk files and repair common Windows errors3Fix the driver behind crashes, sound loss and screen glitchesThe logo is cropped or partly hidden
First determine whether the crop is intentional. The mockup may use a mask or clipping layer to keep artwork inside a package, screen, or label. If the design itself has the wrong proportions, edit the source with Edit Contents and adjust its layout. If the mask is the cause, modify the appropriate mask or clipping structure in the main PSD rather than repeatedly replacing the source file.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
The result looks flat or lacks texture
Check that highlight, shadow, texture, and blend-mode layers remain visible above or around the Smart Object. A replacement file with an opaque background can cover those effects. Use a transparent artwork file when appropriate and avoid deleting the mockup’s finishing layers while troubleshooting.
The source opens but changes do not appear
Save the source document opened by Edit Contents, then return to the mockup. Unsaved edits remain only in the temporary source window. If the file contains linked instances, verify that you saved the correct source and allow Photoshop to refresh the linked appearances.
The replacement looks blurry
Inspect the replacement file at its intended display size. Smart Objects preserve source content and transformations, but they cannot create detail that was never present in a small raster image. Replace it with a higher-resolution or vector-based source when the format and mockup support that choice.
Free tools Windows power users keep installed
One-click scans. No signup required.
Managing multiple views and linked artwork
Some branding mockups show the same identity on several surfaces. Those surfaces may use separate Smart Objects, or they may reference a shared or linked source. Replace the content of each relevant Smart Object when the views are independent. When instances are linked to one external source, editing and saving that source can update the connected appearances; inspect the file’s structure before assuming all views will change together.
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Do not force every surface to use identical artwork dimensions. A front panel, spine, tag, and angled side can require different source layouts even when they represent one brand. The individual PSD determines how each Smart Object is transformed and masked.
Saving an editable, reusable mockup
- Save the working file as a layered PSD rather than flattening it while you are still making decisions.
- Keep the Smart Object layer, masks, adjustment layers, shadows, highlights, and texture groups intact.
- Use clear versioned filenames for the original mockup, the customized working file, and approved presentation exports.
- If you edited a Smart Object source separately, save that source in a location you can find again, especially when the document uses linked content.
- Before handing off the file, reopen or inspect it to confirm that the replacement persists and that the intended layers remain editable.
A layered PSD lets you change the logo later, produce alternate colorways, and adjust the mockup without rebuilding its perspective and lighting treatment. A flattened image is suitable only when you have finished editing and the recipient needs a final visual rather than a reusable working document.
Exporting the finished mockup
There is no single export setting that is correct for every branding mockup. Choose the destination first: a client review may need a convenient image format, a website may impose pixel dimensions and compression, and print production may require specifications from the printer or design brief. Check the mockup’s intended output and preserve the layered PSD separately from any flattened delivery file.
Before export, inspect the image at its actual delivery size, check transparency and color appearance, and ensure no placeholder layers remain visible. If the recipient needs to revise the logo or alternate views, provide the editable PSD and any separately linked Smart Object sources according to your project’s file-sharing requirements.
Quick Recap
A repeatable decision checklist
- Am I substituting a finished file? Select the artwork Smart Object and use Replace Contents.
- Am I changing text, color, or layout inside the current artwork? Use Layer > Smart Objects > Edit Contents, then save the source.
- Does the new design look misaligned? Verify that the correct Smart Object was selected and that its masks and transformation setup are still present.
- Do I need pixel-level retouching? Edit the source or add a separate layer; do not rasterize automatically.
- Will I need revisions or alternate versions? Preserve the layered PSD and editable Smart Object source.
- Where will the image be delivered? Set export dimensions, format, and color requirements from that destination rather than applying a universal preset.
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.
