虚无飘渺 发表于 2015-5-27 14:27:42

PhotoShop设计方形按钮图标教程

本教程介绍了如何使用PhotoShop制作质感PS标识方形按钮图标的过程，主要使用了ps的形状工具和图层样式制作方形按钮，然后使用汉仪超园简体输入ps，最后完成了整个效果的制作。

http://pic.16xx8.com/allimg/150525/1540503J9-0.jpg
随手制作了一个图标，简单易学提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:137773 作者：浪漫武嘉 出处：ps吧

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/1540501329-1.jpg
一，先ctrl+N（新建文件），新建一个512x512的白色场景

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/1540503550-2.jpg
二，按快捷键“U”，选择圆角矩形工具，主要左上方的类型

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/1540501V4-3.jpg
在场景内点一下，弹出选项参数，如图，创建一个圆角矩形

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/154050OZ-4.jpg
三，找到图层框，双击红色圈圈部分，弹出图层样式

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/15405035A-5.jpg
颜色叠加，参数步骤如上

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/154050GT-6.jpg
再回到图层框，选择bg1图层，按“ctrl+J”（复制图层）命名为bg2，然后上移动10像素

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/154050E34-7.jpg
四，选择bg1图层，调出图层样式，参数如上

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/15405064M-8.jpg
继续调投影，注意等高线

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/15405051L-9.jpg
最后调内阴影

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/154050F53-10.jpg
-大概这样子，完成一半了

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/1540506331-11.jpg
五，新建一个图层，按快捷键“T”选择文字工具

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/154050H16-12.jpg
在红色圈圈范围内点击一个，输入“PS”两个字母

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/1540502246-13.jpg
输入“PS‘两个字母

虚无飘渺 发表于 2015-5-27 14:27:42


http://pic.16xx8.com/allimg/150525/1540502E7-14.jpg
我用的是汉仪粗园简体，大家可以去86ps素材网下载这个字体
页: [1] 2
查看完整版本: PhotoShop设计方形按钮图标教程