资源描述:
《UI字体设计技术文章》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、正式制作文字特效之前,这里先讲一下资料包的使用(PS加载纹理和笔刷,熟练者请自觉绕过):—、在photoshop中如何添加下载的图案纹理本教程所需素材下载:FabricpatternsbywebtreatsLaceBrushesbyMerrypranxter解压该文溜到f文件夹,里面有-个.pat文件厘webZabricpatten更在photoshop的油漆桶工具下,选择油漆类型为"图案",在图案面板的右边设置图标下选择"载入图案",把刚才的.pat文件复制过来,点击"载入〃就可以了。c不透明度:100%✓小
2、缩览图4洌表大列表二、在photoshop中如何添加下载的笔刷和上面差不多,你已经下载到了一个.abr文件-Dynamic.Lace.Brushes.bymerrypranxter.abr,在photoshop的画笔工具下载入画笔,复制该文件到文件夹里,点击〃载入“,ok。穂明度:100%新建画笔预设・・・重命名画笔.测除画笔✓小®5圏d^JS大列表■BA醬揍画笔•.・turnSMtlinMfM濃合画笔步:第_打开photoshopz创建一个800*600px的文件。第二步:我们从背景做起。用油漆桶工具将背景漆
3、成颜色#95cde0。#95cdeO第三步:选择背景层,单击〃图层〃>"图层样式">"图案叠加",并添加上述面料图案之一。更改混合模式为叠加,并设置不透明度为65%。也可以直接双击背景层得到图层样式面板。如果你的背景层加锁了,先双击解锁,这样就可以修改图层样式了。!1!新建一个图层(图层j新建或者点击图层面板下的"新建图层"按钮口),使用圆形硬边笔刷加随机的颜色在画布上画出几个大小不一的圆形,改变该图层的混合模式为〃颜色加深第五步:现在,我们开始制作字体。首先我们将创建阴影文字,所以选择文字工具添加文本并填充颜
4、色#313131。第六步:选择文字图层,然后单击"图层">"图层样式">〃图案叠加〃现在,请选择其他面料图案,调整不透明度到12%。第七步:现在单击"图层">〃图层样式">投影”,按照下图的设定,我们给文字添加一些阴影。囹雇样式X」第八步:重复以上步骤创建剩余的阴影文字,然后点击"编辑">"自由变换"(ctrl+t)移动和旋转文字节点。看看下面的清晰度。OTnOTgOTiOTsOTeOTd第九步:现在,选择文字工具,并使用颜色#e36111添加正文。第十步:选择主文字层,然后单击"图层">"图层样式">〃图案叠
5、加〃,为文本添加其他面料图案。接下来点击〃颜色叠加",并使用如下所示的设置。图层样式祥式混合遶茨:默认G斜面和浮雕鬥等鬲线E]纹理0描边[□内阴影13内发光d光淺回硕色叠加□渐受叠加351寰直加EI外发光13投影4预览(V)第十一步:现在,让我们开启"缝纫机"!~(2貯2/~设置前景色为#FDDFCD,选中画笔工具,选择一个圆形硬边笔刷,按下F5,调整其阴影和间距,使针缝岀现。之后创建一个新图层(图层〃>〃新建图层")。选择钢笔工具,在主文字层上创建路径,然后右键单击它并选择〃描边路径〃0【也可以直接新建图层
6、,用钢笔工具沿着主文字绘出路径,然后选中文字工具鼠标移到路径开头处(出现一带有虚线曲线的文本符号),用键盘上的减号“■"代替画笔工具铺满整条闭合的路径,之后通过字符、大小、间距和自由变换稍加修改该文字图层即可】)。叵笔叵笔预设大小画笔预设画笔笔尖形状3像素硬度100%.设置画笔间生第十二步:选择新创建的这个图层,然后单击"图层">〃图层样式",使用以下值为其添加"斜面和浮雕〃、”投影〃样式。第十三步:现在我们要创建补丁啦!新建图层,用钢笔工具绘制一个形状,右击选择“建立选区"选项,现在,改变前景色为#ff843
7、9,使用油漆桶工具(或者alt+delete组合键)填充该选区。重复同样的过程,创建其余部分的补丁。!1!第十选择上面的补丁图层,然后单击〃图层">"图层样式">“图案叠加"为补丁添加如下样式。然后更改模式混合模式设置为"誉加",不透明度为47%。第十五步:现在,我们需要把这些补丁缝到文字上。再次在笔刷工具的面板下(F5)调整参数获得新的针线效果。对于这些针,我们改变前景色为#05a5f8。第十六步:选中上述的针线层,为其添加"斜面和浮雕"的图层样式,并且添加和补丁图层一样的投影样式。第十七步:新建图层,让我们
8、的蕾丝笔刷闪亮登场吧!前景色改为#64a5clz选择随意的蕾丝笔刷刷在我们的文字图层上0(04)0,可能不够清晰,仔细观察哦为了创造一点深度,我们需要为我们的蕾丝层添加〃投影"的图层样式:第十八步:现在,创建波浪的时刻到了!新建一个图层,选择钢笔工具,创建一条路径。然后,更改前景色#089ee7,右击路径”然后点击“描边路径〃。选择该图层添加投影的图层样式:现在添加更多的针线。更改前景