页面制作部分之PS切图

  1. 云栖社区>
  2. 博客>
  3. 正文

页面制作部分之PS切图

孤剑 2015-06-22 22:33:00 浏览480
展开阅读全文

原文: http://www.cnblogs.com/jingwhale/p/4396235.html

     网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图。网页切图工具常用的有fireworks、PS,这里使用PS进行网页切图。

      我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background)。

一.使用PS工具

1.1 PS首选项设置

编辑-》首选项-》单位与标尺,选改为像素。

image

1.2 面板

在“窗口”菜单下开启:

工具(默认已开启)

选项(默认已开启)

图层(默认已开启)

信息(手动开启)

历史记录(手动开启)

关闭其他不需要的功能,将以上功能放置在合适的区域,窗口-》工作区-》保存工作区,设置后的工作区如下:

image

1.3 切图常用工具

网友评论

登录后评论
0/500
评论
孤剑
+ 关注