PS制作iphone风格网页导航菜单教程

  教程学习如何用Photoshop打造专属于你自己的iphone风格导航菜单,主要用到了图层样式来完成的,下面让我们一起来学习吧。

  先看效果图。


  新建文档450x450像素,背景填充#32363c,新建图层画一个白色矩形。


  把不透明度改为6%,类似下图效果。


  新建图层,前景色#5b6573在顶部再画一个矩形。

分类:

  • PS入门教程
时间: 2024-11-17 15:55:27

PS制作iphone风格网页导航菜单教程的相关文章

PhotoShop简单制作斜纹质感网页导航按钮教程

用PhotoShop制作一种斜纹质感的网页导航按钮效果,简单易学. 效果图: 大家好,下面由我来开始教如何做上图效果的简单按钮: 1.首先打开photoshop软件,Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件: ①.我们先在图层面板新建一个新的图层,然后把背景图层删除(可按del键快捷键) ②.接着在"导航器"把界面放到最大 可按ctrl+"+" 快捷键,然后选择矩形选框工具,再选择上面的"添加到选区",然后按照下图选出那

Flash8制作渐变风格的导航菜单

菜单|导航|渐变 该网页Flash菜单有一定的用途,如果你喜欢就拿去用吧! 效果如下: 点击这里下载源文件 制作方法: 修改文档属性. 打开属性面板,设置属性如下: 绘制下面的图形. 填充矩形. 设置颜色: 从而实现渐变填充. 然后打上自己的文字介绍(独占一个图层) 然后分别转换为影片剪辑元件,分别在舞台上命名四个影片剪辑的实例名. 其它三个分别这样做.把每个渐变图形上的文字转换为影片剪辑.在这里不给大家仔细讲解如何详细制作动画了!一个层是矩形,另外一个层是文字动画,最上面层是边的动画. 其它三

PS制作精美的网页按钮设计教程

  使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档. 为了不让白色背景看起来乏味,增加一个渐变叠加效果.渐变颜色为# f3f3f3到# c6c6c6. 选择圆角矩形工具,创建按钮的的主要形状,半径为5 px. 添加渐变叠加图层样式.渐变颜色从#0d3079到#557bc9. 现在让按钮从背景中突显出来,添加1 px描边,颜色为深蓝色(#0b2258). 为了增加按钮立体感,添加一个1像素内发光.颜色为白色(#FFFFFF),减少不透明度到30%. 现在给按键添加杂色,新

PS制作蓝色圆形网页按钮详细教程

教程学习如何用photoshop制作一个蓝色的高光按钮,要完成本教程photoshop的基础工具命令得非常熟悉,一些细节我是不涉及的,主要用到了加深.减淡工具 图层样式 辅助线 笔刷等等,先看效果图. 新建文档500x500像素,背景白色.画布中心位置设置2条辅助线,以后步骤画圆以辅助线中心为参考点. 建新层画一正圆选区,填充50%灰色 添加图层样式. 新建图层2,画一个小些的白色正圆. 分类: PS鼠绘教程

动态网站导航菜单:Javascript和jQuery导航菜单教程

文章简介:非常优秀的jQuery+CSS实现动态导航菜单教程. 导航栏是一个网站最常使用的部分之一,用户可以通过它有序地访问网页并返回到主页.这就要求导航栏一定要简单.易用,不要让用户在浏览网站过程中迷失.接下来我们要谈的是其下的导航菜单设计.导航菜单不宜设计成过分花哨,产生令人厌烦的感觉.但也要追求赏心悦目,同时一定要做到方便查找.现在,您可以利用Javascript和jQuery技术设计出不同的导航菜单,本篇文章收集了一些相关教程. 最后,值得提醒的是不要过分使用动态菜单,不要过分复杂,这样

PS制作漂亮的网页方块纹理背景

PS制作漂亮的网页方块纹理背景         注:更多请关注photoshop教程栏目,三联PS教程群:181754111欢迎你的加入 分类: PS入门教程

ps制作vista风格个性按钮

  效果图: ps制作vista风格个性按钮的具体操作步骤如下: 1.新建800*600的画布,背景色填充黑色,然后在工具箱中选择圆角矩形图形,如图所示: 2.选择之后在定义所绘制的圆角矩形属性,半径为3像素.如图所示: 3.定义好了就在画布上绘制一个圆角矩形,高宽自己随意设置.如图所示: 4.接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性,描边参数修改如图所示: 5.渐变叠加参数修改设置如图所示: 6.订阅的渐变值: 7.内发光设置: 玻璃效果的好坏跟图素值有关系,可以试一下.

PS制作漂亮的星云艺术字体教程

PS制作漂亮的星云艺术字体教程   1.因为字体也是在特定环境下才会更有感觉,所以背景也需要设置,不过我们还是先设计字体吧,新建文件,照片尺寸,黑底 2.比如说小编打的是angel,字体大家可以自己随意选,顺眼就好,然后删格化图层,按住ctrl点击将区域选出来 3.这时候新建空白图层,选择合适的画笔,所谓合适的就是颗粒性比较强的,因为画笔太多小编也不抬记得是哪个了,功能差不多就可以 4.然后继续新建,区域不要消除,扩大选区10个像素,然后继续刷 分类: PS文字教程

jQuery实现类似标签风格的导航菜单效果代码_jquery

本文实例讲述了jQuery实现类似标签风格的导航菜单效果代码.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的类似TAB标签样式的网站导航菜单,引入了jquery,若运行代码后左上角提示错误,刷新页面即可正常.你可点击菜单查看到整体的效果.点击后对应菜单项下移,可扩展成二级菜单,也可以改成TAB标签布局,感兴趣的朋友自己研究吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-bq-style-nav-menu-co