I am using Illustrator CC to design web sites and mobile apps. Each view is in its own artboard which means that I get about 20 different artboards in the end. In photoshop I have a phone mockup file and I want each of the Illustrator artboards to be wrapped in that file.

I usually export a pdf with 20 pages from Illustrator and then wrap each page in Photoshop and export a jpg from there. This is a time consuming process and I wonder if there is any automatic way to do it?

What I want is to add a "frame" (a phone mockup) to each artboard in Illustrator when exporting it (and exporting all at once).

  • You can either bring you illustrator file into Photoshop, see How do I import a vector illustration into photoshop? for how to do that. You can then export each layer from Photoshop as an image. Or you can import the phone mockup into illustrator and place into the artboards..
    – AndrewH
    Jun 25 '15 at 14:14

The easiest to do this would be to export all the Views from Illustrator as individual images with a sequential numbering and common file name.



Importantly, all in a fresh new, and otherwise empty folder.

Then use the batch processing facilities and Action recording of Photoshop to load each of these and either wrap them or insert them into your Phone mockup file and export via the batching.

This will require you learn how to record Actions and use the batch processing features of Adobe Photoshop.

After Effects Alternative Approach (AEAA):

AE can export image and PSD sequences, and you could load in the Views as individual frames from that same folder, and this will free you from learning about Actions and Batch processing in Photoshop. But you will need to learn rudimentary file handling in AE in order to do this.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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