[問題] RWD網站展示圖都是怎麼產生的?

[gocreating (小平)]

常常看到一些網站會擺上

各種解析度下網站呈現的樣貌圖

例如:

http://goo.gl/kG09qW

http://goo.gl/3wOXD8

不知道有沒有工具可以套用自己的圖片?

目前據我所知 有個類似功能的網站:

http://frame.lab25.co.uk/

但我想要的是上面2張範例圖的效果

我不懂PhotoShop、Illustrator等工具

也沒辦法自己生出一張

所以想尋求現有工具的協助

謝謝

--
13:42 gocreating@linux1 [~] >./初音
./初音: Command not found
13:42 gocreating@linux1 [~] >

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.113.66.22
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1429615386.A.FFF.html
推 ProfessUX: 你也可以用css 弄一個opacity mask
→ ProfessUX: 假設你想要很美的圖片.... 我是認為外包請美工幫你做
→ ProfessUX: 也比較不會有版權問題 通常這個都有現成PSD可以改
推 ProfessUX: 可是我要說generator就那幾個 內行的都看得出來用哪個
→ ProfessUX: 只要用反查詢就知道哪個網站生出來的了
→ ProfessUX: 改psd其實很容易...你學一下就會了 背景漸層色改一下
→ mmis1000: 用 phantomjs 能直接輸出畫面
→ mmis1000: 再用php或是nodejs之類的，就能自動化和成了
→ mmis1000: 不過底圖跟上面的反光mask要自己找