Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

If one was designing a website where they laid out each page mock as a separate photoshop file but each one had the common elements of the site such as the header and footer, but also could have common elements like buttons—is it possible to design the button in one photoshop file in its own and then include it inside a page mock file. Then if the content of the button psd file change it would automatically change in the page mock file.

Is this possible? Am I making sense?

share|improve this question

3 Answers 3

up vote 3 down vote accepted

You can look into using Adobe's 'Smart Objects'. Alternatively, consider FireWorks which has object templating abilities.

Even better, stop mocking up individual web pages in PhotoShop. It's a workflow nightmare and only causes headaches for the timeline. ;)

share|improve this answer
    
I've added a link to your own answer as an alternative to Photoshop. I wasn't quite sure what you were suggesting, so I did a search and found it. –  NickC Sep 9 '11 at 23:25
    
I guess I should have been even more clear that I'm asking this question on behalf of the creative team I work with at work. I'm a programmer and thought that there simply had to be a better way. @DA01, what do you recommend instead of individual web pages in PS? Your nightmare is exactly what they are having issues with. When the product team wants a change, they want to see it in all the page mocks. –  Kyle Hayes Sep 10 '11 at 16:24
2  
ah! Yes, I'm quite familiar with that painful process. The problem is either a) your organization has designers/UX people that can't actually code the presentation layer or b) a business process/management team that insists that web site projects should be handled via copious amounts of paperwork--including printed mockups. (Or both, in some cases.). The solution is to have a UX/Design team that can actually write HTML/CSS/JS and work with your dev team directly. The project management process should adopt Agile methodologies and dump the bloated cumbersome documentation format that is .PSD –  DA01 Sep 10 '11 at 18:19
    
...alas, that's usually much more of a political problem--especially in larger corporations who still cling for dear life to their antiquated waterfall/SixSigma mentalities. –  DA01 Sep 10 '11 at 18:20
    
I would be interested to learn more of this type of flow if there is an offline channel we can use. –  Kyle Hayes Sep 12 '11 at 21:03

Yes, this is possible and advisable for "fixed matter" such as logos. It may depend on which version you are using, but in the one I am currently using (cs3 windows) the action is called Place... and can be found in the File menu.

You will decide on scale etc, and then commit it. It will appear as a layer with an unusual icon. To edit it, you would double click it, which opens the child document in the appropriate program. Changes to the placed file take effect in the parent document when you save that placed file.

You can also place other files such as .AI files.

share|improve this answer
    
Ok that is what I thought, however, I'm not seeing the change take place in two documents where I've placed a common asset. As a test, I have 3 documents total. One is a basic document with a graphic that says button. The other two are empty docs which I've "placed" the aforementioned button psd into. When I do the edit—based on your instructions above—it does update in the current file, but does not update the other file that placed the asset. –  Kyle Hayes Sep 9 '11 at 19:02
    
This isn't quite correct. When you Place a PSD into another PSD, it gets converted to a "Smart Object". When you edit the Smart Object layer, it effects only that particular Smart Object. It does not make changes to the original PSD that was placed. –  Farray Sep 9 '11 at 19:35
    
@Kyle More information in another question's answer. It's talking about placed PSBs but same issue. graphicdesign.stackexchange.com/questions/1956/… –  Farray Sep 9 '11 at 19:44
    
Odd, I have done exactly this. Perhaps it was in Illustrator which maintains links to the orignal files and photoshop does not (??) (added: forums.adobe.com/thread/780098?tstart=-1 ) –  horatio Sep 9 '11 at 20:19
1  
Linked files are possible in Illustrator and InDesign, not Photoshop. (For good reasons -- engineering Smart Filters so they would work on a linked object that was no longer available would be a nightmare. That's also why you can't use filters that reference something else that could change, such as an alpha channel, on a Smart Object. Lens Blur is an example.) –  Alan Gilbertson Sep 9 '11 at 23:15

Unfortunately, Photoshop does not provide the workflow you're looking for.

You can place a Photoshop file as a Smart Object in another Photoshop document, but unlike one placed in Illustrator or InDesign it becomes an independent object within that document. Changing the original won't affect any other documents in which it is placed.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.