Photoshop 10s生成炫酷的y2k风格字体,文章品质提升到NextLevel 💥

2,862 阅读4分钟

声明:本文推荐的设计资源网站仅为个人收藏网站,无任何利益关系,请谨慎甄别页面广告,建议使用浏览器广告屏蔽插件后访问。

背景

最近这类 y2k 风格字体非常流行,作为开发者和创作者我们怎么快速生成这种字体呢?写文章时给文章添加一个好看的封面图片往往可以增加文章曝光度,从而带来更多阅读和关注。而图片上的醒目的标题文字更能锦上添花,对文章起到点睛之笔的效果。快速生成像封面图这种炫酷的字体,答案就是使用PS模板快速构建,本文就教大家使用 Photoshop 10s 内生成自己喜爱的文字效果

image.png

image.png

y2k,千年虫,又叫做“计算机2000年问题”、“电脑千禧年千年虫问题”或“千年危机”。缩写为“Y2K”。是指在某些使用了计算机程序的智能系统(包括计算机系统自动控制芯片等)中,由于其中的年份只使用两位十进制数来表示,因此当系统进行(或涉及到)跨世纪的日期处理运算时(如多个日期之间的计算或比较等),就会出现错误的结果,进而引发各种各样的系统功能紊乱甚至崩溃。在设计领域也称千禧年风格。

资源准备

下载模板

首先,我们先从网上下载好自己喜欢的字体PS可编辑字体模板,可以多下载一些自己喜欢的风格的模板,后续制作个性化文字就可以直接使用本地的了。

下面几个是我经常寻找设计资源收藏的网站,上面不仅有很多免费的模板可以下载使用,而且无需登录注册

① freepik.com

我们在上面 🔍 搜索主题 chrome 关键字,就会出现很多液态金属效果的文字设计模板。

链接地址:www.freepik.com/search?form…

freepik.png

这个网站上面很多好看的效果都是免费的,比如下面这几个就很不错:

image.png

image.png

image.png

② hyperpix.net

另一个不错的网站是hyperpix.net,搜索 🔍 关键字 chrome 同样也可以找到很多免费模板素材模板

链接地址:hyperpix.net/?s=chrome&p…

date.png

选择并下载喜欢的模板,本文后续的教程就将使用这个模板作为示例。

image.png

字体

如果不喜欢模板自带的字体或者系统字体无法满足设计需求,我们可以在下面两个网站找一些免费的字体,有些字体甚至可以免费商用,这两个网站同样是不需要登录注册就能免费下载!

① 1001freefonts.com

英文字体可以到这个网站下载,有非常多的种类:

链接地址:www.1001freefonts.com/sci-fi-font…

image.png

② 100font.com

中文字体可以到这个网站。

链接地址:www.100font.com/

image.png

实现流程

① 在Photoshop中打开模板

可以看出文字图层和背景图层是分开的,我们可以任意编辑。

image.png

② 选中模板的文字图层,并右键点击【编辑内容】

此时会新开一个只有文字图层的页面。

image.png

③ 在新开页面使用文字工具修改自己的文案

比如,我们文字内容修改成 dragonir(design)

image.png

④ Ctrl+S 保存并返回第一个页面

此时,Photoshop会提示“正在保存智能对象”,2-3s 后文字已经修改完成了,我们可以调整它的大小,背景图片等,可常规图层一样操作就行。

image.png

⑤ 个性化设计

比如这样稍加修饰,一张好看的封面大片就出来了,大家感兴趣的话可以动手试试!(o゜▽゜)o☆

image.png

附录

想了解其他前端知识或其他未在本文中详细描述的Web 3D开发技术相关知识,可阅读我往期的文章。如果有疑问可以在评论中留言,如果觉得文章对你有帮助,不要忘了一键三连哦 👍