二維碼 購物車
部落窩在線教育歡迎您!

樣機的制作與應(yīng)用

不好的素材別刪,套上樣機,照樣做出高顏值的PPT!

?

作者:P小白來源:部落窩教育發(fā)布時間:2019-11-06 16:39:34點擊:5140

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

【樣機】是一些設(shè)計師常常掛在嘴邊的一個詞,但是對于PPT小白根本不知道【樣機】是個什么玩意兒,不用怕,今天這篇文章,你不僅會告訴你什么是樣機,還會告訴你如何制作樣機,更會告訴你如何在PPT中使用樣機!

 

樣機是什么?有必要了解這個嗎?

樣機通俗來講就是一個容器,一個專門承載圖片的容器。

我們有時會在一些頁面中放入手機截圖或者電腦截圖,如果只是單純將圖片放置在頁面之上,難以讓人聯(lián)想到實際,但如果將這些截圖放置到樣機中,就會帶給人一種截圖從手機或者電腦中躍然而上的感覺。

PPT核心的功能就是讓觀眾快速理解自己表達的觀點,所以樣機在某一方面就是為了更好的傳達出瀏覽頁面所表達的核心觀點,并與觀眾之間產(chǎn)生一種場景聯(lián)結(jié)。

舉個例子:

 

電影《攀登者》的海報圖片,整體看來就是圖片與色塊的簡單疊加,沒有其他的要素在其中了。

添加樣機后,就會覺得是在手機中瀏覽這一電影海報,配合文本之間的觀點,能夠很好地突出主題,也能更好地提升頁面的質(zhì)感。

既然說了這么多,如何去尋找樣機素材呢?要用到PS嗎?我不會啊。

這里小白給大家提供3個樣機網(wǎng)站,讓制作樣機變得超級簡單。

01 dimmy

網(wǎng)址https://dimmy.club/

上手難度:★☆☆☆☆

介紹:這個網(wǎng)站直接提供樣機供你篩選,上傳圖片后,首先挑選自己中意的樣機,然后點擊進入這個樣機樣式頁面,最后直接點擊“DOWNLOAD”下載樣機即可。

缺點:圖片尺寸需要調(diào)整,需要按照樣機像素大小進行填充,否則網(wǎng)站會自動裁剪圖片的某一部分。

 

Upload是上傳,直接上傳需要使用的圖片即可,而右邊的選項依次是覆蓋、填充、包含、拉伸,一般情況下選擇覆蓋即可。

需要注意的是背景顏色,這里需要選擇透明,否則下載的是有背景的樣機咯~

操作示意圖:

02 smartmockups

網(wǎng)址:https://smartmockups.com/

 

上手難度:★★☆☆☆

介紹:網(wǎng)站樣機種類繁多,并且包含了一部分與場景融合的樣機樣式,如商場大屏、書本等,最為便捷的是上傳圖片后不僅可以對圖片進行裁剪、旋轉(zhuǎn)、翻轉(zhuǎn),還可以選擇樣機的像素大小。

缺點:國外網(wǎng)站,剛打開時加載有點慢,有部分樣機是付費的(免費的樣機足夠我們使用了)。

上傳后通過裁剪、對齊、旋轉(zhuǎn)或翻轉(zhuǎn)調(diào)整到合適的位置后,下載即可。

操作示意圖:

既然開頭提到樣機,那么當(dāng)然會有PS咯,下面為大家介紹一個需要用到PS的樣機網(wǎng)站。

03 anthonyboyd

網(wǎng)址:https://www.anthonyboyd.graphics/

上手難度:★★★★☆

介紹:這個網(wǎng)站樣機素材都比較專業(yè),而且比較新,如服裝logo、名片、易拉罐、腕表以及最新出的手機樣機等。

缺點就是需要用到PS,對新手小白來說,可能存在一定的難度。

 

專業(yè)的背后就是對技術(shù)的要求,這個網(wǎng)站樣機資源提供下載,卻也是唯一需要使用到PS的網(wǎng)站,但是大家也不要擔(dān)心,下載后的樣機資源很容易制作成圖片效果,下面小白給大家演示一下~

首先,下載文件后對文件進行解壓,將PSD文件拖拽到Photoshop中,就會出現(xiàn)下面圖中的效果:

不少眼尖的小伙伴可能會發(fā)現(xiàn)右邊的圖層顏色,紅色是我們需要修改的圖片,暗黃色則是背景,我們要更改的就是紅色圖層里面的圖片。

由于操作比較繁瑣,這里小白就是用圖片的方式教大家如何去更改樣機中的圖片。

第一步:左鍵雙擊智能對象縮略圖(小白以第一個圖片為例),進入樣機圖片更改頁。

第二步:Ctrl+O打開需要放置在樣機中的圖片,最好是與樣機圖片大小一致的,否則伸縮后會裁剪部分。(這里小白找的一張三星Galaxy的截圖)

第三步:左鍵選中圖片不松,拖拽圖片到第二個標(biāo)簽欄,松開左鍵,需要放置的圖片就在第二個標(biāo)簽欄中了,鼠標(biāo)左鍵移至右上角,進行下一步的操作。

第四步:選中圖層,Ctrl+T構(gòu)建圖片框,按住Shift鍵等比例沿著右下角放大,直至填充整個頁面,最后回車鍵確定圖片,按Ctrl+S保存后回到第一個標(biāo)簽欄。

 

最后的效果是這樣的。

第五步:完成剩余樣機圖片的填充,關(guān)掉背景顏色的小眼睛,讓它不顯示。

 

第六步:Ctrl+Shift+S另存為,在保存類型的下拉菜單中選擇png格式,確定后保存到桌面,最終樣機的效果就完成啦~

04案例實操

小白的課堂,當(dāng)然免不了教大家一些實際的案例咯~

第一步:打開給大家推薦的第二個網(wǎng)站samrtmockups,找到一個電腦樣機的圖片,對放置的圖片進行上傳(片源來自pexels),最后下載到桌面。

第二步:在插入選項卡中選擇圖片,插入做好的樣機圖片,縮小到合適位置。

第三步:在插入選項卡中選擇“形狀”-“平行四邊形,拖拽出合適的形狀,同時通過黃色圓標(biāo)控制平行四邊形的傾斜度。選中形狀,點擊鼠標(biāo)右鍵,出現(xiàn)設(shè)置形狀格式菜單命令;

第四步:單擊“設(shè)置形狀格式”,設(shè)置平行四邊形的基本屬性,“填充”設(shè)置為“純色填充”,純色填充更改為r108,g99,r255,“線條”設(shè)置為無線條,再在格式選項卡中選擇置于底層。

第五步:框選中平行四邊形,Ctrl+D復(fù)制一個一模一樣的形狀,移動到右邊,放置到合適位置,同時在屬性欄中將形狀透明度改為60%(未出現(xiàn)屬性欄可右鍵設(shè)置形狀格式)。

最后添加文本,左對齊排版,同時將字體改為斜體即可大功告成啦~

 

好啦,本次教程就到這里咯,咱們下期再見~

 

素材下載及學(xué)習(xí)交流請加QQ群:170790905

PPT大神,快速提升工作效率,部落窩教育《一周PPT直通車》視頻和《PPT極速貫通班》直播課全心為你!掃下方二維碼關(guān)注公眾號,可隨時隨地學(xué)習(xí)PPT

http://zuijiahehuoren.cn/ewebeditor/uploadfile/20190624151943625023.png

文章推薦

信不信,學(xué)會這些「四兩撥千斤」的騷操作,PPT逼格瞬間提升N倍!

PPT高手都愛用的【樣機】,到底是個什么玩意兒?

PPT教程:沒有圖片,如何設(shè)計出高大上的PPT?

高大上的PPT表格怎么做?掌握“九”字口訣就夠了!

PPT3D動效不會玩?手把手教你用PPT做炫酷的3D模型(附案例)

版權(quán)信息

本文為部落窩教育獨家授權(quán)作品,作者P小白。