Mockup

Mocking up vector artworks on images

Imagine being able to mockup your artwork on any image!

Why?

Currently, there are Photoshop templates and mockup generators that allow you to do this. However, there is no fast and easy method to edit the placement of these graphics. Also there is no easy way to change the placement in the composition.

  • Competition apps like Canva and Kittl have also launched a Mockup generator recently but still the fluidity of placement remains rigid.

  • The ability to add vector artwork to any imagery by extracting 3d mesh data from images opened a lot of possibilities and control to place artworks to generate unique compositions and move the artwork seamlessly respecting the depth maps of the underlying raster image.

    Imagery: Adobe Stock

Ps UI Templates2.jpeg
Ps Mockup Templates.jpeg
Ps UI Templates.jpeg
T-Shirt-Mock-Up-2-full.jpeg
001-take-away-box-packaging-food-container-branding-graphic-psd-mockup-pixeden.jpeg
Brand Mockup Templates.jpeg

Mockup (Beta)

The feature mainly had two distinctive parts: font suggestions and editing from images and outlined text.

The MVP & Release Plan

The MVP & Release Plan

The MVP was divided into 2 Phases and spread across two releases:

Phase 01: The Font Suggestion Experience

Phase 02: The Editing Experience

1.5 month Release Plan. So total build time of 3 months.

————————————————

In collaboration with Rakesh Baidya, Lead Staff Designer at Adobe Illustrator

Eat, Sleep, Pray, Iterate.

Impact 1st Beta (Suggestions)

⋆

12% Ai MAU

⋆

2,90,190

⋆

Impact 1st Beta (Suggestions) ⋆ 12% Ai MAU ⋆ 2,90,190 ⋆

Feedback…

Mockups definitely feel more 'cylindrical' in the Beta 44, but this case with floating cups is still gives incorrect results. These are not cylinders but truncated cones, and they are rotated differently. - Egor Chistyakov on Adobe Pre-release

This mockup tool in illustrator is awesome. Here's a quick AF tutorial using a logo. It takes a little messing around but it works so well! - @AlexAperios

What a weird choice of perspective... and this is a default image the panel offers. - Egor Chistyakov on Adobe Pre-release

The smoothing of the decal’s curves is still not perfect — some portions of it get smoothed, some not. - Egor Chistyakov on Adobe Pre-release

Hey guys, I've fallen in love with this mockup feature in Illustrator. It just spots the flat surface, and boom! Making awesome mockups becomes a piece of cake! :)) - @AminNajafi

Repositioning of a decal is pretty fast, and it looks fitted within the t-shirt, but when I move it outside, the shadow is substracted from the mask of the surface below. Some minor artifacts appear in certain positions. - Egor Chistyakov on Adobe Pre-release

With a mockup object selected, pressing Edit Container button in Control panel switches to Edit Contents instead.
I am only able to select the image with Direct Selection tool — and the proper button gets highlighted then. - Egor Chistyakov on Adobe Pre-release