Mockups

About Maquette™ Mockups

Maquette team is proud to provide you with high quality photorealistic multi-purpose mockups. Each mockup is developed in Photoshop CC, saved in PSD format and has 24 MP high resolution (approximately 6000×4000 pixels) at 300 DPI. It can be used in all types of presentations (A3 size catalogues, billboards, interior printing, media and web content), prototypes or portfolio demonstration. All mockups are full optimized for last generation of 5K displays and high quality printing.

PSD files have a multi-layered structure. Layers are user-friendly named and arranged. Every mockup element is transformed to a separate smart-object. Mockup background is a smart object as well and you can easily choose and apply identity colours depending on your preferences.

Maquette™ Mockup features

We optionally provide you realistic text effects usually abailable only in modern printing houses. We consider all the features of paper texture and technique of symbols application while producing each imitating layer based on physics laws. These effects can be real-time used in each mockup and are so realistic that you would probably like to make hand test of mockup object.

  • Easy and fast adjustment of your corporative identity
  • Simple and stylish creation of models for final products
  • Design process takes few minutes
  • Totally editable background
  • Realistic effects of blind embossing
  • Realistic effects of hot foil stamping with imitation of foil colour
  • Realistic effects of relief stamping
  • Real lighting conditions
  • Multipurpose application field

Maquette™ Mockup structure

Effects

This group contains layers for real-time applying printing-house effects to your design and text. You can choose from Embossing, Hot Stamping or Gold Embossing effects that are maximum close to natural and are based on physics laws.

Correction light layers

“Correction Light Layers” group can help to make your product absolutely photorealistic depending on design style. Just tune the layers opacity.

Objects

“Objects” group is developed for placing your design on mockup objects with saving the material texture, size and shape of light and shadows. That is why you get true tactile sensation.

Background Layers

Mockup background is a smart object as well. The group is responsible for easily choosing and applying identity colours to the background depending on your preferences. Styling now takes few seconds.

maquette mockup structure

How to place your design on a product?

  1. Open the group named «Objects» and choose subgroup named «Design».
  2. Mockup can contain different products, please select the appropriate group of layers in subfolder «Design» with the product name you need. E.g. the example mockup contains a business card. So, if you’d like to place design on it, select layers group named «Business Card» and make sure it’s visible.
  3. Select layer named “Place Your Design” of chosen subgroup. For your comfort the name of this layer also contains actual size of the product that was measured in millimeters.
  4. Double click on smart object thumbnail.
  5. The window with smart object will open. Create new layer (Menu/Layer /New/ Layer) and just Drag & Drop your design upon the layer. Make sure that image fits the size of a smart object. If it doesn’t, please, use any transform tool (usually Menu/ Edit/Free Transform) to make design fit the smart object. Keep primary aspect ratio.
  6. Click «Save» from menu (or use cmd+S (mac) or ctrl+S (pc)).
  7. Return to window with your mockup. Design of the product will change in few seconds.
screen_1_white_mockup
screen_2_place_your_design
screen_3_smart_object_inside
screen_4_place_design

How to prepare your designs?

Designs for Smart Objects.

Any bitmap or vector graphic file with CMYK colour model can be used as a design for smart-objects. While creating mockups we work with natural materials having their own texture and structure, that’s why we can’t use RGB colour model. If you use photos, patterns or any content in RGB colour model, you should convert them to CMYK before pasting to smart-object.

Designs for effects layers.

Only layer with transparent background is suitable for placing objects that will contain embossing, hot stamping or gold embossing effects. Any vector or bitmap graphic file as well as text layer is suitable for pasting.

screen_1_white_mockup
screen_14_smart
screen_15_smart
screen_16_smart

How to use blind embossing effect?

screen_17_embossing_sample

  1. Select “Effects” layers group.
  2. Select «Embossing» layers subgroup.
  3. Select the layer named «Embossing logo».
  4. Right mouse click on the layer «Embossing logo» and select «Copy Layer Style».
  5. Create new layer with your design inside subgroup «Embossing». Only layer with transparent background is suitable for placing objects that will contain embossing effect. Any vector or bitmap object as well as text layer is suitable for pasting.
  6. Right mouse click on your layer with your design and select «Paste layer style».
screen_5_embossing
screen_6_embossing_copy
screen_7_embossing_paste

How to use hot foil stamping effect?

screen_18_embossing_sample

  1. Select “Effects” layers group.
  2. Select “Hot Stamping” layers subgroup.
  3. Select the layer named «Hot stamping logo».
  4. Right mouse click on the layer «Hot stamping logo» and select «Copy Layer Style».
  5. Create new layer with your design inside subgroup «Hot stamping». Only layer with transparent background is suitable for placing objects that will contain embossing effect. Any vector or bitmap object as well as text layer is suitable for pasting.
  6. Right mouse click on your layer with your design and select «Paste layer style».
  7. You can play with light reflection on foil moving the layer «Hot Stamping Light».
screen_8_hot_stamping
screen_9_hot_stamping
screen_10_hot_stamping

How to use gold embossing effect?

screen_19_embossing_gold_sample

  1. Select “Effects” layers group.
  2. Select “Gold Embossing” layers subgroup.
  3. Select the layer named «Gold Embossing logo».
  4. Right mouse click on the layer «Gold Embossing logo» and select «Copy Layer Style».
  5. Create new layer with your design inside subgroup «Gold Embossing stamping». Only layer with transparent background is suitable for placing objects that will contain embossing effect. Any vector or bitmap object as well as text layer is suitable for pasting.
  6. Right mouse click on your layer with your design and select «Paste layer style».
  7. You can play with light reflection on foil moving the layer «Gold Embossing Light».
screen_11_gold_embossing
screen_12_gold_embossing
screen_13_gold_embossing

How to tune background?

  1. Select “Background Layers” group.
  2. Select the layer named «Background»
  3. Double click on smart object thumbnail.
  4. The window with smart object will open. Create new layer (Menu/Layer /New/ Layer) and just Drag & Drop your design upon the layer. Make sure that image fits the size of a smart object. If it doesn’t, please, use any transform tool (usually Menu/Edit/Free Transform) to make design fit the smart object. Keep primary aspect ratio.
  5. Click «Save» from menu (or use cmd+S (on mac) or ctrl+S (on pc)).
  6. Return to window with your mockup. Design of the product will change in few seconds.
screen_1_white_mockup
screen_3_smart_object_inside
screen_21_background

How use Maquette Adobe Photoshop actions?

  1. Extract Maquette Actions.atn file from *.zip file with our mockup.
  2. Open Maquette Actions.atn file with Adobe Photoshop application.
  3. After your design is ready you must flatten the layers (Menu/Layer/Flatten image).
  4. Open Action tab and choose the necessary action from Maquette actions group.
  5. Click “Play selection” button.

Another way to load a Photoshop action is to use drag-and-drop with your mouse:

  1. Open Photoshop and open the folder that contains the Photoshop action set that you want to load, and position the two windows side-by-side (see screenshot below).
  2. Click the action file (the one ending in “.atn”) and while holding down the mouse button, drag the action to the Photoshop window. If you need to load style files, you can drag them in the same way.
  3. Release the mouse button. You will now find the action in Photoshop’s Actions palette.
screen_22_actions
screen_23_actions
screen_24_actions
screen_25_actions