当前位置:主页 > 平面设计 > PS教程 > 制作实例 > 按钮制作

最新发布

时尚元素按钮
时尚元素按钮

本实例制作的时尚元素按钮,从主题物的金属光泽质感的表现,到按钮光影变化的绘制,无一不体现设计的时尚气息。主体物的方形与圆形的按钮的相得益彰,使得形式非常具有动感,如图1-82所示,展示了本实例的完成效果。图1-82  本实例完成效果该实例的制作主要分为两个部分完成。分别是制作主体图像和制作按钮图像。在第一部分制作主体图像的时候除了基本图形形状的编辑外,还结合使用滤镜工具制作光泽效果。在绘制按钮的时候主要还是应用图层样式效果,来塑造按钮的立体效果、光影变化和质感特征。如图1-83所示,为本实例的制作流程。图1-83  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“背景.jpg”文件,如图1-84所示。图1-84  打开背景素材(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”。使用工具箱中的“矩形选框”工具,在视图中绘制矩形选区,接着将选区填充为灰色并取消选区,如图1-85所示。

4 次浏览
卡通效果按钮
卡通效果按钮

本实例卡通效果的按钮制作不需要进行太多的细节刻画,也不需要表现物质的真实质感,只要做到形象简练、概括,具有卡通画的趣味性即可。各种元素的合理搭配使画面构成一个有机整体,如图1-67所示,为本实例的完成效果。图1-67  本实例完成效果该实例的制作主要是绘制完成的,因此在绘制过程中为了表现充满童趣的风格,在使用路径绘制的时候要使路径自然流畅,充满动感,避免出现呆板的直线和规则图形。如图1-68所示,为本实例的制作流程。图1-68  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“背景01.jpg”文件,如图1-69所示。图1-69  打开背景素材(2)选择工具箱中的“横排文字”工具,参照图1-70所示在视图中创建字样“LOCOAL DJ”。

4 次浏览
时尚网页按钮
时尚网页按钮

网页按钮是出现在网络页面中的翻转按钮,本实例制作的时尚网页按钮,从按钮的外形设计到添加立体效果、描绘光影变化,再到按钮周围装饰图像的设计制作,无一不体现了现代网络的时尚气氛。泛着柔和光泽的蓝色按钮犹如一颗颗精心镶嵌的宝石,而银白色组件在蓝紫色调的衬托下更显光洁润白。如图1-36所示,展示了本实例的完成效果。图1-36  本实例完成效果本节实例绘制的时尚网页按钮画面饱满、层次分明,在视觉上看起来很复杂,但在制作过程中只要能够合理灵活的运用图层样式效果,即可以很轻松的绘制出按钮的立体效果、光影变化和质感特征。装饰性图像的添加丰富了画面的内容,使网页按钮显得华丽时尚。如图1-37所示,为本实例的制作流程。图1-37  本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图1-38所示设置对话框,创建一个名为“时尚网页按钮”的空白文档。图1-38  新建文档(2)设置前景色为深蓝色(R0、G51、B73),按下<Alt+Delete>键使用前景色填充“背景”图层。

8 次浏览
时尚网页按钮(02)
时尚网页按钮(02)

(1)新建“组 3”图层组,将其拖至调板顶部,接着在图层组中新建图层。然后使用“椭圆选框”工具,绘制选区。使用“渐变”工具,为选区填充渐变色并取消选区,如图1-61所示。图1-61  绘制选区并填充渐变(2)接下来为图像添加“内阴影”、“斜面和浮雕”、“光泽”图层样式效果,设置对话框参数如图1-62所示。图1-62  添加图层样式效果(3)新建图层,使用“画笔”工具,在螺丝钉上面分别绘制黑色和白色线条,然后将制作螺丝钉所创建的图层合并,并将螺丝钉图像复制,参照图1-63所示分别调整大小和位置。图1-63  制作螺丝钉完成效果(4)下面参照以上制作按钮和添加装饰图像方法,再制作其他按钮和装饰图像,效果如图1-64所示。

3 次浏览
网络播放器按钮
网络播放器按钮

在网络播放器制作实例中,按钮特效的制作重点是播放器右侧中间的蓝色按钮图像,该图像的表面具有十分丰富的光泽变化纹理,成为整幅画面中较为引人注目的部分。同时页面中的空白部分是版面结构的重要组成,使得播放器按钮能够获得更佳的视觉效果。如图1-2所示,为本实例的完成效果。图1-2  本实例完成效果本实例绘制的网络播放器按钮形式比较简洁,其中蓝色按钮,具有非常丰富的光泽变化,与之正好形成鲜明的对比,因此蓝色按钮成为刻画的重点,在绘制蓝色按钮的过程中,若单单使用图层样式来制作恐怕达不到这种效果,可以使用“镜头光晕”和“极坐标”这两个命令相结合的方法来模拟这种特殊的光泽变化纹理就相对容易得多。如图1-3所示,为本实例的制作流程。图1-3  本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图1-4所示设置对话框,创建一个“网络播放器按钮”的空白文档。图1-4  “新建”对话框(2)使用工具箱中的“钢笔”工具,参照图1-5所示在文档右下方绘制路径。

2 次浏览
迷彩纹理按钮
迷彩纹理按钮

迷彩纹理按钮是以迷彩图案为底纹效果的按钮特效,这类按钮很容易引起人们对军事的联想,适合用于各类带有军事色彩的网页页面中。按钮图像与背景的协调搭配更增添了画面的表现力。如图2-2所示,为本实例的完成效果。图2-2  本实例完成效果在制作迷彩纹理按钮的过程中,主要应把握迷彩图像与按钮图形的结合效果。将迷彩素材图片定义为图案,方便在按钮图形上进行叠加,并且还可以调整纹理的大小、不透明参数等。中心的按钮设计为指针的形式,更增强了画面的军事含义。如图2-3所示,为本实例的制作流程。图2-3  本实例制作流程(1)启动Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“背景02.jpg”文件,如图2-4所示。图2-4  打开素材图像(2)选择工具箱中的“椭圆”工具,参照图2-5所示配合<Shift>键,绘制三个正圆路径。

9 次浏览
迷彩纹理按钮(02)
迷彩纹理按钮(02)

(1)在“图层”调板中,新建一个图层,然后使用“多边形套索”工具,在视图两侧绘制选区,接着将选区填充为灰蓝色(R155、G166、B167)并取消选区,如图2-36所示。图2-36  绘制图像(2)执行“滤镜”→“杂色”→“添加杂色”命令,参照图2-37所示设置“添加杂色”对话框,为图像添加杂色效果。图2-37  设置“添加杂色”对话框(3)接下来为图像添加“投影”和“斜面和浮雕”效果,如图2-38所示。图2-38  设置图层样式(4)按下<Ctrl>键的同时单击视图两侧图像所在图层的图层缩览图,将图像作为选区载入。然后在“通道”调板中,单击调板底部的“将选区存储为通道”按钮,创建出Alpha 1通道。激活该通道,执行“滤镜”→“渲染”→“云彩”命令,为其添加云彩效果,如图2-39所示。

2 次浏览
石质纹理按钮
石质纹理按钮

本实例制作的石质纹理按钮看上去威武厚重,给人一种拙朴的感觉,使人仿佛又回到了汉唐时代,细心体验着那个时代创造的这拙中带巧的艺术美感。如图2-72所示,为本实例的完成效果。图2-72  本实例完成效果本实例中按钮的立体效果的塑造,应用了斜面和浮雕的图层样式,而纹理质感的创建主要是综合使用多种滤镜效果完成的。在制作石质纹理图像表面的裂纹时,为了使裂纹生动,自然随意,我们使用分层云彩命令的随机性制作出来的。由于石质纹理的图像的一般都有比较粗糙的纹理和特殊的光泽,所以在绘制的时候,应先仔细分析,然后再加以深入刻画,这样制作出的图像才具有生命力。如图2-73所示,为本实例的制作流程。图2-73  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“石质背景.jpg”文件,如图2-74所示。图2-74  打开素材图像(2)在“图层”调板中新建“图层 1”,设置前景色为灰色(R102、G102、B102),按下<Alt+Delete>键,使用前景色填充“图层 1”。然后执行“滤镜”→“杂色”→“添加杂色”命令,打开“添加杂色”对话框,参照图2-75所示设置对话框,为图像添加杂色效果。

5 次浏览
纸质材质按钮
纸质材质按钮

纸质材质也属于亚反光材质的一种,光在纸质材质上呈漫反射状态,本实例制作的纸质按钮的造型很独特,按钮的形状就像用毛边的牛皮纸撕成的一样,给人一种怀旧的视觉感受,如图3-110所示,为本实例的完成效果。图3-110  本实例完成效果本实例制作的按钮材质是使用牛皮纸制作而成的。毛边的牛皮纸效果形式比较活泼,具有动感,而以黄色为主的色调结合画面中粗糙的纹理以及文字图象又使画面带有一种浓重的怀旧气息。使用“多边形套索”工具手绘制作出纸张毛边的边缘效果,通过使用“添加杂色”滤镜和“彩块化”滤镜,来创建纸材质的纹理效果。结合使用“画笔”工具、“亮度/对比度”等命令来绘制出纸张的起伏以及页面上斑驳的线条等图像。在制作过程中,无论使用什么样的表达形式,它的主要作用都是为内容服务,只有多种形式的合理搭配使用才能使画面形成一个有机的整体。如图3-111所示,为本实例的制作流程。图3-111  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-03\“背景03.jpg”文件,如图3-112所示。图3-112  打开背景素材(2)在“图层”调板中,新建“图层 1”,选择工具箱中的“矩形选框”工具,参照图3-113所示在视图内绘制选区,然后将选区填充为黑色,并取消选区。

5 次浏览
钢铁材质按钮
钢铁材质按钮

崭新的钢铁拥有很强得反光,但布满锈迹的钢铁就具备高反光的特效了亚反光材质表面的反光性较弱,一般情况下不会形成太强烈的高光。在高光区域所形成的光晕是呈发散状的,一般较柔和,带有一种散漫的反光特点。带有锈迹的钢铁材质就属于亚反光材质的一种。使用此类材质制作出的按钮在设计上带有一种仿古、怀旧的风格,给人一种腐蚀、斑驳、笨旧、沉重的感觉。如图3-75所示,为本实例的完成效果。图3-75  本实例完成效果在本实例中主要表现了钢铁材质锈迹斑斑的效果。我们在绘制过程应重点体现钢铁材质厚重,斑驳的效果,通过应用图层样式塑造图像的立体效果,然后使用多种滤镜工具来制作出钢铁材质纹理图像,结合云彩命令和应用色彩调整命令来调整图像制作出钢铁材质特有的光泽变化。如图3-76所示,为本实例的制作流程。图3-76  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-03\“钢铁材质按钮背景.jpg”文件,如图3-77所示。图3-77  打开图像(2)选择工具箱中的“自定形状”工具,参照图3-78所示设置其选项栏,然后按下<Shift>键在文档中绘制路径。

4 次浏览
共计71条记录 上一页 1 2 3 4 5 6 7 8 下一页