当前位置:首页ps教程Photoshop设计华丽的F变形文字特效
Photoshop设计华丽的F变形文字特效
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要来设计一款由英文大写字母F变形而引变出来的效果。本教程主要用到PS里面的路径工具,对这个工具不熟悉的朋友可以来学习一下。

先看一下最终效果:

Photoshop设计华丽的F变形文字特效

核心技能:
1、应用形状工具绘制形状。
2、通过设置图层的属性融合图像。
3、通过添加“描边”图层样式,制作图像的描边效果。
4、使用添加图层蒙版的功能隐藏不需要的图像。
5、应用再次变换并复制的操作制作规则的图像。
6、通过添加“颜色叠加”图层样式,调整图像的色彩。
7、应用颜色填充图层的功能填充图像的色彩。
8、应用画笔工具绘制图像。
9、使用钢笔工具绘制路径。
10、应用路径,结合渐变填充图层的功能制作图像的渐变效果。
11、应用变换功能调整图像的大小、角度及位置。

进入论坛参与学习和讨论: http://www.missyuan.com/viewthread.php?tid=421737

操作步骤:
1、按Ctrl+N键新建一个文件,设置弹出的对话框如图3.1所示,单击“确定”按钮退出对话框,以创建一个新文件。

Photoshop设计华丽的F变形文字特效

图3.1 “新建”对话框

2、下载素材文件包fhuakaiwenzi.rar(点击下载),打开素材文件包中的“3.1-素材.TIF”,如图3.2所示。使用移动工具将其拖至刚制作的文件中,将其与当前画布吻合,同时得到图层“底图”。

Photoshop设计华丽的F变形文字特效

图3.2 素材图像 3、设置前景色为ea2b23,选择钢笔工具,在工具选项条上选择形状图层按钮,在画面中绘制如图3.3所示的文字形状,得到“形状1”。设置当前图层的填充为0%。

Photoshop设计华丽的F变形文字特效

图3.3 绘制形状

4、单击添加图层样式按钮,在弹出的菜单中选择“描边”命令,设置如图3.4所示,隐藏路径后的效果如图3.5所示。

Photoshop设计华丽的F变形文字特效

图3.4 “描边”设置

Photoshop设计华丽的F变形文字特效

图3.5 添加图层样式后的效果

5、复制形状1得到形状1副本,删除其图层样式,将填充更改为100%。配合方向键、向右上方移动稍许,得到的效果如图3.6所示。 图3.6 复制及移动位置 6、单击添加图层蒙版按钮为形状1副本添加蒙版,设置前景色为黑色,

5、复制“形状1”得到“形状1副本”,删除其图层样式,将填充更改为100%。配合方向键“→”、“↑”向右上方移动稍许,得到的效果如图3.6所示。

Photoshop设计华丽的F变形文字特效

图3.6 复制及移动位置

6、单击添加图层蒙版按钮为“形状1副本”添加蒙版,设置前景色为黑色,选择画笔工具,在其工具选项条中设置适当的画笔大小及不透明度,在图层蒙版中进行涂抹,以将两端及右侧部分图像隐藏起来,直至得到如图3.7所示的效果。此时蒙版中的状态如图3.8所示。

Photoshop设计华丽的F变形文字特效

图3.7 添加图层蒙版后的效果

Photoshop设计华丽的F变形文字特效

图3.8 图层蒙版中的状态 7、在“形状1”矢量蒙版激活的状态下,切换至“路径”面板,双击“形状1矢量蒙版”,在弹出的对话框中将此路径存储为“路径1”。切换回“图层”面板。

8、按Ctrl+Alt+T键调出自由变换并复制控制框,配合方向键“→”(1次)、“↓”(2次)向右下方移动稍许,按Enter键确认操作。按Shift+Ctrl+Alt+T键多次执行再次变换并复制操作,得到如图3.9所示的效果。

Photoshop设计华丽的F变形文字特效

图3.9 执行再次变换并复制后的效果

9、选择路径选择工具,将上一步得到的路径,除最下方一条以外的路径删除,得到的效果如图3.10所示。

Photoshop设计华丽的F变形文字特效

图3.10 删除路径后的效果

10、选择图层底图,单击创建新的填充或调整图层按钮,在弹出的菜单中选择纯色命令,然后在弹出的拾取实色对话框中设置其颜色值为黑色,单击确定按钮退出对话框,得到颜色填充1,设置此图层的填充为0%。 11、下面制

10、选择图层“底图”,单击创建新的填充或调整图层按钮,在弹出的菜单中选择“纯色”命令,然后在弹出的“拾取实色”对话框中设置其颜色值为黑色,单击“确定”按钮退出对话框,得到“颜色填充1”,设置此图层的填充为0%。

11、下面制作描边效果。单击添加图层样式按钮,在弹出的菜单中选择“描边”命令,设置如图3.11所示,隐藏路径后的效果如图3.12所示。

Photoshop设计华丽的F变形文字特效

图3.11 “描边”设置

Photoshop设计华丽的F变形文字特效

图3.12 添加图层样式后的效果 12、设置前景色的颜色值为白色,选择直线工具,在工具选项条上选择形状图层按钮,并设置“粗细”为2px,在各个对应的棱角之间绘制如图3.13所示的直线,得到“形状2”,“图层”面板如图3.14所示。

Photoshop设计华丽的F变形文字特效

图3.13 绘制形状

Photoshop设计华丽的F变形文字特效

图3.14 “图层”面板

13、选中“颜色填充1”~“形状1副本”,按Ctrl+G键执行“图层编组”操作,得到“组1”,并将其重命名为“轮廓”。

提示:为了方便图层的管理,在此对制作立体文字轮廓的图层进行编组操作,在下面的操作中,也对各部分进行了编组的操作,在步骤中不再叙述。

14、按照第3~13步的操作方法,结合形状工具、添加图层样式、添加图层蒙版、复制图层、再次变换并复制、颜色填充,以及设置图层属性等功能,制作另外一组文字立体轮廓,如图3.15所示。图3.16为隐藏组“轮廓”后的图像状态。“图层”面板如图3.17所示。

Photoshop设计华丽的F变形文字特效

图3.15 制作另外一组立体文字效果

Photoshop设计华丽的F变形文字特效

图3.16 单独显示图像状态

Photoshop设计华丽的F变形文字特效

图3.17 “图层”面板

提示:为颜色填充2及形状3所添加的图层样式,具体的参数设置请参考最终效果源文件,并设置了这两个图层的填充为0%,图像的颜色均为白色。下面制作文字的高光效果。 15、选择组轮廓2,新建图层1,设置前景色为白色,

提示:为“颜色填充2”及“形状3”所添加的图层样式,具体的参数设置请参考最终效果源文件,并设置了这两个图层的填充为0%,图像的颜色均为白色。下面制作文字的高光效果。 15、选择组“轮廓2”,新建“图层1”,设置前景色为白色,选择画笔工具,并在其工具选项条中设置适当的画笔大小及不透明度,在文字中的白色区域进行涂抹,以增强文字边缘的高光效果,如图3.18所示。图3.19为单独显示涂抹的状态。

Photoshop设计华丽的F变形文字特效

图3.18 涂抹效果

Photoshop设计华丽的F变形文字特效

图3.19 单独显示图像状态

提示:下面制作立体文字后面的装饰图像,以丰富画面。 16、选择图层“底图”,选择钢笔工具,在工具选项条上选择路径按钮,在文字的右侧绘制,如图3.20所示的路径。

Photoshop设计华丽的F变形文字特效

图3.20 绘制路径

17、单击创建新的填充或调整图层按钮,在弹出的菜单中选择“渐变”命令,设置弹出的对话框,如图3.21所示。

Photoshop设计华丽的F变形文字特效

图3.21_1 “渐变填充”对话框

Photoshop设计华丽的F变形文字特效

图3.21_2 设置弹出的对话框

隐藏路径后的效果,如图3.22所示。

Photoshop设计华丽的F变形文字特效

图3.22 应用“渐变填充”后的效果

同时得到渐变填充1。设置当前图层的混合模式为变暗,以加深图像效果,得到的效果如图3.23所示。 图3.23 设置混合模式后的效果 提示:在渐变填充对话框中,渐变类型各色标值从左至右分别为fee13e、ee630f、e10c66和e

同时得到“渐变填充1”。设置当前图层的混合模式为“变暗”,以加深图像效果,得到的效果如图3.23所示。

Photoshop设计华丽的F变形文字特效

图3.23 设置混合模式后的效果

提示:在“渐变填充”对话框中,渐变类型各色标值从左至右分别为fee13e、ee630f、e10c66和eb0d56。 18、复制“渐变填充1”得到“渐变填充1副本”,更改此图层的混合模式为“正常”,按照第6步的操作方法,应用画笔工具,配合添加图层蒙版的功能为当前图层添加蒙版,以隐藏部分图像,直至得到类似图3.24所示的效果。

Photoshop设计华丽的F变形文字特效

图3.24 添加图层蒙版后的效果

19、复制图层“渐变填充1副本”得到“渐变填充1副本2”,选择“编辑” “变换” “水平翻转”命令,及“垂直翻转”命令,并移向文件左侧,按Enter键确认操作,得到的效果如图3.25所示。

Photoshop设计华丽的F变形文字特效

图3.25 复制及变换后的效果

设置当前图层的混合模式为“滤色”,以提亮图像,得到的效果,如图3.26所示。

Photoshop设计华丽的F变形文字特效

图3.26 设置混合模式后的效果

提示:下面继续制作文字后面的装饰效果,使图像更加美观。 20、根据前面所讲的,结合画笔工具、形状工具、复制图层、添加图层蒙版、设置图层混合模式,以及添加图层样式等功能,制作文字后面的装饰图像,完成制作,最终效果如图3.27所示。

Photoshop设计华丽的F变形文字特效

图3.27 最终效果

而图3.28为单独显示本步的图像状态。 图3.28 单独显示图像状态 图层面板如图3.29和图3.30所示。 图3.29 图层面板 图3.30 图层面板 提示:在本步中为图层2副本添加的图层样式,以及为个别图层设置的图层混合模式,具

而图3.28为单独显示本步的图像状态。

Photoshop设计华丽的F变形文字特效

图3.28 单独显示图像状态

“图层”面板如图3.29和图3.30所示。

Photoshop设计华丽的F变形文字特效

图3.29 “图层”面板

Photoshop设计华丽的F变形文字特效

图3.30 “图层”面板

提示:在本步中为“图层2副本”添加的图层样式,以及为个别图层设置的图层混合模式,具体的设置请参考最终效果源文件。在操作过程中,对没有给出图像的颜色值,读者可以根据自己的审美观点进行颜色搭配。

得到最终效果图

Photoshop设计华丽的F变形文字特效

温馨提示:

文章标题:Photoshop设计华丽的F变形文字特效

文章链接:https://www.4tu.cn/photoshop/23671.html

更新时间:2024年08月18日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop绘制可爱的小鸟图标

2024-8-18 10:01:03

ps教程

Photoshop制作漂亮的花朵字效果

2024-8-18 10:13:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索