1. 首页 > ps教程 > 如何用photoshop制作动态加载的花形小图标图片(如何用photoshop制作动态加载的花形小图标表格)

如何用photoshop制作动态加载的花形小图标图片(如何用photoshop制作动态加载的花形小图标表格)

本文主要为大家介绍How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form),下面一起来看看具体内容吧。

在网络时代,网络不好的时候,看到这样的图片会让人抓狂。今天,我将向大家展示如何使用Photoshop制作一个带有动态加载的花形小图标。教程效果很不错,一起来看看吧!

方法/步骤

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

打开自定义形状并选择水滴形状。

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

然后点击画布下方绘制水滴选取框。

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

在选项工具栏中,将角度设置为45,然后按enter 键确认。

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

这时发现水滴已经旋转了一定的角度。按住CTRL+ALT+SHIFT不松手,再按T键复制另一个旋转45的水滴。多次按T键,直到成型。一个完整的圆圈。

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

创建一个新图层并设置渐变颜色。注意渐变颜色的模式设置为角度渐变。 all,填充渐变的时候要注意方向,保证连线在两个水滴之间。如果不能选中,也可以降低渐变的透明度,直到可以看到水滴,然后选中渐变图层,按CTRL+T自由变换调整方向,回车完成。

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

发现图片已经上色成功后,再次右击鼠标,向下合并。这样,一个完整的静态加载

g就完成了。截下来,我们制作动画效果。

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

  图片展示效果。

How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)

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

  以上就是用Photoshop制作动态加载的花形小图标方法,操作很简单的,大家学会了吗?希望能对大家有所帮助!

关于How to use photoshop make a dynamic loading small flower-icon picture (how to use photoshop make a dynamic loading flower-shaped small icon form)的介绍到这里就结束了,了解更多办公软件知识可以收藏我们的网站,我们将为你提供更多精彩内容。

本文由张南北发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/250532.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息