: Best workflow to save an image in 3 different sizes In Photoshop, I want to create 3 different sizes of the same logo. There will be some differences in the look of the logo depending on

@Sent7350415

www.cutandslice.me/ might be helpful - ?! - free plugin.
if you are dev'ing for android and need the exact same img in xhdpi hdpi mdpi then it looks like this plugin would work for you (read the page before using.... you have to specifically name layers with certain syntax like adding # before then name for it to work properly.

Vote Up Vote Down

@Pierce403

This could also be done in Illustrator (inspired by the answers here):

If the original artwork is vector...

1. Convert your artwork to a Symbol

Put your artwork on your main artboard. Select all of the artwork, then hit the New Symbol button on the Symbols pane (alternatively you can drag the selected artwork to the Symbols pane). That will convert your artwork to a symbol.

2. Create a set of artboards, one for each output size you want.

I've got 3 artboards of varying sizes. Each just has the symbol that I've made from the SE logo. Then, from the Symbols pane, drag out your artwork and place it on the other artboards (and resize it as you like)



3. Edit the logo as needed

To edit the logo, just double click the symbols on the Symbols pane:



When done editing, hit escape and all the instances of the symbol will get updated:



4. Export the artwork

The exporting part is where Illustrator's power play comes into effect.

File → Export... as PNG, make sure you Use Artboards (all):



The artboards and your resolutions will all be automatically saved based on the artboard name.



If the original artwork is from Photoshop...

Very similar set up, just ignore the symbols part. Instead, use File → Place... and place the .PSD into the document as many times as you have artboards. You can still update the artwork in Photoshop. Every time you save it in PS, Illustrator will ask if you'd like to update it:



However, at this point I'd probably go with Yisela's solution instead. No need to split the workflow up between two different programs.

Vote Up Vote Down

@Murray976

I would personally have them in the same workspace, and as you mention I'd slice them for saving.

Only difference with the comments is, I'd also have each image in a separate smart object. That way, you can edit them freely in a different 'file' so to say, but see the results in comparison with the other two in the same canvas. I'm guessing this might be something similar to what you are looking for because I'm assuming you want to work with pixel perfection for the smaller ones (might be wrong!).

If the logos are very similar between them, I'd have more smart Objects ("yo dawg, I heard you like smart Objects so I put your smart Objects inside other smartObjects"). You could have a basic one that is common to all of them, and then different styles drawn on top of it fit each version.

Workflow:


In a new document, create three copies of you image
Convert each one into a separate Smart Object
Create slices for each logo size
Double click on a Smart Object will open it up for you, so you can edit it. Clicking save on the newly opened document will apply the changes you just made to the one in the main document.

Vote Up Vote Down