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

最新发布

弯曲管道
弯曲管道

1.效果图本实例将制作如图所示的效果。 2.要点有直的管道,自然也有弯的管道,直管道和弯管道互相接驳起来,就能形成错纵复杂的管道群。在Photoshop中,没有工具可以直接画出弯曲管道。管道本身是有立体效果的,首先画出管道的形状,再做立体效果的话,并不是很好的办法,因为弯角处的立体变化将是操作的一个大难点。本例将反其道而行,首先做出立体直管道,然后使用Polar Coordinates(极坐标变换)滤镜,变换成弯管道。3.制作步骤(1)按Ctrl+N键创建一幅大小为150像素×300像素,背景为透明,分辨率为72 PPI的RGB图像。在工具箱中选择Gradient Tool(渐变工具) ,然后在工具选项栏中选择Linear Gradient(线性渐变) ,在渐变属性条上,单击渐变预览图 ,可编辑渐变。在打开的Gradient Editor(渐变编辑器)对话框中,设置如图所示,按OK按钮完成编辑。从图像的上方向下方拖动鼠标,得到如图所示的结果。(2)选择Image(图像)>Canvas Size(画布尺寸)命令,在打开的Canvas Size(画布尺寸)对话框中,设置Width(宽度)为600像素、Height(高度)为600像素,结果如图所示。(3)选择Filter(滤镜)>Distort(变换)> Polar Coordinates(极坐标变换)命令,在打开的Polar Coordinates(极坐标变换)对话框中,设置如图示,执行滤镜后,图像的结果如图所示,就可得到弯曲的管道了。(4)按Ctrl+T键进行自由变换,将图像旋转成如图所示。(5)接下来的步骤,将是添加直线管道部分。在工具箱中选择Rectangular Marquee Tool(矩形选框工具) ,在弯管的末端拖选出一个如图所示的选区。

7 次浏览
透明玻璃质感长圆形按钮制作技法
透明玻璃质感长圆形按钮制作技法

在Photoshop5.5中建立新文件120x80 大小 RGB模式Contents设为Transparent( 透明 )layer1填充为白色上加一层,建立40x40 的圆形,放在页面中心填充色#003366然后将其从中心分解开,左右各20像素左半圆向左移动30像素,右半圆同步骤结果如图 选择Select/Load selection,ok后选择Select/Modify/Contract,面板上输入“5”选择Select/Feather,面板上输入“8”上加一层后,在此层填充色#66CCFF取消选择状态后,用命令Layer/Group with Previous 将此层作用在下面一层有像素的部分然后将此层向下移动10像素结果如图 在填充色#003366的长圆形图像层上用120*15的选取框选中如图所示的区域 选择Copy命令 在图像最高层上再加一层,选择Paste命令Copy到的图像部分即粘贴在如图所示的位置然后用选取框选择如图所示的区域 选中后向右移动5像素,右侧部分再用同步骤取消选中状态后,再将此图片向下移动3像素为使大家看得清晰,我把此部分填充了白色 结果如图

6 次浏览
光滑透明的icon―photoshop的图层样式
光滑透明的icon―photoshop的图层样式

在开始之前,我们先做一些准备工作:这是ps自带的所有形状:准备一个用于底图的图案:利用图案填充,做为背景:在图层样式面板中,如下设置效果的通道混合及fill opacity等参数:

6 次浏览
水晶按钮
水晶按钮

1.新建文件,宽、高都为5,单位cm,分辨率200,模式为RGB,白色背景。 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选“通过拷贝的图层”项(图层1)。 3.新建图层(图层2),使用渐变工具,设置成“前景色到透明渐变”,前景色设置为R:255,拉出如图渐变。 4.新建图层(图层3),在新图层上用喷笔画出阴影(也可填充颜色,然后用椭圆选区羽化后删除,但是那样效果没有用喷笔来得自然好看,小魔星就不在此赘述:P) 5.新建图层(图层4),在新图层上画出椭圆选区。 6.在图层4上使用渐变工具,前景色设置为R:255;G:255;B:255。

3 次浏览
木质纹理按钮
木质纹理按钮

本实例制作的木纹按钮,是将木雕花纹图像与金属边缘图像相结合,给人以庄重、华丽的视觉印象,带有一种古典主义的浪漫情调,适合用在带有仿古怀旧情节的网页中。如图2-44所示,为本实例的完成效果。图2-44  本实例完成效果木纹按钮的制作,主要是在一幅木纹纹理图片的基础上,应用图层样式效果创建的。木纹上雕刻的花纹,是通过为花纹图形添加图层样式,创建出凹陷效果,然后更改图层的混合模式,使花纹图形与底层的木纹图像叠加混合后形成的。此外按钮的金属边缘,也是应用图层样式效果创建的,它与木纹的天然肌理效果形成鲜明对比,视觉效果突出。读者对本节实例详细学习之后,要仔细体会使用图层效果用来创建不同样式,不同质感的图像。如图2-45所示,为本实例的制作流程。图2-45  本实例制作流程(1)启动Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“背景纹理.jpg”文件,如图2-46所示。图2-46  打开背景素材(2)接下来再打开本书附带光盘\Chapter-02\“木质纹样.jpg”文件,使用工具箱中的“移动”工具,将该文档中的图像拖动到“背景纹理”文档中的相应位置,如图2-47所示。

1 次浏览
网络游戏网页按钮
网络游戏网页按钮

在本小节的实例学习中,将制作一幅网络游戏网页按钮的特效画面,该按钮的外观造型独特,充满神秘游戏氛围。如图6-47所示,为本实例的完成效果。图6-47  本实例完成效果在本实例画面中,按钮图像和背景图像颜色和谐,画面生动统一,其中按钮图像造型奇特,视觉效果突出。在制作过程中,通过绘制图形和设置图层样式效果来制作按钮的立体效果,然后将素材图片叠加到按钮图像上制作出按钮上的纹理效果,使用画笔工具绘制出按钮上的光晕图像,注意调节画笔的大小。如图6-48所示,为本实例的制作流程。图6-48  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-06\“光晕背景.jpg”文件,如图6-49所示。图6-49  打开背景素材(2)选择工具箱中的“椭圆选框”工具,按下<Shift>键的同时在视图内拖动鼠标,绘制一个正圆选区,然后再选择“矩形选框”工具,单击选项栏中的“从选区减去”按钮,接着对选区进行修改,如图6-50所示。

3 次浏览
金属立体按钮
金属立体按钮

本实例制作的金属立体按钮的光泽变化十分丰富,立体效果和空间透视效果都很强烈,体现了空间的纵深感,由于是立式的长方形形状,并且颜色清新干净,在视觉上给人一种耳目一新的感觉。如图4-2所示,为本实例的完成效果。图4-2  本实例完成效果在本实例的制作中我们应该主要分两个方面来刻画,一方面是立体效果的刻画,另一方面是金属材质的刻画。但是这两方面又不能分割开来绘制,我们利用按钮形状的空间透视关系来加强这种立体空间感,使用渐变颜色表现出按钮的明暗变化效果,结合使用“加深”工具、“画笔”工具和“亮度/对比度”命令等来加强金属材质的高、反光区域颜色。整幅画面干净柔和,使人心情开阔。如图4-3所示,为本实例的制作流程。图4-3  本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,参照图4-4所示对打开的“新建”对话框进行设置,创建出一个新文档。图4-4  设置“新建”对话框(2)设置前景色为淡蓝色(R226、G244、B255),按下<Alt+Delete>键,使用前景色填充背景,接着执行“文件”→“打开”命令,打开本书附带光盘\Chapter-04\“风景.jpg”文件。使用“移动”工具,将风景图像拖移到“金属立体按钮”文档中并适当调整位置,如图4-5所示。

1 次浏览
PS制作Windows Vista风格的漂亮图标的教程
PS制作Windows Vista风格的漂亮图标的教程

这是一篇教您如何制作Windows Vista风格的漂亮图标的教程。主要应用了Photoshop中的选框工具绘制图形,并使用图层样式来表现图标的质感。教程中使用了Photoshop CS3中文版作为示范,但实际上Photoshop 6.0以上的版本,其实现和操作方法都基本是一致的。 图1 效果图  1)新建一个 256 × 256 像素的透明背景图像文档。将第一个图层名称重命名为“背景”。  2)使用白色 #ffffff 填充背景。  3)新建一个图层,重命名该图层为“圆”。  4)选择椭圆选框工具,同时按下Shift键,绘制一个 222 × 222 像素的正圆。保存选区为“正圆选区”。  译者补充说明:  一、绘制222×222像素正圆的简易方法:选择椭圆工具后,再在选项栏上,将样式改为“固定大小”,并同时指定宽度和高度为222像素。  二、保存选区的方法:选择菜单“选择 -> 存储选区”。  5)使用任意的颜色填充选区。笔者使用了 #880303 。图2:绘制正圆选区并填充色彩  6)选择暗红色作为前景,浅一些的红色做为背景。笔者使用了 #880303 及 #b51919 。选择渐变工具(径向渐变风格)并从选区的左上角拖拽到右下角。图3:给选区填充渐变色   7)新建一个图层并重命名该图层为“反射”。  8)加载“正圆选区”并选择椭圆选框工具,同时按下 Alt 键,然后从右下角到中间绘制一条曲线。释放鼠标按钮,你将得到像这样的一个选区:

2 次浏览
教你用PS打造精致金属质感水晶按钮
教你用PS打造精致金属质感水晶按钮

 先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手.一.背景的制作:1.打开photoshop 新建一个400*400的文件 最好是"RGB"颜色用黑白圆形渐变绘制如<图2>所示渐变 

7 次浏览
Photoshop简单绘制圆角矩形翻转网页按钮
Photoshop简单绘制圆角矩形翻转网页按钮

形状工具画一个圆角矩形:添加一个锚点并删除这个新添加的锚点:选择左下角的2个锚点:CTRL+T并将中心点定位到左边线:右键,水平翻转:同理翻转右边:

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