How to present your website inside screen?

Discussion in 'Graphics & Multimedia' started by Dr.Weed, Sep 2, 2013.

  1. #1
    I was searching for tutorials but I havent found anything. I dont know what to look for, so if anyone know how to do this, please tell me. Or something similar.

    http://www.ingeniumweb.com/EX.Web.Controls.AvatarHandler.axd?portfolioId=Ect4SgEuNEWiLKGqALSIxw&ImageName=Responsive-Web-Design-and-Development-Marko-hr.jpg
     
    Solved! View solution.
    Dr.Weed, Sep 2, 2013 IP
  2. #2
    You can search up devices mock ups and download something like this: http://dribbble.com/shots/829545--PSD-iMac-MacBook-Retina
    Then just place your work or product where the example is in the PSD folders/layers.
     
    Christine V, Sep 2, 2013 IP
  3. evodesign

    evodesign Well-Known Member

    Messages:
    883
    Likes Received:
    166
    Best Answers:
    0
    Trophy Points:
    115
    #3
    Hi there,
    You would need the high res image of each device.

    Then you would have to go accordingly:
    1. Get the dimensions of each device screen
    2. Mock up your design in those dimensions
    3. Flaten your design to a jpg or png
    4. CRT+T to transform your design to fit perfectly in the device image

    I hope this helps.
     
    evodesign, Sep 2, 2013 IP
  4. Dr.Weed

    Dr.Weed Greenhorn

    Messages:
    64
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #4
    Thanks. Thats what I was looking for. But if anyone has more examples, feel free to provide.
     
    Dr.Weed, Sep 2, 2013 IP
  5. Instantser

    Instantser Greenhorn

    Messages:
    16
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    8
    #5
    Easy. Search for the target device in Google.

    iMac: http://softvi.info/wp-content/uploads/2013/06/imac.jpg
    iPhone: http://upload.wikimedia.org/wikipedia/commons/f/fa/IPhone_5.png
    PC: http://www.psdgraphics.com/file/samsung-p2370-monitor-photoshop-recreation.jpg

    Take a screenshot of your website, resize it to fit the monitors, and place it right above the device image.
     
    Instantser, Sep 9, 2013 IP