PS教程!手把手教你打造一个七彩虹文字挂链 - 优设网 - UISDC

PS教程!手把手教你打造一个七彩虹文字挂链

2015/08/23 9762评论区

photoshop-colorful-words-chain-1

编者按:今天的教程是PS爱好团体@P大点S微博 译制的,原作者用的CC2015,用了一些新功能,他们翻译的时候改了回来,低版本也可操作。不仅如此,他们坚持翻译时都亲手操作一遍,重新编写,重新截中文界面截图,并且分享PSD,非常不容易,希望喜欢的同学关注并加入他们的行列。

最终效果:

d3c367ef76094b3670952888a5cc7cd98d109d3b

素材打包  微盘下载,文末有P大点S最近的教程,都是精品,强烈推荐关注!!

新建个1024*683像素大小的文件,分辨率72,颜色模式RGB 8位。

将素材包里的“绸布”素材置入,调整大小和位置。

创建一个“色阶”调整层,调整参数,使绸布看下来亮一些,平和一些,照亮质感。

安装我们素材包中所提供的“SedonaScriptFLF”字体,打上我们的文字,设置文字颜色为#f062b2,字体为“SedonaScriptFLF”。原教程用的字是“Lovely”,这是一个刺激人的单词,在这里我用的是pddser,什么意思呢,我们是P大点S,我们的缩写是PDDS,er你懂的。

我们复制pddser文字图层三层,并给其重命名,以pddser 1 2 3 4 命名,方便等会更为直观的观看教程,原作者用的CC2015,图层样式强大过低版本的这些好多,考虑到也许现在用CC2015的人并不会太多,我们修改了原作者的做法。选择住四个文字图层,CTRL+G创建一个图层组,将pddser 2 3 4三个文字图层的填充设置为0。

下面,我们为 pddser 1文字图层设置一个图层样式。具体参数请参见下图,光泽等高线为锥形,自带的。

勾选等高线,同样这里的等高线设置也是“锥形”,记得勾选“消除锯齿”。

设置一个5像素大小的外部渐变描边,描边的渐变这里不再标注颜色了,我导出了一个渐变,各位直接在素材包中找到“stove pipe 80.grd”这个渐变,导入PS中并应用就可以了。

最后,我们添加一个投影。

设置完pddser 1文字图层,我们得到如下的效果:

下面,我们设置下pddser 2文字图层的图层样式,为了让文字的阴影更为真实一些,pddser 2这个文字图层的作用就是增强阴影效果,所以这里只添加了一个投影。强调一下,这个文字图层的填充应该为0

下面,我们接着为pddser 3文字图层添加一个图层样式。这里,我们添加了一个斜面和浮雕,为其添加一个纹理效果。斜面浮雕中的光泽等高线是“环形—双环”,同样的这个等高线也是自带的。再次强调,这个图层的填充为0

等高线选项中的等高线是“高斯—反转”,也是自带的。记得这里要勾选“消除锯齿”选项。

设置纹理。这个金属蛇皮的纹理是PS自带的,为免有的人找不到,我同样导出了一个在素材包里,“金属蛇皮.pat”这东西就是了。

下面,我们设置pddser 4文字图层的图层样式,这个图层是为了增强纹理效果的,这里我们添加了一个“斜面浮雕”,设置参数如下图,这里的光泽等高线为“锥形—反转”,同样是PS自带的。再次啰嗦一下,图层的填充设置为0

勾选“纹理”选项,这个纹理图案就是刚才的那个“金属蛇皮”图案。

OK,文字的图层样式就算是搞定了,现在我们已经得到了初步的结果,目前的效果如下图:

下面,我们开始绘制文字挂链文字与链子相连接的圆环。设置前景色为#a5a5a5,画一个25X25像素的圆形,并使这个圆形居于文字图层组的下层位置。

选择“路径选择工具”,选择住这个圆形,按住ALT拖动,复制出一个圆的路径来,将这个圆大小更改为15X15像素,设置两个圆“水平居中”,“垂直居中”,将路径模式改为“减去”。

复制这个圆形两层,得到总共三层的圆形图层,并将这三个圆形重命名为“圆形 1 2 3 ”,选择这三个图层CTRL+G,创建图层组,命名为“圆形左”,并将“圆形 2 3”两个图层的填充更改为0

为“圆形1”图层设置一个图层样式,我们首先添加一个斜面和浮雕样式,其中光泽等高线为“环形”,这个是PS自带的等高线样式,其他参数设置请看下图:

勾选“等高线”选项,这里的等高线设置为“锥形”,同样是PS自带的等高线样式。

添加一个投影,这里的这个投影的参数需要与前面我们设置文字的投影参数保持一致,确保整体效果是一致的。

设置完这个圆形的图层样式,我们暂时得到如下的效果:

下面,我们为“圆形2”图层设置一个图层样式,同样的道理,跟前面的文字一样,增加投影效果,也设置成一样,保持整体的一致,强调下,这个图层的填充设置为0。

接下来,我们给“圆形3”图层添加一个图层样式。首先,我们添加一个“斜面和浮雕”。这里的光泽等高线设置为“环形”。

勾选“等高线”选项,等高线设置为“锥形—反转”,记得勾选“消除锯齿”选项。

现在,我们将“圆形左”图层组,复制一层,放置到右边,并重命名为“圆形右”。

下面,我们添加链条素材。打开我们的素材包,在里面找到那个项链素材,抠出如下形状,粘贴到我们的文档中。

为这个链条添加一个投影样式,同样的,为了保证整体效果的一致性,参数参考前面文字的圆环的参数。

现在我们得到如下的效果:

下面,我们增强一下投影效果,复制一层链身图层,将填充设置为0,添加一个投影图层样式,参数如下:

选择住两个链身图层,CTRL+G创建图层组,现在效果如下,看起来,好多了,真实多了。

金色的链身,明显不是我们想要的效果,创建一个“黑白调整层”对链身图层组剪贴蒙版。黑白调整层参数默认。

复制链身图层组,水平翻转,摆放到左边,同样的用“黑白调整层”剪贴蒙版这个图层组,效果如下:

我们拷贝一层文字图层组,置于文字图层组的下方,合并组,并添加一个“色相/饱和度”调整层,将明度调整为-100,创建剪贴蒙版,让文字成为黑色。

选择“色相/饱和度”调整层和文字的副本,保证这两个图层都选住了,右键转智能对象,命名为“文字阴影”,执行“滤镜—模糊—动感模糊”。

将这个“文字阴影”图层混合模式更改为“正片叠底”,不透明度为“10%”。

下面,导入素材包中我们所提供的笔刷“Stars and Flares.abr”,在最顶层新建一层,选择你喜欢的画笔,刷一些,来增强文字的质感,模拟耀斑效果。

最后,我们为最下面的“绸布”图层添加一点模糊效果,这样会让我们图片的整体更加富有质感。我这里添加了一个“移轴模糊”,设置如下:

搞定,我们完成了,你也动手来试一试吧!

组织的微信号:

pddsqr

【P大点S精品教程推荐】

美味可口的蛋糕教程!
《七夕专属教程!手把手教你临摹一个美味可口的爱心慕斯》

人气超高的墨迹文字效果!
《PS教程!手把手教你绘制大气的墨迹字体效果》

小米海报是怎么做出来的?
《PS教程!手把手教你临摹活泼阳光的小米炫彩海报》

原文地址:tieba.baidu
作者:@P大点S微博

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量100万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

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

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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