【导语】“咕噜咕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制作电梯按钮(锦集10篇)




