Skip to main content
Participant
November 22, 2018
Question

T-Shirt Design: Saving Designs on my T-Shirt Mockups, each color separately, Photoshop Action?

  • November 22, 2018
  • 4 replies
  • 6547 views

Hello,

I have a T-Shirt Design Startup and create my designs by myself. Now I want to save my Designs on my T-Shirt Mockups as JPEG.

I have for example 20 different colors of a T-Shirt (Hoodie, Sweat,...), all Colours are saved as a layer group

Example - Name of the Layer Group: T_Shirt_Women_Front ;  Name of each Layer: T_Shirt_Women_Front_Red (Blue, White, etc.)

I put my Design as a Top Layer, let's name it "Design_1" then the Layer Group " T-Shirt_Women_Front" and Make the Layer T_Shirt_Women_Front_Red visible in order to save it as JPEG (or export for web, etc.) then I make Red invisible and Blue visible and save blue as JPEg (and so on). So far so good.

You can imagine, that this is very time consuming, if I have several Products, each with 20 color variations, and so on.

My first thought was to record a photoshop action for each layer group. This is ok, if I only had one or two products. But with 20,30,100 products, it's too time consuming.

My second thought was to save the layer group as individual file, but this action will not save the design on the product, but only the product by itself.

Can anyone come up with a solution - saving a design on each layer (product) of a layer group? Something like export layer group as files but with the design on it? Any help will be very appreciated!

PS. I have the newest Adobe CC Version.

This topic has been closed for replies.

4 replies

JJMack
Community Expert
Community Expert
August 29, 2021

Action can not populate Mock Templates well and A Complex Mockups  template that contains  multiple products  design and custom product design options  would  requires a custom Photoshop scripts to automate  using such a specific template.  That type of Mockup is normally  manually updated for each  output jpeg product image using the customization layer stored in the complex layered mockup template document. 

 

To make things easy it is better to have several simple Mockup templates one for each T-shirt product configured with some default customization.  A generalize Script can batch populate these templates and save Jpeg output product file with the default customization the template is configured for. That script can also optionally save a layered version of populated  template with the default customization  that you can edit with Photoshop  to  alter default options used.

 

A T-shirt mockup may have several Smart objects layer that will be populated.  For elements like Fabric, Logo, Labels etc. All Mocks to be batch populated together need to be simular  that is have the same basic design, Fabric, Logo, Labels.  An example T-Shirt template may look like this:

 

JJMack
Participating Frequently
August 29, 2021

Hi Mack,

Thanks for your reply... I really help me out just one question why its change the Desging position i have align according to tshirt but once its complete the design position is not the same.!

 

Any help .?

 

thanks

JJMack
Community Expert
Community Expert
November 22, 2018

To batch populate that it would be easier to script the process then try to do with a batched action.    The way  Batch works and the Image Processor scripts work is. The  Processor open an image then plays the action the saves the output image.  Your replacement design would be opened by the processor and then the process play your action. Your action would to put the design into the clipboard them open the mockup and paste in the replacement.  Then save out jpeg for every color working its way down the layer stack. The big problem is an action could not name the output filenames for the design and color.  The action would need to use a script to do that.

If all your mockup have the same design a layer group with color base image. it would be just as easy to script the whole process. The script could have a dialog where you would select the mockup and the folder the replacement design are in and folder where to store the output images.  Script would open the mockup then process the folder of design images.  The script knows the Design name and the layer name as it works down the layer stack. It can name the output fileDesignName-LayerName.jpg and save it into the output folder.

However, you need programming skill to write a Photoshop Script.  Most Photoshop users never write a  Photoshop script the just use scripts programmed be others.  Like Image Processor and other the Adobe ships with Photoshop.   You would need a custom script to populate your mockup designed layered files.

I would think many may buy T-shirt mockup that are designed to be populate via an automated process that is part of the mockup product.   If you seatch google the is no shortage of T-shirt mockup.

JJMack
Participating Frequently
August 29, 2021

Hi Mack,

 

you have any Script That can work like this .? Example - Name of the Layer Group: T_Shirt_Women_Front ; Name of each Layer: T_Shirt_Women_Front_Red (Blue, White, etc.)

JJMack
Community Expert
Community Expert
November 22, 2018

There are lot of variable there is no one set design for layered  mockups. Without knowing your mockup template design and structure and knowing  the about the image  you want to populate its impossible to even know if what you want to automate with actions can be automated with Photoshop actions.

Actions can not use logic they are a marching parade of Photoshop steps.  Step step step no variation. The steps are the same for all iterations.   It is very hard to deal  with any variation in size and output file naming is hard to deal with.   Actions can be used with Scripts like Image Processor Pro for more control and output file naming option.    If a Smart Object Layer content need to be replaces to populate your mockup all replacement designs need to be exactly the same aspect ratio, resolution and size for the smart object layer associated transform to work correctly.  The Associated transform is not replaced or alerted when you replace a smart object layers object.

You may need to use Photoshop scripting if what you want to do can be automated and  there need to be some variation in processing fort your mockup and designes.

There are many threads in this Photoshop forum and the Photoshop Scripting forum concerning T-shirt mockups.

https://forums.adobe.com/search.jspa?place=%2Fplaces%2F1413024&sort=updatedDesc&q=T-shirt+Mockup

https://forums.adobe.com/search.jspa?sort=updatedDesc&q=T-shirt+Mockup&place=%2Fplaces%2F1383833

JJMack
Participant
November 22, 2018

This is an example of my file structure. On the top I would have the Design, then the group layers with the products, in each group different colours of the same product. All picture are the same size.

Sorry, I am new to Photoshop and try my best to learn it. I already searched the internet, but as a Newbie it is sometimes hard to find the right "keyword" for your problem (especially when I have to search in english, since there are very few ressources in german).  Maybe there is a different way to do it. I looked at Artboards as well, but don't think this could be a better way to do it.

Participating Frequently
August 29, 2021

Which Script you are using for this structure .? One design on multiple colors of Tshirt..

can you pls share with me the script and steps to follow .? i m new here and using script frist time.

 

Thanks