利用Filter Forge和photoshop创造一个发红光的3D文本效果。
教程细节
预计完成时间:2-3个小时
难度:中等
应用:Filter Forge 3
         Adobe Photoshop CS6
最终成品
在这个教程中,我们将向您展示如何用Photoshop和Filter Forge去创建一个发红光的3D文本效果。我们将从向您展示如何在Photoshop里创建基本的形状开始。然后将展示如何将它们转变成3D效果,最后是使用Filter Forge去添加一些高光和一些Photoshop的基本特征。让我们开始吧!
教程资源
下列资源将在制作过程中被用到
· Sanchez font字体.
· UKIJ Kufi Yay font.
· Brick Texture – 44 by AGF81.
· 3 Way Color Correction by tinkerpixel.
下载Filter Forge和所用的滤镜。
首先,你需要从插件网站里下载Filter Forge。一旦下载完成,即运行exe文件,就得到它了。它将被添加到Photoshop的滤镜菜单下。安装就更不用说啦,非常简单!
去添加这个滤镜,可以在教程资源里点击它的链接,然后打开这个按钮,来安装它。如果你收到了需要确认的信息,只要点击yes或者OK就可以了。这个滤镜效果即被添加到了你所有的滤镜中。
1.创建文本和基本形状变化
步骤1
首先让我们来创建一个新文件1280 x 1024 px,填充背景颜色为#a1a1a1,然后,创建文本,使用字体Sanchez,颜色为#e6e6e6,大小为335pt。
步骤2
进右键文字图层>转换为形状。
步骤3
复制形状图层,然后选择直接选择工具。这样选择栏内会出现形状属性。从这里设置填充为无,并且改变画笔颜色为#959595,尺寸为3pt。
步骤4
让我们打开画笔选择框,从排列里选择中心对齐
步骤5
重复复制形状图层(有画笔的那一个),改变画笔颜色为#464646,然后再次打开画笔选择框,点击更多选择按键。
步骤6
设置对齐为向内,上限为圆,点击虚线框,并且设置第一个虚线值为0,第一个间距值为25。
这将创建一个简单的点点画笔,并且在中间有大的间距。你也可以按照你的爱好设置不同的间距值。
2.在文本里创建路径
步骤1
让我们在所有图层顶端创建一个新图层,命名为路径。然后选择钢笔工具,在选择栏内选择路径选项。我们将会在文件的一个边缘创建一个路径,它将通过文本,然后在另一边结束。
点击一次去添加一个锚点。
步骤2
点击拖拽鼠标去创建一个曲线。在这里,路径不需要看起来很完美,因为我们总归是要修整它的。
步骤3
尽量不要在文本内或者外去创建太多的曲线。两个就足够了。
步骤4
选择直接选择工具,然后点击锚点去四处移动它们,或者你可以点击方向点结束时的两个橡皮带,然后四处移动它来改变曲线的走向,或者是向内或者向外拖拽它使得曲线更宽或者更窄。
步骤5
只要确保曲线流畅平滑,没有任何尖角就可以了。
3.画笔和重新创建路径
步骤1
选择画笔工具,打开画笔控制面板(窗口>画笔).选择一个圆形硬刷,设置其大小为10px,间距为1%。
步骤2
选择直接选择工具,右键点击路径,并且选择描边路径。
步骤3
从工具的下拉菜单里选择笔刷,确保不勾选模拟压力,然后点击OK。这样将会使用10px画笔画路径。点击ENTER键摆脱工作路径。
步骤4
按CTRL+路径图层的缩略图去创建一个选择。
步骤5
打开路径面板(窗口>路径,按下ALT/OPTION键,然后在路径面板下点击工作路径。越小的值会创建出更加精确的路径,但是在这里,一个非常小的值将会创建出锯齿状的边缘。这里设置值为1就行。但是你也可以根据需要设置其他的值。
步骤6
通过点击它相邻的眼睛图标使得路径图层不可见。
步骤7
也许这时候你需要通过使用直接选择工具来修改路径的一些部分了。而且,你可能也做出了一些尖角。去修改它,使用转换点工具去点击拖拽这些点,可以将它们转换的平滑些。
步骤8
现在,这一步将只使用钢笔工具完成,但是,对于初学者或者有些人,也许会发现使用钢笔工具创建完美形状可能有些困难,但是这个是更简单的方式,同样也是最精确的。
4.转变形状图层为3D图层
步骤1
首先开始修改路径,从选择路径里进入到3D > 从图层新建形状。
步骤2
同样对所有的图层重复这个步骤。
步骤3
进入3D网格设置和属性,你将需要打开两个面板:3D面板,和属性面板(在窗口菜单下面都能看到)。
3D面板有3D场景的所有成分,当你点击这些任何一个名称,你将能够在属性面板里进入到它的设置。因此在你改变属性面板里的设置之前,要确保在3D面板里一直去选择你想要修改的元素的名称。
选择路径图层,然后在3D面板里选择3D网格名称。从“形状预设挤出选择器”里选择枕充气预设。
步骤4
在属性面板的顶部单击上限图标,然后,在膨胀下面,改变角度为90度,强度为20.
5.编辑拉伸深度值
步骤1
选择副本2图层,将网格名称tab进3D面板里,然后在属性面板里改变它的挤压深度到50。
步骤2
对副本图层重复相同的步骤,但是改变拉伸深度为20、
步骤3
对于原始图层,设置拉伸深度值为30.
步骤4
然后点击上限图标,在斜角下面,改变宽度为20%,选择圆锥形转化轮廓。
6 .创建背景图层,在一个场景里合并3D图层。
步骤1
复制背景图层,并且将这个副本图层放在所有图层的顶端。然后从3D>从图层新建3D明信片。
步骤2
选择所有的3D图层(点击顶部的一个图层,然后按住和控制住shift键,点击图层面板下的最后的3D图层),然后进入3D>合并3D图层。
步骤3
选择移动工具。你将会在选择栏的最右边注意到一些新的3D图标。这些图标是一套3D模式。当你选择它们中的一个的时候,你可以在选择的3D元素上进行点击和拖拽来展现变化。
因此你可以在3D场景的空区域里点击和拖拽鼠标去改变照相机的视图,但是还不要旋转3D网格呢。
步骤4
接下来我们将要做什么呢,那就是向上移动网格,因此你想要打底的地平面在照相机视图里应该是不可见的。
地平面阴影在环境Environment tab下是没有作用的,但是万一你喜欢在一个场景里添加文本,最好将3D网格向上移动,而不是使阴影失去作用。
首先在3D面板里选择所有的网格组名称,然后选择移动工具,使用3D轴来进行改变。
轴末端的箭头移动网格,它们下面的部分用来旋转,立体方块用来调整比例。在中间的立体块是用来调整对象尺度一致的。所有你需要去做的就是点击和拖拽需要的部分就行了。
现在,只要向上移动网格,然后选择照相机视图去相应地改变照相机视图,直到地平面不再可见。
7.保存最终的照相机视图
步骤1
贯穿教程剩余的部分,我们将需要去大量的改变相机视图。但是最终的视图我们必须要保存起来,这样就能够看到所呈现的效果,将它们相应地放置。
因此选择你喜欢的相机视图,然后在属性面板里,点击下拉菜单的视图,选择保存。
步骤2
给视图输入一个名称,并点击OK。
步骤3
视图将会被添加进下拉菜单内,同样也在3D面板底部。因此无论何时你在3D对象上工作时改变视图,都可以通过点击3D面板里它的名称返回到保存的视图,或者从属性面板里的视图菜单里选择它。
8.放置网格
步骤1
为了使事物看的更清晰,并且更加平滑地移动元素,我们在3D面板里选择场景,然后在属性面板下拉菜单的预设里选择隐藏的线架选项。
步骤2
让我们像下图那样开始放置元素。确保在中间的线不会和文本交叉或者重叠。改变相机视图,然后返回到最后的样子,查看效果怎么样。
步骤3
当你完成的时候,转回到默认场景预设。
9.应用材料
步骤1
首先选择原始图层的所有材料,然后点击扩散文本图标,选择去除纹理。
步骤2
去除纹理之后,改变分散颜色为#bababa,反射颜色为#c1c1c1,照明颜色为#080808,周围为#000000。然后,改变发光值为70,反射35,粗糙度为5,折射为2.
步骤3
至于第一个副本材料,去除纹理,改变分散颜色为#e4bb52,反射颜色为#fff0a9,照明颜色为#1d0000,周围为#454545。然后,改变发光值为82,反射为24,折射为1.76.
步骤4
对第二个副本图层应用相同的材料。
步骤5
对于绳索材料,同样去除纹理,改变分散颜色为#ffffff,反射颜色为#c1c1c1,照明颜色为#080808,。然后,改变发光值为95,反射为15,不透明度为32,折射为1.5.
步骤6
在所有材料被应用之后,这是你应该得到的成果。
10.背景纹理
步骤1
选择背景材料tab,然后点击分散纹理图标,选择编辑纹理.
步骤2
这将打开原始纹理文件。在背景图层顶部和文件的中间放置砖块纹理图像,不要担心图像顶部和底部的空白部分。
步骤3
进入图像>调整>色阶,然后改变值为0.70,使得纹理更加暗一些。
11.将文本添加到背景里
步骤1
使用字体UKIJ Kufi Yay创建你想要添加到场景的文本。字体颜色为#c78c04,尺寸为70pt。在一个单独的层里创建各个行,然后将层最初地放置在你认为它们应该被放置的地方。
步骤2
改变文本图层的混合模式为颜色加深。然后保存为改变(文件>保存File > Save)。
步骤3
还不要关闭文本文件呢,要返回原始文件去看文本如何显示。
步骤4
然后,在文本文件里相对地改变它的位置。
步骤5
这可能需要花些时间去将它调整好。
12.修改背景文本
步骤1
分别点击每个文本图层,然后进入图层>栅格化图层。然后选择橡皮擦工具。
步骤2
打开画笔控制面板,然后选择喷溅59像素的笔刷尖端,改变间距为2。
步骤3
在形状动态下面,改变大小抖动和角度抖动值都为100%。
步骤4
在每个栅格化的文本图层上,到处擦除一些点。你将既需要点击一次,或者点击和轻轻地拖拽,去擦除那些部分。只要确保文本保持可读的状态就行。
步骤5
保存改变,完成的时候关闭纹理文件(文件>关闭).
13,调整光线和给场景打底
步骤1
返回到原始文件,在3D面板下点击无限光1 ,然后在属性面板里改变它的阴影柔和度值为33%。
步骤2
在3D面板下面点击给场景添加新的光场景图标,然后选择新点光源。
步骤3
改变点光颜色为#ff823d,它的强度为50%,它的阴影框不可选。
步骤4
在顶部放置的光线是触及到文件上部边缘的。你可以旋转相机视图去将它的位置调整好。
步骤5
让我们来重复相同的步骤和设置去创建另一个相同的点光源,然后将它放在第一个相邻位置。光应该是照亮了文本的大部分。因此如果你使用了更多的字母,你可能需要添加另一个点光源。
步骤6
确保光的效果在最终的相机视图里看起来不错。
步骤7
返回到无线光,如果需要的话调整它的坐标。下图是教程中被用到的值(你将需要点击属性面板顶部的坐标图标)
步骤8
一旦你完成了光的制作,就进入到3D渲染。这可能需要花些时间,但是你可以通过点击文件内的任意部分来随时停止渲染工作。
当渲染工作完成的时候,保存文件为一个jpg图像,打开这个图像去继续工作。
14.给透明绳索添加光点
步骤1
设置前景颜色为#fff7e5.。选择画笔工具,选择70px的柔和圆笔刷,在选择栏内改变混合模式为叠加。
步骤2
沿着在绳索的附近部分点击鼠标来添加光点。
步骤3
减小笔刷尺寸为60px,然后将光点添加到剩余绳索。
(不要忘了将笔刷的混合模式改回到正常)
15.应用Filter Forge过滤器
步骤1
进入滤镜> 筛选锻造 > 过滤锻造 3,然后选择照片种类下的3过滤器。
选择下图所示的预设,然后在设置下面,改变颜色为#FBF6E0。
步骤2
这个将会给最终的成品应用一个漂亮的颜色提高。你可以尝试其他的预设,照你喜欢的设置这些值。你将会得到不同的效果,但是真的是很惊人的效果。
总结
在这个教程里,我们使用了几个Photoshop工具去创建发光的3D文本。我们使用photoshop的矢量工具去创建基本的路径,3D工具去拉伸这些路径,最后我们使用Filter Forge去添加了最后的高光。
请自由地留下您的评论,建议。下面是制作的成品。

 

原文地址:活力盒子





无觅相关文章插件,快速提升流量