Photoshop制作时尚绚丽的霓虹字教程

M魔邪X

M魔邪X

2016-02-15 23:16

想要天天向上,就要懂得享受学习。图老师为大家推荐Photoshop制作时尚绚丽的霓虹字教程,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

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

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

下面开始我的山寨过程:

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

用参考线标出LOGO~

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

合并这个LOGO~

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

把它移到交叉处~

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

这次差不多了~

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

变形一下,放在左下角~

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

最后终于大功告成

Photoshop制作时尚绚丽的霓虹字教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作时尚绚丽的霓虹字教程

PS PS基础
Photoshop制作时尚绚丽的霓虹字教程

Photoshop制作绚丽的霓虹艺术字教程

PS PS基础
Photoshop制作绚丽的霓虹艺术字教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作绚丽的霓虹灯艺术字教程

PS PS基础
Photoshop制作绚丽的霓虹灯艺术字教程

Photoshop制作绚丽发光的霓虹艺术字

电脑网络
Photoshop制作绚丽发光的霓虹艺术字

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作超酷的绚丽霓虹艺术字

电脑网络
Photoshop制作超酷的绚丽霓虹艺术字

photoshop制作霓虹字

电脑网络
photoshop制作霓虹字

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop CC使用3D功能制作超酷的立体字

Photoshop CC使用3D功能制作超酷的立体字

Photoshop制作质感的世界杯字体海报

Photoshop制作质感的世界杯字体海报
下拉加载更多内容 ↓