How to Create a Website Mockup Design with Canva & MockUpPhone
This video will walk you through how to create a website mockup design for when you launch a new website, create a new course, page or blog post.
Full Blog Post: https://samanthamunoz.com/how-to-create-a-website-mockup-design/
1. Go to mockupphone.com → Select device from device list
2. For this tutorial we will use iPhone 7 plus gold Note: whichever mockup you select, it will tell you the dimensions you need
3. Upload 1242 x 2208px image
4. Go to Canva.com
5. Create design → Custom dimensions 1242 x 2208px
6. Shrink web browser of website you want to mockup to mobile size
7. Take a screen shot
8. Drop screen shot into canva.com
9. Resize image as needed
10. Download file
11. Drop downloaded file into mockupphone.com
12. Download my mockups
13. Check email and download from email
14. Create new image in canva.com (I do 2000 x 2000px)
15. Now get creative!!!
--------------------------------------------------
LINKS YOU SHOULD CARE ABOUT:
✨ Are you a web designer or developer? Listen to our podcast!
https://makingwebsitemagic.com/yt
+ Connect With Me On Instagram:
https://instagram.com/hellosammunoz
+ Subscribe To This Youtube Channel:
https://samanthamunoz.com/youtubesubscribe
Видео How to Create a Website Mockup Design with Canva & MockUpPhone канала Sam Munoz Consulting, LLC
Full Blog Post: https://samanthamunoz.com/how-to-create-a-website-mockup-design/
1. Go to mockupphone.com → Select device from device list
2. For this tutorial we will use iPhone 7 plus gold Note: whichever mockup you select, it will tell you the dimensions you need
3. Upload 1242 x 2208px image
4. Go to Canva.com
5. Create design → Custom dimensions 1242 x 2208px
6. Shrink web browser of website you want to mockup to mobile size
7. Take a screen shot
8. Drop screen shot into canva.com
9. Resize image as needed
10. Download file
11. Drop downloaded file into mockupphone.com
12. Download my mockups
13. Check email and download from email
14. Create new image in canva.com (I do 2000 x 2000px)
15. Now get creative!!!
--------------------------------------------------
LINKS YOU SHOULD CARE ABOUT:
✨ Are you a web designer or developer? Listen to our podcast!
https://makingwebsitemagic.com/yt
+ Connect With Me On Instagram:
https://instagram.com/hellosammunoz
+ Subscribe To This Youtube Channel:
https://samanthamunoz.com/youtubesubscribe
Видео How to Create a Website Mockup Design with Canva & MockUpPhone канала Sam Munoz Consulting, LLC
Показать
Комментарии отсутствуют
Информация о видео
30 сентября 2019 г. 9:27:30
00:05:49
Другие видео канала
How to Create a WEBSITE in Canva for FREEHow To Mock-Up A Website Design!How To Create A Scrolling Website Mockup Using CanvaHow to: Create an Interior Design Mood Board Using Powerpoint | Tutorial | aseelbysketchbookDesign A Website In Under 1 Hour With FigmaHow to Create a Canva Website Design in 1 Hour or Less | Taylor Made It Ep. 3How To Create Instagram Carousel Post With Canva (for Free)How To Create A Lead Magnet In Canva 2.0: Generate More Leads & Customers With Awesome Lead MagnetsHow To Link External Links From Post Title In WordPress | SOLVED - WordPress TutorialsSkinny Tumbler Full wrap Mockup: How to insert your design in CanvaBusiness Planning Series: How To Plan Quarterly for Your Product-Based Business for 2021HOW TO DESIGN A WEBSITE IN ONE DAY USING SHOPIFY | QUICK & EASY WEB DESIGN TUTORIALHow To Make Digital Prints To Sell On Etsy Using Canva - Etsy Canva TutorialHow to Hide the Header and Footer in Divi *no coding required*How to Create a Landing Page or Website In Canva 202148 Things Your Website Needs To Attract More Clients Now (Free Nonprofit Web Design Course)Designing & Building a Personal Portfolio from SCRATCH!App Landing Page Template Design using by Html Css BootstrapCreate a Realistic T-Shirt Mockup in Photoshop - Full TutorialHow To Create A Responsive Website Screen Mockup | Photoshop Tutorial