教你用PS制作电梯按钮

时间:2023-03-16 04:00:10 作者:咕噜咕lu 综合材料 收藏本文 下载本文

【导语】“咕噜咕lu”通过精心收集,向本站投稿了10篇教你用PS制作电梯按钮,以下是小编为大家整理后的教你用PS制作电梯按钮,希望对大家有所帮助。

篇1:教你用PS制作电梯按钮

最终效果图

制作工具:Photoshop CS

制作过程:

1、选择一幅背景图片,效果如图01所示,

图01

2、设置前景色的RGB分别为174、174、174。新建一个图层图层1,并填充前景色,效果如图02所示。

图02

3、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令,在打开的添加杂色对话框中设置参数如图03所示,效果如图04所示。

图03

图04 最终效果图

制作工具:Photoshop CS

制作过程:

1、选择一幅背景图片,效果如图01所示。

图01

2、设置前景色的RGB分别为174、174、174。新建一个图层图层1,并填充前景色,效果如图02所示。

图02

3、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令,在打开的添加杂色对话框中设置参数如图03所示,效果如图04所示。

图03

图044、接着执行菜单栏中的“滤镜”“模糊”“动感模糊”命令,在打开的动感模糊对话框中设置参数如图05所示,图像效果如图06所示。

图05

图06

5、单击工具箱中的“矩形选框工具”,按住Shift键进行拖动,绘制大小合适的矩形,效果如图07所示。

图07

6、新建一个图层,并用前景色填充选区,按Ctrl T键将图像旋转45度,然后按Shift Ctrl I键反选选区,将除菱形以外的部分删除,效果如图08所示。

图08

7、取消选区。设置前景色为白色,选择工具箱中的“圆角矩形工具”,设置半径为10,按住Shift键拖动鼠标,绘制矩形,效果如图09所示。以矢量图形绘制出来的图像会自动生成图层,命名图层为01。

图09 8、复制图层01为01副本图层,效果如图10所示。

图10

9、将图层01和01副本图层隐藏。选择图层1,按住Ctrl键单击图层01,然后按Delete键删除选择区域,用同样的方法删除01副本的选择区域,效果如图11所示。

图11

10、双击图层1,打开图层样式对话框,选择“投影”“斜面和浮雕”样式,设置如图12-13所示,等高线设置如图14所示,其中等高线设置如图15所示,图像效果如图16所示。

图12

图13

图14

图15

图16

11、将图层01和图层01副本取消隐藏。选择01副本图层,按Ctrl T键,设置W为95%,H为95%,如图17所示。利用同样的方法将图层01的大小也调节为95%。

图17 12、双击01图层,打开图层样式对话框,选择“投影”“斜面和浮雕”“渐变叠加”,设置参数如图18-21所示,渐变颜色设置的RGB分别为208、208、208和255、255、255,

图18

图19

图20

图21 13、在图层面板中将图层的混合模式为“正片叠底”图像效果如图22所示。

图22

14、新建一个图层,图层02。单击矩形选框工具绘制一个矩形。

15、设置前景色的RGB分别为225、225、225,填充矩形选区,效果如图23所示,取消选区。

图23

16、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令,设置参数如图24所示。

图24

17、执行菜单栏中的“滤镜”“模糊”“动感模糊”命令,设置参数如图25所示,图像效果如图26所示。

图25

图26 18、选择图层02,按住Ctrl键单击01图层,添加图层蒙版,设置混合模式为“正片叠底”,效果如图27所示。

图27

19、选择工具箱中的“自定形状工具”,设置前景色RGB分别为190、190、190,绘制如图28所示的图案,命名图层为03。

图28

20、双击03图层,打开图层样式对话框,选择“内阴影”和“斜面和浮雕”样式,设置参数如图29-30所示,图像效果如图31所示。

图29

图30

图31 21、复制图层03为图层04,双击图层04,的图层缩览图,打开拾色器对话框,设置RGB分别为205、207、147。

22、按Ctrl T键,将图层04中的图像缩小。将内阴影效果删除,设置斜面和浮雕参数如图32所示,图像效果如图33所示。

图32

图33

23、用同样的方法制作下面的按钮效果如图34所示,改变下面按钮的颜色的RGB分别为225、230、50,效果如图35所示。

图34

图35 24、将图层04中的斜面和浮雕样式删除,并双击打开图层样式对话框,选择“外发光”“斜面和浮雕”样式,设置如图36、37所示,效果如图38所示。

图36

图37

图38

25、新建一层,选择工具箱中的“画笔工具”,设置前景色为白色,在按钮上单击,然后更改混合模式为“叠加”,效果如图39所示。

图39

26、复制刚才的图层,选择画笔工具再次单击添加白色,执行菜单栏中的“滤镜”“模糊”“高斯模糊”命令,设置模糊半径为19,最终效果如图40所示。

图40

篇2:教你用PS制作个人简历

素材准备:

1.个人照片一张(当然是好看一点的啦!)

2.竹叶的素材图片,笔者准备做一张绿色主调的封面,相信凉爽的色调更能让老板喜欢。图片的质量要尽可能高,下面两张图片是笔者使用数码相机拍摄的。

创作工具:PS 7.0/CS

1. 打开PS,新建一个空白文档,取名“封面.psd”宽度和高度分别是42厘米、29.7厘米,分辨率300像素/英寸,模式选用CMYK模式。点击菜单“视图→标尺”,调出刻度尺。点击菜单“视图→新参考线”,弹出“参考线”对话框,“取向”选择“垂直”,在“位置”后输入“21”,确定后将在图片中央出现一条垂直的蓝色参考线,这样我们可以区分开封面和封底。

2. 选择“矩形工具”在参考线右侧绘制宽1厘米的矩形,颜色为灰绿色(RGB:194,202,193)模式为“变暗”,透明度为“90”。选择“画笔工具”,选择“矩形”18像素笔触,间距为240%,在刚绘制的矩形右侧绘制一根虚线,将颜色设置得更深一点。本作品配色,主要使用的是相似色,这样整体感比较协调。

3. 打开竹叶素材,将其拖入“封面.psd”中,点击菜单“编辑→自由变换”,改变竹叶图片的大小和位置。“自由变换”是PS中常用的工具,使用“Ctrl T”快捷键调出更方便,

设置图片的层次在“竹叶”之上。使用“文字工具”打出标题和一些文本信息。在文字“自我简介”下使用“矩形工具”绘制矩形衬底。最后建立一新图层,使用“椭圆选框工具”划定圆形选区,点击菜单“编辑→描边”,设置宽度为“2像素”,颜色为淡绿色,封面完成。

4. 新建一文件,宽度和高度分别是1像素、5像素,“内容”为透明,“确定”。按“Ctr ”,将图片视图放大,在三分之一处绘制白色矩形。

全选该图片(“Ctrl A”),点击菜单“编辑→定义图案”,PS将把该图片作为填充样本存入库。关闭该图,不需保存。

回到“封面.psd”中,新建一层,取名“白色条纹”。在参考线左侧用“矩形选框工具”划定矩形选区,点击菜单“编辑→填充”,选择刚刚定义的图片作为填充样本,按“确定”。改变下层的颜色就可以改变条纹显示的效果,因为条纹种除了白色外都是透明的。

5. 在“竹叶”图层用“魔棒”工具点取空白处,再单击菜单“选择→反选”,获得竹叶状选区。回到“白色条纹”图层,点击菜单“选择→变换选区”,调整好选区的位置和大小,按下删除键,白色条纹的矩形就变成了竹叶型镂空了。最后将该图层执行菜单“编辑→变换→水平翻转”,将其翻个身。在该层下加入绿色到白色的渐变背景,也可加入一些几何图案。笔者放了个小迷宫,增加一些情趣。我们也可以将竹叶镂空做的更好看点:在该层添加矢量图层蒙版(菜单“图层→添加图层蒙版→显示全部”),再在蒙版中填充一个渐变色,这样竹叶镂空看起来更有层次感,封面封底效果。

篇3:教你用PS制作个人简历

素材准备:

1.个人照片一张(当然是好看一点的啦!)

2.竹叶的素材图片。笔者准备做一张绿色主调的封面,相信凉爽的色调更能让老板喜欢。图片的质量要尽可能高,下面两张图片是笔者使用数码相机拍摄的。

创作工具:PS 7.0/CS

1. 打开PS,新建一个空白文档,取名“封面.psd”宽度和高度分别是42厘米、29.7厘米,分辨率300像素/英寸,模式选用CMYK模式。点击菜单“视图→标尺”,调出刻度尺。点击菜单“视图→新参考线”,弹出“参考线”对话框,“取向”选择“垂直”,在“位置”后输入“21”,确定后将在图片中央出现一条垂直的蓝色参考线,这样我们可以区分开封面和封底。

PS制作个人简历--设置矩形属性

2. 选择“矩形工具”在参考线右侧绘制宽1厘米的矩形,颜色为灰绿色(RGB:194,202,193)模式为“变暗”(如图1),透明度为“90”。选择“画笔工具”,选择“矩形”18像素笔触,间距为240%,在刚绘制的矩形右侧绘制一根虚线,将颜色设置得更深一点。本作品配色,主要使用的是相似色,这样整体感比较协调。

3. 打开竹叶素材,将其拖入“封面.psd”中,点击菜单“编辑→自由变换”,改变竹叶图片的大小和位置。“自由变换”是PS中常用的工具,使用“Ctrl T”快捷键调出更方便。设置图片的层次在“竹叶”之上。使用“文字工具”打出标题和一些文本信息。在文字“自我简介”下使用“矩形工具”绘制矩形衬底。最后建立一新图层,使用“椭圆选框工具”划定圆形选区,点击菜单“编辑→描边”,设置宽度为“2像素”,颜色为淡绿色,封面完成后如图2。

PS制作个人简历--封面效果图

4. 新建一文件,宽度和高度分别是1像素、5像素,“内容”为透明,“确定”。按“Ctr ”,将图片视图放大,在三分之一处绘制白色矩形(如图3)。

全选该图片(“Ctrl A”),点击菜单“编辑→定义图案”,PS将把该图片作为填充样本存入库。关闭该图,不需保存。

回到“封面.psd”中,新建一层,取名“白色条纹”。在参考线左侧用“矩形选框工具”划定矩形选区,点击菜单“编辑→填充”,选择刚刚定义的图片作为填充样本,按“确定”。效果如图3,改变下层的颜色就可以改变条纹显示的效果,因为条纹种除了白色外都是透明的。

PS制作个人简历--1/3处的矩形图

5. 在“竹叶”图层用“魔棒”工具点取空白处,再单击菜单“选择→反选”,获得竹叶状选区。回到“白色条纹”图层,点击菜单“选择→变换选区”,调整好选区的位置和大小,按下删除键,白色条纹的'矩形就变成了竹叶型镂空了。最后将该图层执行菜单“编辑→变换→水平翻转”,将其翻个身。在该层下加入绿色到白色的渐变背景,也可加入一些几何图案。笔者放了个小迷宫,增加一些情趣。我们也可以将竹叶镂空做的更好看点:在该层添加矢量图层蒙版(菜单“图层→添加图层蒙版→显示全部”),再在蒙版中填充一个渐变色,这样竹叶镂空看起来更有层次感,封面封底效果如图4。

PS制作个人简历--封面封底效果图

PS制作个人简历--画布向下扩展

6. 点击菜单“图像→画布大小”,将高度增加到39.7厘米,定位模式为图5所示。

具体的设计不再赘述,最终成品如图6所示。打印后,用美工刀沿红线处(制作时不要加上红线)裁剪后翻折、双面胶粘贴,一张个人简介的封面就完工了。打开后,左边呈现的是自己的照片和简要介绍,陈列在右边小袋中的是16开的各种证书复印件。

PS制作个人简历--简历袋最终效果

篇4:PS制作质感按钮

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

具体的制作步骤如下:

新建文档400x400像素,背景黑色,建新层,自定义形状工具画一白色正圆,

添加图层样式。

效果如下。

建新层,画一白色椭圆,图层不透明度10%,效果如右图,

建新层,画一个大的白色正圆,之后减法模式画一个小的正圆,这样我们得到了一个白色圆环。

添加图层颜色。

效果如下。

复制一层,清除图层样式,减法模式画一个椭圆。

添加图层样式。

效果如下。

输入文字,加上阴影,最终效果如下。

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

篇5:PS简单制作箭头按钮

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

具体的制作步骤如下:

新建文档1280x1024像素,背景白色,建新层,先画一个圆角矩形,再画一个正圆,合并2个图层。

添加图层样式。

效果如下。

同样方法再制作一个小的白色形状。

添加蒙版,用黑色柔角笔刷涂抹中间部分,图层不透明度38%。

复制此层,去除蒙版,ctrl+T缩小一些,高斯模糊15像素,图层不透明度68%。

建新层,画一个黑色圆角矩形。

添加图层样式。

效果如下,

复制此层,清除图层样式,颜色改为白色,用钢笔做一选区,删除。

图层模式叠加,不透明度22%。

建新层,画一个小的黑色正圆。

添加图层样式。

效果如下。

复制此层,缩小一些,关闭投影样式,把描边样式尺寸改为8像素。

建新层,用钢笔画如下图所示黑色箭头。

添加和黑框内的圆角矩形一样图层样式,复制一个,效果如下。

建新层,调出形状4副本2的选区,填充白色,去掉选区,用椭圆工具做如下选区,删除,图层不透明度22%。

输入文字,添加投影和渐变叠加样式,参数不提供了,自己设置即可。

添加一个投影,最终效果如下。

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

篇6:PS制作质感按钮

图层样式的应用技巧,一个样式,三种按钮状态.

这种状态常见于网页设计当中,因此教程写给有需要的朋友们,高手请直接无视.

有PSD可以下载.图层不多,希望能帮到各位酷友.

下面是详细的制作过程,图文并茂.

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

篇7:PS简单制作质感按钮

这篇PS简单制作质感按钮教程是我刚刚学习过的,感觉还挺简单,挺不错的,推荐到和大家一起学习吧,希望对的朋友们有所帮助,先来看看最终的效果图吧!

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

使用混合模式和遮罩效果制作网页按钮

打开photoshop,新建空白文档,

PS简单制作质感按钮

为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。

选择圆角矩形工具,创建按钮的的主要形状,半径为5 px。

添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。

现在让按钮从背景中突显出来,添加1 px描边,颜色为深蓝色(#0b2258)。

为了增加按钮立体感,添加一个1像素内发光。颜色为白色(#FFFFFF),减少不透明度到30%。

现在给按键添加杂色,新建图层,按ctrl+图层蒙版缩略图,选择油漆桶工具,填充颜色为黑色(#000000)。按ctrl+d取消选区,

选择滤镜-杂色-添加杂色,数量为33%。

设置图层混合模式为滤色,不透明度为15%。

新建图层,按ctrl+图层蒙版缩略图,选择油漆桶工具,填充颜色为白色(#FFFFFF)。按ctrl+d取消选区。

现在开始创建漂亮的灯光效果,选择矩形工具,选中按钮的一半。按delete键删除选区,设置图层的不透明度不10%。

添加文字,字体为Arial(Bold,14pt)。

现在给文字添加雕刻效果,最简单的方式是复制文字层(ctrl + J),然后移动复制到原文字图层下方。添加一个深色的叠加颜色。右键点击混合选项>>混合叠加颜色>#124d89。分别向上,向左移动1px。

选择自定义形状工具,画的放大镜,应用上一步骤方法,制作雕刻效果。

设置按钮高光效果。新建一组,命名为“light effect”,设置混合模式为颜色减淡。按ctrl+图层蒙版缩略图。选择画笔工具,大小80px,硬度为0,给按钮添加高光。

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

篇8:PS制作水晶按钮

这篇教程教的朋友们用PS制作水晶按钮,制作过程难度一般,主要运用到得是PS图层样式,希望大家通过这篇教程都能制作出漂亮的水晶按钮,先来看看最终的效果图:

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

制作步骤如下:

1、新建一个大小自定的文件,选择圆角矩形工具,半径设置为15像素,前景颜色设置为蓝色,拉出一个圆角矩形,然后双击图层调出图层样式,参数设置如下图,

PS制作水晶按钮

2、新建一个图层,给按钮添加高光效果。用圆角矩形工具再画一个较小的圆角矩形,如下图。3、把高光图层的透明度适当降低,图层混合模式改为“叠加”,效果如下图。4、调节图层效果,可以做出其他颜色的按钮,最后加上文字完成最终效果。

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

篇9:PS制作玻璃按钮

这篇教程教网的朋友们用PS制作玻璃按钮,制作过程难度一般,教程的制作过程写的还是比较清晰的,希望大家都能通过我转发的这篇教程学会用PS制作玻璃按钮。

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

制作步骤如下:

步骤-01

新建图层,命名为 “box”。用圆角矩形工具 (U)创建一个圆角矩形。点击ctrl+回车创建选区,填充为白色。

步骤-02

给这个形状创建图层属性-渐变叠加,内发光和描边。

步骤-03

给这个形状创建渐变叠加。渐变颜色为-左边(#B1DB08) 中间(#66AB04) 右边(#B1DB08).

步骤-04

添加内发光,设置颜色为(#D9FF4E).

步骤-05

添加描边-设置边的颜色为(#A8D508).

步骤-06

创建一个新的图层,命名为 “light”,

创建一个圆角矩形选区。填充为白色。

步骤-07

设置扭曲滤镜(滤镜“>扭曲>锯齿)。按照下面的参数进行设置。

步骤-08

设置图层透明度为40%。用橡皮工具(E)擦除边缘。最后你将会得到我们想要的结果。

OK,做完这一步完成最终结果,如下图:

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

篇10:教你用PS制作烫金文字

最终效果图

1、按Ctrl n或者点击文件――新建命令建立一文件,名称自己字,宽度和高度按需要确定,我这里取600×200像素,其它保持默认,确定,

2、按d键设置前景色和背景色为默认的黑色和白色,然后按Alt Delete填充前景色(黑色)。

3、新建图层1,选用文字蒙板工具输入文字(文字内容自己喜欢就行),建议选用笔画粗些的字体效果较好,输入文字完毕后,调整其到合适位置,然后按Ctrl Enter确定。

4、退出文字蒙板后得到的文字选区。

5、点击编辑――填充,等待弹出对话框。

6、点击使用项右侧下拉选项,选择50%灰色填充。

7、填充灰色后的效果。

8、打开通道调板,将选区存储为通道,然后单击选中新建的通道alpha1,

9、按ctrl d键取消选区,然后对通道alpha1执行滤镜――模糊――高斯模糊。

10、设置模糊半径4-5像素即可。

11、单击RGB通道,再返回图层1,执行滤镜――渲染――光照效果。

12、设置光照效果参数如图示,观察预览框里的图像,调整光线形状,注意不要过亮,稍暗些效果好,图中椭圆形状供参与,纹理通道选alpha1,其它项保持默认确定退出。

13、进入图像――调整――曲线。

14、调整曲线形状如图示。

15、调整曲线后的图像效果。

16、最后一步,调整色相、饱和度。

17、勾选“着色”项,设置饱和度大于70比较好,色相值可以观察着图像调整,一般40左右,满意后确定退出对话框。

最终效果:

教你用PS制作烫金文字

PS制作漂亮质感网页导航按钮

PS按钮制作基础教程之制作灰色质感导航栏

教你用Word 制作新年日历

PS制作切割文字效果

PS制作果酱文字效果

PS制作烟雾文字效果

PS制作铜板雕刻文字效果

PS制作七彩电光文字效果

PS制作炫目火光文字特效

教你用PS制作电梯按钮(锦集10篇)

欢迎下载DOC格式的教你用PS制作电梯按钮,但愿能给您带来参考作用!
推荐度: 推荐 推荐 推荐 推荐 推荐
点击下载文档 文档为doc格式
点击下载本文文档