有時(shí)候在網(wǎng)絡(luò)上看到別人制作的插圖很有質(zhì)感丧鸯，通常會(huì)在圖庫(kù)素材中整合自家產(chǎn)品蛤铜，不但沒(méi)有違合感，還能解決類似照片不好拍出來(lái)的問(wèn)題丛肢，其實(shí)不用通過(guò)專業(yè)軟件就有一些在線工具可以做到围肥，例如Smartmockups除了網(wǎng)頁(yè)版以外還能付費(fèi)購(gòu)買Mac應(yīng)用程序，其他像是Magic Mockups蜂怎、MockUPhone或Dimmy.club都能滿足類似需求穆刻，當(dāng)然圖庫(kù)圖片多不多也會(huì)是選擇的因素之一。
本文要推薦另一款類似的免費(fèi)服務(wù)「Mockuper」杠步，可以快速將手邊的截圖或任何圖片整合到圖庫(kù)設(shè)備屏幕中氢伟，Mockuper提供各種設(shè)備類型，包括桌上電腦幽歼、筆記型電腦朵锣、平板電腦、手機(jī)甸私、智慧手表和一些實(shí)體物件诚些，例如名片、畫框皇型、廣告廣告牌或筆記本诬烹，只要選擇裁切范圍，調(diào)整后就能輸出各種尺寸大小的圖片弃鸦。
特別的是Mockuper能為設(shè)備屏幕內(nèi)的圖片加入「反射」效果绞吁，可再調(diào)整不透明度及反射形狀，讓它看起來(lái)更有真實(shí)感寡键，目前Mockuper收錄大約190張素材掀泳，有部分在其他網(wǎng)站曾經(jīng)看過(guò)雪隧，但它在操作上還算好用，不過(guò)速度稍慢一些员舵。
站點(diǎn)名稱：Mockuper
網(wǎng)站連接：https://mockuper.net/
使用教學(xué)
STEP 1
開(kāi)啟Mockuper網(wǎng)站脑沿，從左側(cè)提取要使用的圖庫(kù)素材，點(diǎn)擊「Choose」大圖會(huì)顯示在網(wǎng)頁(yè)右側(cè)马僻，同時(shí)在設(shè)備屏幕中標(biāo)示出建議置入的圖片長(zhǎng)寬大小庄拇，如使用合適尺寸較能獲得最佳顯示效果。
網(wǎng)頁(yè)左上角可切換不同的設(shè)備類型韭邓，包括桌上電腦措近、筆電、平板電腦女淑、手機(jī)等等瞭郑。
STEP 2
選好圖片后，要怎么把我的畫面整合到設(shè)備屏幕中呢鸭你？很簡(jiǎn)單屈张，點(diǎn)選右側(cè)屏幕，就能進(jìn)入圖片上傳及編輯功能袱巨，如果之后要清除阁谆，可直接點(diǎn)選上方「Clear」按鈕。
STEP 3
將你要呈現(xiàn)的圖片拖曳到中間虛線框愉老。
接著調(diào)整要顯示的范圍场绿，如果你依照Mockuper建議，上傳合適的圖片大小嫉入，那么應(yīng)該不用移動(dòng)或放大縮小焰盗，就會(huì)符合顯示范圍；另外劝贸，左側(cè)是用來(lái)調(diào)整「反射」效果姨谷、不透明度和形狀的功能，如果套用反射后看起來(lái)很不正確映九，也可回到編輯模式將它關(guān)閉停用。
STEP 4
將圖片整合到素材畫面中瞎颗，看起來(lái)非常真實(shí)件甥，角落也不會(huì)出現(xiàn)鋸齒或顏色錯(cuò)誤問(wèn)題。若想再次調(diào)整編輯哼拔，可以點(diǎn)擊上方綠色的「Screenshot & Settings」按鈕引有。
STEP 5
最后，點(diǎn)選右下角的「下載」按鈕倦逐，挑選要下載的圖片尺寸譬正，從最小XS、S、M曾我、L到最大張的XL粉怕，不過(guò)網(wǎng)站沒(méi)有提示這些圖片的實(shí)際尺寸。
點(diǎn)選后跳出圖片抒巢，在上方點(diǎn)選鼠標(biāo)右鍵贫贝，找到「另存圖片」就能將圖片保存下載。
值得一試的三個(gè)理由：
1蛉谜、快速將屏幕截圖或畫面合成到圖庫(kù)設(shè)備屏幕中
2稚晚、收錄桌上電腦、筆記型電腦型诚、平板電腦客燕、手機(jī)、智慧手表等190張素材
3狰贯、可設(shè)定反射幸逆、不透明等效果，看起來(lái)更貼近真實(shí)
