欢迎来到山村网

PhotoShop制作win7移动导航网页界面设计教程

2019-03-28 04:40:52浏览:394 来源:山村网   
核心摘要:  用PhotoShop制作window7移动导航网页界面效果,简洁大方的效果,喜欢的同学可以试着做一下!   photoshop教程效果图:  1

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

   photoshop教程效果图:

PhotoShop制作win7移动导航网页界面设计教程 山村教程

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

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

按此在新窗口浏览图片

  3.选择自定义形状

按此在新窗口浏览图片

  4.画出如图路径

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  9.将图标拖入,放到指定目标

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  11.将矩形填充改下10%

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

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

  涉及到的渐变如下

按此在新窗口浏览图片

  最终:

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片
(责任编辑:豆豆)
下一篇:

Photoshop打造Skype的好友图标

上一篇:

PS中保存为GIF格式并且图片不失真方法

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com