ps制作网页导航条(ps导航条制作教程)
本文目录一览:1、如何利用ps制作漂亮的网站导航条2、
本文目录一览:
如何利用ps制作漂亮的网站导航条
打开PS,新建一文件,大小设置为“200*800”,背景色设为“透明”。
选择“工具栏”中的“圆角矩形工具”项,并设置合适的“半径”(如20像素),然后在绘图区域进行绘制,可以通过按键盘组合键“Ctrl+T”对其进行调整。
切换至“路径”面板,点击“将路径作为选区载入”按钮。
接着返回“图层”面板,选择“工具栏”中的渐变工具,并设置合适的渐变色进行填充。
接着双击该图层,为其添加“浮雕 图层样式”
新建一个“图层2”,接着选择“圆角矩形工具”,将半径设置为“10像素”,并绘制如图所示的图形。然后切换至“路径”面板,点击“将路径作为选区载入”按钮,然后返回图层面板,填充一种纯色。
双击“图层2”,为其添加“图层样式”
接着将“图层2”拖动到“新建图层”按钮上以创建“图层2 副本”,接着选择“移动”工具将“图层2 副本”移动到合适的位置。
按住键盘上“Ctrl”键不放的同时,点击“图层2 副本”以选中该图像,然后为其填充另一种颜色。
基本的导航栏结构已经做好。接下来创建切片。点击“工具栏”中的“切片”工具,然后对整个图像区域进行划分。
最后点击“文件”→“存储为Web所有格式”项,选择文件类型为“JPEG”格式,接着点击“存储”按钮,在打开的“另存为”窗口中将“存储类型”设置为“网页和图像”,最后点击“保存”按钮。
PS如何做出这种条栏 导航栏效果?如图,有教程最好
照着轮廓画就行了,所谓的立体效果只是光影明暗的变化而已。
网页导航条用ps怎么做 要详细一点的
PS可以用切片做。你先做好导航条的样式-选择切片工具-用切片工具选择要点击来连接的位置-右击切出来的位置-编辑切片选项-URL里加上连接-完成后在文件选项中用
导出-导出为HTML格
FWORKS也差不多。同样做好导航条的样式-热键区域-选择区域-加连接-导出