专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

手把手教你做出立体褶皱效果,年底总结ppt设计图片设计都能用的上

ins518 2024-10-10 09:56:42 技术文章 10 ℃ 0 评论

首先我们先上一张图,这是一 张从网站随便找来的图片,背景用的灰色的黑色间隔的不规则立体褶皱效果,我考虑过用photoshop滤镜实现,不过那软件启动起来太慢,可能还要找国外的滤镜,反复安装和试验。

这张图片是今日头条职场班老师的培训ppt里用的图片,是不是那种有立体感的背景图看起来很高大上呢?

除了这个背景之外,其它部分很容易实现,我们可以打开任意的图片处理软件,把其它一些文字输入完成,排好位置,将颜色设置成桔黄色,字体设置为微软雅黑,字形设置为加粗。

完成之后我来教大家那个背景图怎么实现。百度搜索低多边形,找到如下的网址点开

打开之后显示的网页界面是这样的,中间有对方网站的简单介绍,我们需要把这些文字隐藏掉,勾选掉show右侧的复选框,文字就不会再显示了,整个网页界面是在动画效果展示的,这些不规则形状每时每刻都在运动着,如果您用屏幕录制软件把这个动画效果录制下来,做为开场动画效果也很不错。

隐藏文字之后我们要分别把ambient和diffuse两个颜色选项分别选为黑色和灰色

我们选完的效果是这样的,我们可以用截图工具在这个运动的动画上面截取出我们需要的部分当背景图

将背景图放置于我们设计的图片最底层,即可实现这种效果。

希望大家关注我的头条号前端技术分享,每天分享前端设计经验

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表