PS制作加载GIF图片教程

一、前言

本教程将介绍如何使用PS制作一个加载GIF的效果，如下所示：

二、步骤

首先打开PS，新建一个画布200*200

调出标尺

将标尺拖成如下格式

让后选择椭圆选区工具

首先画一个圆，然后用油漆桶或按alt+delete填充颜色

然后再画个圆

填充白色，然后选择矩形工具

和上面一样，先画一个矩形，并填充白色

依次复制，旋转，最后如下

然后，全选图层，右键，合并可见图层，最终合并成一个图层

然后选择魔术棒工具，快速选择黄色的选区

然后右键，选择反选

然后快捷键，crtl+j，复制图层，将黄色区域，裁剪出来，效果如下

然后通过魔术棒工具，先选择一个黄色框，然后选择颜色，将B设为200，然后每个-30，依次减到0为置，填充上去

最终效果如下

然后，以这个为模板，crtl+t，依次，旋转，进行图片保存

保存如下

然后

打开之后，选中时间轴窗口

然后选中左下角，转换为帧动画

选中从图层建立帧

将时间都改为0.5S

然后点击查看，然后导出为gif图片

此时还可以点击预览

PS制作加载GIF图片教程相关推荐

php 生成性格图片,PS制作个性文字人物图像教程
这篇教程是向PHP中文网的朋友介绍利用PS制作个性文字人物图像方法,教程制作出来的效果真的很有个性,难度不是很大,推荐到PHP中文网,喜欢的朋友可以跟着教程一起来学习,希望能对大家有所帮助 ! 原图素 ...
Unity 制作翻书电子书，外部异步加载千张图片（二）
Unity 制作翻书电子书,外部异步加载千张图片(二) Hello!这是我的第二篇文章,希望在你阅读这篇文章之后对你能有帮助. 上文完成的程序,我说过只是解决了当前的问题,存在了很多瑕疵.例如:1.替 ...
Unity 制作翻书电子书，外部异步加载千张图片（一）
Unity 制作翻书电子书,外部异步加载千张图片(一) Hello!这是我的第一篇文章,希望在你阅读这篇文章之后对你能有帮助. 之前我做过两次电子书的程序,用的都是网上随便一搜就能找到的插件,很方便, ...
Axure教程：中继器如何加载显示图片
编辑导语:在原型设计中,很多场景会应用到"中继器"这个元件.那么中继器如何加载显示图片的操作?很多新手都会无从下手.本文作者详细讲解了中继器加载显示图片的方法,供你学习. 一.元件 ...
Tensorflow2.* 加载和预处理数据之用 tf.data 加载磁盘图片数据(4)
Tensorflow2.* 机器学习基础知识篇: 对服装图像进行分类使用Tensorflow Hub对未处理的电影评论数据集IMDB进行分类 Keras 机器学习基础知识之对预处理的电影评论文本分类 ...
【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 )
文章目录一.加载网络图片二.加载静态图片三.加载本地图片四.完整代码示例五.相关资源一.加载网络图片参考 [Flutter]Image 组件 ( Image 组件简介 | Image 构 ...
thinkphp+ajax无刷新分页并加载显示图片
2019独角兽企业重金招聘Python工程师标准>>> 最近自己用thinkphp和bootstrap做一个小站点,在用到ajax与后台数据库交互实现无刷新分页时,因为我需要返回的数 ...
图片预加载学习(二)：有序加载之图片切换
基本效果同前一篇,业务有所变化:前一篇是先显示进度条待所有的图片加载完成了再显示图片,这一篇是先显示第一张图片然后依次加载其他图片(比较适合于有内容的图片,人在看第一张图片时程序默默的加载后面的图片) ...
android启动时加载引导图片并全屏显示
前言:最近在做一个项目,项目要求app启动时加载引导图片,由于经验不足(技术一般般),在设计时踩了几个坑,不过好在最终也是做了出来,下面我把我的想法和步骤列一下,希望可以帮到各位新手android程序 ...
微信H5资源预加载（图片、字体）
一.背景微信活动H5页面的特点之一就是资源多(图.字体.音频等),动不动就几十兆.庞大的资源量很可能导致页面不流畅.如下图,因为背景图还没加载完,进入第二页时会有一瞬间"白屏". ...

PS制作加载GIF图片教程

一、前言

二、步骤

PS制作加载GIF图片教程相关推荐

最新文章

热门文章