PS中级教程!手把手教你绘制霸气酷炫的暗黑3壁纸 - 优设网 - UISDC

PS中级教程!手把手教你绘制霸气酷炫的暗黑3壁纸

2015/01/17 12913评论区

photoshop-diablo-3-wallpaper-1

编者按:暴雪游戏迷来收!这一期换换口味,教同学们绘制一张暗黑3的壁纸,教程适合熟悉基础操作的同学进阶练习用,背景与图腾的绘制很考验基础功夫,想挑战的新手也欢迎来试一下,周末别偷懒,一日不练就生疏哟 >>>

_projava_大牛系列教程合集:

这一期换换口味,绘制一张暗黑3的壁纸。暴雪的游戏真的很经典,我几乎玩过它出品的每一款游戏,除了那个胎死腹中的《ghost》。

这个桌面的看上去很复杂,其实认真分析一下很简单。有人估计会认为字效有难度,其实那是最好做的,一般的图层样式就可以实现,我认为有难度的倒是背景,需要好几个素材的叠加才有这样的效果。还有就是字效后面的图腾,那个没什么难度,是个体力活,用好钢笔就可以把它描出来,当然得加一点斜面浮雕。

素材打包 微盘下载

按惯例先上我绘制完成的效果:

ah20150117

新建一个符合屏幕显示大小的新画布,这个尺寸是我的显示器大小,大家可以无视。

ah201501173

新建一层,填充径向渐变。

ah201501174

添加一个曲线调整层,让左上角和右上角以及下面的中心位置的色调暗一点。如果你不知道怎么添加曲线调整层,我建议你先去熟悉PS的一些基础知识,因为后面还有更多的功能估计你使用起来也不大熟练。

曲线基础知识小科普:《后期之王!教你轻松掌握PS曲线工具(附大神实操曲线图)》

ah201501175

再新建一层,添加“云彩”,把云彩层的透明度调到40%左右,图层混合模式改为“叠加”。

ah201501176

继续添加一个曲线调整成让云彩暗一些,这个调整层只针对“云彩”起作用,所以要剪贴蒙版。

ah201501177

按D恢复前景色和背景色,添加云彩。多按几次CTRL+F,直到找到合适的云彩分布。用这个云彩制作背景上类似地图状的东西。

ah201501178

调整阈值的参数。这里没有硬性规定必须要多少数值,只要你绝对看着舒服就行。

ah201501179

裁剪你认为最喜欢的一部分,调整好位置和大小,不用理会我的那层原始云彩。其实那个原材料层也可以直接删掉算了。

ah2015011710

添加一条左右居中的参考线,用矩形选框选择右边多余的部分删除。

ah2015011711

CTRL+A选择全部,CTRL+ALT+T,水平复制。

ah2015011712

把这个层的混合模式改为“正片叠底”,同时降低它的透明度。

ah2015011713

拜google恩赐。我找到一张锈迹斑斑的图片来强化背景。

ah2015011714

把这个锈迹层的混合模式改为“叠加”,透明度调至28%,其实29和27也没什么区别,最后加一个蒙版把上面的LOGO和边线遮盖掉。

ah2015011715

CTRL+A全选,CTRL+ALT+T复制垂直翻转,上面也需要一点点锈迹,由于边线和LOGO都在画布的中间位置,所以蒙版不用做什么改动。

ah2015011716

用“泼溅”做关键词在baidu找到一张素材。

ah2015011717

裁剪复制一部分,只要那些散落的小点。

ah2015011718

图层混合模式改为“正片叠底”,透明度降低,用蒙版把那些面积过大的部分涂掉。

ah2015011719

在画布的三分之一位置添加一条水平的参考线,以参考线交叉点为中心用椭圆矢量工具按原图大小画一组路径,主意是是路径不是形状。

ah2015011720

新建一层,把那些路径转为3个像素宽的描边,添加一点斜面浮雕和渐变效果,让这些圆圈看起来有点“立体感”。

ah2015011721

用钢笔画个杂乱的星星,复制圆圈的图层样式粘贴进来,其实合并这两个层后再添加图层样式也可以。

ah2015011722

复制圆圈的路径胡乱添加一些莫名其妙的文本,不会有人注意到底是什么意思,没关系。同样粘贴图层样式,这样这个图腾的内容丰富多了。

ah2015011723

这个比较花工夫,但是不具什么技术性,就像骑车一样,熟能生巧,所以不要问怎么用钢笔画这个图腾之类的问题了。

ah2015011724

复制圆圈的图层样式粘贴进来。

ah2015011725

新建一层,弄一个渐变,这个渐变有点变态,要有耐心。

ah2015011726

CTRL+T,以参考线的交叉点为放射中心,模拟原图两边红色的“发光”效果。

ah2015011727

CTRL+A全选中,CTRL+ALT+T水平翻转复制。

ah2015011728

透明度调至38%,添加蒙版,把“红色闪光”的两边及图腾中间涂黑,其实蒙版也可以翻转复制,画好一边后选中复制翻转到另外一边,这样就能保证两头绝对对称。

ah2015011729

下面制作图腾周围发光的效果,重新创建一个400*400的新画布,新建一层,按D恢复前景色和背景色,填充杂色,用最大的参数,选择单色。

ah2015011730

布置两条垂直左右居中的参考线,用羽化范围为10个像素的椭圆选框工具以参考线的交叉点为中心拉出一个大小为260左右的选区,CTRL+J复制图层。

ah2015011731

径向模糊,如果效果不是很明显,可以再重复一次。

ah2015011732

进入通道,复制任意一个通道,ctrl+i反色。

ah2015011733

CTRL+鼠标左键复制选区,回到图层后新建一层,填充任意颜色。

ah2015011734

将这个层复制到海报中。

ah2015011735

CTRL+T把这个发光体放大到跟图腾差不多大小。

ah2015011736

复制一层,高斯模糊20左右,透明度减至40%。

ah2015011737

将这两个层合并,把图层混合模式改为“强光”。

ah2015011738

打开图层上面的“锁定透明像素”按钮,选择一个跟左右渐变发光颜色差不多的红色,用矩形选框工具框出发光体下面三分之二的范围,填充红色。这个选框要竟可能的大一点,因为我不能判断这些发光的余晖的边界究竟在什么位置。

ah2015011739

添加一个模板,将图腾中间的发光涂黑。

ah2015011740

用矩形选框拉出一个跟图腾中间空格大小一样的选框,挑选大点的画笔选取黑色,将上下两头涂上一点,最好把透明度和流量调低点,以更好的把握。

ah2015011741

给图腾的矢量形状层添加一个模板。也将中间的两根横条遮盖掉一点,注意别把周围的图案影响到。

ah2015011742

绘制字体,素材已打包到微盘,本文稍微做了一点修改。

ah2015011743

给allied增加一个边宽为3个像素的深红色描边。

ah2015011744

点击“图层-图层样式-创建图层”,把描边从字体的图层样式里分离出来。

ah2015011745

单独修改一下这个描边层,将那些圆角的地方修正成直角,还有字体尖头,可以用钢笔描出路径转成选区填充原来的颜色。

ah2015011746

给这个描边层添加内发光和外发光。

ah2015011747

鉴于篇幅的关系,我在这个allied的图层样式不做更多详细讲解,不过你对图层样式比较熟悉的话看右边的图层里的样式清单就明白个大概。

ah2015011748

把“混合选项”里的“图层模板隐藏效果”勾上。

ah2015011749

用小一点的画笔在allied上画一些缺口,让这个字效带着点久经岁月腐蚀的味道。

ah2015011751

接着我还画了一个带有中国元素的花纹,这个用来深化allied的效果。

ah2015011752

利用移动复制功能把这个花纹布置到是有的字母竖条上,有圆弧的地方可以用变形调整一下

ah2015011753

双击这个图层打开图层样式,只简单的添加一个斜面浮雕,模拟allied字效上雕琢的效果。

ah2015011754

添加一个模板,把这个花纹超出描边的部分遮盖掉。

ah2015011755

用画笔点几下,这个将用来制作allied背后的三条竖条。

ah2015011756

CTRL+T垂直拉伸。

ah2015011757

水平方向复制三条,中间的那条稍微大一点。

ah2015011758

添加一个渐变效果。

ah2015011759

复制一层,单独把水平方向缩小。

ah2015011760

打开“锁定透明像素”,填充金黄色。

ah2015011761添加蒙版,把上半部分遮盖掉。

ah2015011762

用“液化”把下面的弄出一点扭曲的效果。

ah2015011763

完成咯!最终效果:

ah20150117

【优设合作飞屋同学最受欢迎的教程人气榜!】

第三名!一枚有味道的旧旧图章绘制教程
《PS新手教程!教你创建一枚复古风格的怀旧图章》

第二名!毛玻璃炫彩背景的绘制过程
《PS新手教程!教你创建超简单的炫彩背景》

第一名!粗暴有效的多边形背景创造教程
《AI新手教程!教你简单快速地将图片变成多边形背景》

作者:_projava_

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

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

chat-yinliu-pic

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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