20 posts
  • Sells items exclusively on Envato Market
  • Located in Vietnam
minhtriet77it says

How to create an image like this for my website?

https://1.s3.envato.com/files/73449282/ThemePreview/Preview-Banner.png
4055 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 500+ items on Envato Market
  • Nominated Community Superstar of the month
  • Sells items exclusively on Envato Market
+1 more
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

94 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
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 1+ items on Envato Market
  • Has been part of the Envato Community for over 1 year
+2 more
hostlin says
20 posts
  • Sells items exclusively on Envato Market
  • Located in Vietnam
minhtriet77it says

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

4055 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 500+ items on Envato Market
  • Nominated Community Superstar of the month
  • Sells items exclusively on Envato Market
+1 more
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
  • Sells items exclusively on Envato Market
  • Located in Vietnam
minhtriet77it says

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

http://bashooka.com/freebie/tools-for-generating-mockup-screenshots/
94 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
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

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by