有時(shí)候在網(wǎng)路上看到別人制作的插圖很有質(zhì)感,通常會(huì)在圖庫(kù)素材中整合自家產(chǎn)品,不但沒(méi)有違合感,還能解決類(lèi)似照片不好拍出來(lái)的問(wèn)題,其實(shí)不用透過(guò)專(zhuān)業(yè)軟體就有一些線(xiàn)上工具可以做到,例如Smartmockups除了網(wǎng)頁(yè)版以外還能付費(fèi)購(gòu)買(mǎi)Mac應(yīng)用程式,其他像是Magic Mockups、MockUPhone或Dimmy.club都能滿(mǎn)足類(lèi)似需求,當(dāng)然圖庫(kù)相片多不多也會(huì)是選擇的因素之一。
本文要推薦另一款類(lèi)似的免費(fèi)服務(wù)「Mockuper」,可以快速將手邊的擷圖或任何相片整合到圖庫(kù)裝置螢?zāi)恢?/font>,Mockuper提供各種裝置類(lèi)型,包括桌上電腦、筆記型電腦、平板電腦、手機(jī)、智慧手表和一些實(shí)體物件,例如名片、畫(huà)框、廣告看板或筆記本,只要選擇裁切范圍,調(diào)整后就能輸出各種尺寸大小的相片。 特別的是Mockuper 能為裝置螢?zāi)粌?nèi)的圖片加入「反射」效果,可再調(diào)整不透明度及反射形狀,讓它看起來(lái)更有真實(shí)感,目前Mockuper 收錄大約190 張素材,有部分在其他網(wǎng)站曾經(jīng)看過(guò),但它在操作上還算好用,不過(guò)速度稍慢一些。 網(wǎng)站名稱(chēng):Mockuper 使用教學(xué)STEP 1 開(kāi)啟Mockuper網(wǎng)站,從左側(cè)選取要使用的圖庫(kù)素材,點(diǎn)擊「Choose」大圖會(huì)顯示在網(wǎng)頁(yè)右側(cè),同時(shí)在裝置螢?zāi)恢袠?biāo)示出建議置入的圖片長(zhǎng)寬大小,如使用合適尺寸較能獲得最佳顯示效果。 網(wǎng)頁(yè)左上角可切換不同的裝置類(lèi)型,包括桌上電腦、筆電、平板電腦、手機(jī)等等。 STEP 2 選好圖片后,要怎么把我的畫(huà)面整合到裝置螢?zāi)恢心兀?/font>很簡(jiǎn)單,點(diǎn)選右側(cè)螢?zāi)?,就能進(jìn)入圖片上傳及編輯功能,如果之后要清除,可直接點(diǎn)選上方「Clear」按鈕。 STEP 3 將你要呈現(xiàn)的圖片拖曳到中間虛線(xiàn)框。 接著調(diào)整要顯示的范圍,如果你依照Mockuper 建議,上傳合適的圖片大小,那么應(yīng)該不用移動(dòng)或放大縮小,就會(huì)符合顯示范圍;另外,左側(cè)是用來(lái)調(diào)整「反射」效果、不透明度和形狀的功能,如果套用反射后看起來(lái)很不正確,也可回到編輯模式將它關(guān)閉停用。 STEP 4 將圖片整合到素材畫(huà)面中,看起來(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)選滑鼠右鍵,找到「另存圖片」就能將相片保存下載。 值得一試的三個(gè)理由:
廣告
|
|
來(lái)自: jwc2468 > 《在線(xiàn)網(wǎng)址工具》