![\"data](\"http:\/\/i.stack.imgur.com\/yirmJ.png\")
<\/p>\nI’ve made an image using Photoshop and I wanted to create\u00a0nearly 30 images that look the same but with incremental numbering.<\/p>\n
Photoshop has a great feature that let you do just that or even more!<\/p>\n
Photoshop has variable data functionality built in, but it’s not terribly well documented.<\/p>\n
You’ll need a comma- or tab-delimited file with a name for each variable (I’m going to use “Image” and “ImageNumber”). Here’s the one I mocked for this exercise. Note that the image filenames have no path only because they are in the same folder as the data file. You can use relative or absolute paths for the filenames:<\/p>\n
<\/p>\n
You need to set up your template. Lets assume that you need two layers: the image (variable) and the number (a text layer, variable). The image layer must be an actual layer, not the background.<\/p>\n
![\"base](\"http:\/\/i.stack.imgur.com\/8h4wH.png\")
\u00a0![\"layers\"](\"http:\/\/i.stack.imgur.com\/mX2ud.png\")
<\/p>\n
Once you have these set up, select the image layer, and under\u00a0 Change the “Name” field to your chosen variable name (“Image”) and set the “Method” to what you need. I’m choosing “Fill,” which will resize the image proportionally, but you may prefer something else. Information about each method shows in the Description field when you hover on the name. Close the dialog.<\/p>\n We select the text layer and repeat the process, naming the text variable “ImageNumber.”<\/p>\n Now we have to define a Data Set, so click the “Next” button in the dialog and click the New Data Set icon (right by the trash can) in the dialog.<\/p>\n A Data Set is a collection of values that apply to a particular output document,\u00a0not<\/em>\u00a0a complete set of values in a comma-delimited file, so now we define a starting image for our template by clicking the “Select File…” with the Image variable selected. I chose the Chrysanthemum image. Be sure that “Do Not Replace” is NOT selected.<\/p>\n Now we have to import the data sets from our comma-delimited file using the “Import” dialog.<\/p>\n Exhausted yet? — There’s more. Click OK to close the Variables dialog.<\/p>\n The final step is to choose\u00a0 When you click OK, the entire set of psd file will be exported to your chosen location.<\/p>\n Found and copied from:<\/p>\n http:\/\/graphicdesign.stackexchange.com\/questions\/4866\/how-to-create-a-batch-job-numbering-images-writing-text-on-them-from-1-to-100<\/p>\n","protected":false},"excerpt":{"rendered":" I’ve made an image using Photoshop and I wanted to create\u00a0nearly 30 images that look the same but with incremental numbering. Photoshop has a great feature that let you do just that or even more! Photoshop has variable data functionality built in, but it’s not terribly well documented. You’ll need a comma- or tab-delimited file […]<\/p>\n","protected":false},"author":1,"featured_media":397,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[17],"tags":[],"class_list":{"0":"post-170","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-photoshop","9":"post-with-thumbnail","10":"post-with-thumbnail-icon"},"yoast_head":"\nImage > Variables > Define<\/code>\u00a0you will get this dialog (I checked the “Pixel Replacement” checkbox, since that’s what we need to use):<\/p>\n![\"define](\"http:\/\/i.stack.imgur.com\/ipvyl.png\")
<\/p>\n![\"define](\"http:\/\/i.stack.imgur.com\/mhYWB.png\")
<\/p>\n![\"Data](\"http:\/\/i.stack.imgur.com\/RTfIl.png\")
<\/p>\n![\"image](\"http:\/\/i.stack.imgur.com\/Y7047.png\")
<\/p>\n![\"import](\"http:\/\/i.stack.imgur.com\/W1e1p.png\")
<\/p>\nFile > Export > Data Sets as Files...<\/code>\u00a0and choose a place to save the output, along with your choice of naming convention.<\/p>\n![\"export](\"http:\/\/i.stack.imgur.com\/nemFH.png\")
<\/p>\n