分享

photoshop制作动态logo教程

 吉祥如意988 2018-01-29

photoshop制作动态logo教程

 效果图
 
 

运行工具:Photoshop CS

难度系数:很简单

所需时间:三分钟

所需素材:无

应用范围:各论坛签名


 
 

步骤一:

打开Photoshop。

文件——新建

名称:公会网站宣传动画

宽度:500像素

高度:250像素

分辨率:72像素/英寸(图片001)

 
 

步骤二:

使用横排文字工具(图片002)


 
 
设置文本颜色#1c1c1c(图片003)

 
 
 

选择字体类型,设置字体大小,单击画面空白处,输入文字(图片004)

 
 

单击移动工具,选择两个文字层,对齐(图片005)


 
 

你还可以在 窗口——字符 下调整文字大小和间距,直到自己满意为止。如下所示,每个词做为一个图层,以便后面做效果。(图片006)

 
 

步骤三:

背景是不是有点单调?来点低调有内涵的渐变吧!

前景色设置 #ffffff (图007)

 
 

背景色设置 #cccccc(图008)

 
 

选择渐变工具,单击渐变编辑器(图009)

 
 

选择前景色到背景色的渐变条,单击确定(图010)

 
 

选择线性渐变,在背景图层上从左上往右下60度角方向拖动(图011)

 

步骤四:

单击顶层文字层,按住SHIFT键,再单击底层文字层,可以一次将顶层文字层到底层文字层之间的图层选取。(图012)

 
 
右键单击栅格化图层(图013)(图014)
 



步骤五:

拖动文字图层到图层面板底部新建按钮上拷贝图层(图015)

 
 
调整图层的位置(图016)

​ 


步骤六:

选中爱好者拷贝图层——滤镜——模糊——动感模糊(图017)

 
 

设置动感模糊角度90,距离27(图018)

 
 
隐藏爱好者图层,观看爱好者拷贝图层的效果如图所示(图019)
 


以此类推,分别对拷贝图层进行动感模糊的操作

(图019)(图020)(图021)(图022)(图023)(图024)

 
 
 
 
 
 
 
 
 
 
 
 

步骤七:

现在,把文字图层都隐藏,我们开始进入动画环节。(图片025)

 
 
调出时间轴面板:窗口——时间轴(图026)
 

 
单击时间轴面板中间的创建视频时间轴按钮(图027)
 
 
 
 

单击时间轴左下方的转换为帧动画按钮(图028),转换为帧动画操作面板(图029)

 
 
 
 
选择第一帧缩略图,并单击时间轴面板下方复制所选帧复制一帧动画。(图030)
 
 
 选择第二帧缩略图,打开PS拷贝图层前面的小眼睛,让PS拷贝图层显示。(图031)
 
 
接着,保持第二帧选中的状态下,单击时间轴面板下方的复制所选帧按钮,复制出第三帧,保持第三帧选中状态,打开PS图层前面的小眼睛,让PS图层和PS拷贝图层同时显示出来。(图032)

​ 


然后,保持第三帧选中状态,单击复制所选帧按钮,复制出第四帧。保持第四帧选中状态的同时。关闭PS拷贝图层前面的小眼睛,仅仅让PS图层显示出来。(图033)
 

以此类推,做好第5帧到第16帧,每帧图层设置如下所示(图034)~(图045)

​ 
 
  ​
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

步骤九:

接下来我们要设置动画的时间,让它动起来。

选中第一帧(图046),按住SHIFT不放,再单击第十六帧也就是最后一帧(图047),单击其中一帧底部的秒字旁的小三角,跳出时间选择对话框,选择0.1秒(图048)


 
 
 
 
 
 

现在对个别帧进行微调,以达到更好的显示效果。

选中第四帧,时间改为0.5秒(图049)

 
 

同样的,对第七,十,十三帧同样设置为0.5秒显示。(图050)(图051)(图052)

 
 
 
 
 
 
特别的,对第十六帧,设置2秒显示。(图053)
 


步骤十:

设置动画循环播放次数,我们这里选择永远。(图054)

 
 

步骤十一:

为了让我们的动画动起来,必须保存为GIF格式。

文件——存储为WEB所用格式(图055)

 
 
在存储为Web所用格式面板左上方,选择四联显示。(图056)

​ 


通过观察我们发现,右下角的显示效果,显示速度和压缩大小比较能接受,当然你也可以选择你喜欢的左下效果或右上效果,记得格式改为GIF,点击存储。(图057)


 
 

在将优化结果存储为对话框中,输入文件名,选择仅限图像,保存。(图058)


 
 ​

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多