设为首页
收藏本站
现距离劳动节还有:
天气与日历
开启辅助访问
切换到窄版
登录
立即注册
门户
Portal
论坛
BBS
在线影视
免费小说
FC游戏
app下载
插件
Plugin
搜索
搜索
每日签到
本版
文章
帖子
群组
社区
»
论坛
›
软件源码
›
教程分享
›
ps自学网入门教程之制作一个精美的透明导航 ...
返回列表
发新帖
[
ps
]
ps自学网入门教程之制作一个精美的透明导航
[复制链接]
174
|
6
|
2023-3-10 03:59:38
|
显示全部楼层
|
阅读模式
[
导读
]这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
这介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
最终效果
1312b235215M0-413W9.jpg
(19.41 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b235215M0-413W9.jpg
1312b235523E0-424115.jpg
(42.04 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b235523E0-424115.jpg
1、打开下图所示的背景素材。
1312b235E1140-431455.jpg
(10.48 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b235E1140-431455.jpg
2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。
1312b235T5920-44X59.jpg
(51.4 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b235T5920-44X59.jpg
[1]
回复
使用道具
举报
老师傅
|
2023-3-10 04:36:09
|
显示全部楼层
[
导读
]这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
3、为“形状 1”图层添加图层样式,单击“投影”项目,并设置其各项参数。
1312b23603N0-45DJ.jpg
(58.86 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23603N0-45DJ.jpg
4、单击“内阴影”项目,并设置其各项参数。
1312b23620S50-464c0.jpg
(58.83 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23620S50-464c0.jpg
5、单击“斜面和浮雕”项目,并设置其各项参数。
1312b236429350-4J214.jpg
(64.63 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b236429350-4J214.jpg
6、单击“图案叠加”项目,并设置其各项参数。
1312b23B0M40-4V420.jpg
(59.87 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23B0M40-4V420.jpg
[2]
回复
使用道具
举报
老师傅
|
2023-3-10 04:47:19
|
显示全部楼层
[
导读
]这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
7、单击“描边”项目,并设置其各项参数。
1312b620231220-14M3.jpg
(58.05 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b620231220-14M3.jpg
8、按下“确定”按钮,关闭“图层样式”对话框,设置图层“填充”参数,效果如图所示。
1312b23MVA0-50BL.jpg
(49.03 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23MVA0-50BL.jpg
9、复制“形状 1”图层,得到“形状 1 副本”图层,并将“形状 1 副本”图层的图层样式删除,效果如图所示。
1312b23O464F-51FR.jpg
(44.37 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23O464F-51FR.jpg
10、为“形状 1”图层添加“渐变叠加”图层样式,并设置其各项参数。
1312b23Pb060-52a35.jpg
(62.18 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23Pb060-52a35.jpg
[3]
回复
使用道具
举报
老师傅
|
2023-3-10 05:51:43
|
显示全部楼层
[
导读
]这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
11、按下“确定”按钮,关闭“图层样式”对话框,设置图层的“填充”参数,效果如图所示。
1312b23VX320-53V03.jpg
(46.56 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23VX320-53V03.jpg
12、选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 2”图层。
1312b23Y0F30-5491U.jpg
(54.26 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23Y0F30-5491U.jpg
13、为“形状 2”图层添加图层样式,单击“投影”项目,并设置其各项参数。
1312b23ZZ930-555448.jpg
(58.13 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23ZZ930-555448.jpg
14、单击“内发光”项目,并设置其各项参数。
1312b23930DZ-5E455.jpg
(60.99 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23930DZ-5E455.jpg
[4]
回复
使用道具
举报
老师傅
|
2023-3-10 06:45:45
|
显示全部楼层
[
导读
]这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
15、单击“渐变叠加”项目,并设置其各项参数。
1312b2394V560-5N600.jpg
(59.81 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b2394V560-5N600.jpg
16、单击“描边”项目,并设置其各项参数。
1312b239AU10-5W425.jpg
(56.87 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b239AU10-5W425.jpg
17、按下“确定”按钮,关闭“图层样式”对话框,设置“填充”参数,效果如图所示。
1312b23bB5F-594251.jpg
(50.42 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b23bB5F-594251.jpg
18、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“高光”,并将其图层的图层样式删除。
1312b2403X320-601E7.jpg
(44.65 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b2403X320-601E7.jpg
[5]
回复
使用道具
举报
老师傅
|
2023-3-10 07:07:19
|
显示全部楼层
[
导读
]这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
19、将“高光”图层栅格化,按下键的同时单击“形状 1”图层,将其载入选区,移动选区位置,对“高光”图层进行修整。
1312b24053X50-619391.jpg
(53.16 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b24053X50-619391.jpg
20、为“高光”图层添加图层蒙版,选择“渐变工具”调整图像。
1312b240G50F-6260I.jpg
(54.63 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b240G50F-6260I.jpg
21、设置“填充”参数,效果如图所示。
1312b240W5H0-639C8.jpg
(50.6 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b240W5H0-639C8.jpg
22、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“边”,并将其图层的图层样式删除。
1312b24104HF-64D08.jpg
(45.19 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b24104HF-64D08.jpg
[6]
回复
使用道具
举报
老师傅
|
2023-3-10 07:47:39
|
显示全部楼层
[
导读
]这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
23、将“边”图层栅格化,参照修整“高光”图层的方法,对“边”图层进行修整。
1312b241194060-A2114.jpg
(47.85 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b241194060-A2114.jpg
24、取消选区,效果如图所示。
1312b241343B0-B51B.jpg
(49 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b241343B0-B51B.jpg
25、设置“填充”参数,效果如图所示。
1312b24152TF-C2403.jpg
(49.23 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b24152TF-C2403.jpg
26、将“图层”调板中隐藏的“组 1”图层组和“素材”图层显示,完成本实例的制作。
1312b241H91F-Db32.jpg
(49.32 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:59 上传
点击文件名下载附件
1312b241H91F-Db32.jpg
最终效果:
[7]
回复
使用道具
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
老师傅
1963
主题
2786
回帖
1万
积分
版主
积分
11469
加好友
发消息
回复楼主
返回列表
软件分享
源码分享
教程分享