PhotoShop设计方形按钮图标教程

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

您需要登录才可以下载或查看，没有账号？注册

x

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

随手制作了一个图标，简单易学

提示：教程详细步骤在二楼！

想下载该教程的可以到这里下载:点击进入下载页

教程编号:137773 作者：浪漫武嘉出处：ps吧

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

一，先ctrl+N（新建文件），新建一个512x512的白色场景

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

二，按快捷键“U”，选择圆角矩形工具，主要左上方的类型

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

在场景内点一下，弹出选项参数，如图，创建一个圆角矩形

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

三，找到图层框，双击红色圈圈部分，弹出图层样式

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

颜色叠加，参数步骤如上

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

再回到图层框，选择bg1图层，按“ctrl+J”（复制图层）命名为bg2，然后上移动10像素

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

四，选择bg1图层，调出图层样式，参数如上

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

继续调投影，注意等高线

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

最后调内阴影

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

-大概这样子，完成一半了

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

五，新建一个图层，按快捷键“T”选择文字工具

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

在红色圈圈范围内点击一个，输入“PS”两个字母

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

输入“PS‘两个字母

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

我用的是汉仪粗园简体，大家可以去86ps素材网下载这个字体

账号		自动登录	找回密码
密码			注册

[UI设计] PhotoShop设计方形按钮图标教程