Skip to main content
Community Manager
October 10, 2023

Design Mockups in Illustrator with Real-Life Objects

  • October 10, 2023
  • 16 replies
  • 27957 views

Bring Your Brand to Life: Mockup is now GA with Smoother Performance and High-Quality Results. Vector art auto-adjusts onto planar surfaces realistically when you create a Mockup.

 

Try it in the app

Create a mockup in a few simple steps.


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

 

Tony Harmer, Chief Enchantments Officer at Wizardry Ltd. 

Tony Harmer (a.k.a The Design Ninja) is a creative Swiss-army-knife and learning-content author with a three-plus-decade career that has given him a broad experience base to draw upon, including some time as a press operator, several years as a concept artist in IP development, several more as an instructor in many applications, delivering graphic production training worldwide, and a few more as a specialist solutions consultant for Adobe. He is the author of several video tutorials on LinkedIn Learning and running a growing YouTube channel. Tony is a popular speaker/presenter. His often-off-the-wall sessions always provide a ton of tips, techniques, insights, and inspirations delivered with humor and enthusiasm that is totally infectious.

Access Mockup

Access Mockup from a couple of locations:

  • Object Menu > Mockup
  • Window Menu > Mockup
  • Right Click vector Object
  • Contextual HUD
  • Properties Panel

Personalize Mockup with Custom 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: Mockup from Illustrator 28.5 or earlier must be released and recreated for use as templates.

Edit your Artwork across multiple objects

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.

 

Key Considerations for Best Results:

  1. Elements such as mesh, graph, gradient mesh, freeform gradient, placed art, non-native art, raster, or raster effects aren't supported as mockup art. For unsupported elements, Object > Mockup > Preview Mockup / Create Mockup will be greyed out or a warning message will appear indicating that Mockup will lead to an appearance mismatch.
  2. Vector art containing a clip group or expanding to a clip group such as pattern isn't supported as mockup art.
  3. You can't create a mockup inside a mockup.
  4. Quality issues can occur with reflective surfaces, small grooves, and images of the sky.
  5. You can't directly apply vector effects from the Effect menu on vector art within a mockup group. Switch to symbol editing mode to apply vector effects.
  6. Linked Illustrator files aren't supported. Embed the files to use them in mockup.
  7. You can't create a mockup with multiple images.
  8. GPU is required in your computer for Mockup to work.
  9. You can't add mockup contaning multiple vector objects to Your Mockups.
  10. You can't directly add mockup created in Illustrator 28.5 and earlier versions to Your Mockups.


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

We’d love to hear from you!

Try out the new "Mockup" feature and let us know your thoughts. Feel free to reach out if you have any questions or need more tips!

If this was helpful, please click the Upvote icon in the top left corner of this post. Your feedback helps us improve the experience. Thank you!


Have questions? Click 'Reply' below to ask.

Click 'Follow' below to bookmark this post for easy reference.

    16 replies

    christianot40873293
    Community Expert
    Community Expert
    October 21, 2024

    The blend mode was missing, which still made me want to go back to Photoshop. But now it's complete, Thanks!

    @mj
    Community Expert
    Community Expert
    October 18, 2024

    This is super handy!

    jane-e
    Community Expert
    Community Expert
    October 18, 2024

    Fantastic video from @tonyharmer ! Thank you!

    Jane

    Community Expert
    October 15, 2024

    Sweet! This new add will be useful.

    Srishti Bali
    Community Manager
    Community Manager
    August 13, 2024

    Hi all,

     

    Exciting news! Jacob Paris is going live tomorrow at 9 AM PST. Join him as he dives into color exploration using Illustrator's powerful toolset. In this session, Jacob will bring AI mockups to life by leveraging color libraries and Generative Recolor. He'll also showcase how to work with multiple assets and expertly use the asset export feature. Don't miss it!

     

     

     

    For more information on the Generative Recolor feature. Check out this page

    OussK
    Community Expert
    Community Expert
    August 9, 2024

    Great feature, we should have it on photoshop also

    @mj
    Community Expert
    Community Expert
    August 9, 2024

    Agreed. There are ways in Ps as you know. Not as easy tho.

    @mj
    Community Expert
    Community Expert
    August 1, 2024

    Been using this for a bit. It's dope!

    Community Expert
    August 1, 2024

    this changes package design! so cool!

    headTrix, Inc. | Adobe Certified Training & Consulting
    Community Expert
    July 30, 2024

    Please add this to Photoshop soon. Thanks

    Monika Gause
    Community Expert
    Community Expert
    July 30, 2024

    @Daniel Kramer  schrieb:

    Please add this to Photoshop soon. Thanks


     

    You need to post that here if you want it in Photoshop: https://community.adobe.com/t5/photoshop-ecosystem-ideas/how-do-i-write-a-feature-request/idi-p/12384447 

    Community Expert
    July 26, 2024

    Great feature 🙂