ps网页设计要素

1、ps网页设计教程

PS软件应用十分的广泛，修改图像，运用图层蒙版设计简单网页，文字排版，网页优化，包括导航图，网页底端的页脚，网页主题内容，特效文字的制作，动作按钮的设计等。今天一起来学习如何用PS来设计简单的网页这篇文章吧。

如何用PS来设计简单的网页
新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。
新建文件，点击确定，空白文件会自动显示在软件中。对于新建空白文件来说，图像的宽度和高度的大小要按照等比例进行设计，也可以不勾选重新定义新像素来实现。
打开一张车的图片，移动到白色背景画布中，选择圆角矩形工具，选择路径为了方便转换为选区，设置为5个像素，像素越大，圆角矩形的四个圆角就是更加的明显，然后选择渐变工具，选中系统自带的黑白渐变，修改黑白渐变的颜色，改为灰白，也可以设置前景色为灰色，背景色为白色进行渐变的填充，然后点击确定。
然后选择工作路径，鼠标CRL点击工作路径，设置为选区，选中线性渐变类型，然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。
然后选择修改收缩2个像素，就是将选区收缩小2个像素，变小一些，然后再次从下向上渐变，然后alt快捷键复制2个，如图所示，然后找到车的一个的图标按钮，然后用磁性套索工具勾勒好，然后鼠标左键拉动到合适位置，然后选择3个图层，然后水平分布，和居中分布对齐。然后选择左对齐分布，分布均匀。分布按钮是在选择工具上方的工具栏中，有平均分布对齐等多个按钮。
然后再次用钢笔工具勾画另外一个车的图标，然后再用自由变换调整到合适位置，然后点击2个图层之后，进行左对齐分布。分布到形状中的最左边位置即可。
再次选择一个不同的车的图标设计图片，然后用钢笔工具进行勾画图标，或者为了方便，可以直接用魔棒工具来选择，选中其需要图形的一部分。
然后再次选中图形，形状图形，全部选中相应图层，调整水平分布和左对齐分布。当分布不均匀，可以按住鼠标左键自动进行调整。
所有的图标都自由变换，调整到合适位置，如图。按住crl+t来实现图形的自由变换的内容。如图
输入相应的文字，文字的颜色设置为黑色，将其三个文字图层，按住shift键和左右方向键进行移动调整来改变。之后将车的图片进行调整，便于观看，文字进行排版即可。

2、如何用photoshop进行网页制作

HTML+CSS+JS，这是广义上的网页三元素，HTML负责骨骼，CSS负责血肉，JS负责行为动作。其中浏览器中表现的画面约等于(html+css)，但仅仅拥有他们是表现不出设计师们大脑中天马行空，不拘一格的想象力的，因此才引入了PSD作为设计稿。
这就好比，你完全自己DIY一个高达，你需要先有一副高达图片（PSD），再通过图片中的表现自己搭建支撑的骨架（HTML），再用各式喷漆、马克笔（CSS）去勾画、完善细节。

那么回到问题上来，怎么用PS做网页？假定adobe体系中，PS永远只能设计网页，而Dreamweaver才能制作网页，但是依然要你自己根据设计去解构设计然后划分网页骨架，具体到html上就是根据不同的页面表现来写Div标签，制作Button按钮，用CSS控制他们的大小和位置以及表现。更进一步的话，大部分前端会手写html和css代码，因为DW有各式包括启动速度，冗余代码之类的问题。

至于响应式，这又是基于成型的html以后另一个话题了，但还是html+css，只不过通过UA检测来适应不同终端的不同展现。

3、ps网页设计尺寸

从用户体验的角度来说，你不应该以最大尺寸来做参考，设计页面应该以最小尺寸来做决定；
从普遍用户来说，目前最小尺寸大部分是以1024*768分辨率作为标准来做的，设计师要做的事情就是以最小尺寸来设计，还要考虑到大屏幕显示器的用户的浏览效果，所以你必须要考虑到页面的自动伸缩问题；即使是以大图片为背景的页面，也是会考虑到不同分辨率的伸展问题
作为网页设计师，要尽量考虑到绝大部分用户的浏览需求

4、关于ps做网页设计的

随便做什么吗？如果是。我这里有几个。

5、关于PS与网页设计..

急也要一点一点的一为，可以和同学交流，不要让人家给做好的，只能害了自个，以后直接面临着工作，这可马虎不得哦，亲

6、PS中网页设计的宽度一般是多大？

网页设计电脑端UI都是1920宽，1080像素高的尺寸设计

7、photoshop在网页制作中的主要功能?

首先，做网页设计为什么要使用photoshop，photoshop是一个图形图像处理软件，而且是可视化的操作，可以让设计师更方便的进行操作。那有人会说Firworks可以设计网页吗，答案肯定是有的，因为Firworks也是图形图像软件，只是根据个人的操作习惯了，另外一般Firworks给人的印象是一个只会做GIF动画的软件，可能是对软件的偏见吧，现在绝大部分做网页设计都使用PS。从软件的角度来说，PS的功能会比FIR要强大许多！

从软件的界面的设计，到软件的实用性，以及特效的制作上，都有着不可超越的特性，而且photoshop还在不断的升级过程中，现在最高的版本是CS6，它不仅仅可以实现网页设计的制作以及平面设计效果图的制作，还可以制作GIF动画以及3D效果图！

做为做网页设计的平台，photoshop起着至关重要的作用，做网页设计，首先必须要有一个自己足够熟悉的平台，而且在操作上要有效率，后期做网页设计，效率是一个非常值得关注的问题。

8、photoshop网页制作高手来看看啊，怎么制作HTML元素

直接到 Dreamweaver找表单 -列表/菜单

就会有这种效果  在ps里只是图片格式预览用的 不能实际操作

9、ps制作网页需要注意哪些方面

网页ps可能不是好的软件。网页有专门的网页制作软件。ps可以制作图标或者图片值了，按钮等等。

10、如何用photoshop进行网页设计

你是想要在原来的设计下面加上一块空白，那可以选择“图象”-“画布大小”，在弹出的对话框中，先设置定位，如果在下面加长就点击向上的键头，这样就会在原图的下方加入空白，现在再输入设定高度数字就OK了！