20 posts
  • Exclusive Author
  • Vietnam
  • Has been a member for 0-1 years
minhtriet77it says

How to create an image like this for my website?

https://1.s3.envato.com/files/73449282/ThemePreview/Preview-Banner.png
3799 posts
  • Bought between 500 and 999 items
  • Community Superstar
  • Exclusive Author
  • Has been a member for 4-5 years
  • United Kingdom
charlie4282 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

86 posts
  • Bought between 1 and 9 items
  • Europe
  • Exclusive Author
  • Has been a member for 1-2 years
  • Sold between 100 and 1 000 dollars
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.

248 posts
  • Sold between 1 000 and 5 000 dollars
  • Bought between 1 and 9 items
  • Referred between 1 and 9 users
  • Has been a member for 1-2 years
  • Exclusive Author
  • India
dr3772 says
20 posts
  • Exclusive Author
  • Vietnam
  • Has been a member for 0-1 years
minhtriet77it says

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

3799 posts
  • Bought between 500 and 999 items
  • Community Superstar
  • Exclusive Author
  • Has been a member for 4-5 years
  • United Kingdom
charlie4282 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
  • Has been a member for 0-1 years
minhtriet77it says

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

http://bashooka.com/freebie/tools-for-generating-mockup-screenshots/
86 posts
  • Bought between 1 and 9 items
  • Europe
  • Exclusive Author
  • Has been a member for 1-2 years
  • Sold between 100 and 1 000 dollars
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