王尘宇

PS如何绘制一个扁平的UI按钮图标

1、打开PS,新建一个6x6像素大小的`页面。其他参数默认。

2、新建一个图层。点击铅笔工具。铅笔大小为1像素。前景色为黑色。

默认颜色就可以。然后在页面左上角点击四下。然后如图绘制。

可以拖拉辅助线绘制。 3、去掉背景。 4、点击菜单栏编辑-->定义图案。

然后点确定。 5、定义好后，按ctrl+n新建一个文档。文档大小为600x600像素。

设置背景颜色为#5f484e前景色为;#c8b3b8; 6、按ctrl+j复制一层图层。图层样式选择刚绘制的图形。并选择混合模式为叠加，不透明度为10%;点确定。 7、选择圆角矩形工具。

新拉两条辅助线。确定好中间点的位置，点击鼠标，输入需要的大小。宽高124像素，半径25像素;点确定。颜色为#78cf43;背景色可以按ctrl+u自己改。

8、复制一层矩形，改颜色为#418810;选择选择工具，按住ctrl+方向键;将矩形往下移动一些。 9、给上面那层添加图层样式，选择斜面浮雕深度为42;大小10，角度90;高光模式：颜色减淡，不透明度：67，就可以。选择图案叠加，选择刚绘制的图形。不透明度为8;选择内阴影，混合模式为：颜色减淡;不透明度30;内发光：混合模式：叠加;颜色：#000000;确定。

10、新建一图层，选择椭圆工具，按住shift+alt绘制一个 正圆填充#78cf43;添加图层蒙版。前景色改为黑色#000000;选择椭圆选区工具，按住shift+alt绘制一个正圆，在蒙版上填充黑色。按alt+delete填充。

11、给图层改成线性加深;添加混合选项：内阴影;混合模式为：颜色加深;不透明度：41;距离|：2像素;大小：2像素;添加投影;混合模式为：颜色减淡，颜色为白色：#ffffff;不透明度为21;距离2;大小：2; 12、新建一图层，用椭圆工具按住shift绘制一正圆如图。填充#7be046;给图层添加蒙版，选择椭圆选区工具，按住shift+alt绘制正圆填充黑色; 13、新建一图层ctrl+shift+alt+n,选择椭圆工具绘制一个正圆，按住shift键，绘制。

颜色改为#fbfb2d; 14、拷贝图层一的图层样式，黏贴到图层2。 15、将图层3栅格化，我这边已经先删除了。点右键栅格化就可以。在选中图层3的情况下，然后点击矩形选框工具绘制一个矩形。

按delete键删除。按ctrl+d取消选区。 16、用椭圆工具，按住shift+alt键绘制一个正圆。

并按ctrl+t调整圆的大小。按住alt键复制一个到另外一边。

选中这三层按ctrl+e向下合并。然后点右键转换为智能对象。右键混合选项选择内发光，混合模式：线性加深，不透明度53，颜色#6f6e14;大小：3;点确定。

17、选择自定形状工具，选择箭头9，绘制一个箭头，填充#3a9206。按ctrl+T旋转角度为90度。如图。右键单击图层样式选择内阴影;混合模式：颜色。

怎样用ps 做ui设计

步骤：1、新建一个画布尺寸为：640*1136，然后保存，命名如：5S效果图模板2、再新建一个画布，命名如：效果图展现2、再新建一个画布，命名如：效果图展现尺寸随意，可以大点，自己看情况吧。3、将刚才保存的那个5S效果图模板.PSd拖到这个画布中。

Ctrl+T变换到合适的尺寸，倾斜到合适的透视效果。

4、然后双击”5S效果图模板”这个图层。这就是智能对象的好处。跳到这个画面后拖入你想要做的界面：然后保存：Command（Ctrl）+ S，关闭：Command（Ctrl）+ W5、回到这个展示页面注：这儿忽略了一步，把刚才保存的图层拖过来。同学们应该都懂吧 – -复制一个图层：按住Option（Alt）+ 鼠标左键拖动图层往下拽，或者Command（Ctrl）+J，选下面的一个图层，双击图层进入图层样式，选择斜面和浮雕，设置一下参数：参数自行调整，其中，阴影角度45°可随大环境光线可根据情况自行调整，阴影模式透明度随意，自己看情况调整。

6、然后，从第二个图层开始连续复制多个该图层，每复制的一个图层都在上一个图层的下方，每复制一个图层都往下移一个像素，按住option（Alt）+鼠标左键拖动图层往下拽，可使用键盘上的下方向键来控制。然后，在最后一个图层上设置一个投影然后，在最后一个图层上设置一个投影，参数自行解决。最后调整下整体环境。

photoshop制作图标的案例教程

photoshop其实除了图像处理很厉害之外，我们一般还可以制作很多精美的图标。接下来就是我精心整理的一些关于photoshop制作图标的案例教程的相关资料，供你参考。

photoshop制作图标的案例教程 新建文档，我用的大小是1500*1000像素，透明背景。

创建一个“渐变”调整层，设置一个#bdc3ce到#e7e9ee的90度的线性渐变。 再创建一个“渐变”调整层，模拟背景上的顶部中央位置的高光效果。 设置为#e7e9ee到透明的90度的径向渐变。 画一个480*480像素的圆，将圆的不透明度更改为80%。

为这个圆添加一个渐变叠加。 添加一个内阴影 设置一个白色的投影 现在，我们完成了外圆的设置，得到了如下效果。 下面，我们用椭圆工具画出按纽外圆，我用的大小是400*400像素。

为其添加一个斜面 浮雕 添加一个白色的内阴影 添加一个渐变叠加 添加一个投影 OK，完成了图层样式的设置，我们目前得到如下效果。 复制一层按纽外圆图层，将其命名为投影，放置在按纽外圆图层下层，右键清除图层样式，将填充更改为0，添加一个投影图层样式。 下面，我们画按纽内部的那个圆，用椭圆工具画一个240*240像素的圆，将图层不透明度设置为80%。

为这个圆添加一个渐变叠加。 添加一个内阴影。 添加一个白色的投影。

现在我们得到如下效果 接下来，我们来画最外层那里那个颜色的环状。 我们复制一下最底层的那个外圆图层，放置在外圆顶层，其余图层下层，我们把颜色改成绿色，看了直观一些，方便操作。 按住ALT键，画一个矩形，ALT键在这里的作用是减去，当然，你直接画好再减去也是一样的。 用路径选择工具选择住矩形，按ALT键，拖动鼠标，复制一个矩形的路径，这里的ALT键是复制，将矩形旋转45度。

下面，按住SHIFT键画一个40*40的圆，摆放到矩形减去的那个位置，两个圆形都是如此操作。这里SHIFT的作用是增加。 OK，我们说一下，为什么那个小圆画40像素，你看下面的图就明白了。 下面我们来完善一下这个绿色的环状，一种颜色太单调了，首先，我们给它添加一个渐变叠加。

添加一个内阴影。 添加一个投影。 现在我们得到如下的效果。 当然，这个渐变，随便你喜欢什么颜色，无所谓，比如下面。

下面，就该画那个下载的图标了。 如果你感觉直接画不好操作，你也可以新建个文档来画，下面，我也用一个新文档来演示。 首先，先画出三个圆。

复制圆的路径，减去。 这里需要注意的是如何保证圆环的宽度是一致的，其实有个很简单的 方法 ，网格。我们可以利用网格来对齐，保证我们所画的各个线条的大小是一致的。

从我们下图中网格的显示，可以很清楚的看出，我们的宽度已经保持了一致。 画一个矩形，减去。 画两个圆把两边那断开的圆补上。 画一个矩形，增加。

画两个圆，增补到矩形的两端，让其构成圆角。 再画一个矩形，旋转45度，摆放好位置。 复制这一个矩形，水平翻转，摆放到右边。

最后，再画两个圆，移动到那两个旋转45度的矩形的位置。 到这里，下载图标，我们就画好了，你要再不会画，我也没办法了。P大点S作为一个热爱分享的小团队，免不了在这里我也会将这个形状定义到预设分享给大家，在附件中，你可以找到，那个.CSH的文件就是了，导入到PS中，你可以在自定义形状中找到这个形状。 话扯得有点远了，现在我们回到我们的图标文件，把下载的图标放进去，调整好大小和位置。

为其添加一个颜色叠加。 添加一个内阴影。 添加一个投影。

现在我们得到如下效果。 打上文字，文字直接拷。

ps怎么绘制一个扁平的UI按钮图标

扁平化设计简单说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,用最简约的方法打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。

用Photoshop cc2014软件制作一个简单的扁平化图标方法是：1、打开ps软件，“文件--新建”100*100像素白色背景文件；2、“编辑--填充”，用需要的颜色填充；3、创建新图层，打开“画笔工具”，笔刷大小1像素，绘制一条直线；4、打开“滤镜--扭曲--波浪”；5、ctrl+t调整大小位置，向下合并图层；6、打开“魔棒工具”，点击图片下方区域，“编辑--填充”，用较深颜色填充；7、打开“椭圆形选框工具”，在图片左上方绘制一个正圆选区，“编辑--填充”，用较深颜色填充；8、“文件--存储为...”ico格式文件，完成。

如何用photoshop制作logo

1、新建适当大小白色背景文件，创建新图层； 2、用“自定义形状工具”绘制出一个禁止标志logo形状，栅格化图层“编辑--填充”用红色填充； 3、打开一张网上下载的烟草素材，拖进来，ctrl+t调整大小、位置； 4、双击图层调出“图层样式”，添加logo“斜面和浮雕”等效果； 5、关闭“背景图层”前面的小眼睛，“文件--存储为”png格式图片，一个禁止吸烟的logo制作完成。