PS教程!手把手教你绘制精致酷炫的电脑发光主板

今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧!

学习后有不懂的同学,作者有PSD免费分享 → 微盘下载

第1步

打开Photoshop,创建新文档,我使用2880x1800的尺寸,因为这样就可以把它拿来当作桌面背景。使用油漆桶工具,为背景填充#201E1E颜色。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第2步

新建图层填充为黑色,然后使用 滤镜 > 杂色 > 添加杂色。数量为15%,平均分布以及单色。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第3步

复制杂色图层并水平翻转。然后把这两个图层编组,并为组使用图层样式。图层 > 图层样式 > 渐变叠加。使用从中灰到深灰的径向渐变。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第4步

我们可以使用Google Images/找到一些图片作为我们扬声器或机箱内部的图像(国内朋友可百度),他们在设计方面通常超级棒。我还使用了前段时间自己做的带有光照效果的图像。你可以随便使用你想要的光照效果。合并所有的图像然后 图像 > 图像调整 > 色相和饱和度。选择40色调,50饱和以及-13亮度。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第5步

我在网上找到一个类似圆形扩音器的圈圈矢量图,我用这张图片创建选区并遮盖内部。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第6步

盖上之后就是这样。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第7步

选中你用于创建遮罩的形状,然后在 图层 > 图层样式 > 混合模式中,把填充不透明度改为0.选择 斜面与浮雕,使用下图所示的数值设置,然后选择等高线并把范围改成56%。最后复制这个图层并把不透明度改为10%。

想学最新的教程记得来优设网哟!

PS教程!手把手教你绘制精致酷炫的电脑发光主板

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第8步

在所有图层顶端新建图层并填充黑色。使用画笔工具 (B) 画一个暗灰色的大圆(如图所示)。然后把混合模式改为颜色减淡。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第9步

在图层 > 新建图层样式 > 照片滤镜。使用暖色调,30%密度。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

第10步

选择所有图层并复制。合并这些新图层并使用 滤镜 > 模糊 > 高斯模糊。使用15px半径,把混合模式改为滤色,70%不透明度。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

结论

现在只要把你的logo用相同的镀铬效果加上去,设计就做完了。现在是你来做自己的图的时间了,希望你玩开心。

PS教程!手把手教你绘制精致酷炫的电脑发光主板

从入门到高级!UI教程练习篇!

新手UI练习赶紧戳!
《PS新手教程!手把手教你用PS创建晶莹剔透的云朵》

UI达人的教程在这里!
《PS中级教程!手把手教你打造超酷炫的宇宙飞船》

一般人画不来的高手教程!
《高手教程!用Ps制作细节完美的Apple Aperture镜头》

原文地址:abduzeedo
优设网译者:@阿布

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

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

PS教程!手把手教你绘制精致酷炫的电脑发光主板

收藏 2
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。