Photoshop十步打造质感网站按钮效果.pdf

photoshop 学 习 教 程 Photoshop 十步打造质感网站按钮效果 本Photoshop 实例教程为大家带来网站按钮制作教程，制作过程中主要应用渐变、蒙板、钢笔、图层样式等工 具，希望大家喜欢！先看效果图： 效果图 以下是制作步骤： 1、执行菜单：“文件”／“新建” （快捷键Ctrl+N ），弹出新建对话框，设置名称：网站按钮，宽度：640 像素， 高度：480 像素，分辨率：72 像素／英寸，颜色模式：RGB 颜色、8 位，背景内容：白色，设置完毕后单击确 定按钮，如图1 所示。 图1 2、在图层控制面板击新建图层按钮，新建一个“背景”，选择工具箱渐变工具（快捷键Ｇ），在工具选项栏中 设置为线性渐变，然后点按可编辑渐变，弹出渐变编辑器。双击如图2 中的A 处，设置色彩RGB 分别为35、137、 157,再双击图2 中所示的B 处，设置色彩RGB 分别为52、173、215，再双击图3 中所示的C 处，设置色彩RGB 分别为30、115、136，单击确定按钮，如图2 所示。效果图如图3 所示。 图2 图3 3、在图层面板上单击创建新图层按钮 ，新建一个图层2，再工具箱选择圆角矩形工具，并按住键盘中Shift 不放在工作区拖出一个圆角矩形，设置前景色RGB 值为160，229、246，按键盘快捷键Ctrl+Enter 转换为选区， 按键盘快捷键Ctrl+D 取消选区，如图4 所示。 1 photoshop 学 习 教 程 图4 4 、双单击图层2 进入到图层样式，分别勾选投影、内阴影、内发光、斜面和浮雕、等高线、渐变叠加、光 泽选项。设置几项的数值参考图5、6、7、8、9、10、11、12、13。效果图如图14 所示。 图5 图6 图7 2 photoshop 学 习 教 程 图8 图9 图10 图11 3 photoshop 学 习 教 程 图12 图13 图14 5、在图层面板上单击创建新图层按钮 ，新建一个图层3，再用钢笔工具，画出无规则的形状，在工具箱中选 择设置前景色，设置前景色的颜色为白色，填充给无规则的形状，按键盘快捷键Ctrl+Enter 转换为选区，接着按 按键盘快捷键Alt+Delete 填充，按键盘快捷键Ctrl+D 取消选区，如图15 所示。 图15 6、双单击图层3 进入到图层样式，勾选颜色叠加