王尘宇

使用Photoshop制作小icon

在这一次教程我们将会使用Photoshop制作2个小icon。这2个同属于一个系列的icon应该要符合相同的主题，这一次我们将会制作一个太阳icon，一个Rss icon. 步骤一 新建一个350x350 px的文件，点击背景内容旁边的下拉菜单，设置画布的颜色。

步骤二 在拾色器里面选择#e0e0e2作为我们的背景颜色 步骤三 新建一个组，命名为sun，我们把sun icon放在这里 步骤一 使用圆角矩形工具画一个83x64 px 圆角半径为8px的圆角矩形。

步骤二 按住shift画一个36 px，半径3px的正圆角矩形。（和之前的圆角矩形在同一个图层） 步骤三 按CTRL+T键将正圆角矩形旋转45度 步骤四 使用对齐工具使两个圆角矩形水平居中对齐用鼠标拖动正圆角矩形到适当的位置 步骤五 在已有的图形上新画一个比原来小1px的图形。你可以复制原来的矩形然后缩放，也可以从新画一个。（在新的一个图层） 步骤六 将新图形的颜色设置为#57adf8 步骤七 双击新图像的图层打开图层样式,设置描边和渐变叠加。

渐变编辑器如下设置。 步骤八 将图层填充设置为11% 结果像这样 步骤一 新建一个图层放置到基本图形图层的下面，使用笔刷工具画出阴影。 步骤二 用笔刷工具在小三角下面再加一层阴影 步骤三 按住CTRL键左键同时单机新圆角矩形图层的图标做出选区，新建图层，使用软笔刷画出高光。

步骤四 CTRL+D取消选区，降低高光图层的透明度。 步骤五 再制作出刚才的选区，新建图层，在选区内填充从黑到白的渐变。将图层模式设置为叠加，降低图层的透明度。

步骤六 使用之前的选区，将模式设置为取交集，使用椭圆选区工具在圆角矩形的下部分做出选区，新建一个图层，填充黑到白的渐变。将图层模式设置为滤色，降低图层透明度。 步骤七 按住CTRL点击大圆角矩形图层做出选区，新建一个图层放于最顶部。

编辑->描边，将颜色设置为淡蓝，宽度1px。 步骤八 给描边图层添加图层蒙版，给蒙版填充黑色，这样描边就消失了。用笔刷工具，颜色设置为白色，在蒙版上，在圆角矩形边的一些地方涂抹，制作出高光。 步骤九 新建一个色彩平衡调节图层，将他的名字设置为color changer。

步骤十 将color changer图层的蒙版填充黑色，用选区工具把有圆角矩形的地方填充白色。图层设置如下。 步骤十一 复制sun文件，改变color changer的设置，这样就获得了三个不同颜色的基本形状。 步骤一 我们先做太阳的图标，用椭圆工具画一个圆形，填充黄色。

  步骤二 给图层样式添加内阴影和内发光，设置如下，颜色为#7b6708，模式都是正片叠底。 步骤三 在太阳的下半部画上亮一些的黄色。 步骤四 在太阳的上部画一个椭圆，填充一个明亮的黄色。 步骤五 在太阳的右上角画出一条细的高光，为了更自然一些，可以用硬度小的橡皮擦除一部分。

步骤六 接下来我们制作阳光的部分。用钢笔工具画出一个菱形，填充黄色。将它放到太阳的后面。

步骤七 复制一份菱形，旋转45度。（这些菱形在一个图层内） 步骤八 重复复制和旋转。 步骤九 打开图层样式，添加内阴影#b48f0b，外发光#f9dc7e。

步骤十 把太阳图层隐藏起来，新建图层，画更多小一些的菱形。 步骤十一 用椭圆工具画一个圆形，设置路径模式为减去。 步骤十二 在太阳图层下面新建一个图层，用软笔刷画出漫射光 步骤十三 给sun组添加图层样式，添加内发光。 步骤十四 现在开始画Rss图标，新建图层，用椭圆工具画一个圆形。

步骤十五 复制这个圆形路径，将它缩小，路径模式设置为减去。 步骤十六 重复上面步骤，获得如下图形。 步骤十七 绘制两个矩形，设置路径模式为减去顶层，如图。

步骤十八 打开图层样式，添加内发光，渐变叠加，投影。 结果如图。

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怎么做app图标 做图标步骤

1、新建一个新的画板，大小自己定。 2、在工具栏上，找到圆角矩形工具，快捷键U。

3、画出一个圆角矩形，至于大小自己定。

4、选择圆角矩形工具，在上方填充位置，调上自己需要的颜色。 5、画上一个图形，当作辅助图形。 6、输入文字，最好是自己的相关文字。 7、可以给文字，给图形加点特效图标。

PS制作2.5D图标

案例： 步骤： 1、新建图层，起好名字，画一个大圆，用小白箭头分别对四个锚点 按住shift+上下左右箭头进行调整 2、在图层样式中（双击空白处）调整渐变，对比不要太强烈。并且添加内发光（内发光中的阻塞，是调节程度的，如果嫌光不够亮可以调这个，但是一般用不到它），像素1-3个像素就可以了，不用太大。

如果觉得色彩还是不可以，可以调节色彩平衡，色阶等等，但是记得将下面的打组之后再用。

3、画两个圆（可以画 1:0.618 的黄金分割比的圆），画在两个图层中 调整圆的渐变，由纯白到蓝白，渐变十分柔和。 对大圆进行加锚点，去手柄，调整形状 4、给云朵建立阴影。这个时候不能直接用投影，因为云朵室友两个圆组成的，只针对一个圆做投影不可以，对两个圆做投影不自然。 解决办法：选中两个圆，ctrl+J（复制出来），再ctrl+E合并到一起，换颜色，移动到云朵下面可以当成阴影。

5、云的阴影是渐变的，添加剪贴蒙版，拉渐变，可得最终效果。 类似的可以做出以下图标 特别的：对于有多个圆角的（比如上面的钥匙）可以现在AI里面做，在粘贴复制到PS 当中。 点击联集-- 按住ALT点击联集，会保持子路径！！ 由AI软件做出的矢量图稿，粘贴于PS，如果选择智能对象，不能用PS的黑白箭头直接编辑。

而双击智能对象的图层缩略图，AI软件会为其打开窗口进行编辑，编辑完ctrl+S保存，会于PS 文档里的智能对象同步更新。如果是粘贴到PS为形状图层的身份，最好先在AI里做扩展。 当变换形状的时候，形状身上的图层样式不跟随同步变化，例如渐变。

解决办法：可以将形状图层转换为智能对象就可以同步变化了。

PS制作方形下载图标的教程

PS制作方形下载图标的教程 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。

ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

下面是我整理的PS制作方形下载图标的方法，希望对你有帮助! 过程：先用形状工具把图标分层做出来，可填充初步的颜色，然后分别加上图层样式做出质感及立体感即可。最终效果 一、新建大小自定的画布。选择圆角矩形工具创建一个120 * 120像素的形状置于画布正中央，圆角尺寸20像素，色值#78c549，命名为“底板”。 Ctrl + J 复制底板层，改变色值为#378404，命名为厚度，Ctrl + [将此层置于底板层的下面。

按下A键用直接选择工具选中底板层下面圆角的4个锚点，上移3个像素，露出厚度层。 同样用直接选择工具选中厚度层上面圆角的'4个锚点，下移3个像素，防止两层圆角边缘像素叠加造成锯齿感。 二、新建一层，命名为进度条背景，选择椭圆工具，按住Shift键画出一个90 * 90像素的正圆，与底板层居中对齐，色值为纯黑色。

用路径选择工具选中进度条背景的路径，复制粘贴后Ctrl + T ，将粘贴得到的路径缩小到70* 70像素，并将属性改为减去顶层形状，这样就做出一个圆环。 三、Ctrl + J 复制进度条背景层，色值改为#ffd200，将外圈的路径缩小为86 * 86像素，内圈的路径扩大到74 * 74像素，命名为进度条。 画一个矩形路径，将进度条减去1/4，并用两个圆形路径补上断掉的两头。

四、下面开始画箭头，首先用矩形工具画一个40 * 40像素的矩形，接着用钢笔工具画一个28 * 16像素的三角形，并将这两个形状的路径放在一个图层里。 五、好了，框架我们全搭好了，该给样式了。如果对路径的操作还不是太熟悉的话，可以去看看相关的教程。

如何用PS制作一个简单的圆形图标（Logo）

在使用ps做设计时，我们常常需要设计图标，下面我们就来看看使用ps是如何制作简单的圆形图标的吧。