找回密码
 立即注册
搜索
查看: 14560|回复: 0
收起左侧

[制图教程] Photoshop制作时尚web2.0风格导航面板 A

[复制链接]

 成长值: 30790

灰金v1_05灰铜v1_05蓝银v1_05绿金v1_01绿金v3_05绿铜v3_05绿银v3_05红铜v1_05紫铜v1_05紫银v2_05紫银v1_01

 楼主| 发表于 2019-5-19 07:56 | 显示全部楼层 |阅读模式
文章来源于 UCD博客,感谢作者 小鱼 给我们带来经精彩的文章!

本Photoshop教程主要介绍利用图层样式的设置等,来制作黑色时尚的web2.0风格的导航面板,希望大家喜欢!


  我们先来看看效果图:

最终效果
  制作过程:
  1、新建文件,选择径向渐变,设置前景颜色为#b3a773,背景颜色为#877948。效果如图:

图1
  2、创建圆角矩形(半径为10px)大小为220x50px,颜色#212121,如图:

图2
  3、选择图层样式>渐变>描边,效果如图。

图3

图4

图5

图6

图7
4、新建层,选择选区工具(快捷键M)大小为15x100px,填充白色,效果如图:

图8
  5、复制白色线条层2次(快捷键ctrl+J),移动20px,合并3个白线层,效果如图:

图9
  6、选择变换(快捷键ctrl+T)。

图10
  7、载入圆角矩形选区(按ctrl+鼠标点击圆角矩形层),选择白线层,反选(快捷键shift+ctrl+i),删除多余白线。

图11
  8、设置还层不透明为5%。

图12
  9、添加自喜欢的文字和图标:

图13


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋| ( Q群816270601 )

GMT+8, 2024-3-29 14:28 , Processed in 0.909043 second(s), 46 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表