PS五种水晶按钮制作教程集合

1、实用标准文案文档大全圆形水晶按钮制作教程1.1.新建文件，宽、高都为 5 5，单位 cm,cm,分辨率 200200,模式为 RGBRGB 白色背景2.2.用圆形选框工具画出圆形选框， 在选区内点鼠标右键， 选“通过拷贝的图层”项 （图层 1 1 ）。实用标准文案文档大全3.3.新建图层（图层 2 2）,使用渐变工具，设置成“前景色到透明渐变”，前景色设置为R R: 255255，拉出如图渐变。实用标准文案文档大全4.4.新建图层（图层 3 3）,在新图层上用喷笔画出阴影（也可填充颜色，然后用椭圆选区羽化后删除，但是那样效果没有用喷笔来得自然好看，小魔星就不在此赘述：P P）5.5.新建图层（

2、图层 4 4）,在新图层上画出椭圆选区实用标准文案文档大全6.6.在图层 4 4 上使用渐变工具，前景色设置为R:R: 255255; G:G: 255255; B B:7.7.新建图层（图层 5 5），使用钢笔工具任意画一个图形255255。实用标准文案文档大全8.8.在路径工作区中点选“将路径作为选区载入”，将钢笔路径转换成选区实用标准文案文档大全10.10.将图层 5 5 拉至图层 4 4 之下实用标准文案文档大全基丽-二不透明度：11 血 U锁定：厂3厂扌厂中厂鶴i 富r-1图层 4图层 51ASR31r2厨展 I GI 塗1背景S11.11. 图层属性设置为“叠加”廊丽jjjjj口不

3、透翅锁走：厂B3 r / r *实用标准文案文档大全实用标准文案文档大全12.12. 把工作区换到图层 1 1 （通过拷贝的白色圆形），双击图层，跳出图层样式框，参数设置如图。13.13. 现在就是大功告成拉哈哈哈如果想再做其他颜色的水晶按钮不必再一个个重复做只要点 ctrl+Uctrl+U 调整色相就 0K0K 了 ：）实用标准文案文档大全金属边框按钮.背景的制作：1.打开 photoshop 新建一个 400*400 的文件 最好是RGB颜色用黑白圆形渐变绘制如 图 2所示渐变因1口|实用标准文案文档大全2.选择滤镜 杂色 添加杂色数值如 所示屮底纹效果Ctrl+FL画笔描边k模糊k扭曲锐

4、化视頻素描像素化卜渲染卜艺术效果杂色耳它卜Digimarck1滤镜（D 视图窗口（曲帮肋鬲回布显中间值添加杂色超与划瘟 去斑打印3.选择滤镜 艺术效果 底纹效果数值如 所示实用标准文案文档大全忝加杂色Ctrl-H= -O _EZL4=3-1凤格化1 ,.1回笔描边複糊卜扭曲樹化视频素描像素化渲染1 艺术效果n莘画杂色彩色铅笔苴它粗糙蜡笔底级效屮Digimarc卜调色兀1滤頸（I）视劉力窗口（世）帮肋（也纹理覆盖10-ZS背景效果图如图 5（第一步大功告成）:纹理：两SJ缩放向 i %凸现R_S：光照方时：顾3r反相实用标准文案文档大全一.水晶部分的制作：1.新建一个图层命名为水晶-底 1”，按

5、 Ctrl + R 调出标尺 拉两条如图所示参照线，以参照线的交点为圆实用标准文案文档大全心，用椭圆选取工具按住 ALT + Shift 绘制 图 6 所示的正圆。实用标准文案文档大全2.按 Ctrl + 隐藏参照线，选择渐变工具在水晶-底 1”这层绘制渐变，渐变颜色：黑白渐变，渐变方式:实用标准文案文档大全放射性渐变，渐变路线：由选区的左上角按住 Shift 向右下方渐变 如图 7实用标准文案文档大全3.按 Ctrl + D 取消选区渐变的效果如图 8实用标准文案文档大全4.双击图层 水晶-底 1”调出 图层样式 分别选择描边和投影相关参数如 图 9 图 10 效果如 图 11实用标准文案文

6、档大全实用标准文案文档大全不透明度 1100% IHFl ram6&pILM水晶-底 1 QPHOTOSHOP 联盟警鬥J 團层锁定：r r 厂中厂 pd1鼻丨31口I乞l fill前1/实用标准文案文档大全5用椭圆选取工具在刚绘制圆形上绘制如图12 所示的椭圆，按 Ctrl + Alt + D 羽化，数值为 25,再按 Ctrl+ M 把所选的区域调成高光如图13实用标准文案文档大全6按 Ctrl + D 取消选区，在 水晶-底 1”上面新建一层命名为：水晶-底 2”再按 Ctrl + 调出参照线，然Z-jf f9-.1.i./nPHOiU|n|xi3a取消存储自动输入平涓,追通道功

7、实用标准文案文档大全后用椭圆选取工具绘制图14 所示的正圆。实用标准文案文档大全m.GBFS CUM1冰晶-底!i G l U3I DI r ll7.用渐变工具绘制渐变：渐变颜色：黑白渐变，渐变方式：放射性渐变，渐变路线：由选区的右下角按住医當 T不透明度.團层 V 道湖径锁定：r H r r 4*史记:水晶-底2Shift 向左上角方渐变 渐变效果如图 15实用标准文案文档大全实用标准文案文档大全8.不要取消选区，在图层 水晶-底 2”上再新建一层命名为：水晶-底 3”，选择：选择 修改 收缩 数 值为：3 如图 169在图层 水晶-底 3”绘制渐变：渐变颜色：深绿(R:0 G:63 B:4

8、1 )白渐变，渐变方式：放射性渐变，渐变路线：由选区的右下角按住 Shift 向左上角方渐变 按 Ctrl + 取消参照线渐变效果如图 17实用标准文案文档大全10.双击水晶-底 3”调出图层样式，选择描边，数值为 1,颜色为黑色，透明度为 25%，在水晶-底 3”上面新建一层命名为：水晶-内阴影”调出水晶-底 3”的选区，（方法：用鼠标点击图18 红色部分位置，下同）填充黑色。U I 1 T I tt水晶底 3 G g水晶-底 2水晶底 1 Q背寰水晶一内阴影实用标准文案文档大全11.选择菜单：选择 修改 收缩 数值为：3 再按 Ctrl + Alt + D 羽化，数值为 5，按删除键删掉选

9、择部 分，取消选区（按 Ctrl+D ）效果如图 19。实用标准文案文档大全12.在水晶-内阴影”上新建一层命名为 水晶-内发光”调出 水晶-底 3”的选区（方法参照第 9 步下同），填充白色，选择菜单：选择 修改 收缩数值为：3,再按 Delete 删除中心部分如图 20。实用标准文案文档大全13.选择橡皮工具，设置如图21，把白圈的部分地方擦除，效果如图2214.在水晶-内阴影”上新建一层命名为 水晶-底高光”调出 水晶-底 3”的选区(方法参照第9 步下同)，画笔：80V名称：|未命名的直檯：破度角度:(5度(7 间距不透明度，：|3 曲|卜辱 3 不透明蛊：匡戡定厂巳厂刃厂屮厂实用标准

10、文案文档大全用椭圆选取工具按住 ALT 键，在选区切出如图 23 所示的选区，按 Ctrl + Alt + D 羽化数值为 3，再填充白 色，取消选区，把图层的透明度调为 30%如图 24o实用标准文案文档大全15.在水晶-底高光”上新建一层命名为水晶-大光圈”，按 Ctrl +调岀参照线，在中心绘制一个正圆填充锁定：r 0 r r 中广台同厂逾厂0厂水晶一底高光水晶一的阴影水晶-底 3 $水晶一底实用标准文案文档大全白色，取消选区，把这层的透明度调为 10%效果如图 25。三 I 不透明锁定水晶一底高光凰层弋道稀径兀更砲水晶一大光圈 I 水晶一肉发光实用标准文案文档大全16.在 水晶-大光圈

11、”上新建一层命名为 水晶-顶高光”，按 Ctrl +调岀参照线，在中心绘制一个正圆填充白色，取消选区，再添加蒙版如图2617.选择黑白渐变，方向：从上到下渐变，效果如图27。18.在水晶-大光圈”上新建一层命名为：水晶-底高光 1”，调出 水晶-底 3”的选区，选择菜单：选择 修改 收缩 数值为：4,再用椭圆选区工具 按住 ALT 键切出图 28 所示的选区，然后填充白色。实用标准文案文档大全31匚厂rI水晶一顶高光水晶一底盲光1水晶一大光圈水晶底髙光19.取消选区，用钢笔工具把尖角的地方勾出圆角，按 Ctrl + Enter 调出选区再按 Delete 删除选区部分。如图 29,30。r來晶

12、一内灰光聲n! 1水晶顶肓光1水晶底高光1r就晶 11 犬光圈r水晶底咼光实用标准文案文档大全20.取消选区，添加蒙版，用黑白渐变按图31 所示方向渐变21.在水晶-底高光 1”上新建一层命名为： 水晶-底高光 2”用椭圆选取工具绘制一个小椭圆，填充白色如图 32 所示，再按 Ctrl + T 调出变形工具，把椭圆略向上倾斜，按 Enter 键应用变形如图 33 所示。实用标准文案文档大全22.在水晶-底高光 2”上新建一层命名为： 水晶-顶反光1”用钢笔工具绘制如图 34 所示的图形,Enter 调出选区，再填充白色，然后按Ctrl + D 取消选区。I 百璋-不逵明度：now I 上锁定：

13、厂厂厂令厂Ctrl +实用标准文案文档大全23.添加蒙版，用黑白渐变按图35 所示方向渐变实用标准文案文档大全24.在水晶-顶反光 1”上新建一层命名为：水晶-顶反光 2”用椭圆选取工具绘制一个小椭圆，填充白色，再按 Ctrl + T 调出变形工具，把椭圆略向上倾斜，按一下Enter 键，再把这层的透明度调为 60，如图 36所示。正常上:不透明矗：（60% 1 灶）锁定：厂厂扌厂中广 D匾 01水晶一顶覆光 2ilrng水晶一顶反光 1实用标准文案文档大全25.按 Ctrl + J 把 水晶-顶反光 2”复制一层命名为水晶-顶反光2top ”再回到 水晶-顶反光 2”这层，选择菜单：滤镜 模

14、糊 高斯模糊数值为 3.5 效果如图 37实用标准文案文档大全26.到这一步为止水晶部分的效果就算完成了，不过有些不满意的地方，我们自己可以适当的再调整一下, 尽量让自己满意。二.文字部分的制作1.在图层的最上面新建一个图层用文字工具打上68ps几个字如图 39前 二|不透明度 锁定：P65/厂+实用标准文案文档大全2.双击图层，调出图层样式依次进行：投影、外发光、斜面和浮雕及描边的设置，设置参数如下图投影外发光实用标准文案文档大全斜面浮雕團层襌式拝式混合选项:獸认厂內阴影7 外发光厂内发光等熒_d 斜面和浮雕-结初祥式：丽面二 I方法：序潜 3 探度（J.） : I_占I2ZT %方向：泾上

15、下大小塔）：DI（3 像素软化迢）:凸像素L 阴影描边厂光泽 厂颜色叠加厂潘变叠加 厂團案叠加 厂描谨箱度:咼度|120 度P 使用全局光世）|30 度光泽等高线:r 消除锯齿（1）咼光模式：|屋喜-二| |不透明度）: iI ?5常賠调模式：正片春鹿丄| 苹透明度: I_I 75舊实用标准文案文档大全实用标准文案文档大全效果3.删格化图层，并锁定图层，具体设置如图实用标准文案文档大全j 图展气 31 這跻径爼历史记录O 3 不逶明度；匝亟4.选择渐变工具设置如图 41,渐变方向如图 425用喷枪工具，压力为 20%左右，适当的用黑色和白色喷出文字的暗光和高光，整体效果如图43锁定：PQ3厂#

16、厂中厂百实用标准文案文档大全最后给整个按钮制作一点小装饰，最终效果就做好了!实用标准文案文档大全最终效果实用标准文案文档大全方形水晶按钮1.新建一个 300 * 200 像素的文件，定义圆角矩形大小为250 * 120实用标准文案文档大全A a|oQ o 必同 半径:? 口圆角拒形选项O 不受鉤束O 方老土固定太小W： 250px比120 pxO 比例H：从中右时齐像素1 新建一个 300*200 像素的文档丿辰义圆角矩形大小为 250 幻 20| ；2.复制圆角矩形图层并缩小实用标准文案文档大全2 复制圆角矩形图层菇缩小Q- 6-C门令t5口-cw95.0%遷H:gao%0.0度H:0.0度

17、V:实用标准文案文档大全3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了实用标准文案文档大全这里具体颜色都可以先不管耳一,r更是同丄薛遇整丕凰明度就旬以了匚4.这是是具体的简便颜色设置样式（小对称的-:：层对齐缩放:； 90角度（皿;規合模式：正常 不透明度:实用标准文案文档大全色标置0A- M UK度%5.给上边的矩形添加样式Ac3度%实用标准文案文档大全内阴影回外发光内发光I-.I 斜面和浮雕等高钱I_ITtti 口倍七齊仆讥投影回的阴影距离(Q)： _阴塞 Q - 刘:回便用全局光伍0像素|o_ %15-像素外发光内发光斜面和浮雕等高銭皱理光泽r航

18、免售协混合模式：正片叠底 静不透明度|751%杂色迎:-|0|%图素-方法(:柔和*和(臼：- -Or|so- 1%大小：J乜像素0冷t5 绐上边的矩形添加样式, 钢 a謝感 T * *施:r 卩位 S(Q)：迺%6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图实用标准文案文档大全7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果椭园正具国出如图裁砸丽軌为选区实用标准文案文档大全描边宽度阻）：?px颜色:泣査再次载解部矩形为选区，新建图展用亠白色描边怦垃云 般加屋添加蒙板匹J 用渐吏工冥腋茁如图效果姙）r *-*8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影。正常V 不透明度:100% 1锁定：,中 9埴充:100% 卜9$追口丘形状 2團层、顺带看看图层情况吧0 内部:居中匚居外也实用标准文案文档大全&隐藏背景图层二盖 ED同梯给图辰淹加蒙板作出渐娈效果9.加上文字实用标准文案文档大全3 加生自己喜欢的交寄: r基本OK了10.最后添加一个色相饱和度可以调成自己喜爱的颜色实用标准文案文档大全動最后