网页制作设计photoshop，网页制作设计书模板

金生今天 15

默认

摘要： 怎么使用Photoshop做活泼手绘风格网页设计稿?背景设计创建画布：打开Photoshop，通过“文件”-“新建”或快捷键CTRL+N创建一个新的项目，画布大小设为1000×...

怎么使用 photoshop做活泼手绘 风格 网页设计稿?

背景设计创建画布：打开 PHOTOSHOP，通过“文件”-“新建”或快捷键 Ctrl+N创建一个新的项目，画布大小设为1000×900像素。应用渐变：创建一个新图层，设置前景色为#edd8af，背景色为#ede4c9，从左往右添加渐变效果。

第二步：应用渐变既然我们的画布已经创建了，是时候开始背景的设计了。创建一个新层（快捷键CTRL+SHIFT+N）。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为#ede4c9。这个颜色用来表示盒子的颜色。第三步：添加纹理我们想要BoxedART背景设计看起来像厚纸板的效果。

用Photoshop 制作网页的步骤如下：创建画布：打开Photoshop界面，创建一个宽度为1200像素，高度任意，分辨率为72像素/英寸的画布。设置辅助线：在画布的1200像素宽度左右两侧各拉一根辅助线，以固定设计区域。调整画布大小：打开“画布大小”设置，取消“相对”选项，将宽度调整为1920像素。

组织网页元素：将网页的主要元素，如banner条、文本框、文字、版权信息、LOGO、广告等，分别放置在Photoshop中的不同图层中，以便于后续的编辑和调整。创建图层组：利用图层组功能，将相关的网页元素放置在同一个组内，例如创建“网页顶部”组，包含标题、菜单、Logo等元素。

创建基础画布新建画布：首先，在Photoshop中新建一个六百乘六百像素的画布，背景色设置为黑色。这是为了模拟一个网页的基础空间。绘制网页元素绘制图形：在新建的图层上，使用钢笔工具绘制网页中需要的图形元素，如按钮、装饰线条等。绘制完成后，填充为白色或其他所需颜色。

用ps怎么网页设计怎么用ps做网页设计

1、设计网页界面：利用PS软件提供的强大图形编辑工具，设计网页布局、添加图片、调整颜色、添加文字等，制作出具有视觉吸引力的网页界面。切片并导出图块：在PS中完成设计后，使用“文件”菜单中的“导出”功能，选择“切片”选项，将设计好的界面切分为多个小图块。导出这些小图块为JPEG或PNG格式，以便后续在网页开发中使用。

2、创建基础画布新建画布：打开Photoshop，选择“文件”“新建”，设置宽度和高度为600x600像素（这个尺寸可以根据需要调整），背景色选择黑色。绘制网页元素绘制图形：在新建的图层上，选择“钢笔工具”绘制所需的图形，例如按钮、装饰线条等。

3、选择“文件”“存储为Web和设备所用格式”。在弹出的对话框中，选择适当的格式和品质设置。点击“存储”，选择保存路径，并确保每个切片都被保存为单独的文件。创建html文件：使用文本编辑器创建一个新的HTML文件。根据切片数量和网页布局，使用HTML标签来构建网页的基本结构。

4、利用Photoshop的专业设计能力，先设计好网页的整体版面。使用切片工具将设计好的网页版面进行切割。切片工具可以帮助你将大的设计图分割成多个小部分，以便于网页的加载和显示。保存切片为网页格式：通过Photoshop的文件菜单中的保存选项，将切割好的切片保存为网页格式。

5、打开PS软件，点击“新建”按钮。设置文件尺寸为1920*3000像素，分辨率选择72像素/英寸，背景颜色选择白色。安装并使用GuideGuide插件：安装GuideGuide插件（可通过官方网站或可靠来源下载并安装）。在GuideGuide插件中，设置左右边距为360像素，行数为12，余边为20像素，单位选择像素。