How To Easily Make Mockups With Kittl

29 Mar 202304:58

TLDRThis tutorial demonstrates how to create and use mockups with the design tool Kittl. The video guides viewers through selecting a streetwear t-shirt template with a retro style and a smiling sunflower mascot. It explains how to apply an alpha mask to the design, adjust the text, and remove the background to fit the mockup. The user is then shown how to use the mockup feature to apply the design to various products like shirts, hoodies, tote bags, and wall art. The process includes changing the default color to match the product and achieving a realistic effect. The video also covers how to download the high-quality mockup images for use on platforms like Etsy. Finally, the presenter encourages viewers to sign up for a special offer of 100 credits with Kittl AI and subscribe to the channel for more tutorials.


  • 🎨 **Mockup Creation**: The process of creating mockups with designs on various items such as shirts, cups, and bags is now simplified in Kittl.
  • πŸ” **Template Selection**: Users can choose from a variety of templates, including streetwear and retro styles, to find the perfect fit for their design.
  • 🌟 **Customization**: After selecting a template, users can customize the text and graphics to match their brand or design preferences.
  • πŸ“ **Clipping Masks**: The script explains how to clip the design to the content and remove the background to ensure the mockup matches the item's color.
  • πŸ–ŒοΈ **Design Adjustments**: Users can make quick adjustments to their design before applying it to the mockup, such as changing text or colors.
  • 🌈 **Color Selection**: The mockup feature allows for easy color changes to suit different items, providing a realistic preview of how the design will look.
  • πŸ§₯ **Realistic Effect**: The mockup generator provides a realistic effect, showing how the design will appear on different products, which is beneficial for customers.
  • πŸ›οΈ **Product Variety**: Users can create mockups for a range of products, including hoodies, tote bags, and wall art, to showcase their designs.
  • πŸ“ **Sizing and Positioning**: The script demonstrates how to size and position the design correctly on the mockup to match the curvature and dimensions of the product.
  • πŸ“š **Realistic Preview**: Before listing products on sites like Etsy, users can get an idea of how the design will look with different product colors.
  • πŸ“₯ **Downloading Mockups**: Once satisfied with the mockup, users can download high-quality images directly from the platform, depending on their subscription plan.

Q & A

  • What is the main topic of the video transcript?

    -The main topic of the video transcript is how to create and use mockups with the design tool Kittl.

  • What is the first step in using mockups in Kittl?

    -The first step is to pick a template for the mockup, such as a t-shirt, and then customize it with a design.

  • How do you apply a texture to the mockup in Kittl?

    -You apply a texture by ensuring the alpha mask is on and making adjustments to the design to fit the mockup.

  • What is the purpose of the alpha mask in the mockup process?

    -The alpha mask is used to ensure that the design or texture only applies to the content of the mockup and not the background.

  • How can you change the default color of the mockup?

    -You can change the default color by selecting a different color from the mock-up color options in the Kittl interface.

  • What are some of the items you can apply your design to in Kittl?

    -In Kittl, you can apply your design to various items such as shirts, hoodies, tote bags, coffee cups, and wall art.

  • How does the mockup feature help customers visualize the final product?

    -The mockup feature provides a realistic representation of how the design will look on different products, helping customers to visualize the final product more accurately.

  • What is the benefit of using the mockup generator in Kittl?

    -The mockup generator allows users to create high-quality, realistic images of their designs on various products without needing to use external tools.

  • How can you download the mockup you created in Kittl?

    -You can download the mockup by clicking on the 'download mock-up' option on the right side of the interface once the mockup is generated.

  • What is the significance of the offer mentioned at the end of the transcript?

    -The offer mentioned is a chance to sign up for Kiddo AI to receive a hundred credits, which can be used within the Kittl platform. It's a limited-time offer that ends on the day of the video.

  • How can viewers ensure they don't miss future videos and features from the channel?

    -Viewers can subscribe to the channel to receive updates on new videos, tutorials, and features.

  • What is the purpose of the 'smiling sunflowers' design chosen in the transcript?

    -The 'smiling sunflowers' design is chosen as an example of a retro style streetwear design that can be used in a mockup on a t-shirt.



🎨 Introduction to Kittle Mock-up Feature

The speaker introduces the new feature in Kittle, which allows users to create mock-ups of their designs on various products such as shirts, cups, and bags. They guide the audience through the process of selecting a template, customizing it with a retro streetwear design featuring a smiling sunflower mascot, and then using the mock-up feature to apply the design to different products. The speaker emphasizes the realistic effect that can be achieved with these mock-ups, which is beneficial for showcasing products on platforms like Etsy.




Mock-ups refer to the preliminary models or designs used to demonstrate the appearance and functionality of a product before it is produced. In the video, mock-ups are used to showcase how designs can be applied to various products such as t-shirts, cups, and bags. This is crucial for visualizing the final product and making necessary adjustments before production.


Kittle appears to be a platform or software where users can create and manipulate mock-ups of their designs. The video provides a tutorial on how to use Kittle to apply designs to different products, which is essential for designers to present their work effectively to clients or for marketing purposes.


Streetwear is a type of casual clothing that is typically associated with youth and urban culture. In the context of the video, the speaker is looking for a streetwear design for a t-shirt mock-up, indicating the popularity and relevance of this style in fashion and design.

πŸ’‘Alpha Mask

An alpha mask is a digital tool used in graphic design to isolate parts of an image, allowing for effects or changes to be applied to specific areas without affecting the rest. In the video, the alpha mask is used to apply a texture to the design in a way that it only affects the content and not the background.


Texture in design refers to the visual or tactile quality of a surface. The video mentions applying a texture to the t-shirt mock-up to give it a more realistic and appealing look, which can be important for showcasing how a design will appear on different materials.


Etsy is an e-commerce website focused on handmade or vintage items and craft supplies. The video suggests using mock-ups to give customers a realistic idea of what the product will look like when posted on platforms like Etsy, highlighting the importance of visual presentation in online sales.

πŸ’‘Tote Bags

Tote bags are a type of large, sturdy bag that is often used for carrying items such as groceries or personal belongings. In the video, the speaker chooses a tote bag as one of the products to apply their design to, demonstrating the versatility of using mock-ups for various product types.

πŸ’‘Wall Art

Wall art refers to any decorative artwork that is designed to be hung on a wall. The video includes a step on how to create a mock-up of the design as wall art, showing how designers can use mock-ups to explore different applications of their artwork.

πŸ’‘Download Mock-up

Downloading a mock-up means to save the digital file of the mock-up to your computer or device. The video explains how to download the mock-up created in Kittle, which is an essential step for designers to have a final version of their work for presentation or production.


High-quality in the context of the video refers to the clarity and resolution of the mock-ups. The speaker emphasizes the ease of obtaining high-quality mock-ups using Kittle, which is important for maintaining professional standards in design presentations.

πŸ’‘Kiddo AI

Kiddo AI seems to be a service or feature within Kittle that offers credits for use within the platform. The video encourages viewers to sign up for Kiddo AI to receive credits, suggesting that it is a valuable resource for users of the Kittle platform.


Weight is over and mock-ups are ready for use in Kittl.

Find templates for various items like shirts, cups, and bags in Kittl.

Select a streetwear template with a retro style and mascot for mock-up.

Use the alpha mask feature to apply the texture to the content.

Remove the background as the mock-up will have a color behind it.

Make adjustments to the design, such as changing the text.

Use the mock-up feature to see the design on various items.

Change the mock-up color to match the design.

Choose from a variety of colors for different items like shirts, bags, and cups.

The alpha mask remains applied on top of the mock-up for a realistic effect.

Select different items like hoodies, tote bags, and wall art to apply the design.

Adjust the size and color of the mock-up to fit the design.

The mock-up warps correctly with the curve of items like bags for a realistic look.

High-quality mock-ups can be obtained without needing to go elsewhere.

Download the mock-up image once it's ready.

Return to the editor easily to make further adjustments.

Sign up for Kiddo AI to get 100 credits for use in Kittl.

Join the waitlist for the offer on the last day to get AI credits.

Explore other tutorials and subscribe to the channel for updates.