devexpress textedit调整文字何文本框的间距_手把手教学:用PPT做效果超赞的文字效果...

6fbf69f57171843fb631e1691a6b200b.png

本文总计:2391 字

预计阅读时间:6 分钟

昨天文章的头图,貌似反馈还不错,挺多人比较感兴趣。

所以,今天就分享一下,这种文字排版效果,是怎么做出来的。

而且今天的实现手法与效果,做了一些优化,比昨天的效果更好,有兴趣可以先对比感受一下哦。

先上效果图:

828a9c3563ace22934273d72d3640458.png

接下来,就把上图的制作思路拆解一遍,可以跟着试试哦。

主要涉及两个知识点:

01. 文字的三维效果

02. 文字的阴影效果

我们先绘制一个矩形,边框填充为无,设置一定角度的线性渐变填充。

渐变的色值和角度等参数,可以参考下面这张图,也可以另做调整。

3abcb95db22bd3366af86878a9b7cf0a.png

之后,添加一个文本框,输入文字,同样给文字设置渐变填充。

这里是从白色过渡到浅蓝色,蓝色不用很明显,只是一个简单的明暗变化。

具体参数如下图:

7c8aa638cf9ec5276b292a47598b6abd.png

需要注意的是,为了效果更明显,建议使用非衬线字体,粗点的字体效果更好。

本文用的是阿里巴巴普惠体,特粗 H 字重。

接下来,选中文本框,为文字设置三维旋转效果。

具体的三维旋转参数如下图,可以根据自己的喜好进行修改:

0178430901736c759c180177f5766428.png

做好一个文本后,用相同的方法,适当调整字号大小、三维旋转角度,得到其他三个文本。

其他三个文本框的参数如下:

02ae93ae6662713622eb4d1608b4bd20.png
cac282b640a9f951f48b30463ee211aa.png
22f3d99314e43cd025095d866e9eb1db.png

四个文本框的旋转都做好后,简单排列对齐,就可以得到下图:

0881eb6b238ba298ab79a3a90a4c957e.png

这时候,文字的大致效果已经出来了。

但是缺少了一定的层次感,所以我们可以在文字下方添加阴影,让它的立体感更强。

来观察一下原图的阴影:

828a9c3563ace22934273d72d3640458.png

可以看到,阴影部分依然能看到大概的文字轮廓,有一种动感模糊的效果。

那么,如何用 PPT 来做这种阴影效果呢?

下面跟紧步伐,上技巧操作了。

新建一个文本框,填充为深蓝色,透明度设置为 80%,复制一份,将透明度设置为 30%,具体参数如下图:

a2cb71adf65f1b06d2b63af9432d4c9e.png

设置好后,简单如上图摆放,然后全选两个文本框。

接下来,需要用到 iSlide 插件中的 “补间” 功能,如果没用过的,可以先下载安装一下插件。

82523a90b7a5a3d885b446bd28aafa6d.png

www.islide.cc

全选文本框后,点击补间,数量改成 20,点击应用:

bb18ec15872d70e4c2854dad809d7f9a.png

就可以生成透明度渐变的多个文本框,结果如下图:

ce0fc095fc2a022aca5a68aa6fbe1454.png

这时候,有一点模糊阴影的感觉了,但是还比较粗糙,边界太清晰。

我们全选所有文本框,按 Ctrl+G 组合起来。

然后打开文本格式设置,调整填充的透明度为 97%,如下图,动感模糊的感觉就出来了。

e0ada55e5315a44619486cc63c22728d.png

但是有个新问题,如果透明度太高,轮廓就太不明显,同时颜色太浅。

如果透明度调低,轮廓又太生硬,作为阴影使用,颜色又太深。

为了解决这个矛盾的问题,我们可以把文本框组合,多复制两份,稍微错开一些。

当六十多个文本框叠加后,模糊的轮廓还能看见,又有不错的深浅变化。

即从下图左侧的一个文本框组合,复制成右侧的三个错位文本框组合。

35e33563a49090a40e6f427936bb63f9.png

这时候,我们全选右侧的所有文本框,组合到一起。

把它复制到之前做好的文字页,旋转一定的角度,将三维旋转后的文字置于顶层。

得到如下图的结果:

4cea20b29895fa0e7c50fe69e334fd72.png

用相同的方法,我们可以把其他三处的阴影给做出来。

4cccb4ccb69804a06e16b7709aebebb0.png

到这一步,大体就完成了,但是其中有几个小技巧需要注意。

01. 阴影的大小不同,可以修改文本框组合的字号大小来实现。

02. 阴影左侧突出的距离不同,可以通过调整文字之间的间距来实现。

比如,将间距改成紧密或者稀松。

03. 阴影的明暗有区别,可以调整文本框组合的透明度来实现。

比如,将透明度从之前的 97% 修改为 98%,阴影看起来颜色就更浅。

7d3ef66f381e138e61b440d366d199b6.png

都做好后,文字部分就完成了。

这时候,我们可以在右侧,添加一个渐变光圈,渐变参数如下:

63f5b48abbe4a419967ca5a6b63e3374.png

具体的色值之类的参数,后面直接下载源文件看吧,或者自己根据感觉调整也行。

加了渐变光圈后,整体的对比更明显,质感更强。

8566d0f778c1d6e12497f87f08637663.png

最后,在左右两侧,添加两行小文字做装饰,让页面看起来更加精致:

828a9c3563ace22934273d72d3640458.png

好了,本图的做法就写完了。

不过,问题来了!

本文最开始提到,今天的实现手法与效果,和昨天文章的头图不同,那区别在哪呢?

咱们来回顾一下,昨天文章的头图是这样的:

d1e504d941f10a024ef4ff7edd91de30.png

大家注意对比看一看,两张图的阴影是有区别的。

f3edf7ec27ae339a9f36be0431148069.png

给大家放大了,左图是昨天的,右图是今天教程做的效果。

仔细看的话可以发现,昨天的图,也就是左图,它的阴影是虚化模糊。

而今天优化后的图,它的阴影则是模拟动感模糊,层次更明显,效果更逼真。

左边这张虚化模糊的图,是如何做的呢?

在文字补间后,把它复制粘贴为图片,之后为图片设置虚化效果。

bd6ea4ca766638f93a09355b7099a7de.png

虚化之后,再复制一遍,填充到同等大小的形状中,或者使用 365 版本,达到修改图片透明度的目的。

提高透明度,颜色相对就更浅。

这个方案是被淘汰掉的,简单介绍下原理,就不深入给细节参数了,感兴趣可以自己动手试一试。

除了效果更逼真外,今天的实现手法,还有另一个好处。

阴影全部是由文本框组合成的,所以,它的可编辑性更好。

不像昨天的图,把文本框变成了图片再虚化,如果要改文字话,还需要重新做一遍。

咱们今天的教程,做好一次之后,就可以批量修改文字,快速做出下图:

b2540266f7b91f7993f89d5c6b8112e5.png

这时候你可能会纳闷了,一个阴影效果有 60 多个文本框,咋批量改文字?

需要用到一款 PPT 辅助插件,OK Plus 插件。

要是还没用过,可以看下我之前写过的另一篇文章,里面有下载和升级最新版的方法。

4abcd512ac64e36890e97c8ae27df5f3.png

安装好 OK Plus 插件后,点开 “便捷增强”,就可以展开左侧便捷窗口。

我们选中一个阴影,即文本框组合,点击 Plus 神框,选择增改文字。

1d302798314f7dca8541f9582acba094.png

点击图片查看大图

在右侧输入要改的文字结果,然后敲回车键,就可以批量修改了:

d152f1f16eafda12ca7770bcfc64ccef.png

怎么样,学会了这个技巧,这简直就是特殊文字效果的模板。

以后做好文字效果,就可以批量改内容了,再也不用一个个文本框修改了吧!

更优秀的是,因为所有效果均保留了可编辑性,所以配色方案也可以换。

比如,简单改个配色,就做出这样的效果:

4609426e396e7d0e0d8f73fc79d0e291.png

你就说,帅不帅吧!

以上,就是今天教程的全部内容,说是保姆级也不为过了。

如果感兴趣,可以上手试一试哦。

要是想下载源文件和教程文件研究的,关注头条账号@自律的音律 私信回复【文字效果】就可以获取了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/335097.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

IntelliJ IDEA for Mac 如何取消双击shift键打开全局搜索弹窗

取消双击shift键打开全局搜索弹窗 按ShiftcmdA,打开如下图的搜索框: 输入Registry搜索后打开如下的窗口: 3. 找到“ide.suppress.double.click.handler”,将后面的复选框勾上,勾选上复选框后直接关闭退出,…

vb6 判断打印机是否有效_吊打面试官 | 算法之如何判断括号是否有效?

今天要讲的这道题是 bilibili 今年的笔试真题,也是一道关于栈的经典面试题。经过前面文章的学习,我想很多朋友已经看出来了,我接下来要写的是一个关于「算法图解」的系列文章,中间可能会穿插少量的其他类型的文章,但「…

如何理解字符编码

一直有个困惑,为什么计算机系统搞那么多字符编码,就一个Unicode统一天下不就得了,后来看了篇文章,才多少理解一丁点。 英语的国家,只要一个字节就可以表示全部的字符,一个无符合的字节可以表示256个字符&a…

框架下载_25. Scrapy 框架-下载中间件Middleware

1. Spider 下载中间件(Middleware)Spider 中间件(Middleware) 下载器中间件是介入到 Scrapy 的 spider 处理机制的钩子框架,您可以添加代码来处理发送给 Spiders 的 response 及 spider 产生的 item 和 request2. 激活一个下载DOWNLOADER_MIDDLEWARES要激活一个下载…

android activity 显示无焦点_Android面试题集锦之fragemnt

大家可以关注一下小编,小编以后会一直更新Android相关技术资料文章。创建方式静态创建首先我们需要创建一个xml文件,然后创建与之对应的java文件,通过onCreatView()的返回方法进行关联,最后我们需要在Activity中进行配置相关参数即…

node 安装_VUE项目迁移之node.js的安装

【摘要】由于公司的项目需要迁移到VUE中去, 所以就用到了node.js, 这里简单整理了一下node.js的安装教程和环境变量的配置【作者】田鋆鹏Node.js 安装教程1. 在node.js的官网下载安装包下载地址1: https://nodejs.org/en/下载地址2: http://nodejs.cn/直接下载.msi的安装包即可…

jsp mysql servlet_JSP+Servlet+JDBC+mysql实现的学生成绩管理系统

本系统基于JSPServletMysql一个基于JSPServletJdbc的学生成绩管理系统。涉及技术少,易于理解,适合JavaWeb初学者学习使用。难度等级:入门技术栈编辑器Eclipse Version: 2019-12 (4.14.0)前端技术基础:htmlcssJavaScript框架&#…

mariadb mysql 配置文件_MariaDB/MySQL配置文件my.cnf解读

MariaDB/MySQL的默认设置性能非常差,仅仅起一个功能测试的作用,不能用在生产环境中,因此要对一些参数进行调整优化。当然,对配置文件各参数的调整需要根据实际环境,不同时期不同数量级的数据进行性能优化。MySQL/Maria…

react 事件处理_在React中处理事件

react 事件处理在使用React渲染RESTful服务后,我们创建了简单的UI,用于渲染从RESTful服务获取的员工列表。 作为本文的一部分,我们将扩展同一应用程序以支持添加和删除员工操作。 我们将通过添加/删除员工操作来更新react-app后端api&#x…

多元回归求解 机器学习_金融领域里的机器学习算法介绍:人工神经网络

人工智能的发展在很大程度上是由神经网络、深度学习和强化学习推动的。这些复杂的算法可以解决高度复杂的机器学习任务,如图像分类、人脸识别、语音识别和自然语言处理等。这些复杂任务一般是非线性的,同时包含着大量的特征输入。我们下面我们将分几天的…

apache ignite_使用Spring Data的Apache Ignite

apache igniteSpring Data提供了一种统一而简便的方法来访问不同类型的持久性存储,关系数据库系统和NoSQL数据存储。 它位于JPA之上,添加了另一层抽象并定义了基于标准的设计以在Spring上下文中支持持久层。 Apache Ignite IgniteRepository实现了Spri…

java事件处理过程分布写_Java 9中的进程处理

java事件处理过程分布写一直以来,用Java管理操作系统进程都是一项艰巨的任务。 这样做的原因是可用的工具和API较差。 老实说,这并非没有道理:Java并非旨在达到目的。 如果要管理OS进程,则可以使用所需的Shell,Perl脚本…

mac mysql5.7.9 dmg_Mac 安装 mysql5.7

mac 安装msql 5.7最近使用Mac系统,准备搭建一套本地web服务器环境。因为Mac系统没有自带mysql,所以要手动去安装mysql,本次安装mysql最新版5.7.28。安装步骤参考以下博客https://www.jianshu.com/p/71f81a0c62b2安装成功后,因为密…

安卓系统dicom阅读器_用户分享:电子书阅读器Note Pro,一座贴心的移动图书馆...

本文转载自“什么值得买”官网用户“小良读书”,经作者授权转载。Note Pro,一座贴心的移动图书馆移动图书馆貌美的小书郎10.3寸高清大屏更适合专业书籍的阅读如果说多年前入手了一台kindle paperwite3电纸书阅读器,它让我畅游了书籍的江河&am…

vim 编辑器命令整理

文章目录一、基本使用流程二、普通命令模式(一)切换到插入模式(编辑/写入/输入)(二)切换到可视模式(选择文本模式)(三)切换至底行命令模式(四&…

activiti dmn_端到端BPM(带有DMN标记)

activiti dmn下周的红帽峰会即将成为有史以来最好的峰会之一! 而且,如果您是Drools或jBPM的狂热者,您会很忙 :Signavio和Red Hat之间的合作伙伴关系是我们为您准备的另一个顶级演讲。 邓肯道尔(Duncan Doyle&#xff…

netbeans 9_NetBeans 9抢先体验

netbeans 9Java 9即将来临,NetBeans 9也即将来临。在本文中,我们将看到NetBeans 9 Early Access为开发人员提供的支持,以帮助他们构建Java 9兼容的应用程序。 Java 9提供了许多(大约90种) 新功能,包括模块…

同一个ip能否两次加入组播_组播IGMPv1/v2/v3精华知识汇总

闲言少叙,直奔主题,开说之前先做点铺垫,回顾一下网络的基础知识。D类地址划分回顾组播是IPv4地址分类中的D类,我们回顾一下IPv4的地址划分A类:首bit0,0-127网段,网络掩码8,其中0.0.0…

弹窗要打开或保存来自_如何让 PopClip 支持印象笔记客户端:保存到印象笔记amp;高亮文字...

自从印象笔记品牌独立并发布新APP后,Mac系统下很多工具不再支持与印象笔记客户端进行联动,PopClip 就是其中之一。目前 Popclip 官方并未将印象笔记加入到插件的支持中,不过我们可以手动修改来解决这个问题。Popclip 之所以不支持新版本的印象…

vue 混入对象_特性和混入不是面向对象的

vue 混入对象让我立刻说,我们将在这里讨论的功能是那些迫切需要进行放线手术的人带给面向对象编程的纯粹的毒药 ,就像David West在他的《 Object Thinking》一书中所建议的那样。 这些功能具有不同的名称,但是最常见的是traits和mixins 。 我…