精华内容
下载资源
问答
  • CSS实现图像旋转动态效果

    万次阅读 2019-04-11 11:12:21
    CSS实现图像旋转动态效果 首先,应向需要设置旋转的div的css样式中添加如下代码: 例如向一个名为img01的类选择器添加旋转样式,在animation属性内设置,旋转动画,rotate为动画名(自定义的名称),6s为周期,...

    CSS实现图像旋转动态效果

    首先,应向需要设置旋转的div的css样式中添加如下代码:

    例如向一个名为img01的类选择器添加旋转样式,在animation属性内设置,旋转动画,rotate为动画名(自定义的名称),6s为周期,linear为线性渐变(取消渐变效果),infinite为无限循环,即每轮动画结束后自动进入下一轮,实现无限旋转效果。

    .img01{  
        display: block;
        animation: rotate 6s linear infinite;
    }  

    在类选择器重定义好后,则需再向css文件中添加如下样式代码:

    rotate对应类选择其中自定义的动画名称。transform属性中设置了从0度旋转到360(顺时针),若要设置逆时针旋转,可将数值颠倒。

    @keyframes rotate{
    	0%{
    		transform: rotateZ(0deg);/*从0度开始*/
    	}
    	100%{
    		transform: rotateZ(360deg);/*360度结束*/
    	}
    }

    正确添加以上代码后,就可实现自动无限旋转效果啦

    展开全文
  • 5小时入门HTML5-基础篇

    千人学习 2017-05-10 16:05:25
    html5相对于html4或者xhtml1.0,进步是很明显的。以前很多靠html代码无法实现的效果现在都可以通过html5实现,如视频,音频,网页绘图,而且并不需要复杂的代码,所以说html5宛如一场革命。
  • 市面上40~50款效果图软件,哪一个适合你呢?

    作者:活力网柏林

    Hi!大家好,我是柏林~ 今天与大家分享的是你适合用什么软件做效果图。本文适合环艺、建筑、室内、景观专业的在校学生、初学者观看,大神可绕道~

    不同的行业,选择的软件各不相同。据不完全统计,市面上的效果图软件至少有40~50种。

    这么多的软件,是不是都要掌握呢?只需要掌握其中1~2种就可以了,关键是你要如何选择适合你的表现软件。

    今天主要和大家分享四款常用的效果图软件:VRay、Lumion、Conora、Enscape。

    今天分享的效果图软件一览表
    01

    主菜当然是最后上,先和大家简要分享一下以下这些

    02

    酷家乐、三维家、圆方等这类软件,相信也有学员听说或使用过,网络上的评论褒贬不一。主要是一些市面上做装饰工程、套餐的公司使用。特别是家装,套一套方案、揉一揉素材,操作简单,效果不错。适合收不了设计费的工作环境。

    但因为这类软件中的素材、样式有限,有时候无法完整表达设计师想要的效果。所以一些收得了设计费的设计公司, 在选择方案的效果图表达的时候,一般会选择V-Ray、Lumion、Conora、Enscape去表现。

    以下这些软件我不会给大家进行一些过多的分享,因为它的用户相对较少。

    03

    Twinmotion、Thea还有一部分人在用,比如少校老师用的就是Thea。Twinmotion和Lumion有点类似,表现效果也差不多,但是Lumion要早于Twinmotion出生,已经积累了大量的用户。

    在微博上,大家可能看到一些Sketchbook的作品,感觉还行。但是在现实生活中,实际的方案表现上用Sketchbook相对比较少,至少笔者接触到的Sketchbook等这类软件的使用非常少。

    CINEMA 4D、Unreal Engine 4,它们在广告、电影、工业设计等方面比较出色,但是在环艺建筑方向的效果图表现行业,基本上比较少。

    —————————————————————————————————————————————————————————————

    接下来就进入我们的主菜了。今天要分享的主角是VRay,主角放最后,那我们先来看一下Lumion。

    Lumion

    04

    应用方向: 景观、建筑、城市规划

    可搭载软件: SketchUp、3ds Max

    优点/特点: 可静帧可动画;草地渲染优秀;电脑要求高

    支持格式:

    导入SKP、DAE、FBX、MAX、3DS、OBJ、DXF等

    导出TGA、DDS、PSD、JPG、BMP、HDR、PNG、动画

    05
    图片来源:Andrew作品

    Lumion是一个实时的3D可视化工具,用来制作电影和静帧作品,涉及到的领域包括建筑、规划和景观等。尤其是在景观表现上,被公认为目前最合适的一个效果表现软件。特别是草地渲染方面,是VRay等其它渲染软件不能媲美的。 同样,它也能够实现室内的效果;但是它做室内的话,对于有些场景来说还可以,但就目前的Lumion9.0版本来说,可能还存在一些缺陷。Lumion的强大就在于它能够提供优秀的图像,并将快速和高效工作流程结合在了一起,可以传递现场演示,为你节省时间、精力和金钱。

    Corona

    06

    应用方向: 室内外、建筑

    可搭载软件: 3ds Max

    优点/特点: 物理渲染引擎,表现到位

    07
    图片来源:Conora官网画廊

    不认识这个软件的学员朋友,第一次听到Conora(科罗娜)可能会误以为是啤酒。其实不是,它是一个渲染引擎,同样也是一个渲染器。Conora的表现效果很到位,和VRay不相上下。表现效果到位是有原因的:一、它是一个物理的渲染引擎;二、搭载器是3ds Max,模型精度高。以上两点导致它渲染的作品表现十分精细,材质、灯光到位,可渲染空间比较大的场景。

    Enscape

    08

    应用方向: 室内、建筑、景观

    可搭载软件: Revit、SketchUp、Rhino、ArchiCAD

    优点/特点: 即时渲染、渲染速度快;电脑配置要求高

    09
    图片来源:柏林作品

    Enscape是基于游戏开发的渲染器,在渲染速度上有更好的条件,即时渲染、渲染速度非常快。但在材质细节上有很大的噪点,出图调整等方面存在一些缺陷。 Enscape渲染器最早在应用在Revit,后来兼容到SketchUp、Rhino、ArchiCAD等平台。如果客户对渲染效果要求不高,需要快速出图,Enscape无疑是一个很好的选择。
    运行环境:Win7SP1以上系统;NVIDIA OR AMD graphics chip(OPENGL4.2兼容)至少2G显存。

    VRay

    10

    应用方向: 室内、建筑、景观

    可搭载软件: 3ds Max、Maya、Sketchup、Rhino、Revit

    优点/特点: 渲染效果高质量;可做360全景图

    11
    图片来源:柏林作品

    VRay是由chaosgroup公司出品,总部在保加利亚。VRay是目前业界最受欢迎的渲染引擎。它是一款物理的渲染引擎,可根据现实生活中的光线模拟真实的质感。基于VRay内核开发的有3ds Max、Maya、Sketchup、Rhino、Revit等版本,为不同领域的优秀3D建模软件提供了高质量的图片和动画渲染。可渲染单帧、静止的图片,也可以渲染动画,影视特效也会用到,渲染效果十分优秀;还可做360全景图。

    12
    图片来源:活力网VFS室内高手班

    ————————————————————————————————————————————————————————————

    问题Q&A

    Q1:

    对于室内外效果图表现,目前最常用的是VRay 搭载3ds Max或SketchUp,那到底是VRay for 3dsMax,还是VRay for SketchUp呢?

    A1:

    笔者认为,两者在渲染能力上差不多,VRay for 3dsMax相对高一点点,但整体效果基本持平,主要差别在于搭载的建模软件。SketchUp相对简单、易懂,上手速度快;Sketchup易于前期方案推敲,它能让客户有直观的空间感受;但模型精度存在缺陷,一些特殊的曲面模型,需要借助插件实现;3ds Max学起来比较复杂,但是模型精度很高,加上VRay的物理渲染引擎,渲染出来的材质质感、光感,让它在单帧渲染表现上是数一数二的。

    Q2:

    说了这么多,那我到底适合什么样的效果图软件渲染呢?

    A2:

    笔者建议根据实际的工作情况(软件掌握情况、公司电脑配置、客户层次/要求)、应用方向、客户层次进行选择。
    例如:客户需要快速出图,可以选择Enscape;
    客户层次不高,无法收取设计费或较低,可以选择Enscape、VRay;
    高端客户对效果图要求较高,可以选择VRay、Conora;
    需要完成动画渲染作品,可以选择Lumion、VRay…
    结合自己的实际情况进行分析,你适合什么软件这个问题的答案就呼之欲出了。

    Q3:

    可能你还有一个疑问,搭载的软件版本到底要不要升级?

    A3:

    建议最好跟上时代的步伐,升级当前的软件。每个软件版本的升级,都是对前面版本的缺陷、BUG的修复、提升,之前没有的功能或存在的问题解决掉,我们用最新的版本,能够最快实现想要的效果,提升我们的工作效率。
    比如VRay Next 4.0,比VRay3.4系列,渲染速度提升多了,全局照明里即便使用强算配灯光缓存,渲染速度也很快。同时也新增了新功能,大大提升了出图效率。

    以上为今天的分享,相信对你有一定的启发!如果你有更好的见解或建议,欢迎在留言区与我一同交流~

    经典内容,与您共同学习!

    活力网TV,一个专注于室内/建筑表现的公众号。

    展开全文
  • PS如何制作动态图烟花效果GIF礼花

    千次阅读 2018-10-07 18:32:52
    动作支持CS6以上版本软件,还是陌鱼社区下载“制作GIF烟花效果动态图片PS礼花动作”然后利用这个PS动作即可一键制作出下图效果,下面是演示教程。 01、打开软件,载入画笔、动作,关闭软件。 02、把PS软件...

    动作支持CS6以上版本软件,还是陌鱼社区下载“制作GIF烟花效果动态图片PS礼花动作”然后利用这个PS动作即可一键制作出下图效果,下面是演示教程。

    01、打开软件,载入画笔、动作,关闭软件。

    02、把PS软件变成英文请参考“怎么把PS界面语言变成英文方法教程”。

    03、打开软件,打开图片(2000-3000pX),新建图层,图层名称为:brush(区分大小写)。

    04、打开窗口(Window),时间轴(Timeline)。

    05、使用红色硬角画笔工具在图层(brush)上面点击一下。

    06、打开动作面板,然后使用我们载入的制作GIF烟花效果动态图片PS礼花动作点击播放。

    07、最后稍等一会,出现一些烟花图案效果。

    08、适当在烟花效果文件夹进行编辑,比如大小,位置,颜色等,合理利用时间轴观看。

    09、最后适当调整图片大小保存为GIF图片格式。


     

    展开全文
  • 用C#图片轮播效果

    万次阅读 2014-11-20 11:51:26
    用C#图片轮播效果 老帅 在C#中图片轮播效果,不借助第三方控件,也是可以实现的。使用PictureBox作为图片展示容器就可以。但是图片列别放在什么地方,如何加载,需要考虑一下! 1.首先排除ImageList 因为...
    
    
    用C#做图片轮播效果
                                            老帅
       在C#中做图片轮播效果,不借助第三方控件,也是可以实现的。
    使用PictureBox作为图片展示容器就可以。但是图片列表放在什么地方,如何加载,需要考虑一下!

       1.首先排除ImageList
       因为ImageList中的图片尺寸有限制,最大尺寸为256*256,而我们要显示的图片往往尺寸很大,并且不规则。
       
       2.考虑把图片作为资源文件使用
      

       3.用PictureBox加载图片资源    
        this.pictureBox1.Image = global::YourApp.Properties.Resources._1;
       
       4.用定时器轮番加载多个图片资源    
      


    展开全文
  • 快速制作机房3D效果图教程

    万次阅读 2016-01-22 15:19:23
    作者:广州麦景科技有限公司 林鲁刚  原文接 随着信息网络技术的不断发展,大量数据中心的建设,机房监控软件已经成为了机房管理者重要的管理...现在教大家如何画好一张机房效果图,所用软件有↓ 前期准备资料
  • 用Power BI的Play Axis插件做动态条形

    千次阅读 2020-02-18 19:57:44
    之前用Animated Bar Chart Race做动态条形感觉效果不太好,因为条块太短很多文字信息被遮挡了,于是找到了播放轴Play Axis插件,准备结合条形插件在一次动态条形。 原来用Animated Bar Chart Race的动态效果...
  • Matlab制作GIF动态图

    万次阅读 多人点赞 2018-05-24 14:22:33
    GIF动态图制作制作 clc clear close all filename='D:\\matlab_program\\Mycode\\fish1.gif'; % 输出路径+保存的文件名.gif for i=3374:3379 str = sprintf('D:\\matlab_program\\Mycode\\%d.png',i); %图片绝对...
  • Python制做动态图

    千次阅读 2020-04-12 08:44:19
    大家好,今天我们要讲的是如何使用Pyecharts制作动态排名变化???? 制作这样的一个动态图使用到的是Pyecharts中的TimeLine(时间线轮播),代码实现起来其实稍有难度,但我希望能通过讲解这样一张动态图的制作...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
     用JAVA编写的指针式圆形电子钟,效果图如下所示,其实代码很简单,希望对你有帮助。 Message-Driven Bean EJB实例源代码 2个目标文件 摘要:Java源码,初学实例,EJB实例  Message-Driven Bean EJB实例源代码,演示...
  • 如何增强ArcGIS插值图效果

    万次阅读 多人点赞 2017-02-07 11:36:48
    如何增强ArcGIS插值图效果 by 李远祥 在一些科研领域,经常会遇到使用插值的方式进行处理,并生成最终的插值。插值在ArcGIS里面非常容易生成,只要具备了采用点数据,通过ArcToolBox里面的插值的工具可以...
  • Matlab绘制动态图的两种方式(参考)

    万次阅读 多人点赞 2017-10-14 16:08:55
    效果图 第二种方式 close all; clear all; clc; clf; %白色背景 axis( [- 2 , 2 ,- 2 , 2 ] ); xlabel( 'X轴' ); ylabel( 'Y轴' ); %四周的边框 box on; %绘图区域 t= 0 : 0.02 : 10 ; Nt= size ...
  • 纯CSS实现“精灵动态特效

    千次阅读 多人点赞 2019-03-14 19:57:23
    javascript里面有一个经典的“开关灯”实例,其中是用到了两种颜色灯泡的图片,利用click()点击事件实现“开关灯”的动态效果。我们这里不使用JS,只用一张图片,利用CSS实现。素材只需要一张图片: 只要我们改...
  • 动态气泡

    千次阅读 2017-04-14 09:51:38
    原文地址:动态气泡作者:数据化分析 (文/@数据化分析)   气泡是一个将点表示为气泡(或圆圈)的散点,与XY散点类似,但可表现的数据信息量更多,最多可以表示五维(x 位置、 y 位置、大小、颜色和时间...
  • OpenLayers 3 之 动态点扩散效果

    万次阅读 2015-11-21 00:28:35
    当某个地方发生一些事情之后,如果我们添加一个静态点在地图上,并不能引起注意,那我们可以放置一个动态的点,类似于在水中投入一个石头,水波扩散的效果,象征发生的事件有一定的影响区域,那么,我们如何利用 ...
  • 前言:随着信息技术的不断发展,大量数据中心机房的建设、监控软件已经成为机房管理者的重要武器,特别是机房效果图这一块,从简易的CAD到现在的3D效果图,从静态到三维动态的改进,机房监控软件基本上可以说是从无...
  • ArcGIS API + Echarts 实现动态雷达

    千次阅读 2017-07-25 23:21:55
    雷达(Radar Chart),又可称为戴布拉、蜘蛛网(Spider Chart),常用语财务报表中,但不限于财务报表。使用雷达能让使用者能一目了然的了解各项指标的变动情形及其好坏趋向。
  • 用PS把一张图片的边缘成渐变的效果 1.先用PS新建一个文档,再导入一张图层素材,使用矩形选框工具,做出矩形选区 2.单击鼠标右键,选择羽化 3.设置羽化数值。 4.再反选选区(shift+...
  • 机器学习中常见的动态图和静态

    万次阅读 2018-12-23 20:34:57
    在我们日常学习中总是听到动态图和静态的概念,今天就在这里一个小总结,提醒自己. 目前神经网络框架分为静态框架和动态图框架,PyTorch 和 TensorFlow、Caffe 等框架最大的区别就是他们拥有不同的计算表现...
  • 用Echarts制作动态条形排行榜

    万次阅读 2018-08-12 01:49:17
    最近在各种排行榜的视频,整体排行榜的页面图形效果都是用另外一个开源代码实现的,主体是js+svg。 https://www.bilibili.com/video/av28871057/ echarts作为封装很好的一套可视化库,不知道是否能做到相同的...
  • 本例介绍用Excel图表把它做出来,一个职场必备的技能,作为小白的你,请不要错过,即便当下用不到,也请你收藏。先亮亮最终的效果图。 数据源表 制作步骤: 步骤1:修改数据源。增加一列人数2,数据复制C列,...
  • 超火动态可视化条形,绘制起来这么简单!

    万次阅读 多人点赞 2019-11-04 17:37:00
    作者:QIML编辑部来源:量化投资与机器学习文章经授权转载超火动态排序:代码不到40行,手把手教你!—01—前言最近,这种动态排序条形视频超级火,如下:具体来...
  • 用echarts实现水滴图效果

    千次阅读 2019-04-30 16:50:17
    老规矩,看效果先:(这里的水滴是动态的) 注意,这里是使用echarts,除了原先的echarts.js外还得引入一个水滴用的js===echarts-liquidfill.js 可以官网也可以等到最下面,会有网盘地址,去提取下: var ...
  • python高端实现各国GDP动态轮换

    万次阅读 2021-03-06 04:01:32
    文章目录python高端实现各国GDP动态轮换前言效果一、准备数据等文件二、完整代码1.准备showGDP.py2.准备PlotUtil.py总结效果展示 前言效果 今天我们来试一下用python实现世界各国从1960-2018年的各国的GDP展示...
  • ps如何制作炫酷gif动态光效图片

    千次阅读 2018-05-18 22:52:29
    制作简单效果又棒,方便我们快速制作一些动态GIF图片效果,喜欢用PS动作制作各种GIF动画效果的小伙伴可以了解一下,下面是一些效果图:01、解压我们下载来的“制作炫酷动态光效背景GIF效果PS动作”载入动作(.atn)...
  • 如何制作具有立体效果的地图

    千次阅读 2017-04-06 15:48:56
    最近经常碰到用户问,使用SuperMap桌面软件能不能制作高低起伏的地形?这个答案当然是肯定的:能!一般我会推荐用户使用DEM生成正射三维影像或者三维晕渲,但这两者具体的有何区别,哪个更好用些?今天,就用一...
  • 背景:在很多电商APP首页顶部 我们都可以看到广告在固定时间后进行向左滑动(如下京东),这个其实挺简单,先记录一下简易版吧 正文: 第一步:拖入一个动态画板,命名为【显示画板】 第二步:双击画板进入管理...
  • ps如何做出动态火焰燃烧效果

    千次阅读 2018-05-10 15:44:46
    主要还是为了方便快速制作效果而写的一个教程,想学习的可以看一下哦,动作搜一下“PS制作火焰燃烧效果GIF动画动作”可以找到,下面是效果:1、导入PS动作(.atn),动作面析(右边四条横线的地方),载入动作,把动作文件...
  • Axure的动态面板制作tab切换效果

    千次阅读 2016-05-08 21:39:17
    最近进行机房合作画原型图的时候用到了Axure画图软件,画出来的图感觉棒棒哒!在画结账窗体的时候确实遇到了一些问题,因为有动态效果图,点击不同的Tab时要有不同的界面显示,所以学习了一下!
  • ECharts3 实现动态数据累积

    万次阅读 2017-09-21 18:46:27
    原来网站上的实例是固定只显示10个数据,简单了一些修改,1秒生成1个数据,数据累积。可在ECharts3实例中的代码框中粘贴直接查看效果 var app = {}; option = { title: { text: '动态数据', subtext: '纯属...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,248,355
精华内容 499,342
关键字:

动态效果图是怎么做出来的