Photoshop繪制立體效果的LOGO展示模板的制作過(guò)程
相信大家對(duì)LOGO展示模板(Mockup)一定不陌生,網(wǎng)上模板數(shù)不勝數(shù),好多人覺(jué)得這東西很高大上,其實(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ì)象,再添加圖層樣式或者濾鏡等等之類(lèi)的操作,包括你自己制作別的LOGO展示模板也是一樣。
將三個(gè)圖層命名為1、2、3 ,方便一會(huì)我們的操作及講解。
我們的想法是,用1圖層來(lái)做投影之類(lèi)的東西,2圖層做整體效果,3圖層做效果疊加,所以,我們先對(duì)2這個(gè)圖層進(jìn)行操作。
首先,我們添加一個(gè)斜面和浮雕。

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

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

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

添加一個(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)然如此有愛(ài),如此樂(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ù)添加一些諸如“色相/飽和度”、“純色”之類(lèi)的調(diào)整層,用來(lái)修改全圖的色調(diào),都不是事。

寫(xiě)得有點(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)效果的,所以,我一開(kāi)始就說(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ì)了么?希望大家喜歡!
相關(guān)文章

PS怎畫(huà)倉(cāng)庫(kù)標(biāo)志圖? ps倉(cāng)庫(kù)圖標(biāo)設(shè)計(jì)技巧
PS怎畫(huà)倉(cāng)庫(kù)標(biāo)志圖?想要設(shè)計(jì)簡(jiǎn)單的倉(cāng)庫(kù)標(biāo)志,該怎么操作呢?下面我們就來(lái)看看ps倉(cāng)庫(kù)圖標(biāo)設(shè)計(jì)技巧,詳細(xì)請(qǐng)看下文介紹2023-07-28
ps怎么畫(huà)簡(jiǎn)筆畫(huà)的篝火火焰圖標(biāo)? ps火焰logo的繪制技巧
ps怎么畫(huà)簡(jiǎn)筆畫(huà)的篝火火焰圖標(biāo)?ps中想要繪制一個(gè)篝火的簡(jiǎn)筆畫(huà)logo,該怎么繪制呢?下面我們就來(lái)看看ps火焰logo的繪制技巧2023-07-21
ps怎么設(shè)計(jì)愛(ài)護(hù)牙齒圖標(biāo)? ps畫(huà)愛(ài)牙標(biāo)志的技巧
ps怎么設(shè)計(jì)愛(ài)護(hù)牙齒圖標(biāo)?ps中想要繪制一款?lèi)?ài)護(hù)牙齒的矢量圖,該怎么繪制這個(gè)標(biāo)志呢?下面我們就來(lái)看看ps畫(huà)愛(ài)牙標(biāo)志的技巧2023-07-21
ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志? Photoshop畫(huà)簡(jiǎn)筆畫(huà)游戲手柄的技巧
ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志?ps中想要繪制一款游戲手柄的簡(jiǎn)筆畫(huà)圖形作為logo使用,該怎么繪制呢?下面我們就來(lái)看看Photoshop畫(huà)簡(jiǎn)筆畫(huà)游戲手柄的技巧2023-07-18
ps怎么畫(huà)收納袋logo? ps設(shè)計(jì)收納袋簡(jiǎn)筆畫(huà)圖形的技巧
ps怎么畫(huà)收納袋logo?ps中想要畫(huà)一個(gè)收納袋,該怎么繪制呢?下面我們就來(lái)看看ps設(shè)計(jì)收納袋簡(jiǎn)筆畫(huà)圖標(biāo)的技巧2023-07-14
ps怎么畫(huà)攝影機(jī)logo矢量圖? photoshop手繪簡(jiǎn)筆畫(huà)攝影機(jī)的技巧
ps怎么畫(huà)攝影機(jī)logo矢量圖?想要畫(huà)一個(gè)攝像機(jī)的logo,該怎么手繪一款簡(jiǎn)單易懂的攝像機(jī)圖標(biāo)呢?下面我們就來(lái)看看photoshop手繪簡(jiǎn)筆畫(huà)攝影機(jī)的技巧2023-07-11
ps怎么畫(huà)一個(gè)圓角骰子? ps畫(huà)簡(jiǎn)筆畫(huà)骰子logo的技巧
ps怎么畫(huà)一個(gè)圓角骰子?想要繪制一個(gè)骰子,但是想要畫(huà)成圓角效果的,該怎么操作呢?下面我們就來(lái)看看ps畫(huà)簡(jiǎn)筆畫(huà)骰子矢量圖的技巧2023-07-11
PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌? PS漸變式圖標(biāo)的做法
PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌?ps中想要設(shè)計(jì)一款漸變圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看PS漸變式圖標(biāo)的做法,詳細(xì)請(qǐng)看下文介紹2022-11-22
ps怎么繪制眼睛標(biāo)志? ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧
ps怎么繪制眼睛標(biāo)志?想要設(shè)計(jì)一個(gè)圖形代表眼睛,該怎么繪制眼睛這個(gè)圖標(biāo)呢?下面我們就來(lái)看看ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-22
ps+ai設(shè)計(jì)喜糖鋪?zhàn)铀囆g(shù)字標(biāo)志的logo
想要設(shè)計(jì)一款喜糖鋪?zhàn)拥臉?biāo)志圖標(biāo),該怎么設(shè)計(jì)這款矢量圖標(biāo)呢?下面我們就來(lái)看看ps+ai設(shè)計(jì)喜糖鋪?zhàn)訕?biāo)志的技巧,詳細(xì)請(qǐng)看下文介紹2022-08-09







