PS教程!手把手教你绘制一个可高度自定义的LOGO展示模板 - 优设-UISDC

PS教程!手把手教你绘制一个可高度自定义的LOGO展示模板

2016/01/09 16439

photoshop-customized-logo-template-1

相信大家对LOGO展示模板(Mockup)一定不陌生,网上模板数不胜数,好多人觉得这东西很高大上,其实说白了也简单,就是智能对象的更新而已。今天给大家带来一个LOGO展示模板(Mockup)的制作过程,跟着@P大点S微博 一起来学技巧涨姿势!

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

首先,我们新建个文件,大小随意,我用的是1920*1280像素,填充背景颜色为#232323。

27logo20160108

为背景图层添加一个渐变叠加。

26logo20160108

添加一个1像素的杂色,高斯分布,勾选单色。

25logo20160108

放入我们的LOGO

24logo20160108

将LOGO图层转换为智能对象,然后复制两层,得到总共三层LOGO的图层,这是我们用来做效果的。

23logo20160108

这里需要注意的是一定要先转智能对象,再添加图层样式或者滤镜等等之类的操作,包括你自己制作别的LOGO展示模板也是一样。

将三个图层命名为1、2、3 ,方便一会我们的操作及讲解。

我们的想法是,用1图层来做投影之类的东西,2图层做整体效果,3图层做效果叠加,所以,我们先对2这个图层进行操作。

首先,我们添加一个斜面和浮雕。

22logo20160108

勾选等高线,在等高线的下拉列表中选择锥形等高线。

21logo20160108

添加一个内阴影。

20logo20160108

添加一个对称的渐变。

19logo20160108

添加一个投影。

18logo20160108

现在我们完成了主体的创建,现在我们的效果如下:

17logo20160108

下面,我们添加一个投影效果,我们选择1图层,将填充更改为0,添加一个外发光。

16logo20160108

添加一个投影。

15logo20160108

OK,现在我们的效果如下所示。

14logo20160108

下面,我们选择3图层,进行最后的效果叠加。同样的,首先将填充设置为0,添加一个斜面和浮雕。

13logo20160108

为了提升逼格,我勾选了纹理,给整体添加了一个纹理效果,当然如此有爱,如此乐于分享的小团队,你在压缩包里可以看到我们所提供的PAT图案。

12logo20160108

添加一个内阴影。

11logo20160108

添加一个内发光。

10logo20160108

添加一个光泽。

9logo20160108

现在,我们的效果如下:

8logo20160108

有点意思了,但是我们需要再增加一个颜色修改的功能,不然就这样当作一个LOGO展示模板,严重拉低了逼格。

选择1、2、3三个图层,CTRL+G创建图层组,命名为效果。

7logo20160108

创建一个新的图层组,命名为“修改颜色”。复制一层1图层,将其置于修改颜色图层组内,并将图层混合模式更改为柔光。看下面,我的截图的颜色变成了蓝色,因为我的LOGO本身是蓝色。

6logo20160108

在我们LOGO的上层,以剪贴蒙版形式,创建一个“纯色”调整层,这个调整层就是我们用来修改颜色的。

5logo20160108

如下图所示,我们可以通过修改这个“纯色”调整层的颜色来挑选我们喜欢的颜色。

4logo20160108

在一些模板中,我们经常可以看到,作者都会在最顶层放一个智能对象,并命名为修改LOGO,今天,我们也这样干,再次复制一个LOGO智能对象的图层,放置于最顶层,并将填充更改为0,这样这个图层相当于是无用的,只是为了让使用模板的人更为直观的操作。

3logo20160108

当然,你也可以在顶层,继续添加一些诸如“色相/饱和度”、“纯色”之类的调整层,用来修改全图的色调,都不是事。

2logo20160108

写得有点语无伦次,也不知道大家看懂没,说得直白一些,大部分的模板都是由三部分来构成。

1、背景

2、LOGO主体效果

3、LOGO颜色更改

1logo20160108

我们只需要知道,LGOO的所有的效果是基于同一智能对象,通过多层图层模式的效果叠加来达到最终效果的,所以,我们双击智能对象时,更换掉了LOGO,原文件中的LOGO就变成了你的LOGO,傻瓜式的操作就这样完成了。

因为都是给智能对象添加图层样式来实现效果的,所以,我一开始就说,放入LOGO后就转智能对象,因为此时,你的LOGO是没有任何效果叠加的,只是原LOGO,如果你添加效果后再转智能对象,一切都改变了。

关于纯色的填充,这里只是提供一种思路,你不用纯色填充,用渐变填充,难道不行?人是活的,方法是多样的。

本模板,如果不展示LOGO的话,直接使用文字,效果也还过得去。

我这里使用的是一个传说中的女神的名字YUVIA来测试的。

hb201601081 (1)

hb201601081 (2)

hb201601081 (3)

是不是很有趣,你也来试试吧!

可能是国内做原创教程最用心的公众号:

psqr211

【优设十二月人气文章合集】

Top 1
《涨姿势!创造好设计的25条史诗级平面设计技巧》

Top 2
《逼死设计师!2015年全球最丑的网站排行榜新鲜出炉》

Top 3
《亲历者说!日本的平面设计水平为什么这么高?》

原文地址:pdadians

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量107万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-customized-logo-template

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 视觉设计 用户体验设计 设计流程 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 设计规范 产品设计 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里