网页切图切成什么格式,关于PS制作网页切片后储存什么格式问题

本文目录一览

1,关于PS制作网页切片后储存什么格式问题

储存为wed和设备所用格式就行

{0}

创新互联是专业的定结网站建设公司,定结接单;提供成都网站设计、网站建设、外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行定结网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

创新互联建站长期为近千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为索县企业提供专业的成都网站制作、网站建设,索县网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

2,网页如何切图

问题一:网页切图怎么做? 网页设计切图 网页切图怎么做?网页设计切图 制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。) 切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。问题二:页面设计页面制作 这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。目前我无法判断你那些图片带链接,所以只能大概的给你讲一下(目前文字部分我先不管),具体我拿第三张来讲给你吧。首先,把所有要做链接的图层都隐藏掉,剩下的层,就可以用来切图,整体背景是蓝色,所以css搞定就行。其次,背景有一张整体的背景图,这个需要全部单独切下来,图片上面不要带任何其他元素,就只是这张单独的图片就好,布局的时候引用为背景! 然后,剩下的就是主体部分,上面的播放视频和文字我就不讲了,简单,底部的汽车促销图片也切一张大图就好,也简单。最后,就剩下最难搞的中间部分,大概想了一下,2种方法实现,如下: 1、切成整张大图,需要做链接的地方,画上不规则热区就好了!这种比较简单些。
2、图片什么样,就切成什么样,每张小图都单独切出来(注意:要做成png格式保存,背景设置为透明),然后写html的时候,用css画出等大的不规则图形,吧图片当做背景加进去,然后用css绝对定位一下,如有链接加链接,完美实现! 备注:css画不规则图形,网上可以搜到教程,看一看就差不多,不难! 至于其他几张图,比较简单,简单说一下第二张,第二张的其实如果想简单实现,那就除文字和纯背景色外,整张切,然后有链接的地方加热点就好,想做复杂一点,就可以用到我所说的css画不规则图形,纯色的三个纵横条,不用切,css画出来,添加背景色,然后绝对定位就好,其他的该切多大就切多大,然后用css绝对定位,设置好z-index的关系,就ok了! 之前做过很多这样的网站,这都是经验之谈,完全能实现,要有问题再问我!完全纯手打啊~~ 问题三:photoshop网页切图怎么用 1、首先需要用photoshop把psd源文件打开,看看源文件的整体布局。源文件是分层的,方便切图的层次。
2、切图的工具叫做“切片”,在左侧面板可以看到。右击可以看到“切片工具”和“切片选择工具”按钮。
3、用放大镜将所要切的图片部分放大,可以用参考线确定大小,切图是可以沿参考线切。
4、切换到切片工具,沿参考线划出切片,右击可以看到有可以编辑切片的选项,可以设置切片像素大小。
5、切好后就可以单击菜单栏“文件”,选择“存储为web所用格式”选项。
6、选择要存储的切片,然后右上角可以设置图片的格式、质量大小,设置好以后就可以单击保存了。
7、保存需要保存的切片,选择好路径即可,单击保存即完成。打开保存好的图片,如图。注意事项 注意保存时最好自己设置路径,settings选项。问题四:怎么用ps做html切图 ,详细! 10分 先切小片然后写代码 不是一句话两句话能说清楚的 问题五:UI 中网页设计切图怎么切 PxCook,目前我还没用上Mac,所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手,虽然它还附带切图功能,但是比较鸡肋,不推荐用它切图。切图工具: Cutterman 一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc,然后自行破解。官网上有安装使用教程,自己研究下吧,因为我也是最近才开始接触这款插件。Part 2 Photoshop 现在常用的几种设计尺寸 1. 640*960 4时代的尺寸,刚接触APP设计用的是这个尺寸,拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧); 2. 640*1136 5/5S/5C,IPhone更新,咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸),进入扁平的时代了; 3. 750*1334 6 目前我做设计稿的设计尺寸,IPhone6的尺寸,向下可以适配4,5,向上可以适配6 plus;我记得IP6推出后,我问总监应该用什么尺寸设计,他说用IP6的吧,好适配,切出来就是@2x了,改一改上下都能照顾到。问题六:网页切图是不是一般只切按钮部分?别的比如背景都用CSS实现? 一般来说,比如网站logo、网站相关的图片(例如产品图片,不规则的形状图片等)、渐变、特殊字体(宋体、黑体、微软雅黑以外的字体),几乎都是要切成图片来做的。切成图片又分为2胆,一种通过设置css背景,另外一种是直接标签加路径调用。其他的全部用css来实现。问题七:ps如何切图成HTML页面 希望给一个详细流程操作 修改好相应的文字与图象之后,我们就将PSD文件输出(X)HTML文件。首先得先对PSD文件做切片,有两种方法: ①使用工具栏上的“切片工具”, 然后在图象上划出一块一块的区域。②使用基于参考线的切片,按ctrl+R调出标尺栏, 把鼠标移动到标尺上,按住鼠标左键,移动到图象上,将会看到一条绿色的参考线,如图 将参考线;排好,然后点一下工具栏上的切片工具图表,然后点上面 选项栏里的“基于参考线的切片”。于是在原来的参考线上就变成了一块一块的切片了。接下来就可以输出了: ①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。②接下来就会弹出一个“将优化结果存储为”的窗口,如图 在“保存类型”处有个下拉列框可以选择,因为我们要存储为网页的格式,所以选择“HTML和图象(* html)”,再选择“保存”就可以输出憨个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。③如果我们需要输出“div+css的网页”我们还可以这么做: 在“设置”处的下拉列框,选择“其他” 就会弹出一个“输出设置”的窗口 在第2个下拉列框处选择“切片” 选择“生成CSS” 单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。问题八:网页美工是怎样进行图片切图的 步骤如下: 1.首先我们需要用到的文件就是psd的文件了,一般都是由设计师来完成的,我们切图也就是切psd文件,因为psd文件是分层的,所以想切哪里切哪里。
2.之后用Photoshop软件打开psd文件,这里小鱼用CC版本演示,其他版本大同小异。我们打开之后可以双击左侧的放大镜工具,将图片缩放到原图大小。
3.我们要切图,当然用到的就是“切片”工具了,可以点击左边的切片工具,也可以右击这个图标选择更多的相关工具。切图都是用切片工具。
4.选择好切片工具之后,想要切哪里就直接拖动鼠标就可以了,然后会出现切线,在切线框内右击还可以弹出菜单。
5.点击菜单的编辑切片选项还可以对切片进行编辑,可以编辑大小等项目。
6.但是如果我们只想要字怎么办,不要底层背景,那么可以用“移动”工具。选择移动工具,在不要的背景上单击,这时候在“图层”面板里面就会选中这个图层。注意勾选上面的“自动选择图层”。
7.把选中的不需要的背景前面的小眼睛去掉,最后只剩我们想要的部分。
8.然后点击左上角菜单栏的“文件”,选择“存储为web所用格式”选项。
9.如果要透明的,那么一般选择png格式,如果要非透明的,那么哪个格式存储的文件小就选择哪个,这样能保证网页加载速度快。然后点击下面的“存储”按钮。
10.然后给图片命名,选择一个保存地址,最后选择“选中的切片”,不然好多没用的图片都会保存下来。
11.最后找到保存好的图片打开,已经是一个我们想要的图片了。问题九:如何把图片切成HTML页面 用 ImageReady 其次打开你想做切片的图片 在英文输入法下,在程序界面中按 K 切换到切片工具 在图片上随意进行切片 按CTRL+ALT+SHIFT+S 将优化结果存储为 保存类型下拉框拉下来选择“HTML和图像” 进行保存 或者使用photoshop的 切片工具 操作! 这是教程 wenku.baidu/...a wenku.baidu/...6 希望帮到你 问题十:网页切图什么意思,怎么切法 如果你登着QQ 同时按下Ctrl+Alt+A这三个键就可以切图了。如果没登QQ,系统也有自带的截图功能,就是键盘上的PrtScrSysRq,不过这是全屏截图 然后在开始~所有程序~附件中打开“截图工具”,然后再按下ctrl+print(键盘上的PrtScrSysRq键)即可 切的图可以保存在自己电脑,也可以发给自己的朋友。谢谢!

{1}

3,网页上的图形格式有哪些

图形的格式千奇百怪,但是一般 WWW 浏览器支持的图形格式只有 .gif 和 .jpg(.jpe),这两种都是经过压缩的图形文档。所以文件较小,适合在网络上传送。如果你的图形是别的格式, 则必须使用图形处理软件来将其转存成 .GIF 或 .JPG 的图形格式。但到底该用那一种图形格式呢? 先看看下面的比较: GIF 格式 JPEG 格式 压缩比例 较小 从大到小有四种选择 最多支援的颜色 256色 全彩(16百万色) 渐显功能(“隔行”方式) GIF89a有 无 背景透明功能 GIF89a有 无 动画 GIF89a有 无

主要用的的就是 jpg gif png bmp(用的不多,常用于验证码)

jpg gif png jpeg

{2}

4,网页从切图到生成网页的步骤

先熟悉那个公司以及行业的文化,有自己积累的素材当然很好,在此基础上用ps改改。如果从头设计图案,虽然比较耗时,但如果熟悉ps也不算难阿。通常可以在纸上或者方便易用的画图软件上设计整体的布局,然后尝试不同的颜色色调什么的--当然要与那个公司的文化背景一致。这样当布局设计好了后,后再考虑用html实现。设计的时候不要考虑html,那会影响你的设计。html+css表现力已经非常强了,几乎没什么别人设计了它却实现不了的。不过我见很多UI设计人员都懂html,毕竟很简单。他们只是不怎么写服务器端程序代码,但要写html和css。也许你们的美工只负责设计图?

我也是个起步没多久的网页设计。理论来说,网页设计师只要求做到DIV+CSS布局的静态页这块就好了,然后交给程序员。不过现在很多中小型公司要求你不仅会HTML CSS+DIV,还需要懂编程如Javascript,数据库,后台CMS,更离谱的还要会C+ .net java等大型开发语言...真是无语啊。真不知道他们招设计还是程序员。不过作为一个网页设计师,要做到CSS+DIV布局的静态页是必须的,而后,你可以学学JS特效,只要学到能套用就好,不一定要会自己编。最好再仔细研究一套CMS内容管理系统,这样你就能独立完成一个完整的网站。会DIV+CSS,会用一套CMS,会套用JS特效,去中小型企业基本上没什么问题,大型企业分工更明确,不会做那么多份外的工作,但相应的,你的美术设计的专业能力要很高。素材,考虑效率的情况下,有现成的就用,网上下。就说这些,加油,一起进步吧!

你所说素材是指哪方面的素材。设计师设计好的当然是完整的网页效果图,可以使psd格式的,也可以存成jpg给网页制作人员。


名称栏目:网页切图切成什么格式,关于PS制作网页切片后储存什么格式问题
本文地址:http://pwwzsj.com/article/ejgdjj.html