王尘宇

svg +动画和 css3 动画的区别

svg是可以在网页使用的矢量图像，可以用AI进行编辑和生成。

svg有什么好处,设计师为什么要将在Photoshop里做好的图片转换为svg,直接用png不好吗?

SVG是矢量图形文件，可以随意改变大小，而不影响图标质量。 可以用CSS样式来自由定义图标颜色，比如颜色/尺寸等效果。

所有的SVG可以全部在一个文件中，节省HTTP请求 。

使用SMIL、CSS或者是javascript可以制作充满灵性的交互动画效果。 由于SVG也是一种XML节点的文件，所以可以使用gzip的方式把文件压缩到很小。

PS的样式跟CSS的样式是一样的吗？我可以理解为把PSD文件制作成代码之后，ps的样式就需要CSS表现吗？

PS的样式跟CSS的样式不一样，css样式是层叠样式表，是网页制作时使用的样式，是对网页中的图片文字等对象进行控制（文字的大小，颜色 等，图像左右对齐，是否为背景图等），ps的样式是为图像添加投影等样式，直接使用在图像上。不需要css来表现。

ps cc的复制css功能怎么使用

在PSCC中如果不能右键复制CSS的原因如下：在图层上，点击的右键位置不对，要点击如图所示的位置文件的图像模式不对，只有RGB颜色模式才支持鼠标在图层上右键复制CSS，其余的几种格式是不支持的，如图

在渐变生成器复制css 在ps怎么使用?

第一步：打开ps软件，新建一个图层，用形状工具在该图层上画一个圆， 第二步：选择图层，单击右键，选中【复制css】，如图，画一个蓝色圆的css代码就复制好了 第三步：新建一个html页面，给div元素添加id=“div1”；将css粘贴到是<style>   </style>中间，如图中，将【.椭圆_1】替换成【#div1】，然后保存，将页面在浏览器中打开查看，如图： 下面是通过ps复制的css代码 .椭圆_1 { border-radius: 50%; background-color: rgb(2, 159, 210); position: absolute; left: 176px; top: 124px; width: 179px; height: 179px; z-index: 2; } 第四步：仔细看会发现，这个圆跟我们在ps中绘制的一模一样，它在图中的位置和在页面中的位置是一样的，如图： 实际上，在【信息】中X、Y是图形的所在位置，而css中left、top就是指坐标； 对于不懂代码的设计师来说，是不是方便很多啦！不过，对于有些比较复杂的图，ps复制出来的css直接拿出来用的话会跟实际效果图有偏差，所以有些还是要自己手动去做一些修改的！ 或者下载“PhotoshopCopyCSS”增强 Photoshop CC 自带的“复制 CSS”功能，提升 CSS 代码的采用率

photoshopCC和photoshopCS6有什么区别？

版本不一样，功能比CS6多了一些而已，核心是一样的！photoshopCC是目前photoshop的最新版本，2013年7月份发布！PHOTOSHOPCC新增功能全新的智能锐化丰富的纹理、清晰的边缘与明确的细节。全新的智能锐化是目前最进阶的锐化技术。

该技术会分析图像，将清晰度最大化并同时将噪点和光晕最小化，此外您还可以藉其进行微调，以取得外观自然的高质量结果。

智能增加取样将低分辨率的影像放大，使其拥有优质的印刷效果，或从尺寸较大的影像开始作业，将其扩大成海报或广告广告牌的大小。新的增加取样功能可保留细节和清晰度，而不会产生噪点。内含EXTENDED功能PHOTOSHOP因为是CREATIVECLOUD的一部分，所以能提供您期待的所有强大图像和视频编辑功能，而且还包含先前PHOTOSHOPEXTENDED所提供的进阶3D编辑和图像分析工具。CAMERARAW8和图层支援您可将CAMERARAW所做的编辑以滤镜方式套用到PHOTOSHOP内的任何图层或档案，然后再随心所欲地加以美化。

藉由新的ADOBE®CAMERARAW8，您可以更精确地修改影像、修正透视扭曲的现象，并建立晕映效果。可编辑的圆角矩形用户最希望拥有的功能总算现身。现在您可以调整形状的大小、进行编辑，然后再重新编辑，而且这些作业在形状建立之前或之后都可进行。

您甚至可以在圆角矩形中编辑个别的圆角半径。如果形状将用于网络，可从档案转存CSS数据以节省时间。photoshopcc-复制css多重形状和路径选择透过同时选取多个路径、形状和矢量图遮色片，不需按多次鼠标即可完成更多作业。

即使在拥有许多路径的多图层文件中，也可以使用新的滤镜模式，直接在画布上锁定路径(及任何图层)。相机防手抖挽救您以为因为相机震动而失败的相片。不论模糊是由于慢速快门或长焦距而造成，相机防手抖(CAMERASHAKEREDUCTION)都能分析其曲线以恢复清晰度。

扩充的智能型对象支持有了新智能型对象支持，您就可以套用非破坏性的模糊效果库(APPLYBLURGALLERY)和液化效果。即使对影像或视讯加入模糊效果或进行推挤、拉扯、缩拢或者膨胀，源文件仍能保持完整。即使在储存档案之后，您仍可随时编辑或是移除效果。改良的3D绘图现在当您在3D对象和纹理对应上进行绘图时，实时预览的速度最高可加快100倍，互动效果也更好。

有了强大的PHOTOSHOP绘图引擎，任何的3D模型都看起来栩栩如生。改善的文字样式过去您需要花好几个小时才能获得想要的文字外观。有了文字样式，您便可以将格式设定储存为预设集，然后只需单击鼠标即可套用。您甚至可以定义能套用到所有PHOTOSHOP文件的文字样式。

CSS属性复制以手动方式编写网页设计的程序代码时，不一定能取得与原始元素相符的元素(例如圆角和色彩)。现在，您可透过PHOTOSHOP针对特定的设计元素产生CSS程序代码，然后轻松将程序代码复制并贴至网页编辑器，即可获得您要的结果。条件动作您可藉由条件动作，以「自动导航」的方式进行例常的处理工作。这些命令会使用IF/THEN语句，根据您所设定的规则自动选择不同的动作。

改良的3D场景面板3D场景(3DSCENE)面板可使2D到3D编辑的转变更为顺畅；此面板具备许多您已熟知的图层面板选项，例如复制、范例、群组和删除等。工作流程省时功能现在您可在执行常见工作时节省很多时间，因为众多像您这样的使用者要求我们提供实用的小功能，使用新的辅助按键更轻松地建立路径、使用空格键动作路径、在PNG格式中加入ICC描述文件，以及更多功能。改良的3D效果阴影和反射能成就您的3D图稿，也能使其一蹋涂地，而更高质量的实时预览则有助于加快制作绝妙作品的速度。

此外，您还可以轻松建立更优质的光晕效果、场景照明，以及凹凸和纹理的光源等。从网页档案读入颜色直接从HTML、CSS或SVG档案读入色票，以激发灵感或是轻松搭配现有网页内容的色彩配置。用于文字的系统消除锯齿使用与MAC或WINDOWS®系统非常接近的消除锯齿选项，取得网页文字外观的真实预览。