展示模板,用智能對象制作LOGO展示模板(6)
本篇教程主要有兩個知識了,圖層樣式的運(yùn)用及智能對象的應(yīng)用。相信大家對LOGO展示模板(Mockup)一定不陌生,網(wǎng)上模板數(shù)不勝數(shù),好多人覺得這東西很高大上,其實(shí)說白了也簡單,就是智能對象的更新而已。今天給大家?guī)硪粋LOGO展示模板(Mockup)的制作過程!
效果:
填充圖案:http://theoat.com.cn/photoshop/sucai/2016/z722197.html
PSD文件:http://pan.baidu.com/s/1pK3eBgv
首先,我們用CC2015新建個文件,大小隨意,我用的是1920*1280像素,填充背景顏色為#232323。
為背景圖層添加一個漸變疊加。
添加一個1像素的雜色,高斯分布,勾選單色。
放入我們的LOGO
將LOGO圖層轉(zhuǎn)換為智能對象,然后復(fù)制兩層,得到總共三層LOGO的圖層,這是我們用來做效果的。
這里需要注意的是一定要先轉(zhuǎn)智能對象,再添加圖層樣式或者濾鏡等等之類的操作,包括你自己制作別的LOGO展示模板也是一樣。
將三個圖層命名為1、2、3 ,方便一會我們的操作及講解。
我們的想法是,用1圖層來做投影之類的東西,2圖層做整體效果,3圖層做效果疊加,所以,我們先對2這個圖層進(jìn)行操作。
首先,我們添加一個斜面和浮雕。
勾選等高線,在等高線的下拉列表中選擇錐形等高線。
添加一個內(nèi)陰影。
添加一個對稱的漸變。
添加一個投影。
現(xiàn)在我們完成了主體的創(chuàng)建,現(xiàn)在我們的效果如下:
下面,我們添加一個投影效果,我們選擇1圖層,將填充更改為0,添加一個外發(fā)光。
添加一個投影。
OK,現(xiàn)在我們的效果如下所示。
下面,我們選擇3圖層,進(jìn)行最后的效果疊加。同樣的,首先將填充設(shè)置為0,添加一個斜面和浮雕。
為了提升逼格,我勾選了紋理,給整體添加了一個紋理效果,當(dāng)然如此有愛,如此樂于分享的小團(tuán)隊(duì),你在壓縮包里可以看到我們所提供的PAT圖案。
添加一個內(nèi)陰影。
添加一個內(nèi)發(fā)光。
添加一個光澤。
現(xiàn)在,我們的效果如下:
有點(diǎn)意思了,但是我們需要再增加一個顏色修改的功能,不然就這樣當(dāng)作一個LOGO展示模板,嚴(yán)重拉低了逼格。
選擇1、2、3三個圖層,CTRL+G創(chuàng)建圖層組,命名為效果。
創(chuàng)建一個新的圖層組,命名為“修改顏色”。復(fù)制一層1圖層,將其置于修改顏色圖層組內(nèi),并將圖層混合模式更改為柔光?聪旅妫业慕貓D的顏色變成了藍(lán)色,因?yàn)槲业腖OGO本身是藍(lán)色。
在我們LOGO的上層,以剪貼蒙版形式,創(chuàng)建一個“純色”調(diào)整層,這個調(diào)整層就是我們用來修改顏色的。
如下圖所示,我們可以通過修改這個“純色”調(diào)整層的顏色來挑選我們喜歡的顏色。
在一些模板中,我們經(jīng)?梢钥吹剑髡叨紩谧铐攲臃乓粋智能對象,并命名為修改LOGO,今天,我們也這樣干,再次復(fù)制一個LOGO智能對象的圖層,放置于最頂層,并將填充更改為0,這樣這個圖層相當(dāng)于是無用的,只是為了讓使用模板的人更為直觀的操作。
當(dāng)然,你也可以在頂層,繼續(xù)添加一些諸如“色相/飽和度”、“純色”之類的調(diào)整層,用來修改全圖的色調(diào),都不是事。
寫得有點(diǎn)語無倫次,也不知道大家看懂沒,說得直白一些,大部分的模板都是由三部分來構(gòu)成。
1、背景
2、LOGO主體效果
3、LOGO顏色更改
我們只需要知道,LGOO的所有的效果是基于同一智能對象,通過多層圖層模式的效果疊加來達(dá)到最終效果的,所以,我們雙擊智能對象時,更換掉了LOGO,原文件中的LOGO就變成了你的LOGO,傻瓜式的操作就這樣完成了。
因?yàn)槎际墙o智能對象添加圖層樣式來實(shí)現(xiàn)效果的,所以,我一開始就說,放入LOGO后就轉(zhuǎn)智能對象,因?yàn)榇藭r,你的LOGO是沒有任何效果疊加的,只是原LOGO,如果你添加效果后再轉(zhuǎn)智能對象,一切都改變了。
關(guān)于純色的填充,這里只是提供一種思路,你不用純色填充,用漸變填充,難道不行?人是活的,方法是多樣的。
本模板,如果不展示LOGO的話,直接使用文字,效果也還過得去。
我這里使用的是一個傳說中的女神的名字YUVIA來測試的。
是不是很有趣,你也來試試吧!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 智能對象
- P大點(diǎn)S
- ps網(wǎng)頁設(shè)計(jì)
- CC2015
- 展示模板
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- LOGO制作,用PS做一個會動的logo
- 頭像設(shè)計(jì),用高曉松做一個歐美范的人物logo頭像
- LOGO教程,用PS制作燙金效果的logo
- 扁平化,扁平化LOGO設(shè)計(jì)視頻教程
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫實(shí)圖標(biāo)
- Logo知識,七個設(shè)計(jì)文字Logo的知識
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)