您好,欢迎来到素彩网!

ps 打造网页翻转按钮(2)

来源:sc115.com | 253 次浏览 | 2011-07-22

标签: 按钮 网页 制作 PS 制作网页翻转按钮 按钮制作

  

  接着将背景图层复制一层,对复制出来的图层使用曲线工具,合并高光和暗调区域(高光点229,255;暗调点60,0),形成加亮按钮的效果。如下左图。完成后我们得到两个图层,分别是暗色按钮的背景层,和亮色按钮的背景复制层。如果以上步骤无法完成,点此下载范例文件

  使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗,或点击工具栏最下方按钮,将会跳转到ImageReady中,这是Photoshop附带的一个软件,用来制作动画和网页。我们找到Web内容和图层两个调板,如下下图。后面的操作就是由这两个调板配合完成。

  

  

  在完成以上5个步骤后,我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过,是随着鼠标的接触而发生的。这里涉及一种概念,叫事件和方法。我们的日常生活就是由许多事件和方法组成的,比如口渴是事件,喝水就是解决这个事件的方法。肚子饿是事件,吃东西就是方法。想学习是事件,看《大师之路》就是方法等等。

  这其实就是一种编程的思想,和人一样,电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路,去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触,我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后,显示亮色按钮层(背景副本层)。

搜索: 按钮 网页 制作 PS 制作网页翻转按钮 按钮制作 

最热-按钮制作

ps打造流行红色网页提交按钮

ps完美打造金属风暴按钮

ps 打造Vista风格按钮

教你用ps打造动感网页按钮

ps 快速水晶按钮打造

ps 绘制精致金属边框水晶球按钮

用Phtoshop五步打造快速实用水晶按钮

教你用ps打造可爱按钮

ps绘制Web2.0图标

ps打造电梯按钮

用ps打造水晶按钮之至尊版

ps打造Cute风格图标

ps快速绘制Vista风格网页按钮

素材
伊斯兰风格城堡建筑矢量图-1伊斯兰风格城堡建筑矢量图-1
伊斯兰风格城堡建筑矢量图-2伊斯兰风格城堡建筑矢量图-2
潮流商务概念对话框矢量图-4潮流商务概念对话框矢量图-4
淡雅花纹底纹装饰框文本设计矢量图-1淡雅花纹底纹装饰框文本设计矢量图-1
潮流商务概念对话框矢量图-2潮流商务概念对话框矢量图-2
兰龙创意标志中文字体设计集合兰龙创意标志中文字体设计集合
潮流商务概念对话框矢量图-1潮流商务概念对话框矢量图-1
可爱卡通插画猫可爱卡通插画猫
可爱卡通插画动物可爱卡通插画动物