ps发光霓虹字教程

模仿《创战纪》电影的发光字教程

ps设计光丝文字教程

效果图非常有创意,用到的素材也非常简单,一些石块素材而已。制作的时候只需要把石块抠出来,适当变形并排成想要的文字,然后用画笔画一些光丝,用滤镜处理成艺术效果,后期再调色即可。

首先要感谢狂热香蕉大力支持,这张海报是他提供的。开始我也不知道这张海报是什么意思,百度之后才知道是James White风格怀旧海报,我很纳闷这跟一个篮球运动员又有什么关系?

不过我觉得这个风格很像一部电影,就是《创战纪》,这是一部非常不错的电影,其中那个拖着光带的摩托车格斗的场面让我印象深刻,非常经典的镜头。我是个科幻电影迷,好莱坞的科幻大片我一部都没有落下。鉴于上几期的风格没有多大的变化,所以这张海报我也是挺喜欢的。不过我认为香蕉的这张图背景有点单调,我在百度上找了这种风格的一系列图片,综合了其中几张图的背景。

最后就是这张我山寨后的图:

ps发光霓虹字教程插图

这个就是香蕉提供的原图:

ps发光霓虹字教程插图(1)

不过香蕉要求我把图中的数字“九”改成下面的LOGO。这个LOGO中带有F和B英文首字母,据说是香蕉自己的象征,意思是fabulosity Banana,人才啊。

ps发光霓虹字教程插图(2)

还有就是我百度了几张同类型的海报,借鉴了其中几张的背景

ps发光霓虹字教程插图(3)

 

下面开始我的山寨过程:

新建一个1600X1200,72分辨率,黑色背景色的新画布,顺便粘贴进一张沙丘图片

ps发光霓虹字教程插图(4)

把山峰图放大,选了其中的一部分,水平方向我稍微做点变动,让左右山峰对称一点~

ps发光霓虹字教程插图(5)

还找了一张云层的图片,天空有点云朵更符合我的审美观~

ps发光霓虹字教程插图(6)

放大云层,叠加在沙丘上,再加一个蒙版涂掉云层下面的地平线~

ps发光霓虹字教程插图(7)

把沙丘的透明度调至10%~

ps发光霓虹字教程插图(8)

在最上面添加一个纯色调整层,图层混合模式设为“颜色”,好像太亮了,把透明度调至60%

ps发光霓虹字教程插图(9)

再加一个曲线调整层,用蒙版让四周暗下来,云层中间的亮度包不变~

ps发光霓虹字教程插图(10)

我在考虑是不是也加一个闪电~

ps发光霓虹字教程插图(11)

后来觉得还是先放放,到收尾阶段再做这个闪电。把闪电隐藏掉,粘贴入香蕉提供的LOGO,布置四条参考线来界定原图中LOGO的大小和位置~

ps发光霓虹字教程插图(12)

 

我不建议立刻对这个logo进行拉伸调整到参考线的位置,这样logo的圆角都会变形扭曲,最合理的方法按原本的比例做出矢量形状后调整锚点。

用一个圆角半径为85像素的圆角矩形画B的上半部分,减低一点透明度方便看到底下的原图~

ps发光霓虹字教程插图(13)

按A点击这个圆角矩形,CTRL+ALT+T复制后移动到下边,要点就是两个圆角矩形有重合的部分~

ps发光霓虹字教程插图(14)

点击“组合”按钮合并这两个圆角矩形~

ps发光霓虹字教程插图(15)

选择钢笔中的“删除锚点工具”,把左边中间形成凹陷的三个锚点删除~

ps发光霓虹字教程插图(16)

用参考线标出LOGO~

ps发光霓虹字教程插图(17)

用钢笔工具利用“减去”模式画出logo的空心部分~

ps发光霓虹字教程插图(18)

合并这个LOGO~

ps发光霓虹字教程插图(19)

按A点击这个形状,按比例放大,使其先满足其高度能符合参考线位置~

ps发光霓虹字教程插图(20)

选择“直接选择工具”,框住右边的锚点~

ps发光霓虹字教程插图(21)

按住shift,把鼠标指针移到锚点或线段中间,摁住左键往右移动到参考线位置,确定位置后松开左键~

ps发光霓虹字教程插图(22)

下面是logo外发光的效果,原图的外发光似乎还带有一些图案,所以在图层样式里不可能完全实现这个效果,为什么我用投影而不是直接用外发光

是有我的原因的,我认为阴影的编辑更可控一点~

ps发光霓虹字教程插图(23)

 

点击“图层-图层样式-创建图层”,把这个外发光效果分离出来单独成为一个层~

ps发光霓虹字教程插图(24)

再次双击那个形状图层进入图层样式,给它加一个非常复杂的渐变描边。细致调整各个不透明度色标的位置。

PS:渐变预设里有点点乱,可能是我儿子弄乱的~

ps发光霓虹字教程插图(25)

创建一个剪贴蒙版层,用画笔上色,有人会认为还是用渐变好,想法是不错,不过这个logo的形状限制了渐变的发挥,所以还是直接用画笔好~

ps发光霓虹字教程插图(26)

在图层顶端新建一层,按D恢复前景色和背景色,填充颜色(黑色白色都一样),执行“滤镜-素描-半调图案”~

ps发光霓虹字教程插图(27)

CTRL+ALT+G剪贴蒙版,把图层混合模式改为“叠加”,透明度改为11%~

ps发光霓虹字教程插图(28)

按住ALT移动复制这个半调图案层到“外发光”层上,CTRL+ALT+G剪贴蒙版,那透明度再降低一点,再加一些高斯模糊,

让外发光里能隐隐约约看到一点棋盘格图案~

ps发光霓虹字教程插图(29)

在顶上新建一层,把图层混合模式改为“强光”,用蓝色和白色画笔更替画一个炫光,右下角的那个你完全可以用套索工具

选择后按ALT移动复制下来~

ps发光霓虹字教程插图(30)

在“炫光”层下面新建一层。CTRL+ALT+G剪贴蒙版,用白色画笔画一点logo左上角的高光~

ps发光霓虹字教程插图(31)

用“减淡”工具把圈中的角落加亮一点~

ps发光霓虹字教程插图(32)

在图层顶端新建一层,按D恢复前景色和背景色,填充颜色,执行“滤镜-素描-半调图案”,这次选择“直线”模式,

对比度的调到0的作用是我想让这些直线的边缘柔和一点~

ps发光霓虹字教程插图(33)

把这个“直线半调图案”的混合模式层设为“线性减淡(添加)”。按ALT添加图层蒙版,这也是一个快捷键结合鼠标的使用,让蒙版隐藏全部。

新建一层,用大小硬度适中的白色画笔点一下,CTRL+T变换一下,这里我要做一个闪光的范围~

ps发光霓虹字教程插图(34)

隐藏掉这个闪光层,按CTRL+鼠标左键复制选区,移动选区到右下角炫光处,点击“直线半调图案”的蒙版,填充55%的灰色~

ps发光霓虹字教程插图(35)

 

再次移动选区到左上角的炫光处,这个闪光要稍微亮点,填充80%左右的灰色~

ps发光霓虹字教程插图(36)

为了强化这个高光效果,我添加了一个镜头光晕,按ALT复制图层7的蒙版,让光晕看起来是在logo的背后,减低透明度是不想让这个光晕喧宾夺主~

ps发光霓虹字教程插图(37)

新建一层,用画笔在B字母中间和下边画两个圆,添加一些简单的图层样式~

ps发光霓虹字教程插图(38)

LOGO到这里完成得差不多了,接下去做logo下面的网格。新建一层,填充黑色。打开编辑中的“首选项”,把网格的尺寸设大一点,

按CTRL+’开启网格,裁图后粘贴在云层上面,本来想认真画一个网格的,嫌麻烦就偷懒了,效果也很好~

ps发光霓虹字教程插图(39)

用矩形选框选择网格部分,CTRL+J复制后删除粘贴层,把复制的网格层的图层混合模式设为“颜色减淡(添加)”,透明度减至20%,然后旋转90度~

ps发光霓虹字教程插图(40)

CTRL+T,调整锚点成梯形~

ps发光霓虹字教程插图(41)

添加蒙版,让远处融入背景~

ps发光霓虹字教程插图(42)

新建一个1000X1000黑色背景的新画布,用白色矩形形状画一条很窄很窄的长条~

ps发光霓虹字教程插图(43)

按A选择这个长条,CTRL+ALT+T复制移动一点点距离~

ps发光霓虹字教程插图(44)

狂按CTRL+SHIFT+ALT+T,多复制几条,超出画布无所谓~

ps发光霓虹字教程插图(45)

按A框住全部长条,CTRL+T,在“水平斜切”里输入30度~

ps发光霓虹字教程插图(46)

不要取消选择,CTRL+ALT+T水平翻转复制~

ps发光霓虹字教程插图(47)

单独选择一条长条,CTRL+ALT+T,在角度里输入 -120 度,恢复水平状态~

ps发光霓虹字教程插图(48)

把它移到交叉处~

ps发光霓虹字教程插图(49)

CTRL+ALT+T,移动复制到下一个交叉点~

ps发光霓虹字教程插图(50)

 

狂按CTRL+SHIFT+ALT+T,直到布满整个画布~

ps发光霓虹字教程插图(51)

把这个形状层复制到海报中~

ps发光霓虹字教程插图(52)

形状有点不对劲,貌似太长了,应该扁一点才对,我再弄一个,过程省略了,反正方法一样~

ps发光霓虹字教程插图(53)

这次差不多了~

ps发光霓虹字教程插图(54)

降低透明度,添加一个蒙版,把边缘处理得漂亮自然点~

ps发光霓虹字教程插图(55)

新建一个白色的矩形形状~

ps发光霓虹字教程插图(56)

CTRL+ALT+T移动复制三条,稍微调整一下其中几条的宽度和距离,有点变化总是好的,否则也太过于单调~

ps发光霓虹字教程插图(57)

再复制两条,弄成虚线的形状~

ps发光霓虹字教程插图(58)

CTRL+ALT+T移动复制后,CTRL+SHIFT+ALT+T复制排列成型~

ps发光霓虹字教程插图(59)

变形一下,放在左下角~

ps发光霓虹字教程插图(60)

加点外发光和渐变图层样式~

ps发光霓虹字教程插图(61)

在这个层的下面新建一层,用钢笔描个选区,然后用画笔随意的画个路面,再在LOGO中间放一行字。看的清楚吗? 是photoshop bar~

ps发光霓虹字教程插图(62)

最后在原图的位置放一个我自己的LOGO,这也算是福利吧!开始的那个闪电我再三考虑还是不要了,有点画蛇添足的感觉,

最后终于大功告成

ps发光霓虹字教程插图

 

首先要感谢狂热香蕉大力支持,这张海报是他提供的。开始我也不知道这张海报是什么意思,百度之后才知道是James White风格怀旧海报,我很纳闷这跟一个篮球运动员又有什么关系?

不过我觉得这个风格很像一部电影,就是《创战纪》,这是一部非常不错的电影,其中那个拖着光带的摩托车格斗的场面让我印象深刻,非常经典的镜头。我是个科幻电影迷,好莱坞的科幻大片我一部都没有落下。鉴于上几期的风格没有多大的变化,所以这张海报我也是挺喜欢的。不过我认为香蕉的这张图背景有点单调,我在百度上找了这种风格的一系列图片,综合了其中几张图的背景。

最后就是这张我山寨后的图:

ps发光霓虹字教程插图

这个就是香蕉提供的原图:

ps发光霓虹字教程插图(1)

不过香蕉要求我把图中的数字“九”改成下面的LOGO。这个LOGO中带有F和B英文首字母,据说是香蕉自己的象征,意思是fabulosity Banana,人才啊。

ps发光霓虹字教程插图(2)

还有就是我百度了几张同类型的海报,借鉴了其中几张的背景

ps发光霓虹字教程插图(3)

 

下面开始我的山寨过程:

新建一个1600X1200,72分辨率,黑色背景色的新画布,顺便粘贴进一张沙丘图片

ps发光霓虹字教程插图(4)

把山峰图放大,选了其中的一部分,水平方向我稍微做点变动,让左右山峰对称一点~

ps发光霓虹字教程插图(5)

还找了一张云层的图片,天空有点云朵更符合我的审美观~

ps发光霓虹字教程插图(6)

放大云层,叠加在沙丘上,再加一个蒙版涂掉云层下面的地平线~

ps发光霓虹字教程插图(7)

把沙丘的透明度调至10%~

ps发光霓虹字教程插图(8)

在最上面添加一个纯色调整层,图层混合模式设为“颜色”,好像太亮了,把透明度调至60%

ps发光霓虹字教程插图(9)

再加一个曲线调整层,用蒙版让四周暗下来,云层中间的亮度包不变~

ps发光霓虹字教程插图(10)

我在考虑是不是也加一个闪电~

ps发光霓虹字教程插图(11)

后来觉得还是先放放,到收尾阶段再做这个闪电。把闪电隐藏掉,粘贴入香蕉提供的LOGO,布置四条参考线来界定原图中LOGO的大小和位置~

ps发光霓虹字教程插图(12)

 

我不建议立刻对这个logo进行拉伸调整到参考线的位置,这样logo的圆角都会变形扭曲,最合理的方法按原本的比例做出矢量形状后调整锚点。

用一个圆角半径为85像素的圆角矩形画B的上半部分,减低一点透明度方便看到底下的原图~

ps发光霓虹字教程插图(13)

按A点击这个圆角矩形,CTRL+ALT+T复制后移动到下边,要点就是两个圆角矩形有重合的部分~

ps发光霓虹字教程插图(14)

点击“组合”按钮合并这两个圆角矩形~

ps发光霓虹字教程插图(15)

选择钢笔中的“删除锚点工具”,把左边中间形成凹陷的三个锚点删除~

ps发光霓虹字教程插图(16)

用参考线标出LOGO~

ps发光霓虹字教程插图(17)

用钢笔工具利用“减去”模式画出logo的空心部分~

ps发光霓虹字教程插图(18)

合并这个LOGO~

ps发光霓虹字教程插图(19)

按A点击这个形状,按比例放大,使其先满足其高度能符合参考线位置~

ps发光霓虹字教程插图(20)

选择“直接选择工具”,框住右边的锚点~

ps发光霓虹字教程插图(21)

按住shift,把鼠标指针移到锚点或线段中间,摁住左键往右移动到参考线位置,确定位置后松开左键~

ps发光霓虹字教程插图(22)

下面是logo外发光的效果,原图的外发光似乎还带有一些图案,所以在图层样式里不可能完全实现这个效果,为什么我用投影而不是直接用外发光

是有我的原因的,我认为阴影的编辑更可控一点~

ps发光霓虹字教程插图(23)

 

点击“图层-图层样式-创建图层”,把这个外发光效果分离出来单独成为一个层~

ps发光霓虹字教程插图(24)

再次双击那个形状图层进入图层样式,给它加一个非常复杂的渐变描边。细致调整各个不透明度色标的位置。

PS:渐变预设里有点点乱,可能是我儿子弄乱的~

ps发光霓虹字教程插图(25)

创建一个剪贴蒙版层,用画笔上色,有人会认为还是用渐变好,想法是不错,不过这个logo的形状限制了渐变的发挥,所以还是直接用画笔好~

ps发光霓虹字教程插图(26)

在图层顶端新建一层,按D恢复前景色和背景色,填充颜色(黑色白色都一样),执行“滤镜-素描-半调图案”~

ps发光霓虹字教程插图(27)

CTRL+ALT+G剪贴蒙版,把图层混合模式改为“叠加”,透明度改为11%~

ps发光霓虹字教程插图(28)

按住ALT移动复制这个半调图案层到“外发光”层上,CTRL+ALT+G剪贴蒙版,那透明度再降低一点,再加一些高斯模糊,

让外发光里能隐隐约约看到一点棋盘格图案~

ps发光霓虹字教程插图(29)

在顶上新建一层,把图层混合模式改为“强光”,用蓝色和白色画笔更替画一个炫光,右下角的那个你完全可以用套索工具

选择后按ALT移动复制下来~

ps发光霓虹字教程插图(30)

在“炫光”层下面新建一层。CTRL+ALT+G剪贴蒙版,用白色画笔画一点logo左上角的高光~

ps发光霓虹字教程插图(31)

用“减淡”工具把圈中的角落加亮一点~

ps发光霓虹字教程插图(32)

在图层顶端新建一层,按D恢复前景色和背景色,填充颜色,执行“滤镜-素描-半调图案”,这次选择“直线”模式,

对比度的调到0的作用是我想让这些直线的边缘柔和一点~

ps发光霓虹字教程插图(33)

把这个“直线半调图案”的混合模式层设为“线性减淡(添加)”。按ALT添加图层蒙版,这也是一个快捷键结合鼠标的使用,让蒙版隐藏全部。

新建一层,用大小硬度适中的白色画笔点一下,CTRL+T变换一下,这里我要做一个闪光的范围~

ps发光霓虹字教程插图(34)

隐藏掉这个闪光层,按CTRL+鼠标左键复制选区,移动选区到右下角炫光处,点击“直线半调图案”的蒙版,填充55%的灰色~

ps发光霓虹字教程插图(35)

 

再次移动选区到左上角的炫光处,这个闪光要稍微亮点,填充80%左右的灰色~

ps发光霓虹字教程插图(36)

为了强化这个高光效果,我添加了一个镜头光晕,按ALT复制图层7的蒙版,让光晕看起来是在logo的背后,减低透明度是不想让这个光晕喧宾夺主~

ps发光霓虹字教程插图(37)

新建一层,用画笔在B字母中间和下边画两个圆,添加一些简单的图层样式~

ps发光霓虹字教程插图(38)

LOGO到这里完成得差不多了,接下去做logo下面的网格。新建一层,填充黑色。打开编辑中的“首选项”,把网格的尺寸设大一点,

按CTRL+’开启网格,裁图后粘贴在云层上面,本来想认真画一个网格的,嫌麻烦就偷懒了,效果也很好~

ps发光霓虹字教程插图(39)

用矩形选框选择网格部分,CTRL+J复制后删除粘贴层,把复制的网格层的图层混合模式设为“颜色减淡(添加)”,透明度减至20%,然后旋转90度~

ps发光霓虹字教程插图(40)

CTRL+T,调整锚点成梯形~

ps发光霓虹字教程插图(41)

添加蒙版,让远处融入背景~

ps发光霓虹字教程插图(42)

新建一个1000X1000黑色背景的新画布,用白色矩形形状画一条很窄很窄的长条~

ps发光霓虹字教程插图(43)

按A选择这个长条,CTRL+ALT+T复制移动一点点距离~

ps发光霓虹字教程插图(44)

狂按CTRL+SHIFT+ALT+T,多复制几条,超出画布无所谓~

ps发光霓虹字教程插图(45)

按A框住全部长条,CTRL+T,在“水平斜切”里输入30度~

ps发光霓虹字教程插图(46)

不要取消选择,CTRL+ALT+T水平翻转复制~

ps发光霓虹字教程插图(47)

单独选择一条长条,CTRL+ALT+T,在角度里输入 -120 度,恢复水平状态~

ps发光霓虹字教程插图(48)

把它移到交叉处~

ps发光霓虹字教程插图(49)

CTRL+ALT+T,移动复制到下一个交叉点~

ps发光霓虹字教程插图(50)

 

狂按CTRL+SHIFT+ALT+T,直到布满整个画布~

ps发光霓虹字教程插图(51)

把这个形状层复制到海报中~

ps发光霓虹字教程插图(52)

形状有点不对劲,貌似太长了,应该扁一点才对,我再弄一个,过程省略了,反正方法一样~

ps发光霓虹字教程插图(53)

这次差不多了~

ps发光霓虹字教程插图(54)

降低透明度,添加一个蒙版,把边缘处理得漂亮自然点~

ps发光霓虹字教程插图(55)

新建一个白色的矩形形状~

ps发光霓虹字教程插图(56)

CTRL+ALT+T移动复制三条,稍微调整一下其中几条的宽度和距离,有点变化总是好的,否则也太过于单调~

ps发光霓虹字教程插图(57)

再复制两条,弄成虚线的形状~

ps发光霓虹字教程插图(58)

CTRL+ALT+T移动复制后,CTRL+SHIFT+ALT+T复制排列成型~

ps发光霓虹字教程插图(59)

变形一下,放在左下角~

ps发光霓虹字教程插图(60)

加点外发光和渐变图层样式~

ps发光霓虹字教程插图(61)

在这个层的下面新建一层,用钢笔描个选区,然后用画笔随意的画个路面,再在LOGO中间放一行字。看的清楚吗? 是photoshop bar~

ps发光霓虹字教程插图(62)

最后在原图的位置放一个我自己的LOGO,这也算是福利吧!开始的那个闪电我再三考虑还是不要了,有点画蛇添足的感觉,

最后终于大功告成

ps发光霓虹字教程插图

 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部