展开

关键词

·AI频抠图·换脸

好学的 ace 我最近在学习blender里的VFX,秀下我的学习成果~~ Visual effects, 简称VFX 合成真人拍摄的镜头和计算机生成图像,以创造虚拟的真实场景。 绿幕 影剧拍摄技术 VFX的素材最常用的是绿幕频。通过拍摄实景+绿幕,然后通过把绿幕频素材合成到3D场景中。 使用blender可以很轻松的实现这种合成。 比如下方这个教程,把小猫跳跃的绿幕频合成到3D场景中。 eva @ace 到哪里去收集这些绿幕频呢?难道还要自己搭一个绿幕来拍摄吗? 其实不用呀,可以好好研究下AI频抠图的技术 shadow eva 大批量的绿幕频就有了。。

34210

Css3新性应用之

v-shadow:垂直阴影的位置,允许负值 blur:模糊距离 spread:阴影的尺寸,扩张距离,可以为负数 color:阴影的颜色 inset/outset:内部或者外部阴影 阴影的扩张距离对四边都有, box-shadow支持多组值同时生的设置 示例代码: .wrap{ width: 200px; height: 120px; 0px 4px 0px black; -webkit-filter: drop-shadow(2px 0px 2px rgba(0,0,0,1)) } 三、染色体果 /img/cat.png"); background-blend-mode: luminosity; } 四、毛玻璃果 主要实现原理:内容伪元素背景与底层背景相同的图片 五、折角果 实现步骤首先利用linear-gradient实现切角果 然后再利用linear-gradinet生成一个三角形,并设置他的位置与宽高 代码如下: .wrap{ background

31390
  • 广告
    关闭

    腾讯云+社区系列公开课上线啦!

    Vite学习指南,基于腾讯云Webify部署项目。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    9个独的 CSS 背景

    别是在现在大屏大行其道的情况下,设计师在设计中越来越多的使用大分辨率的背景图来填充屏幕,这样更能制造独果,能更好的传达他们想要向用户传达的内容。 其实,借助于CSS和JavaScript的力量,可以创建一些独果,可以使体验更加优雅。 下面就来陈列一些使用不同的CSS和JavaScript技术来创建的一些独的带有大背景的果,当然也会对它们所使用的技术做一个简单的说明,可以快速的应用到项目中去。 斜切果 把背景图片进行一定角度的斜切的果,在最近这段时间已经风靡设计圈了。在之前要实现这样的果,可能要做很多额外的事情。 滚动模糊果 滚动模糊这种果也应用的非常广,别是当你想使用背景图片吸引用户而且还能让用户在滚动的时候阅读图片上文字的时候,就很适合使用它。

    96950

    3分钟读懂HTML5语言的

    HTML5更佳的用户体验 提高了用户体验,加强了感受。 HTML5技术在移动端,能够让应用程序回归到网页,并对网页的功能进行扩展,用户不需要下载客户端或插件就能够观看频、玩游戏,操作更加简单,用户体验更好。 HTML5音频新技术解决了移动端苹果和安卓4.0+对Flash的不支持问题,HTML5在性能上要比Flash更好,让用户拥有更好的体验。 HTML5中的CSS3样式、Canvas、WEBGL的介入,不仅加强了网页的果,甚至能够使用户在网页当中看到三维立体HTML5标准定制。

    54070

    简洁的HTML5频播放器UI开源库

    近期在做一个项目时,遇到了播放频的问题,找了很多插件和方法,今天介绍的这个是比较认为简洁和功能强大的开源库,可以任意修改播放格式。 简要介绍 这是一款简洁的HTML5频播放器UI。 该HTML5频播放器UI采用响应式设计,通过CSS代码来构建频播放器的界面,整体果时尚简洁。 ? black; border-radius: 4px; } .volumeControl .ui-slider-handle:focus { outline: none; } HTML结构 该HTML5 频播放器的HTML结构如下:

    Python 实现:秒变超级赛亚人

    预期是动态显示变身后的金色头发、光芒和周围附带的电弧,以下是最终果: 频中可以看到,金色头发可以根据面部大小进行自动调整,“光芒”在头发外围弱弱展现,电弧也算是动态变换,勉强达成目标 思路 在Python 因为摄像头一直处于获取图像的while循环中,通过对不同图片中添加不同形态的电弧图像,形成最终频中动态电弧果。 金色头发 说到这个头发,对某度我真是无语,最终不得不英文搜到了目标: ? 为了加发光,我是选用的Win10自带的画图3D软件,其中的喷雾罐果,在头发外围加了一圈黄色喷雾: ? 添加头发 至于面部识别,我们还是选用前几篇反复提到的dlib模块。 电弧 因为这是通过摄像头一直在抓取图像,那么只要这一刻和下一刻处理后的电弧图像不一致,就会产生动态电弧的果。所以实现方式就是准备些背景透明的电弧图片,在代码中随机选取进行缩放后添加到图像中。 原作者表示一个超级赛亚人太孤单,我来陪他一起变 现在流行的短频App中的,比如加眼镜加口罩加狗头……你都可以用类似方法通过 Python 来实现。

    2.3K30

    7款让人惊叹的HTML5粒子动画(转载)

    在线演示 源码下载 2、HTML5火焰文字 今天我们分享的这款HTML5文字是火焰燃烧的果,比较消耗CPU,但是动画果还是比较酷的。 另外,再推荐一款HTML5文字HTML5像素文字爆炸重组动画 ? 在线演示 源码下载 3、HTML5 Canvas粒子果文字动画 之前我们分享过很多超酷的文字,其中也有利用HTML5和CSS3的。 在线演示 源码下载 6、HTML5 3D 粒子波浪动画 今天我们要在来分享一款升级版HTML5 3D粒子波浪动画,我们可以旋转不同的角来欣赏粒子波浪的滚动。 ,一群像素点就会在数字中心爆发出来,感非常酷。

    3.7K20

    情人节脱单必备,程序员如何花式表白

    而对于众多程序员小哥哥们来说,他们在表达爱意的时候也会别的别出心裁。 今天,小编就来列举一下开源的用于情人节表白的小项目,感受一下程序员小哥哥浪漫的内心(当然,小编相信不少女生看了之后,不但不会得“浪漫”,还会得“有点直男”? jQuery+HTML5烂漫爱心表白动画是一款jQuery HTML5 Canvas电子版的爱心表白动画,非常具有创意,同时整体的果也相当的不错。 ? ? ? ? ? ? jQuery+CSS3情人节爱心 ? ? ? 这是一款基于jQuery+CSS3实现的情人节悬挂摆动爱心,画面中心的心型图案呈现出时钟摆动的动画果,周围的图案与背景也会有很小的心形动画浮动显示与隐藏的果,十分的唯美 ? ? ? ?

    2.5K20

    一些最好用的数据可化工具

    ,Leaflet融合了简单/能/实用性三者的设计;虽以html5及CSS3为优势,但仍能够兼容焦躁的浏览器 Chartkick Chartkick是一个Ruby gem,可非常方便/快速地创建漂亮的图标 它真的非常擅长于展现串流资料 Envision.js Envision.js是一个动态的HTML5化图表,用来简化创造快速又具有互动性的HTML5化图像;它有两种不同的图表类型:财务型的时间序列资料以及专为开发者所用的 Flex建分析图库,这个动作以叙述性的资料库为主,让使用者能够建立多元资料化界面来分析以及呈现资讯 Arbor.js Arbor.js是由jQuery建立的图表化资料库,提供有率,以力导向的版面配置演算法 让你能够创造自己独化图表 Protovis Protovis是使用canvas元素的JavaScript化工具包,用图表的方法让资料化,透过基本的几何图如柱状图与点图来组合客制化的资料浏览 ;这些几何图被称作为marks,每个mark经过编码后成为化资料,并透过动态性(例如颜色及位置)来呈现 HumbleFinance HumbleFinance是一个HTML5资料化工具,和Google

    1.8K50

    学习 PixiJS —

    平铺精灵 平铺精灵是一种殊的精灵,可以在一定的范围内重复一个纹理。你可以使用它们创建无限滚动的背景果。 滤镜 Pixi 拥有多种滤镜,可以将一些果应用于精灵。所有滤镜都在 PIXI.filters 对象中。 滤镜是 Pixi 最好的功能之一,因为它们可以让你轻松创建一些果,否则只有通过复杂的低级 WebGL 编程才能实现这些果。 频纹理只是一个普通的 HTML5

    1.1K30

    个人博客网站背景滚动代码

    之前一直注重模块的滚动以至于忽略了图片背景的差滚动,今天把小清新主题更新了图片背景,记录下代码,有喜欢的自己参考教程自己动手操作下。 这是在网络上找到的一款超级轻量级的jQuery滚动代码,该插件使用CSS background-position属性和简单的js代码来完成页内滚动时的背景图片果,果演示可以前往 小清新主题 教程代码如下: 首先我们需要在html中添加的class类和data-paralasic属性,例如:

    HTML5

    在SQL数据库中存储数据的通用标准(Web SQL) 2、HTML5有哪些新性? 2.1 语义HTML5赋予网页更好的意义和结构。 2.4 连接性 更有的连接工作率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。 HTML5拥有更有的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个性,这两个性能够帮助我们实现服务器将数据“推送”到客户端的功能。 三维、图形及性(Class: 3D, Graphics & Effects) 基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人果。 性 Cookie localStorage 数据的生命期 一般由服务器生成,可设置失时间。

    1.6K50

    HTML5进入3D游戏时代!

    在IP孵化方面,《雪鹰领主》已推出同名页游、手游,同名漫画也已登陆全国最大漫画纸媒《知音漫客》,覆盖每月近千万的漫迷群,“雪鹰领主”的关键字百度搜索已破百万,同名影、周边等均已开启合作规划,IP影响力可见一般 精细的原画、华丽的、结合爽快战斗打击感,流畅的原生级游戏性能表现,让玩家真切地“走”进小说、沉浸于游戏塑造的至尊体验。 其豪华的美术场景与炫酷的动作果,远超行业首款的《无尽骑士》。再加上流畅的原生级性能表现。 豪华场景+炫酷+流畅性能 + 知名IP的3D HTML5产品,将更受行业关注,或将再次引发一波3D产品的研发潮。 ? 至少在当下,《雪鹰领主3D》的推出,标志着3D HTML5游戏进入了一个新的里程碑,也在推动着HTML5进入了3D游戏时代。 END

    45620

    升级版:多个果实现

    之前发表过一篇关于的文章:《:从一个看似简单的自定义控件说起》,虽然不是用iOS开发中的Mask来实现的,但是原理和Mask原理是一样的,相当于手动给上面一层加了个Mask。 当然用mask完全可以实现上篇博客中的果,无论是使用Mask还是不使用Mask,都是利用了,都是两层不一样的图进行叠加而成的。 今天我们这篇博客就使用Mask来实现果,并给出不使用Mask的解决方案。当然今天博客中的内容较多。 一、一些经典图片 在博客的第一部分呢,先放松一下,看一些的经典图片,当然下方图片来源于网络。还是那句话,你的眼睛有时候会欺骗你的,你看到的不一定是你看到的。 就先放这三张图片当开胃菜吧,比较我们今天的主题还是iOS开发,还是代码。说实话,看这种图片老感不舒服呢,越想越别扭。OK, 第一部分的开胃菜到此为止,更多图片请自行Google。

    360100

    分析鉴赏奔驰宝马网站设计 看公司网站设计策划

    国内的公司网站目前还是以普通的html4为基础的PC端网站,有的企业为了迎合移动网络流量趋势做了移动站,但作为企业网站同样的内容,做电脑端和手机端两个独立的网站未免有点重复和低。 而如今HTML5响应式网站已经在国外企业网站基本普及的现环境下,国内的很多有国际背景的大公司网站都已经改版为最新的HTML5响应式网站,电脑端、平板端、手机端均可自动适应页面尺寸获得良好的体验。 首要点,均是HTML5响应式网站 无论是奔驰还是宝马中国的网站均采用的是HTML5响应式网站技术,一个网站各种浏览设备均自适应,具有非常好的浏览端用户体验。 第二,网站的整体设计均采用大方而简洁的风格 这些网站的整体设计均采用大方而简洁的风格,可以看到这两个网站首页中没有像很多企业公司网站那样什么都往主页上堆,而是简介明了的突出主题元素,给人清晰而爽朗的浏览体验

    61850

    HTML5

    单纯从新增的标签上来看,HTML 5有 以下几个点。 1、文档类型说明 基于HTML 5设计准则中的“化繁为简”原则,页面的文档类型<!DOCTYPE>被极大地 简化了。 4、允许部分属性的属性值省略 在HTML5中,部分具有殊性属性的属性值是可以省略的。 xhtml"> <head> <title></title> </head> <body>

    化思考 ”能以独而有的方式,让你的心有更大的空间来解决问题。

    </body> </html> 在这个例子中,我们想要对“化思考”这几个文字加粗或者改变颜色,此时可以 使用span包含文字,然后再进行样式修改。

    3630

    HTML5移动应用开发

    1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据 的键盘 url 网页的URL 带有.com和.的键盘 Search 用于搜索引擎,比如在站点顶部显示的搜索框 标准键盘 range 定值范围内的数值选择器,典型的显示方式是滑动条 滑动条或转盘 只需要简单的声明 3.丰富的交互方式支持 提升互动能力:拖拽、撤销历史操作、文本选择等 Transition – 组件的移动果 Transform – 组件的变形果 Animation – 将移动和变形加入动画支持 设计师要知道,用户想要什么,HTML5能提供给用户什么。 5.CSS3 设计师的辅助利器 CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。 Layout – 多样化的排版选择 Stlying radius gradient shadow – 圆角、渐变、阴影 Border background – 边框的背景支持 使用CSS3来完成部分工作

    63080

    一篇文章教会你使用HTML5加载音频和

    【一、前言】 HTML5 性,包括原生音频和频支持而无需 Flash。 HTML5

    22610

    相关产品

    • 腾讯特效 SDK

      腾讯特效 SDK

      腾讯特效 SDK(TE SDK)聚合了智能图像中美颜特效、美妆、滤镜、动效贴纸以及基础分割、手势识别等能力,可以为短视频类、直播类平台提供智能人像美化、创意玩法功能的技术支持。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券