1、这是一篇用Photoshop做网页视觉设计稿的教程，文章将一步步介绍如何在Photoshop中做一个活泼的手写风格网页设计稿设计过程主要分为以下几个部分背景header部分body部分footer部分下面是效果图预览 背景描绘 第一步创建画布 首先，打开photoshop创建一个新的项目你可以点击文件新建或按下CTRL+；新建图层，用圆角矩形工具在中间拉出一个矩形，填充任意颜色，在图层面板里将填充设为0%选择中间矩形所在图层，图层样式渐变叠加，#3399cc~#00cccc 这是我们现在得到的效果选择自定义形状工具，选择其中的一个圆形形状新建图层，画几个圆形，用变形工具适当变形，最好将它们放入一个群组内，得到。

2、1打开电脑中的Photoshop界面，我们先创建一个宽度为1200，高度任意，分辨率为72的画布2画布创建完成之后，我们在1200px的左右两侧都拉一根辅助线固定3接着打开画布大小，取消“相对”，将宽度调整为1920px4设置完成之后，在红色的区域内也就是1200px区域之内进行编辑操作设计就行了，具体操作；1 创建新的 Photoshop文档 CtrlCmd + N根据下图设置单位和标尺 2 确保你使用像素为单位， 它是网页设计的标准尺度 从前置选项的windows对话框设置标尺 CtrlCmd + K 点击单位和标尺，确保你所有的设置跟下图相同为内容区域增加指导 3 激活photoshop的标尺，从查看 标尺里头 按下”Ctrl。

3、一先用Photoshop切片 1在Photoshop里面打开一张要设计网站的图片 2选择切片工具剪切网页的头部 3用切片工具剪切网页的导航栏 4用切片工具剪切网页的海报区 5用切片工具剪切网页的正文部分，这样切片部分就做好了 二网页的保存 1点击“文件存储为web所用格式”2将网页选择一种预设然；如何制作网页模板 首先你要明白网页制作的流程1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局，将图片变成网页3后台制作可以自己开发，也可以套用cms，如dedecms，phpcms等 4具体步骤就是这样详细的牵扯到一些技术，就是html，div+css，js，jquery，js框架。

4、用photoshop制作个人简历的步骤 素材准备 1个人照片一张当然是好看一点的啦！ 2竹叶的素材图片笔者准备做一张绿色主调的封面，相信凉爽的色调更能让老板 喜欢图片的质量要尽可能高，下面两张图片是笔者使用数码相机拍摄的 创作工具PS70CS 1打开PS，新建一个空白文档，取名“封面psd”宽度和高度分别。