Design Mockups in Illustrator with Real-Life Objects

[Anubhav Majumder]

Create brand identity and apparel mockups by overlaying artwork on images of real-life objects.

Try it in the App Use your own image or any of the free curated image templates to create mockups in Illustrator!

Open Illustrator

Tutorial

Check out this quick tutorial by Tony Harmer, AKA Design Ninja, to know more about this feature.

Tony Harmer (a.k.a. The Design Ninja) is a versatile, creative professional and learning-content author with over three decades of experience. His career includes roles as a press operator, concept artist in IP development, global graphic production trainer, and Adobe solutions consultant. Tony has authored several video tutorials on LinkedIn Learning and runs a growing YouTube channel. He is a popular speaker known for his humorous and enthusiastic sessions filled with tips, techniques, insights, and inspirations.

Access Mockup (beta) Access Mockup (beta) from a couple of locations: - Object Menu > Mockup (beta) - Window Menu > Mockup (beta)

Personalize Mockup with Custom Images Images Utilize your own raster image or select from the free curated image templates in the Mockup panel to create mockups. Also, you can preview your vector art on the free image templates within the Mockup panel and drag any desired template to the canvas.

Template Saving and Management Save your mockup by selecting it and clicking the save icon in the Mockup panel. Templates appear in "Your Mockups," showing vector art positions. Add up to 20 templates, usable across all Illustrator documents. Note: Mockups from Illustrator 28.5 or earlier must be released and recreated for use as templates.

Enhance & Customize Generated Patterns After creating a Mockup, your artwork is automatically included in the Symbols Panel as a Symbol. If you wish to edit your artwork across multiple objects simultaneously, you can do this by simply double-clicking on your artwork. Once your edits are complete, they will be applied to all objects where the artwork has been used.

Blending Modes For a more realistic appearance in your artwork, you can utilize the blending options found within the Transparency panel. These options allow you to incorporate details from the raster image, such as lighting effects, curves, and distortions.

Learn More & Provide Feedback Feel free to provide your experiences and feedback by using the designated "Share Feedback" button. Also, you can express your liking/ disliking by clicking the thumbs up or thumbs down buttons and provide your thoughts through a survey.

Current Limitations

1. Mockup art does not support mesh, graph, gradient mesh, freeform gradient, placed art, non-native art, raster, and raster effects. If an element is unsupported, the "Create Mockup" option in Object > Mockup will be disabled or accompanied by a warning about potential appearance mismatches.
2. Vector art containing clip groups or patterns also cannot be used in mockups.
3. Creating a mockup within another mockup is not possible.
4. Please be aware that quality issues may arise with reflective surfaces, small grooves, and sky images.
5. Applying vector effects directly from the Effect menu to vector art within a mockup group is not possible; use symbol editing mode instead.
6. Linked Illustrator files are not supported; you must embed them to use them in mockups.
7. Creating mockups with multiple images is not supported.
8. A GPU is required for Mockup functionality.
9. Mockups containing multiple vector objects cannot be added to "Your Mockups".
10. Mockups created in Illustrator 28.5 or earlier versions must be released and recreated to be included in "Your Mockups."

For more details about this new feature, please click here.

If you've found value in this post, a friendly upvote would be fantastic. Your thoughts are even more precious – share them with us in the discussion!

[Earth Oliver]

Love this! But it blows my mind that Illustrator implemented this before Photoshop.

[Alexandre Becquet]

Hi, great feature! Is it possible to put more than 1 symbol?

[Anshul_Saini]

Hi @Alexandre Becquet, as of now, the Mockup (Beta) feature in Illustrator allows for the use of one symbol at a time. If you have any more questions, please feel free to ask!

Best,

Anshul Saini

[Manolis24216209qpsn]

Hi. Are we allowed to use artwork created using a beta feature such as "Mockup" in final client-published work?

[Anshul_Saini]

Yes, @Manolis24216209qpsn, you can use artwork created using a beta feature like "Mockup" in your final client-published work. However, please ensure that you have the necessary licenses and permissions for any assets or elements used in your artwork. If you've used stock assets, make sure you have the appropriate licenses for those as well, whether they are from Adobe Stock or other third-party stock asset websites. This will ensure that you are in compliance with all legal requirements.

If you have any specific questions or need further clarification, feel free to ask.

Best,

Anshul Saini

[Manolis24216209qpsn]

Thanks Anshul

Regards
Manolis Stalford 

(personal details removed by moderator)

[Monika Gause]

It's wonky, but it's possible.

These are 3 Symbols:

https://youtu.be/Tls5TyRPG7c

[Alexandre Becquet]

Thank you both. Why i didn't try this!!!! 
I've the official answer and a tips!!.

[Brumby17]

You'd better fix bugs and make the interface consistent among your apps, such as Photoshop and Illustrator.

[Alexandre Becquet]

@Brumby17 i don't thin kthis kind of post is good to write here. It's not Adobe it's the community. Sometimes you can find Adobe employees but feel free to share your ideas to make Adobe software more consistent.

[Nicktendo28]

What a great feature to help make for a faster turnaround for clients we design products for. 

[mpchow]

I have to say by far this is pretty cool especially when I show this to my students next week.  We are always mocking things up but it does it seamlessly! 💖💖💖

[Michael Ambroise]

Many thanks !

[Ares Hovhannesyan]

In photoshop we can create mockup with Warp. Don't think that it is difficult.

[Earth Oliver]

OK, sure, but Ps is a manual process and this is automatic... which is light years beyond what Ps does.

[Dean_Utian]

Great feature 🙂