support.visme.co Open in urlscan Pro
2606:4700:20::681a:f2c  Public Scan

URL: https://support.visme.co/mockups-designs/?utm_source=newsletter&utm_medium=email&utm_campaign=22042
Submission: On February 17 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

GET https://support.visme.co/

<form role="search" method="get" id="kbsearchform" action="https://support.visme.co/" autocomplete="off">
  <input type="text" value="" name="s" id="s" placeholder="I want to know more about...">
  <input type="submit" id="searchsubmit" value="">
  <img src="https://support.visme.co/wp-content/themes/support/images/i_search_clear.svg" alt="clear" class="clear-search">
  <div class="search-results">
    <div class="content">
    </div>
    <a href="" class="all-results-link">See All Results</a>
  </div>
</form>

Text Content

 * 
 * Create
   
   CONTENT TYPES
   
   Presentations Keep your audience engaged.
   
   Documents Formalize your branding.
   
   Videos Add movement to your brand.
   
   Infographics Share information visually.
   
   Printables Create content for printing.
   
   Charts and Graphs Bring life to your data.
   
   Social Media Graphics Create scroll-stopping content.
   
   Mockups Create high-quality mockups in seconds.
   
   Branded TemplatesNew Get a bundle of templates that match your brand.
   
   FEATURES & ASSETS
   
   Icons
   
   Interactivity
   
   Photos
   
   Integrations
   
   Data Widgets
   
   Collaborations
   
   Flowcharts
   
   Presenter Studio

 * Learn
   
   FREE EDUCATIONAL RESOURCES See All
   
   Visme Video Tutorials Watch videos on how to use Visme.
   
   Ebooks Read in-depth knowledge for your industry.
   
   Graphic Design Videos Learn design principles & best practices.
   
   Live Webinars Interact with the experts live.
   
   Free Online Courses Get certified with free online courses.
   
   OUR BLOG
   
   Presentations
   
   Video & Animations
   
   Digital Marketing
   
   Infographics
   
   Design for Business
   
   Data Visualization
   
   Design Inspiration

 * For Teams
   
   FOR TEAMS All Teams
   
   Agencies & Consulting Manage multiple brands.
   
   Education Use Visme in the classroom.
   
   Nonprofit Bring life to your cause.
   
   Enterprises Create visual content at scale.
   
   PERFECT FOR THESE ROLES
   
   Marketers Creative content that shines.
   
   Human Resources Improve internal communication.
   
   Sales Teams Close more deals with your content.
   
   Training Development Create interactive training content.

 * Templates
   
   TEMPLATES See All
   
   Presentations 1000+ layouts and themes.
   
   Chart & Maps Get data visualization ideas.
   
   Social Media Graphics Browse templates for every platform.
   
   Infographics Find the right format for your information.
   
   Documents Templates for every business document.
   
   Videos & GIFs Find the perfect preanimated template.
   
   Branded TemplatesNew Get a bundle of templates that match your brand.
   
   OTHER TEMPLATES
   
   Website Graphics
   
   Brand
   
   Survey Results
   
   Reports
   
   Proposals
   
   Invoices
   
   Flyers
   
   Ebooks
   
   Brochures
   
   Logos

 * Case Studies
 * Pricing

 * Log in
 * Sign Up Free

 * Create
   * Features
   * Content Types Create all forms of visual content
     * Content Types
     * Presentations
     * Infographics
     * Charts & Maps
     * Documents
     * Social Media Graphics
     * Printables
     * Graphics
   * FEATURES & ASSETS Everything you need to spice up your content.
     * FEATURES & ASSETS
     * Icons
     * Photos
     * Data Widgets
     * Flowcharts
     * Animation & Interactivity
     * Integrations
     * Collaboration
 * Learn
   * Learn
   * Visme Video Tutorials
   * Live Webinars
   * Free Online Courses
   * Ebooks
   * Graphic Design Videos
   * Our Blog
 * For Teams
   * For Teams
   * Small & Medium-Sized Biz
   * Agencies & Consulting
   * Nonprofit
   * Education
   * Enterprise
   * Marketers
   * Sales Teams
   * Human Resources
   * Training & Development
 * Case Studies
 * Templates
   * Templates
   * Presentations
   * Infographics
   * Chart & Maps
   * Documents
   * Social Media Graphics
   * Videos & GIFs
   * All Templates
 * Pricing

Log in Sign Up Free


HOW CAN WE HELP YOU?


See All Results

Popular Topics : The Basics, Tips & Tricks , and Designing & Editing

Menu +



HOW TO CREATE MOCKUP DESIGNS IN VISME

 

Giving free rein to the imagination is great, that is absolutely clear. However,
when working on a project, you sometimes need to show off what your design will
actually look like when it is put out into the real world. Using the Mockups
feature, you will be able to create visually appealing mockup designs in minutes
without having to crop or size your images manually.

 

Or follow our simple step-by-step instructions:



1
Once in the editor window of your project, click on the “Photos” tab located in
the sidebar along the left side of your screen. A box will open and you’ll see a
“Mockups” button. Click on it to open all of Visme’s mockup assets.







2
You will see thousands of beautiful mockup designs and a drop down menu from
where you can filter the designs by devices, billboards, apparel, store bags or
business cards. Choose the best mockup according to your needs and add it to
your canvas by simply clicking on it.







3
Once you’ve added the mockup, you can move it around your design and resize it
as you’d like. Then, click on the “Add Image” Tab at the top left corner. You’ll
see a pop up that will allow you to select from where to choose the image. You
can upload a new photo, use a previously added image or search for it in our
Photo Library. Click on any of these options to move forward.







4
To finish, add the image you want to add by simply clicking on it. You can also
drag any other images from the slide into the mockup and Visme will pull it in
perfectly for you. Once the image is added to the mockup, you can move it around
to center it however you would like.







5
You’re done, your Mockup Design is ready!





Was this helpful?

Click on a thumb to rate it!

 * 
 * 
 * 
 * 
 * 



Submit Rating







Back to home
Home
Mockups
 * The Basics

 * Getting Started

 * Visme Plans
 * LMS Export for your Training content
 * 5 reasons why you should use Visme
 * Allowed Sizes, Limits and Formats
 * Downloading as HTML5
 * Visme Mac Desktop App
 * Visme Windows Desktop App
 * How to download your project as GIF
 * How to download your project in editable PPTX format
 * How to download your project as Video

 * Embed & Download

 * LMS Export for your Training content
 * Downloading as HTML5
 * How to download your project as GIF
 * How to download your project in editable PPTX format
 * How to download your project as Video
 * Download infographics as multiple pages
 * Downloading Projects for Offline Use
 * Download a Presentation in Visme
 * Embedded Projects On A Website
 * Download Your Design with Transparent Background

 * Common Questions & Answers

 * Accessibility and Visme
 * How to contact the Support Team
 * Can I get a refund for my Visme subscription?
 * Troubleshooting in Visme
 * How to remove Visme branding and replace Visme logo?
 * Can I make my work private?
 * FAQ’s – Using Visme
 * FAQ’s – Design Tips and Questions
 * FAQ’s – Account Management
 * FAQ’s – Preview and Rendering Issues

 * Creating & Editing 101

 * Resizing Your Projects
 * How to duplicate a Project
 * How to use Basic Content?
 * Importing PowerPoint Projects into Visme
 * Saving your Visme Projects
 * How to create a New Project

 * Publish & Present

 * Shorten URL
 * Find & Copy a Visme Project Link
 * Allow Viewers To Download Published Projects
 * How to present your content
 * Managing advanced settings for Visme projects
 * How to present offline to an audience
 * Sharing and Publishing my Visme

 * Account & Plans

 * Visme Languages
 * How to update your Profile Information
 * Visme Storage Limits
 * How to reset your Visme account password
 * Manage Subscription Settings
 * How can I upgrade my account?
 * Where can I view my Payment History and Receipts?
 * Update your Payment Information
 * How to update your Account Information
 * How to delete my account?

 * For Print

 * Downloading high resolution designs for print
 * Download Designs for Print
 * Crop marks and bleed
 * Setting Margins for Printing

 * Project Types

 * Interactive Xperience

 * Interactive Xperience

 * Whiteboard

 * Visme Online Whiteboard

 * Mockups

 * How to create Mockup Designs in Visme

 * Videos

 * Video Creation

 * Documents

 * How to create documents
 * How to Create a Resume

 * Presentations

 * How To Mix & Match Slides or Pages In Your Design
 * Presentations 101
 * Creating and Managing Slides
 * Creating Slide Transitions
 * Using Presentation Notes

 * Infographics

 * Infographics 101
 * What Are Infographic Blocks?
 * Modifying Infographic size

 * Ebooks

 * How to create Ebooks with Visme

 * Printables

 * How to make your own printables

 * Social Graphics

 * Adapting Social Graphics
 * Create graphics for Websites
 * Create graphics for Social Media

 * Designing & Editing

 * Text & Text Widgets

 * How to Annotate your Text
 * Text Effects
 * Font Pairs
 * Quickly Change & Format Fonts In Visme
 * How to add Page Numbers
 * Text Tool 101
 * Create a button from text block
 * Formatting Text
 * How do I add superscript or subscript?

 * Graphics, Shapes & Icons

 * Snap to Objects
 * 3D Graphics
 * Color Dropper Tool
 * Using Animated Graphics
 * Insert a Visme Graphic into an Email or Newsletter
 * How to Change Object Colors
 * Format Lines
 * Adding and removing shapes and lines
 * Resize & Format Shapes
 * Searching/Replacing shapes and Icons

 * Images

 * How to instantly upload images with a URL
 * Add photos taken with your computer camera
 * Image Placeholders
 * How to change the angle of your Images
 * Photo Grids
 * Using Photo Filters
 * Framing photos
 * Cropping or resizing photos
 * Uploading photos from your PC
 * Searching for Photos

 * Data

 * Visualizing Data using Data Widgets
 * Charts & Graphs Settings
 * Dual Charts
 * How to embed Tableau Graphs and Charts into Visme
 * How to make a flowchart
 * Pictograph and Arrays
 * Importing Data Into Charts & Graphs
 * How to create an interactive map
 * Charts and Graphs

 * Video

 * Add a video recording to an object
 * Managing Video settings
 * Adding, Uploading, & Embedding Videos

 * Tables

 * Connect a Visme table to live Data
 * Prefilled Tables
 * Embed Tables within your Visme Projects
 * How To Merge Cells Within A Table
 * Adding Content To Tables
 * Formatting and Styling Tables
 * Inserting Tables

 * Audio & Music

 * Add an audio recording to any object
 * Using the Audio Library
 * Adding background music
 * Customizing audio settings
 * How to Record Audio Voice Over
 * Uploading and Inserting Audio

 * Backgrounds

 * Adding Background Videos
 * Adding a Background Image
 * How to remove the background of your images
 * Using Gradient and Pattern Backgrounds
 * Customizing backgrounds

 * Animation

 * How to use 3D Animated Graphics in Visme
 * Custom Animations
 * On Click Animations
 * Animation tips – Do’s and Dont’s
 * Animation 101 – Learn to animate

 * Interactivity

 * How to create a pop-up effect
 * Link To Another Slide
 * Link to Website, Email or Social Media
 * Interactivity 101

 * Collaboration and Team Features

 * My Brand

 * How to set up your Brand Area in Visme
 * Brand Wizard
 * Branded Templates
 * Brand Settings
 * Brand Styles
 * Brand Links
 * Brand Templates
 * Brand Assets
 * Create Custom Theme Colors

 * Team & Workspaces

 * How to update the Workspace Name
 * Workspace Audit Log
 * How to join a Visme Workspace
 * How to add new users to your team
 * Your team in Visme – How to collaborate together
 * Managing your Workspace
 * Creating a Workspace
 * Visme Workspaces – Overview
 * Managing your project comments
 * Comments and annotations

 * Apps and Integrations

 * Visme Integration: Visme + Vidyard
 * Visme Integration: Visme + Wistia
 * Visme Integration: Visme + YouTube
 * Visme Integration: Visme + Vimeo
 * Visme Integration: Visme + Livestorm
 * Visme Integration: Visme + LearnWorlds
 * Visme Integration: Visme + Brandfetch
 * Visme Integration: Visme + Formstack
 * Visme Integration: Visme + MailChimp
 * Visme Integration: Visme + HubSpot

 * Analytic Tools & Insights

 * Analytics

 * Registration Form Results
 * Deeper Analytics
 * Analytics – Tracking traffic & statistics of projects
 * Registration Form

 * Tips & Tricks

 * Account & Projects Settings

 * How to duplicate project folders
 * How to log out of your Visme account
 * Hiding control bar on published projects

 * Viewing and Presenting

 * Flipbook Effect for Documents
 * Presenter Pointer

 * Creating and Designing

 * Trim View
 * Create faster with Shortcuts
 * Animation Timeline: Audio & Recording Settings
 * Animation Timeline: Advanced Tab Overview
 * Animation Timeline: Basic Tab and Preview Overview
 * Using Find & Replace
 * Creating Interactive eBooks
 * Visme Ruler & Smart Guides
 * Coordinates Panel
 * Objects List

 * Productivity Tools

 * Tools & Features

 * Design on the go with Visme iOS App
 * Workflow Management: Assign projects or slides to your team
 * Spell Checker
 * Prototype Your Designs with Visme
 * Master Layout
 * Content Calendar
 * Dynamic Fields
 * Visme on your Mobile Devices
 * Presenter Studio
 * Call to Action Content Blocks

 * My Files

 * My Files: Using folders and labels
 * My Files: Settings
 * My Files: Overview & How to Access
 * My Files: How to manage your assets

 * Grides & Guides

 * Adding and removing grids

 * Slide Library & Content Blocks

 * Share Blocks with your Team
 * Slide Library Groups
 * Using the Slide Library
 * Creating your Own Custom Content Blocks
 * How to Use Content Blocks

VISME 101

Learn how Visme will change the way you create stunning content.

Reserve your seat
 * Live Q&A
 * New Features
 * Cool Tips

We’re empowering everyone to communicate visually.

 * 
 * 
 * 
 * 
 * 
 * 

CREATE

 * Presentations
 * Infographics
 * Printables
 * Documents
 * Social Media Graphics
 * Graphs
 * Videos
   Timelines Flyers Reports Flowcharts Banners Maps Charts Scatter Plots Bar
   Graphs Line Graphs YouTube Thumbnails GIFs

 * MORE TO CREATE

USE CASES

 * Marketing
 * Sales
 * Human Resources
 * Training & Development
 * Nonprofits
 * Education
 * Enterprise
 * Schedule a Demo

RESOURCES

 * Blog
 * Webinars
 * Video Tutorials
 * eBooks
 * Online Courses
 * Templates
 * Design Gallery
 * Integrations

COMPANY

 * About
 * Pricing
 * Careers
 * Download
 * What’s New
 * Affiliate Program

SUPPORT

 * Help Center
 * Feature Requests
 * Contact Us

RECENT FEATURES & ARTICLES

HOW IBM USES INFOGRAPHICS TO ATTRACT AND HIRE TOP TALENT [CASE STUDY]

More from our blog >
 * 
 * 
 * 
 * 
 * 
 * 

Copyright 2023 Easy WebContent, Inc. (DBA Visme). All rights reserved. Proudly
made in Maryland.

Terms of Service and Privacy Site Map