编者按:今天分享的教程,背景暖心,字体璀璨,两者搭配得刚刚好,教程的渐变运用得细腻巧妙,还贴心地都标注了颜色值,全中文界面,很值得新手一试呦。
本教程所用素材:
- 心形图案
- COPASETI 字体
- 钻石素材
- PSD 源文件
素材打包 微盘下载
第1步:
打开Photoshop,Ctrl+N新建一个空白文档。我这里选择的尺寸是600×380px,你可以根据自己的需要来定义尺寸。
第2步:
我们首先来创建个紫色背景。按住Alt键双击背景图层,使其转换成普通图层。双击背景图层,打开图层样式窗口,选择渐变叠加。渐变样式如下图所示。
第3步:
添加色相/饱和度调整层,参数设置如下图。选中蒙版缩略图。然后选择渐变工具,渐变样式选择径向渐变,颜色为由黑色到透明,在蒙版上由内到外拉出渐变。
第4步:
新建一层,选择渐变工具,颜色为#e3b042到透明,渐变样式为径向渐变,由底部向上拉出渐变。
将此渐变图层的不透明度设置为70%,填充度设置为55%(这里的参数可以根据自己的喜好来设置)。
第5步:
新建一层,利用同样方法在背景上方添加由#fdd135到透明的渐变,并将不透明度设置为70%。
我们继续为背景添加光源。新建一层,添加由 #fefbcd到透明的渐变,这次可以将渐变拉的长一些以覆盖大部分区域。
继续添加光源。新建一层,添加由#fdfbf2到透明的渐变,这次的渐变尺寸要小一些,已营造出光源近处的场景。
第6步:
下载并安装COPASETI字体,输入你喜欢的文字。我使用的文字颜色为#d4ad74,大小为200点。
双击文字图层,为文字添加图层样式。首先添加斜面和浮雕样式,参数设置如下,这里注意光泽等高线的设置。
下载并安装心形图案,此处将用到心形图案的填充。参数设置如下。
添加完图层样式的文字效果:
第7步:
Ctrl+J将文字图层复制一层,右键选择栅格化图层样式。
执行滤镜>锐化>锐化。然后将图层不透明度设置为60%。
第8步:
选择减淡工具,范围选择中间调,曝光度设置为10-30%,在复制的文字图层上绘制出光源照射的亮部区域。这里根据需要不时切换阴影/中间调/亮部、曝光度及减淡工具画笔大小。用同样方法利用加深工具绘制出暗部。
第9步:
安装Ctrl键点击字体图层缩略图来建立选区。
执行选择>修改>扩展,将选区扩展5px。
在文字图层下方新建一层,命名为“金边”,填充为#d4ad74。然后双击图层为其添加图层样式。
添加图层样式后的字体效果如下图。按住Ctrl键单击“金边”图层以建立选区,然后在字体图层上方添加亮度/对比度调整层,设置参数如下。由于选区的作用,调整层只对文字区域起作用。
第10步:
选中调整层、文字层与“金边”层(可按Ctrl加选),Ctrl+Alt+E新建合并层,命名为“倒影”。Ctrl+T进行自由变换,将其垂直翻转,并移动到文字下方。
为倒影图层添加蒙版,使用渐变工具创建出倒影。然后将不透明度设置为80%(数值可自由调节)。
第11步:
下载并安装光芒画笔,新建一层,在图层上利用光芒画笔绘制不同形状与大小的光芒。
光芒笔刷 微盘下载
第12步:
接下来新建一层,使用白色圆形画笔在图层上绘制,不时改变画笔大小以创建出随机的光斑效果。将图层不透明度设置为25%,图层混合模式设置为颜色减淡。
第13步:
下载钻石素材,随机摆放在画面上便大功告成了。(注意在地面上钻石的投影)
关于设计师的暖心故事合集:
为了梦想的设计师值得尊敬:
《给迷茫的你!设计师的工作,可以做一辈子吗?》一张画换一杯咖啡的故事:
《超暖心!聊聊那些年大头帮主与咖啡店的浪漫传说》励志的设计师妹子自述!
《聊聊我工作的这些年(设计妹子励志版)》
原文地址:shejipai
uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量82万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画艺术风格设计
已累计诞生 650 位幸运星
发表评论 已发布1条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓