社区应用 最新帖子 精华区 社区服务 会员列表 统计排行
  • 6363阅读
  • 11回复

[软件教程]【鹤毛集团出品】手把手教你做简单流光字

楼层直达
级别: 预备仙人
发帖
2194
金钱
346
威望
2206
贡献值
1183
交易币
0
— 本帖被 成年童工 设置为精华(2012-05-20) —
纯粹是因为这两天有一个孩子问我,流光字怎么做
干脆开个教程好了,虽然网上的这种教程一抓一大把。


一楼放简单示例



CS2及其以下版本详见三楼小染姑娘的教程,向小染致敬,感谢感谢!

评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
by 小染

级别: 预备仙人
发帖
2194
金钱
346
威望
2206
贡献值
1183
交易币
0
只看该作者 1 发表于: 2012-02-17
这是素材图,是少爷本人一张照片,我把它做了黑白并上色处理,外加一层抽丝(什么?这些怎么做?唔,这楼只负责教流光字……)



然后,把它拖入到PS中。附图层示意。
  


出于习惯,我会双击“背景”这个图层,解一下锁。(如果不解锁,有些操作会出现故障的)
双击之后出现这样的对话框,直接点确定就可以


解锁之后,图层示意如这样




然后,打上字,随便打什么字都行。注意如果字有多个图层,需要栅格化文字之后合并图层,保证字在一个图层里。(这里的"永恒的秋美,一如心中的你",非我原创,版权属于如斯姐)



我这里用的是宋体。
为了让字突出一点,我加了投影效果,并且加粗(这一步可以不做,或者可以根据自己的喜好添加效果)


字体加粗在画红圈这里找



前面其实都是最基础的,以下才是流光字的关键部分


在字体这一层的上面新建一个图层


在这个图层上用画笔画一条垂直的竖线或者斜线,位置在字的旁边——这就是流光。这个线的颜色就是流光的颜色。



附注
竖线画法:按住键盘上shift键,用画笔从上往下拖,就可画出竖着的直线
斜线画法:先点一个点,然后按住shift键,在这个点的其他方位再点一个点,两点就连成一条斜线

(以下是我的画笔的各项数值,仅作参考。大小还是自己定比较好)



然后是最最重要最最关键的部分——动画功能(见下一楼)







by 小染

级别: 预备仙人
发帖
2194
金钱
346
威望
2206
贡献值
1183
交易币
0
只看该作者 2 发表于: 2012-02-17
最最重要的部分——动画。它让你的流光流动起来

找到“窗口”——“动画” (大概只有CS3及CS3以上版本才有的?)





打开动画窗口,是这样的(请暂时忽略几秒的具体数值问题)




当然可能有人说,我打开的是如下这个样子(比如我就这么悲催),那么请点击画红圈部分,切换一下就好




(我把图放大了一下)

注意,如果有人初始设置是10秒一帧的话,请点击画红圈的小三角部分——在拉出的菜单中选择“无延迟”,将10秒修改为0秒





然后点“复制所选帧”按钮(就是下图画红圈的部分),将当前帧复制一次



复制完是这样子的







注意下面仍旧很重要

在选中第二帧的情况下,回到上面你画的线,按住shift键(这样保证水平拖动),将它拖到字的结尾处








之后,点击“过渡动画帧”按钮,如图画红圈部分所示




在弹出的对话框中,把“要添加的帧数”改为15-20左右,其他选项如图(一般默认设置不用动),点击确定。





(忍耐一下,快要大功告成了)
将画流光线的那一层(图层1),设置为字层的剪贴蒙版。


(剪贴蒙版:可以理解为只对某图层的下一层产生作用,而不对其他图层作用。比如,设图层1为文字层的剪贴蒙版之后,图层1上的竖线就只对文字层作用,只显示在文字上,而不显示在其他地方了)


剪贴蒙版创建方法:可以在图层1上单击右键,选择“创建剪贴蒙版”(如下图);也可以按住alt键,点击图层1和字层之间的位置。






创建完剪贴蒙版之后,图层示意是这样的






最后就是保存
点击“文件”——“储存为web和设备所用格式"




打开对话窗口,别的都不用动,就是看一下,循环选项这里,是不是“永远”,如果不是的话改过来




然后——就完成了!我先喘口气去
by 小染

级别: 护兔鼻神
发帖
2550
金钱
994475099
威望
174273
贡献值
621
交易币
0
只看该作者 3 发表于: 2012-02-17
噗,好乖的小翎姑娘。。。。。。
期待乃滴教程。。。
顺说用这个号是方便如果插楼了口以删除。。。
所以——


插楼了要说哦亲~~


——————————————————————
饭吃了好久啊亲

亲,偶可连饭后甜点都下肚了。。。。

======================与鹤毛集团老板滴废话结束分割线==================


应鹤毛集团老板之邀,来说明一下使用photoshop cs3版本以下也就是cs2的情况下如何做动图。。。
神马?现在已经木人用ps2了?不好意思,区区不才滴在下,用滴就是cs2= =(众:pia飞乃个不与时俱进滴!)

于是,首先要确认一点,就是你安装的photoshop cs2是完整版本。
怎么判断是否完整呢?那就是,看看有木有安装image ready。
怎么看捏?如图:在这个工具栏(是叫工具栏吧?有点忘了= =。。众:pia飞!)的最底层,有一个这样的图案:
用鼠标点击这个,如果会自动打开image ready呢,那不消说,就可以进行下一步。如果不可以呢,很抱歉,乃安装滴photoshop cs2君不是完整版,不如卸了去装鹤毛集团提供的cs3吧。

其次,当已经确认安装了image ready,那么就可以进行下一步,这个步骤么,和抬头鹤老板所说大同小异。现在截个image ready的界面图给大家。(注:此界面图是木有打开任何文件的状态)


如上面这个界面图所示,木有那个“动画”窗口呢,那么偶们要把它调出来。具体操作是点击菜单栏上的“窗口”,然后在下拉菜单里的“动画”左边打上勾。如下图所示:


于是呢,“动画”工具栏就被调出来了,在整个界面的左下角,继续放界面图:


看了上图找到了吗亲?“动画”窗口就在左下角啊左下角,认得出来吗亲?于是专门截个“动画”窗口图,如右:


这个图是不是看起来很有熟悉感呢?对了,就跟抬头鹤老板的后几步截图(二楼开始的几步)差不离儿。
于是,接下来怎么做就不用偶说了吧,摸下巴。。。


级别: 预备仙人
发帖
2194
金钱
346
威望
2206
贡献值
1183
交易币
0
只看该作者 4 发表于: 2012-02-17
小染小染,不用删了,占了两楼够用的啦

PS,感谢小染补充CS2使用方法
by 小染

级别: 预备仙人
发帖
2194
金钱
346
威望
2206
贡献值
1183
交易币
0
只看该作者 5 发表于: 2012-02-17
回 3楼(黛·如墨染香) 的帖子
揪住小染摇晃,我一直在认真编辑!
那个啥,坛子真好,可以边写边改,哈哈,这点比贴吧强大多了
by 小染

级别: 豆芽菜
发帖
31
金钱
710
威望
41
贡献值
0
交易币
0
只看该作者 6 发表于: 2012-05-20
啊啊啊啊~~~~~~~~~楼楼好棒哦!!!讲的真细呀,连我这个ps废柴都听懂了,吼吼~~~抱住,啃一个!!来交作业~~~~
级别: 论坛版主
发帖
1045
金钱
1111524
威望
7268
贡献值
228
交易币
0
只看该作者 7 发表于: 2012-05-20
那个。。楼上的豆芽菜,乃的图图偶们看不到。。。貌似需要登录才行呢。
>>>By 裳
级别: 预备仙人
发帖
2194
金钱
346
威望
2206
贡献值
1183
交易币
0
只看该作者 8 发表于: 2012-05-21
回 6楼(芳玉双飞) 的帖子
感谢亲交作业~~
不过咱们坛子不识别QQ空间和百度空间的图~~

另,谢谢童姐加精鼓励
by 小染

级别: 论坛游民
发帖
80
金钱
1134
威望
214
贡献值
2
交易币
0
只看该作者 9 发表于: 2012-11-19
哈哈,楼楼很有耐心哦,讲得很明白,在这里顶一个!!

话说雁翎辛苦了
剑破红尘素水
快速回复

限100 字节
 
认证码:
验证问题: 请输入子健在《白眉大侠》中饰演角色的名字
上一个 下一个