相信大家對(duì)LOGO展示模板(Mockup)一定不陌生，網(wǎng)上模板數(shù)不勝數(shù)，好多人覺得這東西很高大上，其實(shí)說(shuō)白了也簡(jiǎn)單，就是智能對(duì)象的更新而已。今天給大家?guī)?lái)一個(gè)LOGO展示模板(Mockup)的制作過(guò)程，喜歡的朋友可以一起來(lái)學(xué)習(xí)吧。

先看看效果圖

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

為背景圖層添加一個(gè)漸變疊加。

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

放入我們的LOGO

將LOGO圖層轉(zhuǎn)換為智能對(duì)象，然后復(fù)制兩層，得到總共三層LOGO的圖層，這是我們用來(lái)做效果的。

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

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

我們的想法是，用1圖層來(lái)做投影之類的東西，2圖層做整體效果，3圖層做效果疊加，所以，我們先對(duì)2這個(gè)圖層進(jìn)行操作。

首先，我們添加一個(gè)斜面和浮雕。

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

添加一個(gè)內(nèi)陰影。

添加一個(gè)對(duì)稱的漸變。

添加一個(gè)投影。

現(xiàn)在我們完成了主體的創(chuàng)建，現(xiàn)在我們的效果如下：

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

添加一個(gè)投影。

OK，現(xiàn)在我們的效果如下所示。

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

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

添加一個(gè)內(nèi)陰影。

添加一個(gè)內(nèi)發(fā)光。

添加一個(gè)光澤。

現(xiàn)在，我們的效果如下：

有點(diǎn)意思了，但是我們需要再增加一個(gè)顏色修改的功能，不然就這樣當(dāng)作一個(gè)LOGO展示模板，嚴(yán)重拉低了逼格。

選擇1、2、3三個(gè)圖層，CTRL+G創(chuàng)建圖層組，命名為效果。

創(chuàng)建一個(gè)新的圖層組，命名為“修改顏色”。復(fù)制一層1圖層，將其置于修改顏色圖層組內(nèi)，并將圖層混合模式更改為柔光?？聪旅?，我的截圖的顏色變成了藍(lán)色，因?yàn)槲业腖OGO本身是藍(lán)色。

在我們LOGO的上層，以剪貼蒙版形式，創(chuàng)建一個(gè)“純色”調(diào)整層，這個(gè)調(diào)整層就是我們用來(lái)修改顏色的。

如下圖所示，我們可以通過(guò)修改這個(gè)“純色”調(diào)整層的顏色來(lái)挑選我們喜歡的顏色。

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

當(dāng)然，你也可以在頂層，繼續(xù)添加一些諸如“色相/飽和度”、“純色”之類的調(diào)整層，用來(lái)修改全圖的色調(diào)，都不是事。

寫得有點(diǎn)語(yǔ)無(wú)倫次，也不知道大家看懂沒(méi)，說(shuō)得直白一些，大部分的模板都是由三部分來(lái)構(gòu)成。

1、背景

2、LOGO主體效果

3、LOGO顏色更改

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

因?yàn)槎际墙o智能對(duì)象添加圖層樣式來(lái)實(shí)現(xiàn)效果的，所以，我一開始就說(shuō)，放入LOGO后就轉(zhuǎn)智能對(duì)象，因?yàn)榇藭r(shí)，你的LOGO是沒(méi)有任何效果疊加的，只是原LOGO，如果你添加效果后再轉(zhuǎn)智能對(duì)象，一切都改變了。

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

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

我這里使用的是一個(gè)傳說(shuō)中的女神的名字YUVIA來(lái)測(cè)試的。

教程結(jié)束，以上Photoshop繪制立體效果的LOGO展示模板的制作過(guò)程，操作很簡(jiǎn)單的，大家學(xué)會(huì)了么？希望大家喜歡！

最新評(píng)論