网页美工是如何进行切割图片的
新闻来源：优漫教育
日期：2021-08-10
网页艺术家如何切割图片？如何将psd设计图切割成div+css的网页？你需要手动调整布局和修改风格吗？ps的切割工具只是图片和标题的拼接。有更先进的切割工具吗？
仅使用ps中的velositey插件进行切图，准确地对每一层进行切图。方便快捷，当然，切出的只是图片，前端代码是自己布局的。photoshop自己的切图生成网页功能就是使用表格，现在已经没有什么作用了，生成出来也不能用作进一步的设计。此外，似乎有些网页设计培训学校正在不懈地研究更好地符合标准的实现方法，目前还没有取得好成绩。
但是对于前端设计来说，这并不重要，因为实际的前端设计很难使用这种自动生成的网页。比如为了在手机上清晰显示，很多图标都是以font的形式显示的；有时候需要使用半透明的图片。所以严谨实用的方法是把网页的元素分开成图片，供前端设计使用。
一、在设计网页艺术设计之前，我们应该基于ps设置新文件。设置时应注意以下几点:
1、必须做好网页宽度的设置设计，一般网页宽度有760PX,900PX,1000PX等，最好不要超过1200PX宽度，高度不限。大部分做网站的公司都有比较合理的标准。
2、作为网页背景，网页图标要清晰，网站设计要注意。所以切图的时候不要切的效果和设计的效果差别太大。
3、在有特效的地方，需要设计特效样式，以便在制作DIVCSS时切割图片。
4、制作网页后可以更改的文本需要宋体和黑体而不需要修改。
5、细节必须对齐。
二、美工图设计后应注意的两点:
1、导出JPGGIFPNG等格式的观察效果。
2、不要合层，尽量保持每一张文字图标图片都有独立的图层，这样在DIVCSS切图时便于隐藏切图。
三、新建设置后，将开始网页艺术设计。网页艺术设计过程中应注意:
1、注意网页的分块，在开始设计网页时，你必须根据所掌握的内容，及其风格，对网页的整体进行分块。分块化是一项非常必要和难以掌握的技巧。对普通杂志而言，它们是有边的，也就是说，杂志美工设计师有边可循，靠边形成立体感，靠边形成未尽的意韵；但对网页而言，边的概念被淡化，屏幕可以上下左右拖动。因此此此时分块显得十分必要，目的也就是产生的效果。
块可以用不同颜色的块、框、细线、排列整齐的英语等混合使用，但注意不要太显眼。因为页面的重点是内容，不是其他的。
2、颜色的平衡和唿应。
1)色彩平衡。颜色可以在页面上形成很多效果，通过强烈的对比可以突出页面的重点。也可以通过配色来改变页面的稳定性。一般来说，页面上方的颜色总是很重，这样可以抑制下面的颜色。如果不采用这种方法，整个页面会显得很不稳定，下面的文字图片会有凸出的意思。所以要让整个页面看起来很平衡，就必须有能镇静其他颜色的颜色。
2）色彩唿应。一个比较突出的颜色，如果非常突兀地放在页面上，不管你是突出重点还是logo图标，都会对整个页面产生副作用。因此，你必须在相对称的位置加上颜色系统(对页面不显眼)来唿应，这样才能减弱视觉冲击。
3.准确到一个像素。
如果你是一个成功的页面设计师，你至少会在做页面之前构思整个页面；如果你宽容地对待图片中一个像素的差异，说明你不是很合格。
