ps制作window7移动导航网页界面设计教(5)

简介:本次用PhotoShop制作window7移动导航网页界面效果,简洁大方的效果,喜欢的同学可以试着做一下! 效果图: 1.创建一个新的文档600 400像素 2.前景色为#1592d7和背景颜色为#136da2。选择渐变工具,径向渐变

Photoshop在设计商业数码类网站的应用实例

最终效果: 1 。创建一个新的文件( 750 * 600 ) 。 2 。使用油漆桶工具填充背景色为#ffffff。 3 。创建一个新图层,并选择矩形工具建立一个高度为2 20px长方形。填充颜色为#6dd4f9 分页标题 4 。为顶部的蓝色方框增加一个渐变样式 5 。选择一幅图片,将其插入到网页

简介:本次用PhotoShop制作window7移动导航网页界面效果,简洁大方的效果,喜欢的同学可以试着做一下!

效果图:

ps制作window7移动导航网页界面设计教(5)插图

1.创建一个新的文档600 × 400像素

2.前景色为#1592d7和背景颜色为#136da2。选择渐变工具,径向渐变。

ps制作window7移动导航网页界面设计教(5)插图(1)

3.选择自定义形状

ps制作window7移动导航网页界面设计教(5)插图(2)

4.画出如图路径

ps制作window7移动导航网页界面设计教(5)插图(3)

5.新建一层,前景色设置为白色,选择钢笔工具,然后在路径上面右键,选择填充路径

ps制作window7移动导航网页界面设计教(5)插图(4)

6.右键路径,选择删除路径

ps制作window7移动导航网页界面设计教(5)插图(5)

7.现在去“滤镜>模糊>高斯模糊”,模糊了约9个像素的形状,然后单击确定。混合模式设置“软光”,不透明度为“30%”。完成标签的“背景条纹”层。

ps制作window7移动导航网页界面设计教(5)插图(6)

8.用柔角橡皮擦处理下目标位置

ps制作window7移动导航网页界面设计教(5)插图(7)

9.将图标拖入(图标下载) ,放到指定目标

ps制作window7移动导航网页界面设计教(5)插图(8)

10.新建一层,取名:导航,然后用矩形选框工具拖出40-50像素高的矩形,填充黑色,矩形距离底部大概100像素高

ps制作window7移动导航网页界面设计教(5)插图(9)

11.将矩形填充改下10%

12.新建一层,选择矩形选框工具,并创建两个1个像素的线条对方,颜色最接近底部的白色和最上面的一个黑线之上。

最后,设置不透明度为50%。复制一层,放在底部

ps制作window7移动导航网页界面设计教(5)插图(10)

ps制作window7移动导航网页界面设计教(5)插图(11)

13.新建一层,创建按钮。选择矩形选框画个矩形,高度如图,宽度大小自己选中

ps制作window7移动导航网页界面设计教(5)插图(12)

14.填充黑色,取消选区,然后把填充改成0%,改图层样式

ps制作window7移动导航网页界面设计教(5)插图(13)

14.复制一层,取名:反光层,然后清除样式,重新设置样式。填充改成0%,其他样式如图

ps制作window7移动导航网页界面设计教(5)插图(14)

ps制作window7移动导航网页界面设计教(5)插图(15)

涉及到的渐变如下

ps制作window7移动导航网页界面设计教(5)插图(16)

最终:

ps制作window7移动导航网页界面设计教(5)插图(17)

15.新建一层,使用矩形选框工具画如图两个白色矩形

ps制作window7移动导航网页界面设计教(5)插图(18)

16.添加蒙板,填充黑白线性渐变

ps制作window7移动导航网页界面设计教(5)插图(19)

ps制作window7移动导航网页界面设计教(5)插图(20)

17.新建一层,画出如图路径,转化为选区,羽化2像素,填充白色,然后载入反光层选区,反选,删除,保留自己需要的,图层不透明度改成10%

ps制作window7移动导航网页界面设计教(5)插图(21)

ps制作window7移动导航网页界面设计教(5)插图(22)

23。最后复制几个,完成!

ps制作window7移动导航网页界面设计教(5)插图

14.填充黑色,取消选区,然后把填充改成0%,改图层样式

ps制作window7移动导航网页界面设计教(5)插图(13)

14.复制一层,取名:反光层,然后清除样式,重新设置样式。填充改成0%,其他样式如图

ps制作window7移动导航网页界面设计教(5)插图(14)

ps制作window7移动导航网页界面设计教(5)插图(15)

涉及到的渐变如下

ps制作window7移动导航网页界面设计教(5)插图(16)

最终:

ps制作window7移动导航网页界面设计教(5)插图(17)

15.新建一层,使用矩形选框工具画如图两个白色矩形

ps制作window7移动导航网页界面设计教(5)插图(18)

16.添加蒙板,填充黑白线性渐变

ps制作window7移动导航网页界面设计教(5)插图(19)

ps制作window7移动导航网页界面设计教(5)插图(20)

17.新建一层,画出如图路径,转化为选区,羽化2像素,填充白色,然后载入反光层选区,反选,删除,保留自己需要的,图层不透明度改成10%

ps制作window7移动导航网页界面设计教(5)插图(21)

ps制作window7移动导航网页界面设计教(5)插图(22)

23。最后复制几个,完成!

ps制作window7移动导航网页界面设计教(5)插图

简介:本次用PhotoShop制作window7移动导航网页界面效果,简洁大方的效果,喜欢的同学可以试着做一下!

效果图:

ps制作window7移动导航网页界面设计教(5)插图

1.创建一个新的文档600 × 400像素

2.前景色为#1592d7和背景颜色为#136da2。选择渐变工具,径向渐变。

ps制作window7移动导航网页界面设计教(5)插图(1)

3.选择自定义形状

ps制作window7移动导航网页界面设计教(5)插图(2)

4.画出如图路径

ps制作window7移动导航网页界面设计教(5)插图(3)

5.新建一层,前景色设置为白色,选择钢笔工具,然后在路径上面右键,选择填充路径

ps制作window7移动导航网页界面设计教(5)插图(4)

6.右键路径,选择删除路径

ps制作window7移动导航网页界面设计教(5)插图(5)

7.现在去“滤镜>模糊>高斯模糊”,模糊了约9个像素的形状,然后单击确定。混合模式设置“软光”,不透明度为“30%”。完成标签的“背景条纹”层。

ps制作window7移动导航网页界面设计教(5)插图(6)

8.用柔角橡皮擦处理下目标位置

ps制作window7移动导航网页界面设计教(5)插图(7)

9.将图标拖入(图标下载) ,放到指定目标

ps制作window7移动导航网页界面设计教(5)插图(8)

10.新建一层,取名:导航,然后用矩形选框工具拖出40-50像素高的矩形,填充黑色,矩形距离底部大概100像素高

ps制作window7移动导航网页界面设计教(5)插图(9)

11.将矩形填充改下10%

12.新建一层,选择矩形选框工具,并创建两个1个像素的线条对方,颜色最接近底部的白色和最上面的一个黑线之上。

最后,设置不透明度为50%。复制一层,放在底部

ps制作window7移动导航网页界面设计教(5)插图(10)

ps制作window7移动导航网页界面设计教(5)插图(11)

13.新建一层,创建按钮。选择矩形选框画个矩形,高度如图,宽度大小自己选中

ps制作window7移动导航网页界面设计教(5)插图(12)

简介:本次用PhotoShop制作window7移动导航网页界面效果,简洁大方的效果,喜欢的同学可以试着做一下!

效果图:

ps制作window7移动导航网页界面设计教(5)插图

1.创建一个新的文档600 × 400像素

2.前景色为#1592d7和背景颜色为#136da2。选择渐变工具,径向渐变。

ps制作window7移动导航网页界面设计教(5)插图(1)

3.选择自定义形状

ps制作window7移动导航网页界面设计教(5)插图(2)

4.画出如图路径

ps制作window7移动导航网页界面设计教(5)插图(3)

5.新建一层,前景色设置为白色,选择钢笔工具,然后在路径上面右键,选择填充路径

ps制作window7移动导航网页界面设计教(5)插图(4)

6.右键路径,选择删除路径

ps制作window7移动导航网页界面设计教(5)插图(5)

7.现在去“滤镜>模糊>高斯模糊”,模糊了约9个像素的形状,然后单击确定。混合模式设置“软光”,不透明度为“30%”。完成标签的“背景条纹”层。

ps制作window7移动导航网页界面设计教(5)插图(6)

8.用柔角橡皮擦处理下目标位置

ps制作window7移动导航网页界面设计教(5)插图(7)

9.将图标拖入(图标下载) ,放到指定目标

ps制作window7移动导航网页界面设计教(5)插图(8)

10.新建一层,取名:导航,然后用矩形选框工具拖出40-50像素高的矩形,填充黑色,矩形距离底部大概100像素高

ps制作window7移动导航网页界面设计教(5)插图(9)

11.将矩形填充改下10%

12.新建一层,选择矩形选框工具,并创建两个1个像素的线条对方,颜色最接近底部的白色和最上面的一个黑线之上。

最后,设置不透明度为50%。复制一层,放在底部

ps制作window7移动导航网页界面设计教(5)插图(10)

ps制作window7移动导航网页界面设计教(5)插图(11)

13.新建一层,创建按钮。选择矩形选框画个矩形,高度如图,宽度大小自己选中

ps制作window7移动导航网页界面设计教(5)插图(12)

14.填充黑色,取消选区,然后把填充改成0%,改图层样式

ps制作window7移动导航网页界面设计教(5)插图(13)

14.复制一层,取名:反光层,然后清除样式,重新设置样式。填充改成0%,其他样式如图

ps制作window7移动导航网页界面设计教(5)插图(14)

ps制作window7移动导航网页界面设计教(5)插图(15)

涉及到的渐变如下

ps制作window7移动导航网页界面设计教(5)插图(16)

最终:

ps制作window7移动导航网页界面设计教(5)插图(17)

15.新建一层,使用矩形选框工具画如图两个白色矩形

ps制作window7移动导航网页界面设计教(5)插图(18)

16.添加蒙板,填充黑白线性渐变

ps制作window7移动导航网页界面设计教(5)插图(19)

ps制作window7移动导航网页界面设计教(5)插图(20)

17.新建一层,画出如图路径,转化为选区,羽化2像素,填充白色,然后载入反光层选区,反选,删除,保留自己需要的,图层不透明度改成10%

ps制作window7移动导航网页界面设计教(5)插图(21)

ps制作window7移动导航网页界面设计教(5)插图(22)

23。最后复制几个,完成!

ps制作window7移动导航网页界面设计教(5)插图

作者: 791650988

为您推荐