ps网页制作教程视频

用PS简单制作一个web网页的步骤如下1 新建文件 打开PS软件，新建一个文件，尺寸为1920*3000像素，分辨率选择72像素英寸，颜色模式选择白色作为背景2 设置网格 安装并使用guideguide插件，设置左右边距为360像素，行数为12行，余边为20像素这有助于规范页面布局3 建立首屏线 在视图菜单。

使用PS制作一个网页的预览图或网页元素，可以按照以下步骤进行一创建基本画布 新建一个六百乘六百像素的画布，背景色设置为黑色这将作为你网页设计的起点二绘制网页元素 绘制图形新建图层，选择钢笔工具，在画布上绘制所需的图形，如按钮装饰框等，并填充为白色或其他所需颜色 添加文字。

使用PS制作一个网页的预览图或网页元素，可以按照以下步骤进行创建基础画布新建画布在Photoshop中，首先新建一个六百乘六百像素的画布，背景色设置为黑色绘制网页元素新建图层在图层面板中新建一个图层绘制图形选择钢笔工具，绘制所需的网页元素图形，如按钮装饰线条等，并填充为白色或其他。

使用PS制作一个网页的模拟图或元素，可以按照以下步骤进行创建基础画布新建画布首先，在Photoshop中新建一个六百乘六百像素的画布，背景色设置为黑色新建图层在图层面板中新建一个图层，以便在独立图层上进行绘制绘制图形与添加文字选择钢笔工具在新建的图层上，使用钢笔工具绘制所需的图形。

很多朋友不知道用ps制作网页的规范下面介绍一下打开电脑中的Photoshop界面首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72画布创建完成后，我们在1200px左右两边拉一条辅助线固定然后打开画布大小，取消“相对”，宽度调整为1920px设置好之后，在红色区域，也就是1200px区域编辑设计就。

1 新建一个空白文件，打开“素材网页素材1jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层 1”使用“自由变换”调整大小2 使用 “矩形工具”将网页布局划分颜色白色RGB为255255255设置图层混合模式投影 3 将形状图形载入选区创建一个新图层“图层2”，使用 “渐变。

在制作网页图片的过程中，需要运用到三个软件首先是Photoshop，它主要用于设计和编辑图片在Photoshop中处理好图片后，接下来需要将其导入到ImageReady在ImageReady中，可以进行图片的优化处理，包括设置图片的尺寸分辨率和颜色模式等，以便更好地适应网页环境在导出优化结果时，应选择“将优化结果存储为。

1执行菜单“文件”“新建”快捷键Ctrl+N，弹出新建对话框，设置名称制作登陆办公平台按钮，宽度800像素，高度600像素，分辨率72像素英寸，颜色模式RGB颜色8位，背景内容白色，设置完毕后单击确定按钮2在图层控制面板击新建图层按钮，新建一个“背景”，选择工具箱渐变工具快捷。

一使用Photoshop制作网页效果图 创建背景图片新建一个1920px*400px的文件使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景保存这张图片为gif格式，作为网页的顶部背景设计网页效果图新建一个1000*800的文件，用于设计整个网页的效果图使用各种PS工具设计网页的布局和内容注意在设计过程。

打开PS软件，新建一个1920*3000的文件，分辨率设为72像素，颜色选白色，这就像给网页首页准备了一张大大的画布哦设置参考线用guideguide插件，左右边距都调成360像素，行数12行，每行间隔20像素，这样就像给画布上画好了格子线，方便我们布局建立首屏线在视图里找到新建参考线，选水平的。

1打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作2新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局首先选择“矩形选择工具”，然后将矩形的宽度设置为1024。

你想在dreamweaver制作二级页面，就在dw中新建一个页面制作具体步骤是dw菜单中的文件，新建，页面类型选html，点击创建按钮就创建了一个空白页面在这个空白页面上做你要得二级页面效果给你举个例子一级页面是网站首页，导航中有一个“联系我们”，你现在要做的二级页面就是“联系我们”这个页面。

今天的PConline小编如何利用ps和DW简单地制作网页，看到密集的网页导航，制作网页也不简单，怎么制作网页简单呢感兴趣的朋友一起往下看吧PS3模拟器软件版中文版游戏娱乐立即查看DW软件版本101iOS软件立即查看ps和Dreamweaver只需要两个软件效果图我们需要先制作背景图片也就是说，网页背景的。

PS的切片工具适合内容较为简单的页面，页面图片过多，会导致切图后生成的冗余图片过多，不利于网页制作的最基本原则页面文件大小控制静态页面制作的步骤一般是1搭建目录 根据需要建立设计的目录文件夹，如css存放css样式文件，js存放javascript文件，images存放网站风格的图片文件，demo。

最关键的是“切片工具”你可以在一张图像上任意添加按钮图片文字等内容，做成网页最关键的一步就是切片，用切片工具托拉，就能拉出一块块的区域这些区域后来在网页软件中可以设置链接，然后把这个文件存储为WEB所用格式，这样存储的文件是一个HTML和一个装有切成块的图把这个HTML文件用DREAM。