网站首页 > 技术文章 正文
首先我们先上一张图,这是一 张从网站随便找来的图片,背景用的灰色的黑色间隔的不规则立体褶皱效果,我考虑过用photoshop滤镜实现,不过那软件启动起来太慢,可能还要找国外的滤镜,反复安装和试验。
这张图片是今日头条职场班老师的培训ppt里用的图片,是不是那种有立体感的背景图看起来很高大上呢?
除了这个背景之外,其它部分很容易实现,我们可以打开任意的图片处理软件,把其它一些文字输入完成,排好位置,将颜色设置成桔黄色,字体设置为微软雅黑,字形设置为加粗。
完成之后我来教大家那个背景图怎么实现。百度搜索低多边形,找到如下的网址点开
打开之后显示的网页界面是这样的,中间有对方网站的简单介绍,我们需要把这些文字隐藏掉,勾选掉show右侧的复选框,文字就不会再显示了,整个网页界面是在动画效果展示的,这些不规则形状每时每刻都在运动着,如果您用屏幕录制软件把这个动画效果录制下来,做为开场动画效果也很不错。
隐藏文字之后我们要分别把ambient和diffuse两个颜色选项分别选为黑色和灰色
我们选完的效果是这样的,我们可以用截图工具在这个运动的动画上面截取出我们需要的部分当背景图
将背景图放置于我们设计的图片最底层,即可实现这种效果。
希望大家关注我的头条号前端技术分享,每天分享前端设计经验
猜你喜欢
- 2024-10-10 Web前端自学之路 web前端怎么自学
- 2024-10-10 没有前端?使用DataV快速实现数据可视化
- 2024-10-10 前端开发:今日上海第三届Vue.js开发者大会PPT,先睹为快
- 2024-10-10 通用代码生成器,一键生成前端和后端
- 2024-10-10 Slides – 在线制作效果精美的幻灯片
- 2024-10-10 如何写技术文章 如何写好一篇技术文章
- 2024-10-10 如何做一场“有趣 + 实用”的技术演讲
- 2024-10-10 分享6款相见恨晚的PPT模版网站, 祝你做出精美的PPT!
- 2024-10-10 前端心路历程-个人实习(一) 前端实战
- 2024-10-10 大厂的逻辑架构图,相当漂亮,会搞PPT也真是人才呀。
你 发表评论:
欢迎- 593℃几个Oracle空值处理函数 oracle处理null值的函数
- 586℃Oracle分析函数之Lag和Lead()使用
- 574℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 571℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 567℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 559℃【数据统计分析】详解Oracle分组函数之CUBE
- 547℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 540℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)