Photoshop巧用图层样式设计立体效果的网页按钮

Photoshop巧用图层样式设计立体效果的网页按钮的相关文章

• 
  巧用图层样式制作漂亮水晶按钮

  标签：PS PS基础 PS效果

  本教程介绍使用图层样式来制作水晶按钮，教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节。明白了做其他形状的按钮也就迎刃而解了！ 最终效果 1.新建一个500 * 300像素的文件，背景填充为白色，新建一个图层命名为“按钮”，用矩形选框工具画一个长条的矩形填充为黑色。    2.双击“按钮”层，弹出图层样式对话框，选择渐变叠加参数设置如下图 3.设置渐变...[ 查看全文 ]

  神经小破孩

  381
• 
  Photoshop使用图层样式制作立体效果的流金字

  标签：PS PS基础

  先看看效果图 1、新建1800*1300px大小而定文档，编辑填充颜色#1f1f1f。 2、新建图层纹理，我们用划痕笔刷或者你有什么好看的划痕背景图都可以，前景色设为白色，刷一些纹理效果。 3、给纹理图层添加图层样式如下。 4、给纹理图层添加图层蒙版，用柔软的黑色画笔涂抹周边。 5、打上字体Othello，这里字体选择Rothenburg Decorative Free Font，点这里下载。颜色随意。 6、设置图...[ 查看全文 ]

  再銱吔袙寀忉

  351
• 
  用Photoshop图层样式制作发光按钮

  标签：PS PS教程

  先看一下效果： 在下面的例子中我们将研究怎么样运用图层样式来为我们制作出优美的图案。新建825×595像素大小的工作窗口，选择渐变工具为背景添加渐变效果。 双击背景图层，打开“新建图层”对话框，单击确定。 在图层面板中单击“添加图层样式”，在下拉菜单中选择“渐变叠加”，然后如图设置弹出对话框。 在图层面板中再次单击“添加图层样式”，在下拉菜单中选择“图案叠加”，然后如...[ 查看全文 ]

  txoau

  121
• 
  巧用图层样式制作黄金字效果

  标签：PS效果 PS PS基础

  本教程主要是通过调整图层样式来制作黄金字效果，制作的时候为了效果突出背景最后选择比较暗的色调。 最终效果 1.新建一个600px* 500px的文件，新建一个图层，双击图层调花簇出图层样式，选择渐变叠加参数设置如下图 2.新建一个图层按字母“D”,把前背景颜色恢复到黑白，然后填充白色，执行菜单：滤镜 纹理 纹理化 参数设置如下图确定后把图层混合模式改为“正片叠底” 3.新建...[ 查看全文 ]

  杨琼xxxY

  261
• 
  Photoshop设计白色立体效果的开关按钮

  标签：PS PS基础

  做这个教程，其实是自己练习着玩，也正好模仿一位大神的一个简单的作品，第一次为猫视觉写教程，比较简单，希望在今后的练习中能做出更好的教程给大家。 我们先来看下原作和我这个山寨的区别： 接下来我们讲解教程： 1. 首先创建一个尺寸为400*300的文件(尺寸随意) 2. 然后找一张木板作为背景，主要你觉得适合随便都可以，找不到合适的可以调一下色调，我的就是调整过的 3. 选择圆角矩形工具，画一个...[ 查看全文 ]

  网络bu说爱

  71
• 
  Photoshop图层样式快速打造Vista风格按钮

  标签：PS PS教程

  本文由 中国 tomcont   原创，转载请保留此信息！ 看了肥鱼的打造Vista风格按钮教程 觉得做法还可以更简单些 直接运用图层样式 做完了 还可以保存图层样式 以后也可以用 先上效果： [next]现在我们开始吧： [next] [next] [next] [ 查看全文 ]

  那阵风___

  41
• 
  Photoshop教程：图层样式打造精致IPOD按钮

  标签：PS PS教程

  效果图 1.PS下建立一个400*400的图像，背景设置为白色。 2.新建层，使用椭圆选择工具，按住SHIFT拉一个正圆出来，填充白色。 [next]   3.对圆这层加载图形样式。实现按钮的效果全靠这一步。图层样式里有取之不尽的宝藏，大家多发掘吧！这里我用了4种 图层样式效果。 [next] 4.做到这一步，就是添加按钮了。新建层，选择自定义形状工具，选...[ 查看全文 ]

  神尼从了老衲吧

  11
• 
  Photoshop设计蓝色立体效果的播放按钮

  标签：PS PS基础

  先看一下效果 1、新建文件。点击菜单，选择图层-新建图层填充-渐变。 2、渐变填充可以选择自己喜欢的颜色。 3、绘制一个圆形如图。 4、打开图层样式，样式叠加 渐变叠加 投影 斜面和浮雕 内阴影 5、新建图层在从新绘制一个三角形。可采用多边形工具，边数设为3，叠加图层样式，如图。 6、把这个圆形从新复制一层，图层样式删掉，栅格化处理。点击菜单---滤镜---模糊-...[ 查看全文 ]

  偷井盖的老王

  91
• 
  Photoshop制作清新的立体网页按钮

  标签：PS PS基础

  [ 查看全文 ]

  沉默de鲨鱼123

  31
• 
  Photoshop制作立体绚丽的网页按钮

  标签：PS PS基础

  最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形状，请不要做太多奇形怪状，不要忘记按钮本身的作用吸引用户点击。 2、颜色 设计师应该具备审美能力。 3、实验 不断的练习会让你学习到更多的东西，请不要给自己太多压力，你的付出不会仅仅只让你原地踏步，要坚持。 4、教程 下面是我自己随意做的东西。 5、分层图 6、混合选项 加上其它细节，完成最终效果。如...[ 查看全文 ]

  你成他的新娘了

  01
• 
  Photoshop图层样式“缩放效果”的妙用

  标签：PS PS教程

  很多人都会用到Photoshop的图层样式，但却很少有人会用到图层样式的缩放效果。使用Photoshop图层样式中的“缩放效果”命令，可以同时缩放图层样式中的各种效果，而不会缩放应用了图层样式的对象。当对一个图层应用了多种图层样式时，“缩放效果”则更能发挥其独特的作用。由于“缩放效果”是对这些图层样式同时起作用，能够省去单独调整每一种图层样式的麻烦。 “缩放效果”命令隐藏在“图层|图层样...[ 查看全文 ]

  紫岸心

  371
• 
  Photoshop巧用图层样式制作熔岩火焰字

  标签：PS PS基础

  最终效果 1、新建一个1000 * 700像素，分辨率为72的画布，确定后把背景填充黑色。选择文字工具，输入自己想要的文字，字体颜色任意，文字稍微选择大一点，如下图。 2、选择菜单：图层 图层样式 内发光，设置好后再设置：颜色叠加、渐变叠加，图案叠加，参数及效果如下图。 图案为PS自带的图案，如果没有，需要复位一下。 3、按Ctrl + J 把文字图层复制一层，在副本图层缩略...[ 查看全文 ]

  最帅不过六子

  31
• 
  Photoshop通过图层样式制作各式各样的按钮

  标签：PS PS基础

  先看看效果图 LV. ★ 初入设计，学做按钮。只会套个底色，加个阴影，字体纯白，小聪明的弄个圆角。 LV. ★★(描边、字体、内阴影) 看了很多案例，学会了一些小技巧，内描边1PX深色描边，使效果有所提升。注意描边要贴近按钮色，不要用纯黑和纯白。 其次，字体的颜色也同样不要用纯白，要用贴近按钮色的单色最佳。 当学会了内阴影这项技能后，你就发现高光的按钮看起来非常美好。 LV. ★★(渐...[ 查看全文 ]

  哈里灬亮

  471
• 
  Photoshop使用图层样式制作金属立体字

  标签：PS PS基础

  [ 查看全文 ]

  羊与阳光

  91
• 
  Photoshop教程：图层样式打造别样立体像框

  标签：PS PS教程

  在一张平面照片里让每个人物都显示在不同的立体像框中，咋一听，挺有意思的吧。用Photoshop这个图像处理大师，只要脑海中能够想到的特效，在Photoshop中基本都能够实现，下面我们就使用Photoshop将一张照片里的不同人物放置在不同的像框中。 最终效果 [next] 具体操作步骤如下： 第一步：在Photoshop CS3中打开事先准备好的图片素材，如图1所示。使用工具箱中的缩放工具将其适当放大。打开图...[ 查看全文 ]

  我来自地下城

  11
• 
  Photoshop设计华丽的立体钻石按钮

  标签：PS PS基础

  先来看看最终效果图： 具体制作步骤： 一、运行PS软件，新建一文档，输入文档名称，尺寸自定义，白色背景。 二、新建一层，选择椭圆工具，同时按Shift键拉一个白色圆形，并为其添加图层样式。首先添加渐变叠加--混合模式为正常--不透明度为100%--样式为线性，打开编辑器编辑渐变颜色，从左至右依次为#000000 #8d0d0a #650000 #ab1919 #b21818 #d51818 #ffffff，如下图： 三、添加内发光样式--混...[ 查看全文 ]

  自己想明白

  381
• 
  Photoshop绘制立体质感的网页开关按钮

  标签：PS PS基础

  如果你是设计师，那么创建界面元素是非常重要的技能。本次教程中，我们会创建一个简单漂亮的切换开关按钮。切换开关经按钮常用于某项功能的启用与关闭，他们经常出现在UI设计与网页应用设计中，好了，来开始我们的教程吧。 先看看效果图 下面是教程 第1步： 打开Photoshop，Ctrl+N新建一个文档，尺寸选择600×500px。 第2步： 按住Alt键双击背景图层，将其转换为普通图层。再次双击，打开图层样...[ 查看全文 ]

  QQ757856333厣

  61
• 
  Photoshop巧用图层样式制作高光艺术字

  标签：PS PS基础

  最终效果 1、新建一个1000 × 650像素，分辨率为72的画布。选择渐变工具，颜色设置为红黑色至暗红色如图，然后由顶部向下拉出图2所示的线性渐变作为背景。 2、选择文字工具，输入想要的字母或文字。这里的字体为AvantGarde Md BT，大小为500点。文字颜色为橙黄色：#fff601，如下图。 3、现在来给文字设置图层样式。双击图层面板文字缩略图调出样式设置面板，然后设置： 投影：颜色为暗...[ 查看全文 ]

  纯色白8

  11
• 
  Photoshop设计金属质感的网页按钮

  标签：PS PS基础

  先看看效果图 让我们开始!创建一个新的文件，本ps教程分辨率为500×300，填补这个白色画布。然后选择圆角矩形工具(半径30像素)绘制一个形状使用#d61d23的颜色。 之后，应用下面的图层样式到这一层： 内阴影 渐变叠加 您的按钮应该看起来像我的： 现在，时间，使反射按钮。使用Ctrl + J键复制当前层，然后创建一个新的，然后将其翻转复制的图层，得到一个层中的所有图层样式。之后...[ 查看全文 ]

  爱尚KTV孙红

  71
• 
  Photoshop教程：图层样式打造水晶相框效果

  标签：PS PS教程

  原图： 效果图： [next] 一、打开素材图片，按Ctrl+J键复制两层 （点击小图看大图） 二、对背景填充白色 （点击小图看大图） 三、关闭图层1副本，选中图层1，把图层1的不透明度降为50% （点击小图看大图） [next] 四、选中图层1副本，用矩形选框工具画选区，反选选区，按删除键删除。 （点击小图看大图） 五、反选选区，进行2像素描边操作，然后取消选区。 （点击小图...[ 查看全文 ]

  yohack

  11