① 求资源,ps切片工具使用教程,只要怎么切图的,切出来网页里的各种需要的小图

http://jingyan..com/article/3ea5148915b98b52e61bbad6.html这个教程简单易懂,其实也就是拿切片刀划线后,调整位置切出来的。不难。

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

③ 网页美工切图需要会什么

你div和来css学一些常用的基础就可源以了,还要会JavaScript,但是最主要还是要学会怎么使用工具,切图片的话用Photoshop就行,要熟悉里面的切片工具,还要会Dreamweaver,可以用来调整页面,要做动画的话可以用flash,呵呵,做一个好的美工可不容易,主要是对美和颜色搭配有一种非常敏感的感觉,美工做好一个页面90%的时间花在设计图片上了,10%用工具软件切好。

④ 页面设计页面制作 这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。

目前我无法判断你那些图片带链接,所以只能大概的给你讲一下(目前文字部分我先不管),具体我拿第三张来讲给你吧。

首先,把所有要做链接的图层都隐藏掉,剩下的层,就可以用来切图,整体背景是蓝色,所以css搞定就行。

其次,背景有一张整体的背景图,这个需要全部单独切下来,图片上面不要带任何其他元素,就只是这张单独的图片就好,布局的时候引用为背景!

然后,剩下的就是主体部分,上面的播放视频和文字我就不讲了,简单,底部的汽车促销图片也切一张大图就好,也简单。

最后,就剩下最难搞的中间部分,大概想了一下,2种方法实现,如下:
1、切成整张大图,需要做链接的地方,画上不规则热区就好了!这种比较简单些。
2、图片什么样,就切成什么样,每张小图都单独切出来(注意:要做成png格式保存,背景设置为透明),然后写html的时候,用css画出等大的不规则图形,吧图片当做背景加进去,然后用css绝对定位一下,如有链接加链接,完美实现!

备注:css画不规则图形,网上可以搜到教程,看一看就差不多,不难!

至于其他几张图,比较简单,简单说一下第二张,第二张的其实如果想简单实现,那就除文字和纯背景色外,整张切,然后有链接的地方加热点就好,想做复杂一点,就可以用到我所说的css画不规则图形,纯色的三个纵横条,不用切,css画出来,添加背景色,然后绝对定位就好,其他的该切多大就切多大,然后用css绝对定位,设置好z-index的关系,就ok了!

之前做过很多这样的网站,这都是经验之谈,完全能实现,要有问题再问我!完全纯手打啊~~

⑤ 我不怎么会用PS切图html,教教我详细步骤!

PS切图插入DW,是为了网页美工方便。其实比PS专业切图软件专门为Dreamweaver准备的辅助工具,同样是Adobe公司产品,叫Adobe Fireworks,简称FW,下载这个来切图吧。360软件里能搜到,我的网盘还没有共享,所以你自己下载吧,序列号网络多多。

步骤如下:第一打开软件 文件- 打开所需要的图片。

第二点击左侧工具栏内 切片工具 ,

⑥ ps切图,怎么切

PS中切图,推荐使用摹客iDoc,轻松标记,自动切图:


第一步.下载安装摹客iDoc插件

插件安装好后打开PS,在「窗口>扩展功能」找到摹客 iDoc 插件,选择并打开。使用摹客平台账号登录。


iDoc自动切图,还有更多亮点功能包括切图压缩、切换平台和选择倍率、下载选中切图,一步到位。


⑦ 怎么进行网页设计(从切图到网页生成)

这个我这里有几个不错的资料:
Fireworks网页设计综合实例1
http://webdesign.chinaitlab.com/fwsl/386043.html

Fireworks网页设计综合实例2
http://webdesign.chinaitlab.com/fwsl/386042.html

Fireworks网页设计综合实例3
http://webdesign.chinaitlab.com/fwsl/386054.html

http://webdesign.chinaitlab.com/fwsl/386053.html
http://webdesign.chinaitlab.com/fwsl/386051.html
http://webdesign.chinaitlab.com/fwsl/386050.html
http://webdesign.chinaitlab.com/fwsl/386047.html

上面总共7个资料,它们实际上只是一个实例的讲解,希望对你有用

⑧ 用PS切片切割下来的图制作网页 怎样完美切割 具体操作和技巧

不知道你是指在ps中完美切图 还是切图如何完美应用在网页中!这两个概念是完全不同的,一个好看的网页呢切图一定要整齐,差一个像素让人看着也会不舒服。在ps切图过程中一定要拉辅助线,这样切的图规整整洁!网页设计师呢考虑的是文件的大小网页运行的快慢。所以一个完美的网站是要ps和网页两者结合的。网页文件大小是和图片的颜色、格式等来控制的!!

⑨ 怎样进行ps网页切图和怎样导入dw中

http://tech.163.com/special/000915SN/dzdw100.html
在这里有详细的教程,自己看吧~至于切图,多看一些ps模板,其中有的images里就有,参照一下吧