20 posts
  • Exclusive Author
  • Vietnam
  • 2 Years of Membership
minhtriet77it
says

How to create an image like this for my website?

https://1.s3.envato.com/files/73449282/ThemePreview/Preview-Banner.png
4889 posts
  • Beta Tester
  • Community Superstar
  • Moderator
  • 6 Years of Membership
+2 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
  • 3 Years of Membership
  • Author Level 2
  • Collector Level 2
  • Exclusive Author
+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
  • Author Level 4
  • Affiliate Level 2
  • Collector Level 2
  • 3 Years of Membership
+2 more
hostlin
says
20 posts
  • Exclusive Author
  • Vietnam
  • 2 Years of Membership
minhtriet77it
says

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

4889 posts
  • Beta Tester
  • Community Superstar
  • Moderator
  • 6 Years of Membership
+2 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
  • Exclusive Author
  • Vietnam
  • 2 Years of Membership
minhtriet77it
says

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

http://bashooka.com/freebie/tools-for-generating-mockup-screenshots/
98 posts
  • 3 Years of Membership
  • Author Level 2
  • Collector Level 2
  • Exclusive Author
+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