有爱,有技术,有你^_^)y
╱人◕‿‿◕人╲订下契约(注册新用户)

合作站点账号登陆

QQ登录

只需一步,快速开始

快捷导航
查看: 1572|回复: 10
收起左侧

[创意教程] 【搬运】如何制作一个抽象线框文本效果

[复制链接]

该用户从未签到

5

主题

16

好友

2424

积分

Continue

积分
2424
发表于 2013-6-9 11:13:07 | 显示全部楼层 |阅读模式

╱人◕‿‿◕人╲定下契约

您需要 登录 才可以下载或查看,没有账号?╱人◕‿‿◕人╲订下契约(注册新用户)

x
本帖最后由 绯色の胖子 于 2015-3-21 19:28 编辑

茶我第一次做教程搬运,原版网址先贴出来:
http://psd.tutsplus.com/tutorial ... eframe-text-effect/
如果有什么不妥的地方可能是我翻译问题你可以到原网页看。
【不知道有没有零基础的童鞋,我会在原来教程的基础上多啰嗦几句,顺便自己演示一次】【其实就是刷存在感】

本次教程要用到的软件: Adobe Photoshop CS2+
难度:初学者
耗时:约20分钟。

最终效果:

                               
登录/注册后可看大图


STEP 1:
首先新建一个宽度900像素,高度600像素,分辨率为300,颜色模式为RGB颜色的文件。

                               
登录/注册后可看大图

茶演示:
QQ截图20130606232132.png

STEP 2:
将背景图层填充为黑色【编辑>填充】
茶演示:
QQ截图20130606232442.png
然后选择左侧工具栏的文本工具输入文字,本教程中使用到的字体是: Futura Md BT font 【自行百度下载】【字体安装方法可以在度娘那问或者留言问我】字体风格选择Medium,字体大小220 像素【不知道为什么茶我这里只需要48点,估计是单位不一样,亲们自己摸索下吧】,字间距20像素,字体颜色为白色。

                               
登录/注册后可看大图


茶演示:
QQ截图20130606233605.png


STEP 3

同时选择文字图层和背景图层,按下Ctrl+E,合并图层,你也可以在图层处右键>合并图层


                               
登录/注册后可看大图


茶演示:
QQ截图20130607084824.png


STEP 4
现在使用滤镜>扭曲>波浪,设置数据如下图:

                               
登录/注册后可看大图


茶演示:
QQ截图20130607085918.png


注意:这个数据只是适用于这个尺寸的文字,如果你要做其他尺寸的文字,需要自己调整数据。

STEP 5

现在添加另一个效果,滤镜>像素化>碎片


                               
登录/注册后可看大图

茶演示:

QQ截图20130607090610.png
STEP 6
现在要用到的滤镜是滤镜>描边>照亮边缘【该滤镜在茶的PS上不是自带的,可能要去度娘那下载】


                               
登录/注册后可看大图


茶演示:

QQ截图20130607091030.png

STEP 7

现在我们要把这个图层复制到新的阿尔法通道中,并且把它选择出来。首先在图层处按Command/Ctrl + A来选中整个图层,按Command/Ctrl + C复制选区,然后在图层界面中转换到通道界面,新建一个新的通道,按Command/Ctrl + V黏贴。在新通道处按住Comman/Ctrl,同时点击鼠标左键,选中白色部分。

                               
登录/注册后可看大图


茶演示:
QQ截图20130608230028.png

QQ截图20130608230158.png
QQ截图20130608230638.png
STEP 8
现在回到图层界面,新建一个名为“文本”的图层,用白色填充选区,然后按Command/Ctrl + D取消选择,回到背景图层填充黑色。现在我们要给“文本”图层增加效果,在文本图层处按鼠标右键,进入“混合选项”,使用“渐变叠加”,使用参数如下【注:因为之前字体的大小已经和原教程主的不一样所以茶的渐变缩放数据会不一样,如果你的字体大小和原教程主一样是220的话那么你就参照原教程的数据】:
QQ截图20130608231826.png
QQ截图20130608231930.png

现在选择背景图层,创建一个新的图层,同时选中新图层和文本图层,按Command/Ctrl + E合并两个图层,我们将在这个图层上增加效果。


                               
登录/注册后可看大图


STEP 9

现在是时候增加一些光照效果了,按Ctrl + J复制图层,使用滤镜>模糊>高斯模糊,半径为4像素,现在按Ctrl + J复制文本图层 副本,等到文本图层副本1,在图层样式处改变图层样式为“叠加”,然后再次按Ctrl + J,得到文本图层副本2。


                               
登录/注册后可看大图

茶演示:
QQ截图20130608233622.png
QQ截图20130608233636.png
STEP 10

复制文本副本图层,把得到的副本4 放在“文本”图层下面,然后使用半径为6像素的高斯模糊,然后点开图像>调整>色相/饱和度,选择色相饱和度窗口右下角的“着色”,然后调整色相为315,饱和度38,明度-30。

                               
登录/注册后可看大图


茶演示:

QQ截图20130609084351.png
QQ截图20130609085118.png

STEP 11
现在我们要给画面添加背景了,在背景图层上新建一个图层并命名为“光源”,使用渐变工具,选择透明渐变至前景色的渐变样式,选择径向渐变。将图片缩小,在图片外围使用渐变。调整至你满意的效果。关于颜色的设置,在拾色器中输入颜色代码即可。


                               
登录/注册后可看大图


茶演示:
QQ截图20130609091847.png
QQ图片20130609092000.jpg

STEP 12
在光源图层上新建一个新的图层,命名为“光点”,使用画笔工具,选择圆形画笔,打开画笔预设窗口进行画笔预设。


                               
登录/注册后可看大图

茶演示:

QQ截图20130609092900.png
QQ截图20130609093044.png
QQ截图20130609093128.png
QQ截图20130609093223.png

STEP 13
设置前景色为#3fc5c6,背景色#ad4cb1,然后在光点图层上移动画笔画上光点。

                               
登录/注册后可看大图


茶演示:

QQ截图20130609093646.png
QQ截图20130609093726.png

STEP 14
使用滤镜>模糊>表面模糊,设置半径25像素,阈值175色阶,然后使用4像素高斯模糊。


                               
登录/注册后可看大图

茶演示:
QQ截图20130609094229.png
QQ截图20130609094428.png

STEP 15
设置光点图层的不透明度为15%

                               
登录/注册后可看大图


茶演示:

QQ截图20130609094648.png

STEP 16
最后可以键入其他文字【这里我就懒得写别的了= =】

                               
登录/注册后可看大图


最终效果

                               
登录/注册后可看大图

教程.jpg

通过这个教程的学习你也可以做出自己的设计,例如:

                               
登录/注册后可看大图






评分

参与人数 1宅币 +30 贡献 +10 收起 理由
SATA + 30 + 10 o(* ̄▽ ̄*)ブ 发糖

查看全部评分

签名被小宅喵吞掉了~~~~(>_<)~~~~
回复

使用道具 举报

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

33

主题

424

好友

7万

积分

第四章

积分
75167
发表于 2013-6-9 14:52:11 | 显示全部楼层
我勒个茶,好有范
请大家认准商标,萝莉控大汉。萝莉控大~汉~,萝~莉~控~大~汉~,重说三,恩恩,重说三
回复 支持 反对

使用道具 举报

该用户从未签到

2

主题

13

好友

7261

积分

序章

积分
7261
发表于 2013-6-9 21:46:44 | 显示全部楼层
滤镜碎片那张因为叠影的关系。。。看着有丶晕@_@
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

5

主题

16

好友

2424

积分

Continue

积分
2424
 楼主| 发表于 2013-6-10 22:03:48 | 显示全部楼层
漠丶墨陌 发表于 2013-6-9 21:46
滤镜碎片那张因为叠影的关系。。。看着有丶晕@_@

@_@你一说还真有点
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

5

主题

16

好友

2424

积分

Continue

积分
2424
 楼主| 发表于 2013-6-10 22:04:07 | 显示全部楼层
Crs.C.AliCe 发表于 2013-6-9 14:52
我勒个茶,好有范

必须的呀
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

6

主题

20

好友

4771

积分

序章

积分
4771
发表于 2013-6-12 11:47:10 | 显示全部楼层
赞一个
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

31

主题

30

好友

1万

积分

懒人

开开心心来卖蠢OwO

积分
19247
发表于 2013-6-12 11:50:46 | 显示全部楼层
我喜欢这感觉
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

63

主题

67

好友

3万

积分

第二章

积分
35648
发表于 2013-8-6 19:40:18 | 显示全部楼层
为什么滤镜模糊搞死模糊那里。。。一直说所选区域为空啊orz
佛说,我不入地狱,就推敌人下地狱。
回复 支持 反对

使用道具 举报

该用户从未签到

2

主题

12

好友

5790

积分

序章

积分
5790
发表于 2013-10-1 22:54:25 | 显示全部楼层
感谢分享!另外“照亮边缘”这个应该是自带的滤镜,在“风格化”里面
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

3

主题

9

好友

2668

积分

Continue

积分
2668
发表于 2013-10-2 15:38:55 | 显示全部楼层
中文的话能作出效果吗?
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

4

好友

2882

积分

Continue

积分
2882
发表于 2014-3-27 11:41:08 | 显示全部楼层
国际范妥妥的
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

本版积分规则

小黑屋|手机版|技术宅(基宅) ( 粤ICP备18082987号-1 | 浙公网安备 33010902001746号 )

GMT+8, 2024-5-7 17:16 , Processed in 0.249709 second(s), 38 queries , Redis On.

Copyright © 2018 技术宅社区

Powered by Discuz! X3.5

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