导航:首页 > 万维百科 > 网页设计图片裁剪工具

网页设计图片裁剪工具

发布时间:2020-11-28 05:56:07

1、如何裁切网页设计图,我有ps版的设计图原告,不知道如何进行裁切

最好是直接用大图,在DW中用热点工具加上链接,效果很好,而且图片中间是无缝隙的,拼接的图片中间是有缝的,你可以自己试试!

2、网页制作中关于切割图片并自动生成代码的问题

呵呵,我也不知道有没有能用DIV 排版的切割软件啊。我用的 PS FW 都是只能产生 TABLE 代码。这两个强者都只能这样,估计 DIV 是不会有软件能产生的了。

3、网页设计里,怎样用块div做网页,怎样插入图片,怎样调整图片大小

把图片放到img中,设置图片的宽和高属性,对于div做网页,div可以把网页内容结构组织起来,还需要结合css设置每个div的属性对页面各部分内容进行排版,需要系统学习div+css网页布局。

4、我有一张psd的网站设计图,如何用PS把里面的图片分解裁剪出来呢?

先做好辅助线 可以在该图层 利用矩形工具 

框选你要裁剪的地方 然后CTRL+ENTER+J 矩形里的内容将会单独在一个图层里了再点击这个图片的图层 框选其他要裁出来的部位 重复上次操作

5、在网页设计中如何用PS切图

1、在Photoshop中打开设计稿,如下图:

2、选择工具板上的slice切片工具,大面积的色块单独切成一块,尽可能的保持在水平线上的整齐,切好的图如下所示:

3、在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:

4、接下来在Dreamweaver里建立站点:

5、在图示左边的site name中为站点起一个名字,如example然后在下面的local root folder中选择刚才导出的站点的文件夹:

6、重新制作页面表格,通常在photoshop中直接导出的htm文件是不可以直接使用的,因为有些地方在实际运用时要作调整:

7、根据这个页面表格所示,在新的页面中建立一个三行一列的表格,把cellpadding,cellspacing,border三项值设为0,不然会有空隙,最后选择表格,背景添加图片即可。

6、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了,改一改上下都能照顾到。

7、网页设计中,怎么制作图片浏览工具?

css+js做的http://www.jsfoot.com/ http://niutuku.com/js/1/这些都是要多少有多少

8、网页制作中如何切割图片?

其实, 你有点没有理解到.就是其实只要切割之后,导入DREAMWEAVER中,自动就以切片为单位变成表格了.所以,先切再导入,而不是先做表,再切.
如果你先做表,那就只能按照表格,调整图片大小.
这是两种不同方法, 不要混淆.

9、网页设计怎么切图

你用什么软件设计的就用什么软件来裁切图,我用的是photoshop进行设计,也是用这个来进行的切图;
切图保存格式最好、最常用的是gif和jpg。色彩要求不多的情况下,比如说小图标,就用gif。如果色彩比较丰富,gif就不够用了,就要保存成jpg。至于png,一般情况下不要用,一个是占用空间大,再是在不同的浏览器下浏览,会出现灰色背景,祝你好运!

10、关于网页制作的,什么是切图,切图要达到什么目的,用什么工具来切

制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。(当然是用剪切、选择工具也可以,但是用切片工具处理更精确。)

切图的目的就是更加精确的进行网页布局。

photoshop、fireworks等软件都带有切片工具。

与网页设计图片裁剪工具相关的知识