手机版
收藏本站
切图 4.09.41J
类型:主题美化 平台:安卓
大小:32.1MB 时间:2024-05-11
切图目录
第1种:PS中有切片工具,可以把图切成一片一片的
第2种:把你要的部份圈出来,然后Ctrl+C。
建新图层,Ctrl+V。
一、网页美工图素材切出
我们拿到一张美工图,首先分析后在PS中切片,根据前期分析利用PS切出所需的网页图片素材。
二、DIV+CSS代码开发
我们再根据美工图,从头到尾HTML+CSS开发,将前期切出的美工图进行运用(背景、HTML图片)等应用。
CSS切图可以通俗理解为,从一张网页美工图切片到HTML代码开发与CSS样式开发,完成HTML静态网页(实现基础HTML网页制作)。
我们还可以理解为我们所说的CSS切图相当于是DIV CSS开发。
在CSS切图前还有一个网页美工图设计,通常是由美工设计师完成美工图设计。
CSS开发人员拿到美工设计师设计美工图完成HTML的过程。
在photoshop中用作辅助线(guide Line)的办法来实现切图,步骤如下: 1.按Ctrl+R 显示水平和垂直刻度表; 2.按住水平或垂直刻度表,向作图区拖动,到适当的位置时放开,就会产生水平或垂直辅助线; 3.重复步骤2,使水平和垂直辅助线将大图片划分切割成很多矩形小图片; 4.点击View菜单,选中snap to guide项; 选中snap to guide后, 以后光标在辅助线旁边时,会自动靠到辅助线,易于定位. 5.再依据辅助线,就可将大图片切割成很多矩形小图片;