对齐分布制作网页导航ps（举一反三对齐分布制作网页导航）

本文目录一览：

• 1、我想把用photoshop制作出来的导航条放在网页上，应该如何做？
• 2、Illustrator 里怎么平均分布对齐？
• 3、网页导航条用ps怎么做 要详细一点的
• 4、如何利用ps制作漂亮的网站导航条
• 5、ps网页设计教程
• 6、ps中对齐和分布怎样用？求大神指点

我想把用photoshop制作出来的导航条放在网页上，应该如何做？

用PS或者FW将你做好的导航图片切成素材图片，dreamweaver或者其他网页编辑器里面加工：设置好布局、加上连接就OK啦！

Illustrator 里怎么平均分布对齐？

1、例如：我们要把几段文字按照水平对齐，间距为5mm排例。首先，我们同时选择要做排例的几段文字。

2、从菜单栏“窗口--对齐”调出菜单。

3、调出菜单后，选择“平均分布对齐”，几段文字已经水平对齐了。

4、在选择所有物件的情况下，按键盘“Alt”键的同时用鼠标点击其中选择的一段文字为中心点，然后在菜单“对齐--分布间距”栏填写间距，我们这里填的是5mm。

5、然后点击“平均分布间距”，几段文字就按5mm的间距整齐的排列好了。

网页导航条用ps怎么做 要详细一点的

PS可以用切片做。你先做好导航条的样式-选择切片工具-用切片工具选择要点击来连接的位置-右击切出来的位置-编辑切片选项-URL里加上连接-完成后在文件选项中用

导出-导出为HTML格

FWORKS也差不多。同样做好导航条的样式-热键区域-选择区域-加连接-导出

如何利用ps制作漂亮的网站导航条

打开PS，新建一文件，大小设置为“200*800”，背景色设为“透明”。

选择“工具栏”中的“圆角矩形工具”项，并设置合适的“半径”（如20像素），然后在绘图区域进行绘制，可以通过按键盘组合键“Ctrl+T”对其进行调整。

切换至“路径”面板，点击“将路径作为选区载入”按钮。

接着返回“图层”面板，选择“工具栏”中的渐变工具，并设置合适的渐变色进行填充。

接着双击该图层，为其添加“浮雕 图层样式”

新建一个“图层2”，接着选择“圆角矩形工具”，将半径设置为“10像素”，并绘制如图所示的图形。然后切换至“路径”面板，点击“将路径作为选区载入”按钮，然后返回图层面板，填充一种纯色。

双击“图层2”，为其添加“图层样式”

接着将“图层2”拖动到“新建图层”按钮上以创建“图层2 副本”，接着选择“移动”工具将“图层2 副本”移动到合适的位置。

按住键盘上“Ctrl”键不放的同时，点击“图层2 副本”以选中该图像，然后为其填充另一种颜色。

基本的导航栏结构已经做好。接下来创建切片。点击“工具栏”中的“切片”工具，然后对整个图像区域进行划分。

最后点击“文件”→“存储为Web所有格式”项，选择文件类型为“JPEG”格式，接着点击“存储”按钮，在打开的“另存为”窗口中将“存储类型”设置为“网页和图像”，最后点击“保存”按钮。

ps网页设计教程

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

如何用PS来设计简单的网页

新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。

新建文件，点击确定，空白文件会自动显示在软件中。对于新建空白文件来说，图像的宽度和高度的大小要按照等比例进行设计，也可以不勾选重新定义新像素来实现。

打开一张车的图片，移动到白色背景画布中，选择圆角矩形工具，选择路径为了方便转换为选区，设置为5个像素，像素越大，圆角矩形的四个圆角就是更加的明显，然后选择渐变工具，选中系统自带的黑白渐变，修改黑白渐变的颜色，改为灰白，也可以设置前景色为灰色，背景色为白色进行渐变的填充，然后点击确定。

然后选择工作路径，鼠标CRL点击工作路径，设置为选区，选中线性渐变类型，然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。

然后选择修改收缩2个像素，就是将选区收缩小2个像素，变小一些，然后再次从下向上渐变，然后alt快捷键复制2个，如图所示，然后找到车的一个的图标按钮，然后用磁性套索工具勾勒好，然后鼠标左键拉动到合适位置，然后选择3个图层，然后水平分布，和居中分布对齐。然后选择左对齐分布，分布均匀。分布按钮是在选择工具上方的工具栏中，有平均分布对齐等多个按钮。

然后再次用钢笔工具勾画另外一个车的图标，然后再用自由变换调整到合适位置，然后点击2个图层之后，进行左对齐分布。分布到形状中的最左边位置即可。

再次选择一个不同的车的图标设计图片，然后用钢笔工具进行勾画图标，或者为了方便，可以直接用魔棒工具来选择，选中其需要图形的一部分。

然后再次选中图形，形状图形，全部选中相应图层，调整水平分布和左对齐分布。当分布不均匀，可以按住鼠标左键自动进行调整。

所有的图标都自由变换，调整到合适位置，如图。按住crl+t来实现图形的自由变换的内容。如图

输入相应的文字，文字的颜色设置为黑色，将其三个文字图层，按住shift键和左右方向键进行移动调整来改变。之后将车的图片进行调整，便于观看，文字进行排版即可。

ps中对齐和分布怎样用？求大神指点

选中要对其的图层点击对齐就可以了，看清楚对齐方式（上对齐，下对齐...）

不过现在高版本的ps都有自动对其功能的吧~

【鲜为人知的PS对齐与分布命令】