网页设计以后不要ps切片做网页了吗?

推荐签约案例
关注最多的信息
网页设计切图是什么意思?_如何用ps来给网页切图?
& & & 淘宝店铺设计时,用ps做好网页图形,然后呢?不懂做淘宝设计的人就开始犯愁了,网页设计切图是什么意思?如何用ps来给网页切图?
& & & 熟练使用PS是,,更是网页设计不可缺少的软件。想要做设计的人一般都会听到人说DW,DW就是Adobe Dreamweaver,但是,dw是没有切图功能的。DW只是把做好的图片加上代码,变成HTML格式而已。势必要切图,不切图无法做网页。
& & & 如何用ps来给网页切图?这就要用到切片工具了。
如何用ps来给网页切图?
& & & 在图片做完后,点选切片工具,按照你做出来的块面,一点点切图就行了。注意的事情就是切片要仔细,很有必要精细到每个像素。要不然放到网页上的图片质量不高。
& & & 如何用ps来给网页切图,要看你自己把握了,谁也不能教你哪些需要哪些不需要切。所谓熟能生巧,你不尝试怎么学到经验?一遍不行来第二遍,多多尝试,以后就熟练了。不要懒,失败是成功之母。
& & & 相关文章
作者: @ &&修订1.2&&
转载时必须保留带链接的本声明。
三圆品牌整合创始于2005年,10年来服务超过6000多位客户,
提供从品牌定位、品牌设计、品牌推广、品牌执行的全价值链服务。
服务热线:3&& 您也可以点击此QQ进行在线咨询:
阅读本文的人还浏览了:
始于2005年,三圆已确立第一品牌。三圆品牌整合 &版权所有
湘ICP备号 地址: 株洲市中心广场希尔顿酒店3栋6层 &
工作日:周一至周六网页设计 ,,求助。就是这个网页。可以切片,你懂的,但是该切的就切_百度知道
····怎么都搞成实际操作 这哪里是百八分和几句能解决~花钱!
其他类似问题
为您推荐:
网页设计的相关知识
其他2条回答
庞大的工程啊!你还是花钱请人实在
这是我们的作业。我已经做好了
什么时候要啊? QQ
来自:求助得到的回答
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁有一种概念把时间称作“第四维度”,日复一日年复一年,在这漫漫长河里,我们也只能记录短暂的一瞬间。至于说将时间与摄影相容,近来比较火的就是延时摄影了。不过延时之后的成果要不就是一段短片,或者是一张GIF图片。不过这些都不是今天的重点,我这次为你介绍的是一种比较另类的做法:将时间切片。这张照片我曾经给美国国家地理签约摄影师麦克山下看过,他说曾看过类似的照片是拍摄的美国曼哈顿,不过切的更细,所以从远看真的就像从白天到夜晚一样。其实原理类似,如果你已经产生了好奇心,那就继续读下去吧!前期拍摄对于这张照片,一共有9张切片,所以很自然的一定是要拍摄9张照片才可以(真啰嗦)。至于拍摄的时间点,季节不同选择时间也不一样,所以这个问题只能同学们根据实际情况自己定了。至于这张照片,我选取了晚上5点半到7点半的时间段,15分钟拍摄一张,还是挺耗时间的。对于拍摄时的注意事项,有几点需要说明:1.使用三脚架,最好有快门线,防抖防抖还是防抖2.测光方式要恒定,我是用了广域模式,就对着建筑物直接来。3.A档是一个很好的选择,并且固定好曝光补偿之后就不要再动了,这会为你的后期带来很多便利。4.白平衡推荐选日光,日落过程属于大范围的色温变化,固定住一个值就是为后期省事。从天亮拍到天黑,好怀念当年背着单反满北京溜达的时光啊……扯远了,我们继续看后期。后期处理How I Shoot都在告诉大家一个简单的后期方式,而这次想告诉大家的就是关于切片工具的使用方法。你以为这9等分是一点点裁出来的吗?那真是要把人累死了,PS里有简单的方法,我们一点点往下看。故事的开始,你一定要选中这所有的9张照片一起拖进PS中,在cameraraw插件里点击“全选”,一起来调整这些照片。如果你一定要问为什么?第一,这样效率很快;第二,如果是单张调整很可能曝光亮度不对,然后你就搞成了时间错乱的奇葩景象。调整完毕,现在我以其中一张照片为例和你详细说明。你以为“剪裁工具”只有一个功能吗?在其上右键,你会发现一个叫做“切片工具”的选项,点击之。之后在照片上继续右键,不就能看见“划分切片”的选项,继续点击之。现在我们看到了传说中的切片划分工具,因为是9张照片,所以“垂直划分为9张”,之后点击确定,简单吧。下面3张图展示了详细的制作过程。切了9次之后就是输出了,不过这个输出方式不走寻常路,你可能从来就没用到过。在“文件”里选择“存储为web所用格式”,之后你会发现一个崭新的世界。相关界面是这个样子的,你只要选择JPG存储格式就好了,品质自定,色彩空间请不要勾选sRGB,如果你想以后做打印输出的话那另当别论。点击存储,默认条件即可,然后我们一起来见证奇迹发生的时刻。在你保存的路径里,有没有发现你的照片尸体(哦不,照片切片)?它们已经切好了,现在只需要把相关切片组合即可以1张照片做底,第1张图的第1个切片,第2张的第2个切片,依次排列并以此类推,都做好之后就是完成品了,简单么?还是那句老话:相机在你手里,想法在你脑子里,带上伙伴出去拍吧。其实当年我也并没有什么好装备,只是看到别人做了觉得有意思也去拍了一次,希望同学们看了以后也能激发出自己的灵感。另,这个地方已经不让人们拍摄了,所以我不会告知大家具体地点。当然如果你是有心人,肯定能找到。 
 文章为作者独立观点,不代表微头条立场
的最新文章
滤镜 > 渲染 > 镜头光晕,然后,选择镜头型号50-300mm的变焦,调整好合适的镜头的方向位置确<img src="http://img01./net/a/04/link?appid=&url=/mmbiz/fk1ibscXxXcbQXDvniaNC6TWpgyVVJ7VgaMITFRVib4yvGWRB网页制作切片后应该保存为&什么类型
一、BMP 图像文件
BMP图像文件最早应用于Windows操作系统,是Windows操作系统中的标准图像文件格式,是最简单的图像格式。
BMP图像格式非常简单,仅具有最基本的图像数据存储功能,能存储每个像素1位、4位、8位和24位的位图。虽然它提供的信息过于简单,但是由于
Windows系统的普及以及BMP本身具有格式简单、标准、透明的特点,BMP图像文件格式得到了推广,它一般应用于Windows系统下的屏幕显示以
及一些简单图像系统中。
这种格式的特点是包含的图像信息较丰富,几乎不压缩,但由此导致了它与生俱生来的缺点&占用磁盘空间过大。现在很少会在网页中使用。
一张24位的800&600的bmp格式图形文件大小:
800&600&3byte=1440000byte≈1440byte≈1.44M
二、GIF 图像文件
GIF格式的特点是压缩比高,磁盘空间占用较少,所以这种图像在网页中运用很多。
GIF的两种版本:
GIF87a:只是简单地用来存储单幅静止图像。
GIF89a:可以同时存储若干幅静止图象进而形成连续的动画,使之成为支持
2D动画的格式。可指定透明区域,使图像具有非同一般的显示效果,这更使GIF风光十足。目前Internet上大量采用的彩色动画文件多为这种格式的文
件。像素画。QQ秀,QQ空间等N多QQ的东西。
GIF图像格式还增加了渐显方式,也就是说,在图像传输过程中,用户可以先看到图像的大致轮廓,然后随着传输
过程的继续而逐步看清图像中的细节部分,从而适应了用户的”从朦胧到清楚”的观赏心理。
由于8位存储格式的限制,使其不能存储超过256色的图像,适合在图片颜色总数少于256色的使用。
让GIF格式达到最佳显示效果的方法:
如果色系较少,颜色少于256,调色板可以选择为“精确”。
不要选“失真”。
一般情况,调色板选择“最合适”,最大颜色数选择“256”。如果色彩稍多于256色,可将抖动设为“100%”。
为防止边缘出现锯齿,不需要透明的时候,尽量不透明。
一个小技巧:
如需将网页切片导出成gif格式的时候,如果色彩较丰富,不宜一起导出,而应该将切片一个一个的导出。如下图的按钮:
三、JPEG 图像文件
JPEG文件的扩展名为.jpg或.jpeg,其压缩技术十分先进,它用有损压缩方式去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像质量。
JPEG 2000同样是由JPEG
组织负责制定的,与JPEG相比,它具备更高压缩率以及更多新功能的新一代静态影像压缩技术。
作为JPEG的升级版,其压缩率比JPEG高约30%左右。与JPEG不同的是,JPEG2000
同时支持有损和无损压缩,而JPEG只能支持有损压缩。无损压缩对保存一些重要图片是十分有用的。
JPEG2000的一个极其重要的特征在于它能实现渐进传输,这一点与GIF的“渐显”有异曲同工之妙,即先传输图像的轮廓,然后逐步传输数据,不断提高图像质量,让图象由朦胧到清晰显示。
此外,JPEG2000还支持所谓的”感兴趣区域”特性,你可以任意指定影像上你感兴趣区域的压缩质量,还可以选择指定的部份先解压缩。
使用jpg图像的注意点:在图像质量和文件尺寸之间找到平衡点。一般80%的压缩率是比较合适在网页中使用的。
四、PNG 图像格式
PNG是一种可携式网络图像格式。PNG一开始便结合GIF及JPG两家之长,打算一举取代这两种格式。日由PNG向国际网络联盟提出并得到推荐认可标准,并且大部分绘图软件和浏览器开始支持PNG图像浏览,从此PNG图像格式生机焕发。
IE浏览器从4.0版本开始支持png图像浏览。
特点1:兼有gif和jpg的色彩模式。
我们知道gif格式图像采用了256色以下的index
color色彩模式,jpg采用的是24位真彩模式。png不仅能储存256色以下的index
color图像,还能储存24位真彩图像,甚至能最高可储存至48位超强色彩图像。
特点2:png能把图像文件压缩到极限以利于网络传输,但又能保留所有与图像品质有关的信息。
如果你的图像是以文字、形状及线条为主,png会用类似gif的压缩方法来得到较好的压缩率,而且不破坏原始图像的任何细节。据国际网络联盟测算,八位的png图像比同位的gif图像就小10%到30%。
而对于相片品质一类的压缩,png则采用类似jpg的压缩演算法。但是jpg压缩程度越大、影像的品质越差。因为它的压缩是采用的是破坏性压缩法、
每次压缩的同时便多多少少漏掉一些像素。
png不同于jpg的地方在于:它处理相片类图像亦是采用非破坏性压缩,图像压缩后能保持与压缩前图像质量一样,没有一点失真。
特点3:更优化的传输显示。
熟悉gif格式的图像处理者知道,gif图像有两种模式——normal(普通)模式和interlaced(交错)模式。interlaced模
式更适用于网络传输。在传送图像过程中,浏览者先看到图像一个大略的轮廓然后再慢慢清晰。png也采取了interlaced模式,使图像得以水平及垂直
方式显像在萤幕上,加快了下载的速度。
特点4:支持图像透明显示。
gif格式虽然也支持透明显示,采用gif格式透明图像过于刻板,因为gif透明图像只有1与0的透明信息、只有透明或不透明两种选择,没有层次;而png提供了α频段0至255的透明信息,可以使图像的透明区域出现深度不同的层次。
png图像就可以让图像覆盖在任何背景上都看不到接缝,改善gif透明图像描边不佳的问题。
特点5:兼容性较好。
gif图像在不同系统上所显示的画面也会跟着不一样,但png却可以让你在Macintosh上制作的图像与在Windows上所显示的图像完全相同,反之亦然。
png被设计成可以通过网络传送到任何机种及作业系统上读取。
文字资料(如作者、出处)、储存遮罩(MASK)、伽玛值、色彩校正码等信息均可参杂在
png图像中一起传输。
PNG的缺点是不支持动画应用效果,如果在这方面能有所加强,简直就可以完全替代GIF和JPEG了。Macromedia公司的Fireworks软件的默认格式就是PNG。现在,越来越多的软件开始支持这一格式,而且在网络上也越来截止流行。
几个发现:
   不透明和索引色透明的图片,
png8比gif更加具有优势。
Alpha透明的图片,png8比gif显示效果好,但文件更大。
png24没有透明效果:包括索引色透明和Alpha透明。
不同的浏览器,显示效果不一样。
Firefox:支持png8的索引色透明度, png8
和png32的alpha透明度。
IE:支持png8的索引色透明度,但不支持png8和png32的alpha透明度。(可用Js+css滤镜解决)
网页中使用的照片类图片,jpg文件一般比png24要小很多。但不排除特殊情况。
五、SVG 图像格式
SVG可以算是目前最最火热的图像文件格式了,它的英文全称为ScalableVectorGraphics,意思为可缩放的矢量图形。它是基于XML(ExtensibleMarkupLanguage),由WorldWideWebConsortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有互交功能,并可以随时插入到HTML中通过浏览器来观看。
它提供了目前网络流行格式GIF和JPEG无法具备了优势:可以任意放大图形显示,但绝不会以牺牲图像质量为代价;字在SVG图像中保留可编辑和可搜寻的状态;平均来讲,SVG文件比JPEG和GIF格式的文件要小很多,因而下载也很快。可以相信,SVG的开发将会为Web提供新的图像标准。
矢量文件格式不是以象素点为单位描述图象,而是以向量为单位描述图象。常见的矢量图象(矢量图象又常被称为图形)文件格式包括:用于交换CAD绘图数据的DXF文件、用于打印机输出及对象存储和交换的PostScript EPS格式、用于控制笔式绘图仪以及激光打印机的HPGL格式、用于在WINDOWS系统下保存和交换图象的WMF格式、用于保存WordPerfect软件中图象图形的WPG格式、用于UNIX
图象绘制程序的通用格式UnixPlot等。
它与位图存储方式的根本区别在于:矢量文件格式仅存储原始图象中的图形结构,例如线段、弧、圆以及文字等,而不单独存储图象中每个独立象素点的值。因此这种图象文件格式中存储的图象内容实际为一系列的绘图命令,指示应用程序如何操作,从而形成原始图象。由于这类文件格式只存储图象中的图形结构信息,而忽略其它的空白部分,因此这类文件结构比位图文件更紧凑,但目前还无法使之能正确描述照片图象。
&六、TIFF格式
TIFF(TagImageFileformat)是Mac中广泛使用的图像格式,它由Aldus和微软联合开发,最初是出于跨平台存储扫描图像的需要而设计的。它的特点是图像格式复杂、存贮信息多。正因为它存储的图像细微层次的信息非常多,图像的质量也得以提高,故而非常有利于原稿的复制。
该格式有压缩和非压缩二种形式,其中压缩可采用LZW无损压缩方案存储。不过,由于TIFF格式结构较为复杂,兼容性较差,因此有时你的软件可能不能正确识别TIFF文件(现在绝大部分软件都已解决了这个问题)。目前在Mac和PC机上移植TIFF文件也十分便捷,因而TIFF现在也是微机上使用最广泛的图像文件格式之一。
七、PSD格式
这是著名的Adobe公司的图像处理软件Photoshop的专用格式PhotoshopDocument(PSD)。PSD其实是Photoshop进行平面设计的一张"草稿图",它里面包含有各种图层、通道、遮罩等多种设计的样稿,以便于下次打开文件时可以修改上一次的设计。在Photoshop所支持的各种图像格式中,PSD的存取速度比其它格式快很多,功能也很强大。
八、SWF格式
利用Flash我们可以制作出一种后缀名为SWF(Shockwaveformat)的动画,这种格式的动画图像能够用比较小的体积来表现丰富的多媒体形式。在图像的传输方面,不必等到文件全部下载才能观看,而是可以边下载边看,因此特别适合网络传输,特别是在传输速率不佳的情况下,也能取得较好的效果。事实也证明了这一点,SWF如今已被大量应用于WEB网页进行多媒体演示与交互性设计。此外,SWF动画是其于矢量技术制作的,因此不管将画面放大多少倍,画面不会因此而有任何损害。综上,SWF格式作品以其高清晰度的画质和小巧的体积,受到了越来越多网页设计者的青睐,也越来越成为网页动画和网页图片设计制作的主流,目前已成为网上动画的事实标准。
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

我要回帖

更多关于 网页切片教程 的文章

 

随机推荐