展示模板,用智能對(duì)象制作LOGO展示模板(6)
本篇教程主要有兩個(gè)知識(shí)了,圖層樣式的運(yùn)用及智能對(duì)象的應(yīng)用。相信大家對(duì)LOGO展示模板(Mockup)一定不陌生,網(wǎng)上模板數(shù)不勝數(shù),好多人覺(jué)得這東西很高大上,其實(shí)說(shuō)白了也簡(jiǎn)單,就是智能對(duì)象的更新而已。今天給大家?guī)?lái)一個(gè)LOGO展示模板(Mockup)的制作過(guò)程!
效果:
填充圖案:http://m.tgudhdp.cn/photoshop/sucai/2016/z722197.html
PSD文件:http://pan.baidu.com/s/1pK3eBgv
首先,我們用CC2015新建個(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)然如此有愛(à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),并將圖層混合模式更改為柔光?聪旅妫业慕貓D的顏色變成了藍(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),都不是事。
寫(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è)試的。
是不是很有趣,你也來(lái)試試吧!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 智能對(duì)象
- P大點(diǎn)S
- ps網(wǎng)頁(yè)設(shè)計(jì)
- CC2015
- 展示模板
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- LOGO制作,用PS做一個(gè)會(huì)動(dòng)的logo
- 頭像設(shè)計(jì),用高曉松做一個(gè)歐美范的人物logo頭像
- LOGO教程,用PS制作燙金效果的logo
- 扁平化,扁平化LOGO設(shè)計(jì)視頻教程
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫(xiě)實(shí)圖標(biāo)
- Logo知識(shí),七個(gè)設(shè)計(jì)文字Logo的知識(shí)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫(huà)法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)