Participating Frequently

Answered

How to edit multiple images according to "sample" image?

Forum|Forum|4 years ago
March 4, 2022
3 replies
562 views

I am designing UI. I have multiple copy pasted images. Say, buttons.
Now, i need to have all buttons to be automatically edited real time according to first button.
For example, i edited background color of the circle in corner, and i need all other circles to have that color too.

It is brutally tedious to search through many layers, this is composed of and paste that color one by one. This surely must be a feature, and i am only missing something.
What to do?
Thanks!

Windows

This topic has been closed for replies.

Correct answer Michael Bullo

I would recommend using Smart Objects.

Right mouse click on a layer (not the thumbnail) within the Layers panel and choose Convert to Smart Object. Photoshop embeds the content of that layer within a Smart Object which is effectively an embedded Photoshop file.

Duplicate, move and transform this Smart Object as many times as you like. All of these copies point back to the same Smart Object.

Double click on the thumbnail within the Layers panel to open the contents of the Smart Object. Make a change, save and close the Smart Object. You should see all instances immediately update.

Michael Bullo

Community Expert

Are you familiar with the program Adobe XD? It comes with the Adobe Creative Cloud and is designed to create UIs.

jánp13248757Author

Participating Frequently

I have only photography plan, cause i find adobe pricy in general and i need to select what i buy, cause i am creating paintings, game art, and whole games too. And that requires a lot of software.
Plus i need most of time more painterly approach, with brushes and textures. And not sure, but XD looks more vector oriented. But yeah, i did stumble upon XD and it is good to know how is it called.
Thanks!

Michael Bullo

Community Expert

You can include multiple layers when creating a single Smart Object. Simply select multiple layers within the Layers panel before right mouse clicking and choosing Convert to Smart Object.

jánp13248757Author

Participating Frequently

And how do i manage what will be edited according to otiginal and what will not be, inside of those smart objects? Say inside those blank buttons i need to have different icons, and still need bg to be updated.

c.pfaffenbichler

Community Expert

In that case you should probably keep the icons as separate objects and use a blank button as Smart Object.

Michael Bullo

Correct answer

Community Expert

I would recommend using Smart Objects.

Right mouse click on a layer (not the thumbnail) within the Layers panel and choose Convert to Smart Object. Photoshop embeds the content of that layer within a Smart Object which is effectively an embedded Photoshop file.

Duplicate, move and transform this Smart Object as many times as you like. All of these copies point back to the same Smart Object.

Double click on the thumbnail within the Layers panel to open the contents of the Smart Object. Make a change, save and close the Smart Object. You should see all instances immediately update.

jánp13248757Author

Participating Frequently

Oh i knew those existed for years, only somehow missed the point if it!
Thank you!

Michael Bullo

Community Expert

Thank you. Hope it solves your issue.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded