分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作年代感壁纸教程

Photoshop 学UI设计 1576次浏览 0个评论 扫描二维码

打造一款复古感壁纸,重要的是介绍两个具有时代感酷酷的字体,谁用谁知道!

先看成品吧
PS制作年代感壁纸教程

新建大小为2560*1400的画布,准备一张背景图片(星空题材,附件可下载)。

将星空图片导入到ps中,拉伸大小布满整张画布,将“背景“图层填充为黑色(透明度60),新建图层填充颜色#360030(透明度90),三个背景图层分层情况如下:

PS制作年代感壁纸教程

下面制作三角形,点击多边形工具拖画,鼠标左键按住不放,点击”—“(减号)变为三角形,将三角形填充去除,三角形描边颜色填充为#e300eb,接着添加投影,参数如下:PS制作年代感壁纸教程

复制三角形,描边颜色为
PS制作年代感壁纸教程

复制三角形,描边颜色为#00ebd2,去除投影,用直接选择工具选择点将各点移动到合适位置。

PS制作年代感壁纸教程

PS制作年代感壁纸教程

接下来用字体工具输入第一层made in,选择倾斜和全部大写,字体类型pacfont Regular,字体大小为180px,字体颜色为黑色,添加描边颜色#00ebd2,描边3个像素,字体如下

PS制作年代感壁纸教程

复制字体图层,左上各移动2px,字体颜色为白色,无图层颜色,

PS制作年代感壁纸教程

添加字体eighties,字体类型Endless Bummer,颜色#ff007ePS制作年代感壁纸教程

复制eighties字体图层,字体颜色为白色,右下各移动1px。再次复制,并向右下移动1px,效果如下:将三个eighties图层栅格化,同时选中后自由变化,拉伸字体将它更有层次PS制作年代感壁纸教程

下面制作光效,1.新建图层,选中画笔工具(笔刷:柔边圆),点击鼠标左键,点一下,一个圆点就建成了,2.然后(control+t)自由变换,放大到合适大小,3.添加图层样式,外发光颜色为#ff007e,混合模式滤色。3.然后点击滤镜+高斯模糊(70左右),将圆点放大后的像素感磨平。

PS制作年代感壁纸教程注意亮点的位置,在g和s的尾处对齐,制造关联性,复制圆形图层,拉伸变形成细长光线,再复制两个做成x交汇,三条光线做出速度感和光线碰撞感。将三个交叉光线改变外发光颜色#0648ff。

PS制作年代感壁纸教程

三条光线合并图层,放置位置如下

PS制作年代感壁纸教程

最后给光线加上光晕和层次,同样做一个圆光点,颜色用#0648ff,图层模式为柔光,透明度44。复制三层分别放在光线层次处。如下

PS制作年代感壁纸教程

最后一步,层次光位置:PS制作年代感壁纸教程

这样我们的年代感壁纸就完成了,O(∩_∩)O,等我酝酿一下出插画教程,虽然是个插画酥,一起学习吧!


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (4)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!