How to CREATE MOCKUPS vol.2 🔸
Courtesy of @alexunderhess.design
Hey friends, today you will learn how to create realistic mockups easier just using shadows ☝
Two shapes, 5 shadows and it’s done. Let me know if you like it in the comments below.
The main idea of using mockups is to have another point of view on your designs.
TODAY YOU WILL LEARN HOW TO CREATE MOCKUPS LIKE THIS
DRAW A RECTANGLE
DUPLICATE AND RESIZE
ADD INNER SHADOWS TO THE 2ND SHAPE
APPLY THE SAME STYLE TO THE 1ST SHAPE
COPY STYLE: CMD + OPTION + C
PASTE STYLE: CMD + OPTION + V
ADD STROKE TO THE SCREEN
COLOR: LINEAR-GRADIENT (D3D7DB, CED2D6)
ADD DROP SHADOW TO THE BASE
ADD OTHER ELEMENTS
ANTENNAS SPEAKER YOUR DESIGN
Bonus — tools that may be useful in your designer way:
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Designmodo – a timesaving tool that helps create websites and email builders designed for developers, designers, marketers, and non-tech users.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.