一个Apple风格按扭的简单做法

大家在做网页或做UI设计的时候,最常做的就是按扭了。漂亮的按扭不仅为设计作品添色不少,而且让人有点击的欲望。下面为大家介绍一个Apple风格按扭的简单做法:

    1.先用圆角矩形工具分别在不同的层画两个圆角矩形。如图:

    2.将小的圆角矩形移开,为大的圆角矩形添加渐变色、描边。

    3.按住Ctrl键,在图层面板上单击小圆角矩形所在的图层。这时在小圆角矩形周围会出现选区。


 4.将小圆角矩形所在的图层删掉,使画面上只剩下选区。

    5.为选区添加白色至透明的渐变。色至透明的渐变。

    6.一个Apple风格的按扭就做好了。很简单吧。

    7.可以为它加一些效果。如加一些淡淡的阴影。

 8.再加上文字。

    9.还可以将小圆角矩形的渐变做一些切割,会达到另外的效果。

    10.就是这么简单,发挥你的想像,去做出更炫的效果吧 :)

作者:BLUESKY

时间: 2025-01-29 22:41:01

一个Apple风格按扭的简单做法的相关文章

快速构建Windows 8风格应用21-构建简单媒体播放器

原文:快速构建Windows 8风格应用21-构建简单媒体播放器 本篇博文主要介绍如何构建一个简单的媒体播放器. <快速构建Windows 8风格应用20-MediaElement>博文中提到了如何使用MediaElement对象进行播放视频的简单功能,但是在实际应用中需要更复杂的功能,例如:控制视频播放的控件.全屏模式.进度条等等其他功能. 本篇博文中示例使用应用程序中包含的媒体文件,当然我们也可以通过网络或者本地[使用FileOpenPicker]进行加载某一媒体文件. MSDN中关于媒体

如何建立一个网站?咱们弄点简单点教程

如何去建立一个好的网站,想到这样问题的朋友大都是建站小白,咱们就针对个人弄点简单的建站流程一. 1.怎样建网站-最简单就用建站工具 网站建设是一个简单又是一个复杂的过程,一般简单的展示产品类型的网站,我们要学最少两套软件才可以完成网站建设. 首先,网站的排版软件工具,一般我们最多人用,又是最常用的就是Macromedia Dreamweaver网页排版软件了,它有着简单.清析.操作方便的 优点.学完网页的排版我们可以做出一些简单的网页.第二步我们要学习PhotoShop作图软件,初学的一般学会如

Photoshop中制作一个破旧风格的网页

Photoshop是做网页设计的非常好的工具,特别是如果你要在设计中使用大量的图片和笔刷效果的话.在这个教程中,我会教给你如何完成一个破旧风格的主页设计.我们将要设计页头.侧边栏.主体.页脚以及所有一切非常有质感和破旧效果的设计. 第一步 这次我们要使用Photoshop创建一个破旧风格的网页设计,需要用到很多的图片.由于这是一个中间难度的教程,我将会略过对于基本步骤的解释.首先创建一个宽950像素高800像素,分辨率为72dpi的新文档.将标尺打开,拖拽出文档的边界,这将会是设计的最佳区域.我

在Photoshop中制作一个破旧风格的网页

Photoshop是做网页设计的非常好的工具,特别是如果你要在设计中使用大量的图片和笔刷效果的话.在这个教程中,我会教给你如何完成一个破旧风格的主页设计.我们将要设计页头.侧边栏.主体.页脚以及所有一切非常有质感和破旧效果的设计. 第一步 这次我们要使用Photoshop创建一个破旧风格的网页设计,需要用到很多的图片.由于这是一个中间难度的教程,我将会略过对于基本步骤的解释. 首先创建一个宽950像素高800像素,分辨率为72dpi的新文档.将标尺打开,拖拽出文档的边界,这将会是设计的最佳区域.

c++-关于一个游戏中拦截算法的简单疑问

问题描述 关于一个游戏中拦截算法的简单疑问 在一本人工智能书上看到一个拦截算法 主要代码如图. 书中所述大概过程是: 用追击者和猎物的速度算出相对追击者的速度 然后算出两者之间的位移 再通过位移除以速度求出拦截所需要的时间 最后用猎物速度乘以时间加上它的位置算出即将拦截的位置 最后再通过其他方法让追击者朝着这个拦截的位置去拦截 然而个人理解就是: 追击者要实现拦截 根本问题就是求追击者的速度(准确来说是速度的方向) 然而要实现拦截则需要追击者本身的速度 这成了个矛盾 然后我把这原理用代码在uni

小弟菜鸟一个,有几C#个简单的问题请大虾帮忙,由于刚来所以没有积分,多谢帮助

问题描述 小弟菜鸟一个,有几C#个简单的问题请大虾帮忙,由于刚来所以没有积分,多谢帮助第一个问题,想做一个上传word文件的页面,文件上传已经实现了,但是在SQL里存入的只是文件名,所以打开的时候不能指向链接,用的是datagrid,就是想一点击文件名称,提示"打开"."保存"的那种,请问这段代码怎么写呀,同时页面显示25条记录不需要个性化的分页,但是需要对类别作筛选,小弟不是学编程的,但是现在单位需要这样一个页面,看了很多文章,也写了很多代码,但是总是不成功,经常

Illustrator设计一个抽象风格的小蜜蜂插画绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计一个抽象风格的小蜜蜂插画绘制的教程. 教程分享: 一.蜜蜂 1.首先是小蜜蜂的身体部分,使用椭圆工具,画一个圆形,色值为233,214,102,注意不要描边.选中这个圆,效果-变形-上弧形,参数如下.然后将它扩展,对象-扩展外观.   2.使用多边形工具再画个三角形,将两个图形放到一起,窗口-路径查找器,将他们合并到一起.   为了让身体看起来毛茸茸的,需要进行效果-扭曲和变换-粗糙化,参数如下:   3.然后是头部,画一个棕色的

经典算法面试题目-翻转一个C风格的字符串(1.2)

题目: Write code to reverse a C-Style String. (C-String means that "abcd" is represented as five characters, including the null character.) 写代码翻转一个C风格的字符串.(C风格的意思是"abcd"需要用5个字符来表示,包含末尾的 结束字符) 解答: 这道题如果就是要考察你有没有注意到C风格字符串最后的那个结束符,那我觉得还是像书

Photoshop简单绘制一个黑色风格的网页按钮

新建文档1200x800像素,背景白色,建新层,图层黑色,添加图层样式 效果如下 建新层,画一黑色圆角矩形 建新层,画一个小点的白色圆角矩形 [1] [2]  下一页