设为首页收藏本站
开启辅助访问 切换到窄版

仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
仓酷云»社区 › 软件教程 Design › Photoshop(PS) › PS制作时尚绚丽的霓虹艺术字教程
返回列表 发新帖
查看: 1412|回复: 18
打印 上一主题 下一主题

[PS教程-文字设计] PS制作时尚绚丽的霓虹艺术字教程

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-9 11:05:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
首先要感谢狂热香蕉大力支持，这张海报是他提供的。开始我也不知道这张海报是什么意思，百度之后才知道是JamesWhite风格怀旧海报，我很纳闷这跟一个篮球运动员又有什么关系?
不过我觉得这个风格很像一部电影，就是《创战纪》，这是一部非常不错的电影，其中那个拖着光带的摩托车格斗的场面让我印象深刻，非常经典的镜头。我是个科幻电影迷，好莱坞的科幻大片我一部都没有落下。鉴于上几期的风格没有多大的变化，所以这张海报我也是挺喜欢的。不过我认为香蕉的这张图背景有点单调，我在百度上找了这种风格的一系列图片，综合了其中几张图的背景。
最后就是这张我山寨后的图：

这个就是香蕉提供的原始图片：

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

还有就是我百度了几张同类型的海报，借鉴了其中几张的背景
篮球运动员, 科幻大片, 摩托车, 好莱坞, 科幻电影

相关帖子
回复

使用道具 举报

爱飞 该用户已被删除
沙发
 楼主| 发表于 2015-1-9 11:07:25 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

下面开始我的山寨过程：
新建一个1600X1200，72分辨率，黑色背景色的新画布，顺便粘贴进一张沙丘图片

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

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

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

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

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

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

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

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

使用道具 举报

爱飞 该用户已被删除
板凳
 楼主| 发表于 2015-1-9 11:09:58 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

我不建议连忙对这个logo进行拉伸调整到参考线的位置，这样logo的圆角都会变形扭曲，最合理的方法按原本的比例做出矢量形状后调整锚点。
用一个圆角半径为85像素的圆角矩形画B的上半部分，减低一点透明度方便看到底下的原始图片~

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

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

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

用参考线标出LOGO~

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

合并这个LOGO~

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

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

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

下面是logo外发光的效果，原始图片的外发光似乎还带有一些图案，所以在图层样式里不可能完全实现这个效果，为什么我用投影而不是直接用外发光
是有我的原因的，我认为阴影的编辑更可控一点~
回复 支持 反对

使用道具 举报

爱飞 该用户已被删除
地板
 楼主| 发表于 2015-1-9 11:10:28 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

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

再次双击那个形状图层进入图层样式，给它加一个非常复杂的渐变描边。细致调整各个不透明度色标的位置。
PS：渐变预设里有点点乱，可能是我儿子弄乱的~

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

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

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

按住ALT移动复制这个半调图案层到“外发光”层上，CTRL+ALT+G剪贴蒙版，那透明度再降低一点，再加一些高斯模糊，
让外发光里能隐隐约约看到一点棋盘格图案~
回复 支持 反对

使用道具 举报

爱飞 该用户已被删除
5#
 楼主| 发表于 2015-1-9 11:25:56 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

在顶上新建一层，把图层混合模式改为“强光”，用蓝色和白色画笔更替画一个炫光，右下角的那个你完全可以用套索工具
选择后按ALT移动复制下来~

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

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

在图层顶端新建一层，按D恢复前景色和背景色，填充颜色，执行“滤镜-素描-半调图案”，这次选择“直线”模式，
对比度的调到0的作用是我想让这些直线的边缘柔和一点~

把这个“直线半调图案”的混合模式层设为“线性减淡(添加)”。按ALT添加图层蒙版，这也是一个快捷键结合鼠标的使用，让蒙版隐藏全部。
新建一层，用大小硬度适中的白色画笔点一下，CTRL+T变换一下，这里我要做一个闪光的范围~

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

使用道具 举报

爱飞 该用户已被删除
6#
 楼主| 发表于 2015-1-9 11:26:30 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

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

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

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

LOGO到这里完成得差不多了，接下去做logo下面的网格。新建一层，填充黑色。打开编辑中的“首选项”，把网格的尺寸设大一点，
按CTRL+’开启网格，裁图后粘贴在云层上面，本来想认真画一个网格的，嫌麻烦就偷懒了，效果也很好~

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

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

添加蒙版，让远处融入背景~
回复 支持 反对

使用道具 举报

爱飞 该用户已被删除
7#
 楼主| 发表于 2015-1-9 11:29:23 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

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

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

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

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

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

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

把它移到交叉处~

CTRL+ALT+T，移动复制到下一个交叉点~
回复 支持 反对

使用道具 举报

爱飞 该用户已被删除
8#
 楼主| 发表于 2015-1-9 11:33:23 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

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

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

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

这次差不多了~

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

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

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

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

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

变形一下，放在左下角~

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

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

最后在原始图片的位置放一个我自己的LOGO，这也算是福利吧!开始的那个闪电我再三考虑还是不要了，有点画蛇添足的感觉，
最后终于大功告成
回复 支持 反对

使用道具 举报

活着的死人 该用户已被删除
9#
发表于 2015-1-9 11:48:28 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

真心想学PS，看过楼主的PS文字教程，实在是高明。
回复 支持 反对

使用道具 举报

兰色精灵 该用户已被删除
10#
发表于 2015-1-9 15:23:55 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

学习了楼主的PS教程，我领悟了许多以前不懂的，感谢楼主！
回复 支持 反对

使用道具 举报

爱飞 该用户已被删除
11#
 楼主| 发表于 2015-1-10 06:04:47 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

路过，打酱油的，带走楼主的PS教程。
回复 支持 反对

使用道具 举报

不帅 该用户已被删除
12#
发表于 2015-1-10 10:35:34 | 只看该作者

PS制作时尚绚丽的霓虹艺术字教程

路过，看PS教程，，看看就走。。
回复 支持 反对

使用道具 举报

因胸联盟 该用户已被删除
13#
发表于 2015-1-20 20:26:03 | 只看该作者
路过，看看PS教程。求带走。
回复 支持 反对

使用道具 举报

谁可相欹 该用户已被删除
14#
发表于 2015-1-31 15:50:38 | 只看该作者
画面太美，，楼主的PS教程，简直无法直视。
回复 支持 反对

使用道具 举报

若天明 该用户已被删除
15#
发表于 2015-2-7 18:49:22 | 只看该作者
下学期可能就没有这们PS课程了.但是平面设计这们课程应用是很广泛的.就那我喜欢摄影来说吧，学习PS教程,肯定要做一些图片处理.所以我还要更加深入的学习这们课程,
回复 支持 反对

使用道具 举报

山那边是海 该用户已被删除
16#
发表于 2015-2-24 19:23:17 | 只看该作者
我感觉到学习这门课程要有耐心，学习PS教程,要肯下苦工夫,有的图形一次做不好,两次,三次.....,知道做好为止.我在学习平面设计就容易犯这个毛病,简单的图形随便做作,比较复杂的就不去理会.
回复 支持 反对

使用道具 举报

不帅 该用户已被删除
17#
发表于 2015-3-8 15:45:00 | 只看该作者
还有一点遗憾,就是没有把我的博客整理好，学习PS教程,我原来以为学习博客没有用.后来才知道老师在锻炼我们的自学能力,哎!遗憾!这么好的一次锻炼机会给我白白浪费了.
回复 支持 反对

使用道具 举报

admin 该用户已被删除
18#
发表于 2015-3-17 01:46:09 | 只看该作者
这么好的PS教程，不看实在可惜了。
回复 支持 反对

使用道具 举报

柔情似水 该用户已被删除
19#
发表于 2015-3-24 08:16:27 | 只看该作者
还有一点遗憾,就是没有把我的博客整理好，学习PS教程,我原来以为学习博客没有用.后来才知道老师在锻炼我们的自学能力,哎!遗憾!这么好的一次锻炼机会给我白白浪费了.
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-1 16:57

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表