教程 发表于 2020-5-25 21:38:34

教你制作图片文字效果

教程作者:1燃特雷西
本篇翻译的图片字效果有点双重曝光的效果,主要用蒙版和渐变映射做出来,方法不难,分享给新手学习。

先看效果:

http://pic1.16xx8.com/allimg/170318/2124145437-0.thumb.jpg

1.创建文字

创建一个1500*1000px的画布填充白色。使用Peace Sans Regular的大写字体,字体大小设置大一些可以将细节展示的更好。在这里设置字体大小为500pt,字体间距设置为100。你也可以根据自己的喜好设置其他数值的间距。

http://pic1.16xx8.com/allimg/170318/2124146321-1.thumb.jpg

将Branches的图片放置在文字层上方,并且根据需要调整大小。

http://pic1.16xx8.com/allimg/170318/2124145515-2.thumb.jpg

2.创建文字

按住command键点击文字图层的缩略图创建选区。

http://pic1.16xx8.com/allimg/170318/212414EC-3.thumb.jpg

选择矩形选框工具,点击选项栏中与选区交叉按钮。点击并拖拽选择第一个字母然后释放鼠标。

http://pic1.16xx8.com/allimg/170318/212414La-4.thumb.jpg

点击并拖拽选择第一个字母然后释放鼠标。

http://pic1.16xx8.com/allimg/170318/2124142R8-5.thumb.jpg

选择branches图层,点击底部的图层蒙版按钮。

http://pic1.16xx8.com/allimg/170318/2124141326-6.thumb.jpg

复制branches,重复上面的操作。

http://pic1.16xx8.com/allimg/170318/212414C45-7.thumb.jpg

3.调整文字中branches的位置

点击文字图层前面的眼睛使其不可见。

http://pic1.16xx8.com/allimg/170318/2124145L5-8.thumb.jpg

点击图层和蒙版之间的链接按钮解除两者间的链接。按command+T键进入自由变换,移动,旋转,缩放字体中branch,使其变为你喜欢的样式,按回车确定。

http://pic1.16xx8.com/allimg/170318/212414O16-9.thumb.jpg

重复上面的操作,不要忘了当你修改完后重新点击链接。给这三个图层建组并且命名为Text。

http://pic1.16xx8.com/allimg/170318/212414BS-10.thumb.jpg

4.创建创建文本的渐变映射和添加叠加纹理

在图层面板底部点击创建新的填充或调整图层按钮,并选择渐变映射。

http://pic1.16xx8.com/allimg/170318/212414F22-11.thumb.jpg

点击渐变条创建渐变,设置如下:

http://pic1.16xx8.com/allimg/170318/212414OI-12.thumb.jpg

将城市图片放在图层最上端,根据需要调整大小,将其图层改为变亮模式。点击文字缩略图创建选区,给城市图层创建蒙版。这样就完成了双重曝光的效果,但是我们会增加一些颜色调整图层提高最终的效果。

http://pic1.16xx8.com/allimg/170318/21241432S-13.thumb.jpg

5.调整颜色

添加渐变映射,设置一次为左#48406e,中@76747e,右#fbc690。然后将该图层的透明度调整为35%。

http://pic1.16xx8.com/allimg/170318/21241445X-14.thumb.jpg

在所有图层之上添加一个色阶调整层,设置依次为:

http://pic1.16xx8.com/allimg/170318/21241463b-15.thumb.jpg

恭喜你,完成了。在这个教程中,我们创造了一个文本,将branches分别在每个字母中做了蒙版。然后,我们将每个文字中的branches位置做了移动,调整了渐变映射的颜色,我们添加了叠加纹理来创建双重曝光效果。最后,我们用一些调整图层来调整最终的颜色。请留下你的评论,建议,和结果。

看看效果:

http://pic1.16xx8.com/allimg/170318/2124145437-0.thumb.jpg

以上就是制作双重曝光的图片字方法,大家学会可以尝试投稿,把自己的制作过程分享给大家看。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

153796579 发表于 2020-5-26 09:03:37

谢谢楼主的分享。

ca9suapi 发表于 2020-5-26 15:41:25

谢谢楼主的分享!

屁股大光 发表于 2020-5-27 12:25:36

我的作业:
页: [1]
查看完整版本: 教你制作图片文字效果