Photoshop教程：打造网页常用圆形折角图标

2016-01-29 18:32 216 1 收藏

Photoshop教程：打造网页常用圆形折角图标,本例介绍运用PS绘制网页常用圆形折角图标，主要通过运用选框工具、自由变换工具、图层样式等手绘完成最终效果，希望能给朋友们带来帮助~~

【 tulaoshi.com - PS 】

最终效果：

[next]

1，按Shift键，创建正圆形选区

2，新建图层1，填充红色

3，创建矩形选区

[next]

4，CTRL+X(剪切)，再CTRL+V(粘贴)，产生一个新的图层2

5，选择图层2，CTRLT(自由变换)调整到合适的位置

6，为图层2添加图层样式(渐变叠加)

[next]

7，同样为图层1添加图层样式(渐变叠加)

8，将图层1和图层2合并，再CTRL+T旋转到一个合适的角度

9，输入文字，完成最终效果

来源:http://www.tulaoshi.com/n/20160129/1506258.html

上一篇： Photoshop鼠绘教程：教你逐步绘制逼真可口红苹果
下一篇： Winxp的20个特殊的实用小技巧

看过《Photoshop教程：打造网页常用圆形折角图标》的人还看了以下文章更多>>

Photoshop教程：打造精致网页按钮

标签： PS PS教程

本文由中国龟爬树(邓志峰) 原创，转载请保留此信息！ 1、打开PHOTOSHOP,新建一个300X300像素，背景为白色的文档。 2、新建一个图层，用圆角矩形工具画一个长圆角矩形，并打开图层样式，选择渐变叠加，具体设置如下图 [next] 3、新建一个图层，用铅笔工具给按钮画上1个像素的细线。 ...

Photoshop金属质感的圆形网页按钮

标签： PS PS基础

先看效果图。新建文档550550像素，背景黑色，建新层，前景色4c73f1画一个正圆形状，复制3个，副本1图层缩小5%左右，副本2层缩小位置如下，颜色改为白色。选择形状1，隐藏其它层，添加图层样式。描边颜色请采样我的截图，效果如下。选择副本层，添加图层样式。效果如下。选择副本2，填充归零，添...

Photoshop设计蓝色立体效果的圆形图标

标签： PS PS基础

本教程主要使用Photoshop设计蓝色立体效果的圆形图标，经常看到有人问这种圆型icon要怎么做，觉得很有趣稍微思考一下原理，做了个简易快速版本。中间的渐层色画一个圆，设图层样式，角度。凹进去的部份其实是用迭的，再画一个半圆，设内阴影。中心画一个圆，用图层样式设定，一层就能解决厚度和高光问题。 ...

Photoshop制作简洁大气的圆形开关图标

制作之前我们先找一些实物照片来分析一下开关的质感，色彩表现等。然后分解开关，了解它的结构。再设定材质为塑料，设定好光源位置就可以绘制了。最终效果 1、先建立一个1136 * 640的画布。 2、在这个画布上，用椭圆工具勾绘出一个圆形，作为按钮侧面，命名图层为“按钮-下”。 3、建立一个新图层，画一个同样大小的...

Photoshop制作精美的圆形仪表指针图标

标签： PS PS基础

先来看看效果图吧： 1.创建一个时尚和丰富多彩的纹理和镀铬渐变斜面框架。首先是最大和最详细的版本排在256x256px，然后逐步扩展到128px，64px，48px和32px，每个细节。在一个新的图层上绘制一个圆形的选框工具256px，填充任何颜色。双击图层打开图层样式。添加渐变叠加明暗交替给一个灰色金属光泽的效果。 2.新增1px描边中等灰色...

查看更多精彩>>