fbpx
WE CREATE BRANDS PEOPLE L♥VE
Share

How to Create Mockups vol.2


Tegra - March 11, 2020 - 0 comments

How to Create Mockups vol.2

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.

Stay tuned.

TODAY YOU WILL LEARN HOW TO CREATE MOCKUPS LIKE THIS

TODAY YOU WILL LEARN HOW TO CREATE MOCKUPS LIKE THIS

DRAW A RECTANGLE  470x1014 
RADIUS: 60

DRAW A RECTANGLE

470×1014
RADIUS: 60

DUPLICATE AND RESIZE  456x988 
RADIUS: 50 
COLOR: #F1F3F6

DUPLICATE AND RESIZE

456×988
RADIUS: 50
COLOR: #F1F3F6

ADD INNER SHADOWS TO THE 2ND SHAPE 
Blur 30 X -30 Y -2 
Opacity 10% 
Color 405280  Blur 30 X Y2 
Opacity 80% 
Color FFFFFF

ADD INNER SHADOWS TO THE 2ND SHAPE

Blur 30
X -30
Y -2
Opacity 10%
Color 405280

Blur 30
X 30
Y 2
Opacity 80%
Color FFFFFF

APPLY THE SAME STYLE TO THE 1ST SHAPE  COPY STYLE: CMD + OPTION + C 
PASTE STYLE: CMD + OPTION + V

APPLY THE SAME STYLE TO THE 1ST SHAPE

COPY STYLE: CMD + OPTION + C
PASTE STYLE: CMD + OPTION + V

ADD STROKE TO THE SCREEN  WIDTH: 0.5 
COLOR: LINEAR-GRADIENT (D3D7DB, CED2D6)

ADD STROKE TO THE SCREEN

WIDTH: 0.5
COLOR: LINEAR-GRADIENT (D3D7DB, CED2D6)

ADD DROP SHADOW TO THE BASE 
Blur 60 
X 80 
Y 60 
Opacity 20% 
Color 6B7F99

ADD DROP SHADOW TO THE BASE

Blur 60
X 80
Y 60
Opacity 20%
Color 6B7F99

ADD OTHER ELEMENTS  ANTENNAS SPEAKER YOUR DESIGN  DONE!

ADD OTHER ELEMENTS

ANTENNAS SPEAKER YOUR DESIGN

DONE!

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.

Be free to send us any feedback by reply or reach us in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *