Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
In order to provide prototyping templates, I would like to create a smartphone, tablet, and notebook template as raster graphics. There are many tutorials on YouTube which, unfortunately, start with what I would like to have as a result, for example How to create an iPhone X Mockup.
Do you know of a tutorial to create “empty” frames of devices in the first place?
Photoshop is not a must-have-requirement. Inkscape or any other open software would be even more welcome.
You can use a photograph of a device to create a mockup/template, either one you have taken yourself, or a stock photograph, and simply modify it in Photoshop.
Here's an example. Use the Quick selection tool, select the inside of the screen, and then fill it white.
There are many free sites where you can find free mockups. Like
and many others you can just simply download templates from here as per your choice.
or the second method is you can simply use the masking technique. Follow these steps
- Take one image containing any mobile.
- Make the selection using the
polygonal lasso tool, after making the selection pressCTRL+Jkey to make a new selection layer.
Take your screen that you want to put inside that selection and mask it using the
create clipping mask method
