ps学校网页设计期末（ps网页设计实训报告）
本文目录一览：
- 1、ps网页设计教程
- 2、如何ps制作一个好网页设计如何ps制作一个好网页设计
- 3、怎么用photoshop设计网页如何用ps设计网页
- 4、简单网页设计模板-ps怎么设计网页模板
- 5、如何在在ps制作网页如何用ps制作一个网页
- 6、ps网页设计模板-用Photoshop设计漂亮的网页页脚模板
ps网页设计教程
1、打开电脑中的Photoshop界面。首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72。02画布创建完成后，我们在1200px左右两边拉一条辅助线固定。03然后打开画布大小，取消“相对”，宽度调整为1920px。04设置好之后，在红色区域，也就是1200px区域编辑设计就行了，看你个人网页设计能力。
2、首先，设计网页布局。在Photoshop中，可以使用各种工具来创建网页的基本框架。例如，使用矩形工具可以绘制出网页的头部、主体和底部区域。通过调整这些区域的大小和位置，可以构建出基本的网页布局。
3、新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。新建文件，点击确定，空白文件会自动显示在软件中。
4、添加由（#4a4a49）到（#d5d5d5）的渐变叠加：得到如下效果：输入导航文字颜色分别为：#ffffff#d9ff3f；输入“---”旋转90°作分割线，添加白色正方形小方框；软键盘输入““；完成。
5、下面是PS切图的基本步骤：打开设计图 首先要打开设计师提供的设计图，通常设计图是一个psd文件，其中包含了所有需要切割的元素。选择需要切割的元素 在打开的设计图中，选择需要切割的元素，比如按钮、图片、文字等。
如何ps制作一个好网页设计如何ps制作一个好网页设计
首先，在Photoshop中新建一个文件作为网页的画布。在菜单栏中选择“文件”菜单，然后选择“新建”。 设置网页的尺寸和分辨率。一般来说，网页的宽度为960像素或1200像素，分辨率为72像素/英寸。 设计网页布局。
首先，设计网页布局。在Photoshop中，可以使用各种工具来创建网页的基本框架。例如，使用矩形工具可以绘制出网页的头部、主体和底部区域。通过调整这些区域的大小和位置，可以构建出基本的网页布局。
打开电脑中的Photoshop界面，我们先创建一个宽度为1200，高度任意，分辨率为72的画布。画布创建完成之后，我们在1200px的左右两侧都拉一根辅助线固定。接着打开画布大小，取消“相对”，将宽度调整为1920px。
新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。新建文件，点击确定，空白文件会自动显示在软件中。
第一步 一般在Photoshop中制作网页模板的时候，我使用960网格系统。现而今这个网格系统在web设计中相当流行。然而我仍然相信网格系统不应该被过度的依赖。我使用960的主要原因是它psd文件中自带的参考线可以大大提高web设计的效率。所以我推荐到这里免费下载960。
怎么用photoshop设计网页如何用ps设计网页
1、首先，设计网页布局。在Photoshop中，可以使用各种工具来创建网页的基本框架。例如，使用矩形工具可以绘制出网页的头部、主体和底部区域。通过调整这些区域的大小和位置，可以构建出基本的网页布局。
2、首先打开需要编辑的ps，点击左侧“路径选择工具”选项。然后在该页面中鼠标左键选择要移动图案的整条路径。之后在该页面中鼠标左键按住椭圆边框并移动鼠标即可移动路径。最后点击选中ps网页版，点击确定移动即可。
3、打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。
简单网页设计模板-ps怎么设计网页模板
1、在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存 更新站点中使用模板的所有文件 Modify菜单-Templates-Update Pages 如何制作网页模板 首先你要明白网页制作的流程：网页设计师（主要是用PS）先将网页设计出来。
2、下载完成后用PS打开一个12行的psd文件（960_grid_12_col.psd），将会看到下面这个文件。第二步 如果参考线没有打开，请通过-视图显示-智能参考线和视图-对齐到-参考线打开，快捷键Ctrl+；。以下你看到的是我已经在图中间画好了一个黑色矩形，接下来所有的元素都将包含在这个矩形中。
3、如果你只是制作模板，那么就学习html，div+css，js（jquery）即可网页模板只是一个网页的模块，目的是为了方便网页编辑者可以快速导入这个模块，并且对里面的内容进行编辑，节省时间。要制作网页模板，要先懂得最基本的网页制作方法。
4、选择一个背景颜色，在我的这个例子中，背景色是一个简单的从#b0b0b0到#e1e1e1的渐变色。按住Shift键，创建一个垂直的从上到下的渐变。第3步 你将要创建什么样的布局在网页设计中是非常重要的。
如何在在ps制作网页如何用ps制作一个网页
新建一个六百乘六百像素的黑色背景，新建图层，选择钢笔工具，绘制图形，填充白色，选择文字工具，输入文字。调整好合并图层进行旋转变形。选择图像，位移，设置为水平，垂直各一百像素，也可以设置为水平垂直各三百像素，点击确定。再次复制几个标志图形。
首先打开需要编辑的ps，点击左侧“路径选择工具”选项。然后在该页面中鼠标左键选择要移动图案的整条路径。之后在该页面中鼠标左键按住椭圆边框并移动鼠标即可移动路径。最后点击选中ps网页版，点击确定移动即可。
我们打开ps软件，新建一个1920*3000的文件，分辨率选择72像素，颜色为白色。在guideguide插件中，我们将左右边距都设置为360，行数为12，余边为20，单位都为像素。下面我们建立首屏线，在【视图】中找到【新建参考线】，选择水平，数值为785像素。
新建一个空白文件，打开“素材/网页素材jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层 1”。使用“自由变换”调整大小。2 使用 “矩形工具”将网页布局划分、颜色白色RGB为（2525255）、设置图层混合模式：投影 3 将形状图形载入选区。
ps网页设计模板-用Photoshop设计漂亮的网页页脚模板
1、这就是我们将要创建的页脚。点击下面的截图查看原图。第1步 和液体感的页首和页脚一样，渐变通常是web0设计风格的标志。在这个教程中我们将使用到一组模拟3D材质的渐变文件包。你可以从excellent Deziner Folio得到这个文件包。点击这里下载渐变文件包。第2步 在Photoshop中创建新文档。
2、为了在html文件中使用页脚，只需将文字移除（文字将会在html中添加），如下图所示剪切背景图片，然后将其粘贴到一个新的文件中。就像在Photoshop中那样，这个图案将会在CSS文件中使用背景图片属性来实现。这就是为什么我们要将图片剪切到这么小，为的是以小的文件得到更好的效果。
3、添加一个新层（CTR + SHIFT + N），使用选框工具在画布顶部添加一个1像素的白线。（仔细看下图顶部有条白线）现在打开一个新的文档12×1像素，背景层解锁并隐藏它。放大到3200%（最大），添加一个新图层，使用矩形选框工具添加两个1×1像素的正方形，填充颜色为#FFF和其他#000，如下图所示。
4、第一步 这次我们要使用Photoshop创建一个破旧风格的网页设计，需要用到很多的图片。由于这是一个中间难度的教程，我将会略过对于基本步骤的解释。首先创建一个宽950像素高800像素，分辨率为72dpi的新文档。将标尺打开，拖拽出文档的边界，这将会是设计的最佳区域。我计划设计一个固定宽度的布局。
