0

photoshop如何制作一个简易的闹钟时间图标汇编20篇

浏览

2123

文章

21

篇1:Photoshop如何制作漂亮立体的胶卷icon图标

全文共 701 字

+ 加入清单

下面为大家分享photoshop制作漂亮立体胶卷ICON图标方法,教程很不错,从光源设置到最后的高光点缀,这些都是非常值得学习的,下面我们一起来看看吧!

步骤

1、整体的大统一,就是光源,大胆的使用明暗对比可以增强图标的视觉冲击,吸引眼球。值得强调的是,高光和阴影绝对不是纯黑和纯白,要注意环境色的影响。

2、拟物类图标,重点拼在细节和明暗对比上,其中透视也是重要环节。在设计之始,先画一个简单的线框确立好统一的透视关系。

3、先用钢笔工具,画一个大概外轮廓,相近的颜色。关于矢量钢笔组合多多尝试钢笔路径操作。

4、细致刻画,增加或者减少一些装饰。拟物化拼的就是逼真、动感。至此我们所有的操作仍然是基于钢笔矢量工具上。我们也可以将这步定位扁平化。

5、接着,就是细节的刻画。利用图层样式进行一些效果,还是非常不错的。多多尝试混合模式的使用能有奇效。

6、其它部位大同小异,不再一一列举。重点是把能用上的效果都用上,发挥极致。

7、黄色部分,圆柱型身体两侧使用深红色衬托转角,高亮部分用黄色。

8、同理,胶带部分和中间细节也是利用图层样式进行调整,胶带复制一层增加厚度。

9、胶卷的底座。多多参考实物进行设计,拟物化在和实物对比上,需要多多考虑真实存在性。

10、添加阴影部分,无论是多么小的厚度,都会存在阴影。注意阴影的颜色要贴近物体环境色。

11、有的时候阴影表现仅一个图层是不够的,需要多层叠加。因为阴影和亮部分处理的对比越强烈,拟物化图标的立体感就更强烈。

12、添加高光和阴影处理方法一样,我习惯后处理高光,因为亮点总是在最后提炼。从图中我们可以看到,有了高光以后图标整个感觉就不一样了。

13、再加上一个衬板就完成了。

展开阅读全文

篇2:Photoshop如何制作一个简易的地图图标

全文共 236 字

+ 加入清单

下面为大家分享photoshop制作一个简易地图图标方法,教程很不错,很值得大家学习,推荐过来,一起来学习吧!效果图

方法/步骤

1、打开ps,新建一个文档 大小自定 单击确定按钮

2、用圆角矩形工具在文档中按shift键拖出一个圆角矩形

3、在自定义形状工具中选择水滴形状,

4、在文档中拖出一个水滴 颜色为白色

5、按Ctrl+t 垂直翻转 如下图

6、用椭圆工具在文档中画一个小的椭圆 如图 椭圆的颜色为白色

7、然后给这个水珠加个投影 效果如图 单击确定按钮

8、大概效果就出来了

展开阅读全文

篇3:Photoshop怎么制作逼真的清爽浅蓝色漱口杯图标

全文共 528 字

+ 加入清单

制作之前,我们需要把效果图分解一下(杯子、牙刷、牙膏等都由好几个部分构成),然后逐一去完成,把握好整体和细节等即可。

最终效果

一、先画出杯子的杯身部分:

新建612 * 612(分辨率72)的画布大小,选用圆角矩形工具,点击空白画布,在弹出框输入以下参数绘制一个160 * 308大小且左上角圆角弧度为10像素的圆角矩形,并填充颜色:#6dc8e4,如左下图所示。

然后用直接选择工具,选中左下角的节点。并按住Shift键配合键盘的方向键向右点击7次也就是70像素。

到目前为止杯身的左半边就大概画出雏形了,现在我们只要把左边复制一份再水平镜像变换一次,对称放置在右侧就可以得到一个完整的杯身了。

好,现在杯身的部分完成了,接下来我们来给这个杯身添加一些图层样式来增强立体感。

再接着是画出杯口的厚度。

再接着也要给这个部分赋予一些图层样式。

二、画出杯子的把手部分:

新建的把手部分要放置在杯身的图层下面哦,如图所示。

把手部分分解图,如图所示。

三、画出牙膏牙刷部分:

画出各物体轮廓的方法,和上面画杯身方法大同小异,大家可以发挥自己的想象力用各种几何图形去拼凑出来,如图所示。

四、牙膏牙刷与杯身合成:

多余部分利用蒙版工具屏蔽。

五、为了增强整体质感,润色并加上高光。

最终效果:

展开阅读全文

篇4:Photoshop如何制作微信图标

全文共 283 字

+ 加入清单

今天为大家分享在photoshop制作微信图标方法,教程很不错,方法很简单的,大家一起来学习吧!

效果图

方法/步骤

1、打开ps,新建一个文档,大小自定,点击确定按钮。

2、用圆角矩形工具在文档中按住shift键画一个正的圆角矩形,颜色为绿色,如图。

3、在自定义形状工具中找到会话1形状,在文档中拖出形状,颜色为白色。

4、按住alt键 复制一个会话1形状,调整位置Ctrl+t 水平翻转,调小。

5、给复制的会话1形状添加描边,描边的颜色和背景色是一样的绿色。

6、用椭圆工具添加眼睛,颜色是和背景色是一样的绿色,如下图。

7、复制眼睛,调整大小。

8、这样微信的图标就出来了。

展开阅读全文

篇5:怎么用photoshop制作简易的公章

全文共 954 字

+ 加入清单

photoshop软件制作简易公章,教程比较基础,适合新手来学习,一起来看看吧!

先看效果渐变图。

步骤

1、新建500*500,分辨率72,背景透明的psd文件;ctrl+r弹出标尺,拉两天网格线,并汇聚在psd文件中心;如图:

2、点击矢量工具,选择路径,使用椭圆工具,在中心点的位置按住shift+alt键,画出一个圆来;

3、这是一个矢量图形,看一下路径面板,可以看到这是一个工作路径,将它转换一下,转换成路径1;(如何转换成路径1:用鼠标拉动工作路径至创建新路径处即可)

4、对路径1进行描边操作(右击鼠标,选择描边路径),用画笔描边,画笔可在窗口下的画笔工具面板进行调整;画笔调节:硬度96%,间距18%,主直径12;画笔颜色选择红色;

5、复制路径1(拖动路径1至创建新路径处即可复制路径1),重命名为文字路径;

6、选中文字路径,ctrl+t,并按住shift+alt键,向内拖动,缩小文字路径的大小,enter键确定;

7、选择文字工具,当鼠标移动到内部路径出,自动变成斜线,即为路径文字;我们可以输入文字“聚贤庄烤鸡分店”(字随便想的);

8、对文字的变化,一些很细微的变化,可自己做;

9、公章中心位置会有一个五角心:选择矢量形状工具,选择多边形,选择5,星形,在中心位置拉一下,我们拉出的东西还是一个工作路径,再次将之转变为路径2(如何转换上面有讲);

10、转换好后,在图层面板上新建一个新的图层,然后点到路径面板,对路径2也进行填充路径的操作(填充和描边一样,都是右击鼠标);

11、新建一个图层,输入文字;

12、这样工作初步效果做出,可以存储为gif或者png格式;为了做的更像,先把前面图层都选择合并为可见图层;进行如下操作:双击合并和的图层,弹出图层样式对话框,选择浮雕和斜面,选择外斜面,然后大小进行设置,可以设置一下纹理,这样就更像公章了。

13、给图层加一个图层蒙版,用灰色或者黑色画笔轻微涂抹,以更逼近印章。对话比的硬度间距调整一下,对画笔流量和不透明度都可做调整。为了让效果清晰可见,我在该图层下新建了一个图层,填充为白色,是印章效果更明显。

14、最后可以将印章存储为png或者gif格式,这样背景是透明的,可以在word上进行操作了。看看我的最终公章效果:

注意事项

制作公章主要是靠路径完成

展开阅读全文

篇6:Photoshop如何制作一个简易的帮助图标

全文共 193 字

+ 加入清单

下面为大家分享photoshop制作一个简易帮助图标方法,教程很不错,很值得大家学习,推荐过来,一起来学习吧!效果图

方法/步骤

1、打开ps,新建一个文档大小自定单击确定按钮

2、选择自定义形状工具,注意属性中有形状路径和像素这是选择形状

3、形状中选择 帮助形状按钮

4、在文档中拖出一个帮助按钮 这时候会自动新建一个图层

5、添加颜色

6、添加描边 描边的颜色和主题的颜色要浅一点

7、最终效果

展开阅读全文

篇7:Photoshop如何制作线条风格的手机图标电话

全文共 191 字

+ 加入清单

下面分享photoshop制作线条风格手机图标电话,教程真的很不错,喜欢的朋友快快来学习吧!

效果图

方法/步骤

1、打开ps,新建一个文档,大小自定,颜色为白色,单击确定按钮

2、用圆角矩形工具在文档中画一个圆角矩形

3、在自定义形状工具中选择电话的形状

4、在文档中拖出一个电话的形状

5、给电话上颜色

6、选中电话这个图层 加图层样式 投影 如图 单击确定

7、这个一个电话的图标效果就出来了

展开阅读全文

篇8:Photoshop如何简单制作邮件图标

全文共 244 字

+ 加入清单

下面就为大家分享photoshop简单制作邮件图标方法,教程真的很不错,难度也不是很大,大家快快来学习吧!效果图

方法/步骤

1、打开ps,新建一个文档,大小自定,颜色为白色,单击确定按钮,

2、用圆角矩形工具在文档中按shift画一个正的圆角矩形,

3、给这个圆角矩形加图层样式投影,参数设置如图,点击确定 按钮

4、在自定义形状工具中找到需要的形状

5、在圆角矩形中拖出形状

6、给形状1添加描边效果,参数设置如图,

7、给形状1添加斜面和浮雕效果,参数设置如图,点击确定

8、这时候效果差不多就出来了

展开阅读全文

篇9:Photoshop如何制作精致的闪电天气预报图标

全文共 724 字

+ 加入清单

今天给大家带来用photoshop制作精致闪电天气预报图标教程,效果图制作非常简单,前期先分析构成,然后从背景开始制作,用形状配合路径做出云朵,闪电,雨滴等,再用图层样式加上浮雕和渐变,局部渲染一些颜色即可,一起来看看吧!

最终效果

1、背景填充渐变如图,再花正圆矩形大小,适当就行。

2、图层样式为径向渐变,渐变色如图(自己看着调)。

3、绘制阴影,用椭圆工具在图标下层绘制一个形状如图的椭圆,在属性面板里进行羽化,效果如图。然后建立图层蒙版擦出多余部分。

4、椭圆工具如上图画上第一层云朵的阴影黑色,不透明度为12%。

5、Ctrl + J 复制一层云朵上移动,图层样式:斜面和浮雕,渐变叠加上浅下深都是灰度的。下面颜色要深一些是为了让上层云有立体感。

6、再复制一层云,Ctrl + J 不要图层样式,颜色填充如图。然后等比例缩小,就把下层的立体边露出来即可。

7、同样的方法再做一层小云朵,颜色填充,图层样式如图。然后复制一层放大一点,放在下面做阴影。

8、使用多边形画出闪电,两个变形的三角形组成的,当然也可以钢笔工具自己画。底层闪电颜色纯度稍微低一点。再复制一层填充较高饱和度的柠檬色,利用图层蒙版擦除上层部分闪电。

9、填充色如图,在闪电层上小云层下画椭圆,利用属性面板对椭圆进行羽化,模式为叠加,效果如图。

10、复制一层填充颜色如图,Ctrl + T 后,同时按住Shift + Alt 键拖拽等比例缩小。图层模式设为“叠加”。

11、椭圆工具变形画出雨点,图层样式如下做出投影效果。

12、复制一层椭圆光放在雨点图层上方,按住Alt键点击两图层之间建立剪切蒙版。

13、画笔工具用云层笔刷画出云雾效果,对云层图层进行高斯模糊效果,预览如图即可。

最终效果:

展开阅读全文

篇10:Photoshop如何制作可爱的钢琴图标

全文共 195 字

+ 加入清单

photoshop如何制作可爱钢琴图标?效果图非常有创意,用一些极简的图形表现出钢琴的效果;绘制的时候先要把构造分解一下,大致了解每一部分的材质和光影,然后逐层刻画即可。下面一起来看看教程吧!

最终效果

1、绘制钢琴图标轮廓。

2、绘制钢琴的整体轮廓。

3、绘制盖子和内部细节。

4、绘制钢琴身部的细节。

5、绘制钢琴的底部和钢琴键。

6、添加阴影和英文字母。

7、添加背景图片和整体调色,完成最终效果。

展开阅读全文

篇11:Photoshop如何制作简易的搜索放大镜图标

全文共 199 字

+ 加入清单

今天为大家分享photoshop制作简易搜索放大镜图标方法,教程很不错,很值得大家学习,推荐过来,一起来学习吧!

方法/步骤

1、打开ps 新建一个文档,大小自定,单击确定按钮。

2、用矩形工具在文档中按住shift键画一个正的矩形 颜色找一个自己喜欢的。

3、在自定义形状工具中 找到搜索的形状。

4、在文档中拖出一个搜索的形状 颜色选择白色 当然也可以选择你自己喜欢的颜色。

5、给形状1的图层加投影效果

展开阅读全文

篇12:Photoshop如何制作在线购买图标

全文共 241 字

+ 加入清单

今天为大家分享photoshop制作在线购买图标方法,教程很不错,喜欢的朋友快快来学习吧!

效果图

步骤

打开ps,新建一个文档 ,大小自定 ,单击确定按钮。

用圆角矩形工具在文档中画一个红色的圆角矩形。

ctrl+j 复制图层。

把复制的图层颜色改为偏黑一点的颜色。

把两个图层调换一下位置,拖动两个图层即可调换这两个图层的位置。

把稍微偏黑一点的颜色的图层 往右往下移动五个像素。

用文字工具在圆角矩形中写上文字,大小根据自己矩形的大小而定,颜色选择为白色,大家可以打上自己喜欢的文字。

最终效果图

展开阅读全文

篇13:Photoshop如何简单制作禁止拍照图标

全文共 442 字

+ 加入清单

photoshopcs5是一个功能很强大的作图软件。通过它我们可以完成很多在其他软件上不能完成的操作,有时候我们会使用Photoshop cs5只用一些图案,比如禁止拍照图像,不会的赶紧一起学习吧!

步骤

打开Photoshop cs5软件。点击文件—新建或者(ctrl+N)。

ctrl+R快捷键,显示标尺。为了画图更加准确。

选中矩形选区工具,绘制一个长方形图形。

从标尺的最左侧拉出一个垂直线,放在矩形中间。

在选取工具的属性中,选区添加到选区的图标,然后再画一个矩形,画的过程中把鼠标放在垂直的线上,在按住ctrl键(居中)。

切换到椭圆工具下,点击其属性从选区中减去,再把鼠标放到垂直的线上,画的过程中按着ctrl(居中)键加shift键(正圆)。

双击前景色,换为黑色前景色,然后再按G(油漆桶),给图像上色。

按ctrl+d取消蚂蚁线,然后再选中矩形工具,在上面画一个矩形,按着G给它上色。再选中移动工具。选中显示控件,这样就可以随便旋转矩形。( ctrl+d 取消蚂蚁线 )如图所示:

展开阅读全文

篇14:Photoshop如何制作漂亮个性的图标

全文共 264 字

+ 加入清单

今天为大家分享photoshop简单制作漂亮个性图标方法,教程比较基础,适合新手来学习,一起来看看!

效果图

步骤:

打开ps,新建一个文档 ,大小自定 ,单击确定按钮。

新建一个500*500px的圆角矩形,半径为90像素,当然 大家可以根据自己画布的大小来设置圆角矩形的大小和半径 单击确定按钮。

选择一个自己喜欢的颜色,如图。

ctrl+j新建一个图层。

填充去掉,加个描边。

ctrl+t 进行缩小。

描边选项 选择第二个。

新建一个图层。

在自定义形状工具中选择装饰4。

在文档中拉出一个图形,颜色选择白色,如图。

这样 最终的效果就出来了。

展开阅读全文

篇15:Photoshop如何制作设计3D风格的小脚丫ICON图标

全文共 800 字

+ 加入清单

下面为大家分享photoshop制作设计3D风格的小脚丫ICON图标方法,教程很不错,值得大家学习,推荐过来,一起来看看吧!

先看看效果图

首先让我们来新建一个高度为560,宽度为420.

填充背景为:#fbf5e7

选择圆角矩形工具

画一个180*180,半径为10的圆角矩形

填充颜色为:#a9d0e1

ctrl+t,然后右击旋转,旋转45°,然后右击进行扭曲(其中万万不可双击取消变形)

可以拉辅助线,按住alt键,选中其中一个点,进行水平移动,这样是以中心为点进行的两边的延伸

最后变成这个样子

然后我们按住shift键点选所有轻移出的副本

接着Ctrl+g,这样这些副本就全部放到一个组里面了

点击组1图层的绿色部分的任何一个位置都可以

打开图层样式,进行颜色叠加,颜色为#63a8c7

把组1图层放到圆角矩形1图层的下面

效果是这样的,是不是立起来啦,

接着复制圆角矩形1图层放置组1图层的下面

打开图层样式进行颜色叠加,颜色为:#345469,往右下方移动,使阴影露出

把不透明度降低至50%

下面我们来制作小爪子,打开自定形工具

找到小爪子

如果没有的话,点击边上的小齿轮,然后点击动物,点击追加,这图案是自带的。也可以选择或者制作自己喜欢的图案。

填充颜色为:#f3cfd3

同样,我们做一些变形扭曲的调整

从而达到这种效果

打开组2的图层样式,进行颜色叠加,颜色为#efa9b1

复制形状1图层,放在组2图层的下面

进行颜色叠加,颜色为#eb8894,往右下方移动,使阴影露出

不透明度降低至50%

选择椭圆工具,画个椭圆,填充颜色为#fbf5e7

对组3进行颜色叠加,颜色为#fe12be

复制小肉垫图层,移至组3图层的下面

打开图层样式进行颜色叠加,颜色为#e1c789 往右下方移动,使阴影露出

不透明度降低至50%

大功告成,超简单的

教程结束,以上就是Photoshop制作设计3D风格的小脚丫ICON图标介绍,大家学会了吗?希望大家喜欢!

展开阅读全文

篇16:Photoshop如何制作清爽的指南图标

全文共 1038 字

+ 加入清单

基本上都是用形状,路径工具做出轮廓,再用图层样式增加效果。难点是图形部分的绘制,要能精准画出想要的图形。下面一起来看看吧!

1、新建文档,这里用的是800*600像素,画一个圆角矩形,颜色#e8e8e8。

2、为这个圆角矩形添加一个图层样式。

3、复制一层圆角矩形,将图层的填充更改为0,添加一个投影样式。

4、接下来,我们画出定位的那个图标的形状来,颜色#97d601。

5、这个形状,可能好多人会用圆加矩形去拼接,这里讲一下用的方法。先把垂直居中参考线标注出来,画一个正圆。

6、使用直接选择工具,选择住图中红圈的锚点,垂直下移一定的像素。

7、还是用直接选择工具,选择住这个锚点,我们会发现,出现了调节曲线片段的杠杆节点,水平向左移动一定像素。

8、因为,我想做成一个立体的图标,所以,最顶上的锚点,我们也适当向下移动一点,把圆压扁。

9、OK,现在我们已经完成了左边部分的调节,如果还是按照这个方法去调节右边,不好精确控制,无法保证百分百的对称,所以,我画了一个矩形,对齐垂直居中的参考线,模式减去。

10、选择住矩形的路径和圆形变形后的路径,合并形状组件。

11、复制这个一半的形状,水平翻转,移动到右边,保持其切面与参考线贴合,选择住这两个一半的形状,再次合并形状组件,这样我们就彻底的得到了一个对称的形状图标了。

12、复制一层定位的形状,置于这层的下层,更改颜色为#85bb03,我们来构建立体面。

13、OK,现在我们开始细化图标,首先我们先为最下层的立体面添加一个投影。

14、复制一层这个立体面,将图层的填充更改为0,添加一下投影样式,完善投影。

15、现在回到图标形状图层,添加图层样式。

16、复制一层图标主体,将图层填充更改为0,添加一个内发光。

17、设置前景色为#52a5ef,画一个蓝色的椭圆,并添加一个图层样式。

18、还是使用椭圆工具,画出下图中的圆环,(简单的两个圆相减),添加一个图层样式。

19、设置前景色为#b5cbe5,还是画一个椭圆,创建剪贴蒙版,构建白色圆环的立体感。为避免边缘的生硬,我在属性面板中设置了1像素的羽化。

20、下面,我们开始画指针,三角形而已,不用多说吧,颜色#97d601,添加一个投影。

21、绿色指针的高光,我们画一个矩形,旋转,将颜色更改为#b8e64a,创建剪贴蒙版。

22、白色的指针,跟绿色的指针是一样做法的,同样也添加一个投影样式。

23、最后,我们来画指针中间的圆心,画一个正圆形,颜色为#dfedf6,并添加一个图层样式。

最终效果:

展开阅读全文

篇17:Photoshop制作精致的白色透明的ico图标

全文共 816 字

+ 加入清单

是不是很好奇哪些应用软件的图标是怎么做出来的呀?其实我们也可以自己动手DIY哟,不仅充满了乐趣,还可以让自己的电脑与众不同,下面就来跟小编我一起学习制作ico图标吧~

步骤

1、首先,我们需要在网上找一些ico图标的素材,尽量找一些图片构成比较简单的图标,以免为自己带来太多后期处理的麻烦。

2、打开photoshopCS6,点击文件→打开

3、选择一个自己喜欢的图标,然后点击打开

4、点击工具栏左侧的裁剪工具

5、对图片经行裁剪,只留下白色部分即可,然后点击上方的小勾,提交当前裁剪操作。

6、点击左侧工具栏的魔棒工具

7、找到右侧工具栏的图层,双击图层进行解锁

8、然后点击图片中的黑色部分,可以看到黑色部分周围出现了虚线框

9、单击键盘上的Backspace键,这部分就被删去了,剩下的为透明的背景。

10、按照同样的方法把图片剩余的黑色部分也去掉,变成透明背景。

11、点击文件→存储为web所用格式。

12、选择” PNG-24 ”,然后点击” 存储 ”。

13、选择合适的路径,命名文件后,点击“ 保存 ”

14、点击“” 确定 “”

15、接下来打开IcoFX

16、单击文件→

17、选择刚才保存的文件,单击“ 打开 ”

18、点击“ 从图像创建一个图标 ”

19、选择“ 256×256-32 ”

20、点击文件→另存为,保存图标,ico图标就制作好啦!

21、来用一下吧~

22

23、大功告成!

24、也可以改变图标的颜色,选择“ 油漆桶工具 ”

25、单击“ 设置前景色 ”,选择自己喜欢的颜色

26

27

28、右键图层→混合选项

29、还可以设置斜面和浮雕、等高线、内阴影、内发光、外发光、投影等使图标变得立体。然后保存就可以啦

注意事项

找不到合适的白色图标也可以使用彩色的,按照后面的步骤使用“油漆桶工具”把颜色改一下就可以啦

教程结束,以上就是Photoshop制作精致的白色透明的ico图标方法介绍,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

展开阅读全文

篇18:如何用Photoshop制作动态加载的花形小图标

全文共 1020 字

+ 加入清单

在互联网时代,当网络不好时,看到这样的图片,是不是让你万分抓狂。今天就为大家用photoshop制作动态加载的花形小图标方法,教程制作出来的效果非常不错,一起来看看吧!

方法/步骤

打开Photoshop软件,新建一块画布,大小可以自定义填充一个灰色。

打开自定义形状,选择一个水滴形状。

再画布中下方位置点击,画出水滴选框。

在图层面板找到水滴的图层,右键,选择栅格化图层。

按住CTRL+T,将自由变换的中心点移到外面一段距离。

在选项工具栏,把角度设置为45°,按enter键确定。

这个时候发现水滴发生了一定角度的旋转,按住CTRL+ALT+SHIFT不松手,再按一下T键,可以复制出另一个发生了45°旋转的水滴,再多按几次T键,直到形成一个完整的圆形。

按住CTRL+SHIFT键,鼠标单机第一张水滴图层和最后一张水滴图层,发现所有水滴的图层都被选中。鼠标右键,选择合并图层。

新建一个图层,设置渐变色,注意渐变色的模式设置为角度渐变。如图所有,注意填充渐变时的方向,以保证线条在两个水滴之间。如果无法选定,也可以将渐变色调低透明度直到可以看到水滴的位置,再选中渐变色的图层,按CTRL+T进行自由变换调整方向,按enter完成。

渐变色完成后,鼠标右键图层,选择创建剪贴蒙版。

发现图片被上色成功后,再次鼠标右键,向下合并。这样,一张完整的静态loading就完成了。截下来,我们制作动画效果。

对图片进行自由变换,设置旋转角度45°,按住CTRL+ALT+SHIFT不松手,再按一下T键,可以复制出另一个发生了45°旋转的水滴,再多按几次T键,直到最深的颜色能形成一个圈。

打开【窗口】,选择【时间轴】或者【动画】,创建动画帧。调整好每一帧的时间和次数,讲所有图层隐藏,只显示背景色和第一个图层。这时候已经完成了动画第一帧。

点击新建动画帧,隐藏第一个图层,显示第二个图层。这时,完成了动画第二帧。以此类推,直到完成最后一帧。

点击动画播放键,进行播放预览。如果觉得太快或者太慢,也可以再次进行时间调整。

如果觉得图像太大或者太小,可以点击【图像】选择【图像大小】对图像进行修改。也可以不进行修改,根据个人需要。

点击【文件】选择【储存为web所有格式】,弹出一个对话框,将图片格式改为GIF,点击存储,再弹出一个对话框,可以修改文件名,格式,选择存储位置。最后点击保存即可完成。

图片展示效果。

此为示例,其中背景、形状、颜色、角度、大小等可以根据自身需要做调整。

展开阅读全文

篇19:Photoshop怎么制作三维立体风格的绿色圆形旋涡图形图标

全文共 811 字

+ 加入清单

这篇教程是向朋友介绍photoshop制作三维立体风格绿色圆形旋涡图形图标方法,教程很不错,制作出来的图标非常地漂亮,而且难度也不是很大,推荐过来,大家一起来学习吧!

效果图:

1、首先打开效果图,先观察这个图片的构成,可以想象为它是由3个圆形组成,最外面的大圆是一个颜色,最中间的小圆是白色,中圆是一个渐变颜色。

2、根据大小,画出大圆,中圆,和小圆,中圆做出如下的渐变效果,如图所示

位置说明,大圆和小圆居中对齐,画好渐变的中圆和大圆左对齐

另外精确作图是非常有必要的,这里只说制作方法,选中大圆ctrl+t,根据大圆位置,画出辅助线,确定大圆圆心点,如图所示

中圆图层按ctrl+j,复制3个一样的,然后调整第二个中圆的中心点和大圆的中心点重叠。

上面输入旋转角度90度,按回车确认,结果如图所示

6、依次给另外2个圆旋转,第三个中圆的角度是180度,第四个中圆的角度是-90度(这里是-90度,特别说明一下),结果如图所示。

不是这样的调整一下图层位置,例如谁在上,谁在下。

7,为新手方便这里说的细致一些

这里为了讲解方便,把四个中圆分别根据所在位置起不同名字,这样方便讲解,1下,就是最下面的中圆,2右就是最右面的中圆。 首先给4左,也就是第一个画的中圆添加一个图层蒙版,按住Ctrl键,鼠标左键单击2右图层,选中2右图层 在选中4左的图层蒙版用橡皮擦,擦去小圆下面重叠的部分,如下图

8,同第7步类似,按住ctrl键,鼠标左键单击1下图层,选择1下,出现蚂蚁线后,鼠标左键单击4左图层蒙版,用橡皮擦擦去多余部分。

9、给3上中圆创建图层蒙版,选中1下,在3上图层蒙版上擦去3上多余的部分。

10、最后多余一块,给2右创建图层蒙版,ctrl点击1下图层,选中1下图层,在2右图层蒙版上删除多余。

最后和原图对比下

完结散花!

教程结束,以上就是Photoshop制作三维立体风格的绿色圆形旋涡图形图标方法,大家学会了吗?希望能对大家有所帮助!

展开阅读全文

篇20:Photoshop如何制作一个简易的闹钟时间图标

全文共 186 字

+ 加入清单

下面分享photoshop制作一个简易闹钟时间图标方法,教程很不错,很值得大家学习,大家快快来学习吧!

效果图

方法/步骤

1、打开ps,新建文档 大小自定 单击确定按钮

2、用圆角矩形工具在文档中拖出一个圆角矩形

3、在填充类型中选择渐变,在渐变编辑器中选择一个红色到深红色的渐变,

4、在自定义形状工具中选择时间形状

5、在文档中拖出一个时间的形状,如图

6、这样 最终效果就出来了

展开阅读全文