{"id":10889,"date":"2020-05-12T14:54:19","date_gmt":"2020-05-12T12:54:19","guid":{"rendered":"https:\/\/www.vexels.com\/blog\/?p=10889"},"modified":"2025-04-25T19:17:48","modified_gmt":"2025-04-25T17:17:48","slug":"how-to-add-your-design-to-a-t-shirt-mockup","status":"publish","type":"post","link":"\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/","title":{"rendered":"How to add your Design to a T-Shirt Mockup – Photoshop Tutorial"},"content":{"rendered":"[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_video link=”https:\/\/www.youtube.com\/watch?v=s2Noxcu-4h0″ align=”center”][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]Here’s a quick tutorial on how to add your own images to T-Shirt Mockups<\/strong><\/a> for Photoshop. Whether you’re a T-Shirt Designer or a company looking to place your logo on a T-Shirt, using Photoshop for T-Shirt Mockups<\/a> is an easy solution to showcase your designs like a pro. Yes, you can always use a mockup generator<\/a>, but if you want to improve your Photoshop skills, read on!<\/span><\/p>\n

In this tutorial, we go over how to edit a premade T-Shirt Mockup using Photoshop in order to showcase custom images. It’s as simple as uploading your design, editing a few colors and backgrounds, and you’re done. Follow along for more details!<\/p>\n

Check out some more PSD Mockup<\/a><\/strong> examples here! Or if you’re looking to create t-shirt designs go see our t-shirt templates<\/a>.<\/p>\n

All design used are from Vexels.com:
\n<\/strong>
\nT-Shirt Mockup: Model wearing pink clothes mockup<\/a>\u00a0
\nUnicorn Design: Unicorn eating carrot cartoon<\/a><\/span>[\/vc_column_text][nectar_icon_list animate=”true” color=”Accent-Color” direction=”vertical” icon_size=”small” icon_style=”border”][nectar_icon_list_item icon_type=”numerical” title=”List Item” id=”1745601402513-9″ tab_id=”1745601402513-1″ header=”Download T-Shirt Mockup” text=”First off, you’ll need to download the T-Shirt Mockup. In this video, we used the Model Wearing Pink mockup linked above, but you can browse our PSD Mockups page to choose whiever mockup you’d like to try out.”] [\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” title=”List Item” id=”1745601402531-6″ tab_id=”1745601402532-3″ header=”Double Click on Smart Object Layer” text=”Once you’ve opened up your PSD Mockup on Adobe Photoshop, you should have a layer on the right side of the screen titled “Your Design Here“. That’s the Smart Object layer which can be double clicked to edit the image. Make sure to double click on that, and a new screen should open up with just the image that was originally on the T-Shirt.”] [\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” title=”List Item” id=”1745601402542-10″ tab_id=”1745601402542-8″ header=”Upload Your Image Onto Smart Layer” text=”Once you’ve got your smart layer opened up, paste the image you want to Mock Up onto this layer. Before you start editing your image, make sure to either delete or turn off (with the eye icon) the original image. You can now go ahead and edit your image here, scaling and rotating it according to the space you have available.”] [\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” title=”List Item” id=”1745601402548-0″ tab_id=”1745601402549-6″ header=”Save!” text=”You’ve got the image right where you want it, now a VERY important step here is to save the Smart Layer screen. If you forget to save, you won’t be able to see the changes made on the T-Shirt Mockup.”] [\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” title=”List Item” id=”1745601402557-2″ tab_id=”1745601402558-7″ header=”Edit Colors” text=”Now’s the fun part! Once you have your T-Shirt Design placed, you can start editing the T-Shirt color and Mockup background. These are super simple to do, simply click on the T-Shirt color background and double click on the square with the color on it, choose your color and hit Save. You’re all done!”][\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” title=”List Item” id=”1745601402568-8″ tab_id=”1745601402568-4″ header=”Have fun playing around!” text=”Once you’ve got the hang of how PSD Mockups work, you can start showing off you T-Shirt Designs in a few simple steps, and fully customize them to fit your Brand and Business.”][\/nectar_icon_list_item][\/nectar_icon_list][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_video link=”https:\/\/www.youtube.com\/watch?v=s2Noxcu-4h0″ align=”center”][\/vc_column][\/vc_row][vc_row…<\/p>\n","protected":false},"author":4,"featured_media":8362,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[878,827,1219,822,1047,1062,1044,797,798],"tags":[1115,51,1220,1114,612,1112,1067,47,619,1111,1117,1116,483,1113],"class_list":{"0":"post-10889","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design-tools","8":"category-graphic-design","9":"category-how-to-merch","10":"category-merch","11":"category-merch-tools","12":"category-print-on-demand","13":"category-t-shirt-design","14":"category-t-shirt-seller","15":"category-t-shirt-sellers","16":"tag-design-tutorial","17":"tag-how-to","18":"tag-how-to-merch","19":"tag-how-to-use-mockups","20":"tag-merch","21":"tag-merch-tutorial","22":"tag-mockups","23":"tag-photoshop","24":"tag-print-on-demand","25":"tag-psd-mockups","26":"tag-t-shirt-mockups","27":"tag-tshirt-mockup","28":"tag-tutorial","29":"tag-video-tutorials"},"acf":[],"yoast_head":"\nHow to add your Design to a T-Shirt Mockup - Photoshop Tutorial - Vexels Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vexels.com\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add your Design to a T-Shirt Mockup - Photoshop Tutorial - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_video link=”https:\/\/www.youtube.com\/watch?v=s2Noxcu-4h0″ align=”center”][\/vc_column][\/vc_row][vc_row...\" \/>\n<meta property=\"og:url\" content=\"\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-12T12:54:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-25T17:17:48+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"784\" \/>\n\t<meta property=\"og:image:height\" content=\"399\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"vexblog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"vexblog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add your Design to a T-Shirt Mockup - Photoshop Tutorial - Vexels Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vexels.com\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/","og_locale":"en_US","og_type":"article","og_title":"How to add your Design to a T-Shirt Mockup - Photoshop Tutorial - Vexels Blog","og_description":"[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_video link=”https:\/\/www.youtube.com\/watch?v=s2Noxcu-4h0″ align=”center”][\/vc_column][\/vc_row][vc_row...","og_url":"\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/","og_site_name":"Vexels Blog","article_published_time":"2020-05-12T12:54:19+00:00","article_modified_time":"2025-04-25T17:17:48+00:00","og_image":[{"width":784,"height":399,"url":":\/blog\/wp-content\/uploads\/2019\/05\/TshirtBlog1-02asdasd.jpg","type":"image\/jpeg"}],"author":"vexblog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"vexblog","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/#article","isPartOf":{"@id":"\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/"},"author":{"name":"vexblog","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60"},"headline":"How to add your Design to a T-Shirt Mockup – Photoshop Tutorial","datePublished":"2020-05-12T12:54:19+00:00","dateModified":"2025-04-25T17:17:48+00:00","mainEntityOfPage":{"@id":"\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/"},"wordCount":823,"image":{"@id":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/05\/TshirtBlog1-02asdasd.jpg","keywords":["design tutorial","how to","how to merch","how to use mockups","merch","merch tutorial","mockups","photoshop","Print-on-demand","psd mockups","t-shirt mockups","tshirt mockup","Tutorial","video tutorials"],"articleSection":["Design Tools","Graphic Design","How to Merch","Merch","Merch Tools","Print-on-demand","T-shirt Design","t-shirt seller","t-shirt sellers"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/","url":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/","name":"How to add your Design to a T-Shirt Mockup - Photoshop Tutorial - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/#primaryimage"},"image":{"@id":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/05\/TshirtBlog1-02asdasd.jpg","datePublished":"2020-05-12T12:54:19+00:00","dateModified":"2025-04-25T17:17:48+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60"},"breadcrumb":{"@id":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2019\/05\/TshirtBlog1-02asdasd.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2019\/05\/TshirtBlog1-02asdasd.jpg","width":784,"height":399,"caption":"T-Shirt Designs"},{"@type":"BreadcrumbList","@id":":\/blog\/how-to-add-your-design-to-a-t-shirt-mockup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to add your Design to a T-Shirt Mockup – Photoshop Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/www.vexels.com\/blog\/#website","url":"https:\/\/www.vexels.com\/blog\/","name":"Vexels Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vexels.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60","name":"vexblog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","caption":"vexblog"},"sameAs":["http:\/\/wp-json\/wp\/v2\/users\/me"],"url":"\/blog\/author\/vexblog\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/10889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=10889"}],"version-history":[{"count":28,"href":"\/blog\/wp-json\/wp\/v2\/posts\/10889\/revisions"}],"predecessor-version":[{"id":14663,"href":"\/blog\/wp-json\/wp\/v2\/posts\/10889\/revisions\/14663"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/8362"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=10889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=10889"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=10889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}