相信大家對LOGO展示模板（Mockup）一定不陌生，網上模板數不勝數，好多人覺得這東西很高大上，其實說白了也簡單，就是智能對象的更新而已。今天給大家帶來一個LOGO展示模板（Mockup）的制作過程，跟著@P大點S微博?一起來學技巧漲姿勢！

源文件和素材打包下載：http://pan.baidu.com/s/1i3Ueb9V

首先，我們新建個文件，大小隨意，我用的是1920*1280像素，填充背景顏色為#232323。

為背景圖層添加一個漸變疊加。

添加一個1像素的雜色，高斯分布，勾選單色。

放入我們的LOGO

將LOGO圖層轉換為智能對象，然后復制兩層，得到總共三層LOGO的圖層，這是我們用來做效果的。

這里需要注意的是一定要先轉智能對象，再添加圖層樣式或者濾鏡等等之類的操作，包括你自己制作別的LOGO展示模板也是一樣。

將三個圖層命名為1、2、3 ，方便一會我們的操作及講解。

我們的想法是，用1圖層來做投影之類的東西，2圖層做整體效果，3圖層做效果疊加，所以，我們先對2這個圖層進行操作。

首先，我們添加一個斜面和浮雕。

勾選等高線，在等高線的下拉列表中選擇錐形等高線。

添加一個內陰影。

添加一個對稱的漸變。

添加一個投影。

現在我們完成了主體的創建，現在我們的效果如下：

下面，我們添加一個投影效果，我們選擇1圖層，將填充更改為0，添加一個外發光。

添加一個投影。

OK，現在我們的效果如下所示。

下面，我們選擇3圖層，進行最后的效果疊加。同樣的，首先將填充設置為0，添加一個斜面和浮雕。

為了提升逼格，我勾選了紋理，給整體添加了一個紋理效果，當然如此有愛，如此樂于分享的小團隊，你在壓縮包里可以看到我們所提供的PAT圖案。

添加一個內陰影。

添加一個內發光。

添加一個光澤。

現在，我們的效果如下：

有點意思了，但是我們需要再增加一個顏色修改的功能，不然就這樣當作一個LOGO展示模板，嚴重拉低了逼格。

選擇1、2、3三個圖層，CTRL+G創建圖層組，命名為效果。

創建一個新的圖層組，命名為“修改顏色”。復制一層1圖層，將其置于修改顏色圖層組內，并將圖層混合模式更改為柔光?？聪旅妫业慕貓D的顏色變成了藍色，因為我的LOGO本身是藍色。

在我們LOGO的上層，以剪貼蒙版形式，創建一個“純色”調整層，這個調整層就是我們用來修改顏色的。

如下圖所示，我們可以通過修改這個“純色”調整層的顏色來挑選我們喜歡的顏色。

在一些模板中，我們經?？梢钥吹?，作者都會在最頂層放一個智能對象，并命名為修改LOGO，今天，我們也這樣干，再次復制一個LOGO智能對象的圖層，放置于最頂層，并將填充更改為0，這樣這個圖層相當于是無用的，只是為了讓使用模板的人更為直觀的操作。

當然，你也可以在頂層，繼續添加一些諸如“色相/飽和度”、“純色”之類的調整層，用來修改全圖的色調，都不是事。

寫得有點語無倫次，也不知道大家看懂沒，說得直白一些，大部分的模板都是由三部分來構成。

1、背景

2、LOGO主體效果

3、LOGO顏色更改

我們只需要知道，LGOO的所有的效果是基于同一智能對象，通過多層圖層模式的效果疊加來達到最終效果的，所以，我們雙擊智能對象時，更換掉了LOGO，原文件中的LOGO就變成了你的LOGO，傻瓜式的操作就這樣完成了。

因為都是給智能對象添加圖層樣式來實現效果的，所以，我一開始就說，放入LOGO后就轉智能對象，因為此時，你的LOGO是沒有任何效果疊加的，只是原LOGO，如果你添加效果后再轉智能對象，一切都改變了。

關于純色的填充，這里只是提供一種思路，你不用純色填充，用漸變填充，難道不行？人是活的，方法是多樣的。

本模板，如果不展示LOGO的話，直接使用文字，效果也還過得去。

我這里使用的是一個傳說中的女神的名字YUVIA來測試的。

是不是很有趣，你也來試試吧！

可能是國內做原創教程最用心的公眾號：

【優設十二月人氣文章合集】

Top 1
《漲姿勢！創造好設計的25條史詩級平面設計技巧》

Top 2
《逼死設計師！2015年全球最丑的網站排行榜新鮮出爐》

Top 3
《親歷者說！日本的平面設計水平為什么這么高？》

原文地址：pdadians

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量107萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com