20 posts
  • Sells items exclusively on Envato Market
  • Located in Vietnam
  • Has been part of the Envato Community for over 1 year
minhtriet77it
says

How to create an image like this for my website?

https://1.s3.envato.com/files/73449282/ThemePreview/Preview-Banner.png
4821 posts
  • Has been a beta tester for an Envato feature
  • Achieved the monthly Community Superstar Award
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+3 more
charlie4282
Moderator
says

Most of it is basic design and the mock ups of the iMac and tablet can be created using smart layers in Photoshop. Templates for these exist on google but for decent ones that can be easily modified and are more versatile it is worth purchasing on on graphicriver

98 posts
  • Has been part of the Envato Community for over 1 year
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
GoliathDesign
says

You use a raster graphics editor like Photoshop or GIMP (free) to make those images. The preview image should have a 590×300px size. In the image shown above, some mock-ups of the iMac, iPad and iPhone have been shown, which you can download, e.g. from here.

354 posts
  • Has sold $1,000+ on Envato Market
  • Has referred 1+ members
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 2 years
+2 more
hostlin
says
20 posts
  • Sells items exclusively on Envato Market
  • Located in Vietnam
  • Has been part of the Envato Community for over 1 year
minhtriet77it
says

Thank you very much! Use mockup in photoshop too difficult for beginners!

4821 posts
  • Has been a beta tester for an Envato feature
  • Achieved the monthly Community Superstar Award
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+3 more
charlie4282
Moderator
says

Really it could not be easier. Just open PSD and double click on the right layer then drop in the flat image of your site, resize it right and save it. Honestly could not be easier. Email us if you get stuck and need help.

20 posts
  • Sells items exclusively on Envato Market
  • Located in Vietnam
  • Has been part of the Envato Community for over 1 year
minhtriet77it
says

Hey! 5 TOOLS FOR GENERATING MOCKUP SCREENSHOTS OF YOUR WEB APP

http://bashooka.com/freebie/tools-for-generating-mockup-screenshots/
98 posts
  • Has been part of the Envato Community for over 1 year
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
GoliathDesign
says

Well… I agree to charlie, but I guess the ways you found to create your mockup shots yourself are probably even easier & more importantly cheaper than Photoshop, but honestly, you should be able to use photoshop at it’s most basic level ;)

1. Double click the PSD and it will open with Photoshop
2. Drag and Drop your WebApp screenshot into Photoshop
3. Align the Screenshot to fit onto the devices products (simple dragging)
4. Save/export as JPG
5. Done

by
by
by
by
by
by