# 手把手教你做立体图标+简单动画,喜欢的,就绿一个吧,Let‘s Go ! - Photoshop专区 - 雨滴社区 - Powered by Discuz!
 找回密码
 点击注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 8822|回复: 58

[原创教程] 手把手教你做立体图标+简单动画,喜欢的,就绿一个吧,Let‘s Go !

  [复制链接]
头像被屏蔽

签到天数: 44 天

[LV.5]常住居民I

发表于 2012-11-2 01:10:59 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?点击注册

x
本帖最后由 Windows娘 于 2012-11-20 11:46 编辑

这个教程,我昨天就想写了,可惜没时间啊,本来只是想单纯做个立体的图标,可是后来一想,还是做个我自己公司的LOGO动画家吧,自创的,很简单,而且方法很笨,希望大家指点指点!
先看效果图吧:(只为方法,不求好看哈,自己做了之后调整)
大家交作业时,@Windows娘 版主,版主会为根据大家的作业质量来评分的,都有活跃值加的哦~

                               
登录/注册后可看大图

主要有三个步骤:图标立体化+字体立体化+动画
【步骤】
一、制作立体图标
1、打开PS软件,载入我的公司的logo,
(, 下载次数: 22)
2、为了在制作的时候便于区分和好看,我新建了一个渐变图层,放在图标图层下。我常有的习惯:将图标图层复制一层。
(, 下载次数: 25)
3、将图标进行变形处理,这里自由发挥,方法跟我昨天的帖子里的一样:http://bbs.rainmeter.cn/thread-100781-1-1.html
(, 下载次数: 22)
4、重头戏来了!现在选中该文字图层, 按住ctrl+alt+shift,多按几次T,按的T越多,变形复制出来的图层越多,立体厚度越厚,这里能不能得到立体效果,就看你第步有没有做好。自己试着调吧。
(, 下载次数: 23)
5、对最上面的一个图层进行ctrl+j,我称之为表层,对其余的复制出来的图层进行合并,怎么样,有立体效果了吧,对 表层进行图层样式设置,将浮雕的样式去掉,填充颜色,尽量将颜色和立体的颜色调和处理,颜色融洽一点; 另外我还用了白色“色泽”,增加一些光感。
(, 下载次数: 24)
看,这样一来,我的LOGO就做好了
二、字体的立体制作
这个是我公司的名字,制作方法跟上面制作图标是一样的,具体的方法可以看我昨天的教程:http://bbs.rainmeter.cn/thread-100781-1-1.html
(, 下载次数: 25)
我把字距拉开一点,方便加厚图层的操作,还有栅格化啊啥的不用我说了吧
(, 下载次数: 25)
这次我按的是ctrl+alt+左方向键(方向的选取大家自己斟酌)
(, 下载次数: 23)
对最上面的一个图层进行ctrl+j,我称之为表层,对其余的复制出来的图层进行合并,怎么样,有立体效果了吧,对 表层进行图层样式设置,将浮雕的样式去掉,填充颜色,尽量将颜色和立体的颜色调和处理,颜色融洽一点; 另外我还用了白色“色泽”,增加一些光感。

(, 下载次数: 25)

好了,将图标和文字放在一起,就是这样了,是不是还有点意思呢,别忙,这是静态的,还得做动画呢

(, 下载次数: 23)
三、制作简单动画
简单的原理:对图标、字体、车分别进行形状、位移的变化,形成多个(我这里有上百个图层),然后用窗口里的“动画”面板进行动画的简单制作。
(, 下载次数: 23)
大家可以看到我的图层面板里红色框里的图层,全是图标logo,但是大小不一样,因为我都进行了变形,形成了很多的单独的“帧”,以方便进行动画编辑,当然,我的字体和车都是以相同的方法做的。
关于制作动画的详细步骤,我就不一一叙述了,很麻烦的,不好意思啦,去看看基础吧
最后,再来给我的公司打个广告

(, 下载次数: 23)

好了,写完收工,我也很累的,哎,特别是做的时候,做了很久很久很久很久......
又是1:10了,楼主很想觉觉啊~~
希望大家珍惜劳动成果啊,绿一个吧,跟帖吧,呼呼!



评分

参与人数 3心动值 +1 活跃值 +30 技术值 +1 收起 理由
Windows娘 + 10 这得做出多少不同的帧来,很辛苦吧?
超跑女神 + 1 + 10 很给力,楼主辛苦了!
萝莉头 + 10 + 1 很给力,楼主辛苦了!

查看全部评分

回复

使用道具 举报

签到天数: 96 天

[LV.6]常住居民II

发表于 2012-11-2 03:36:20 | 显示全部楼层
不错,很给力呀!
回复

使用道具 举报

签到天数: 1680 天

[LV.Master]伴坛终老

发表于 2012-11-2 07:17:07 | 显示全部楼层
好东西~~咱也来学习学习~~
回复

使用道具 举报

签到天数: 63 天

[LV.6]常住居民II

发表于 2012-11-2 08:05:22 | 显示全部楼层
顶一个,学习学习
回复

使用道具 举报

签到天数: 44 天

[LV.5]常住居民I

发表于 2012-11-2 08:37:24 | 显示全部楼层
学习下楼主辛苦了谢谢分享
回复

使用道具 举报

签到天数: 2 天

[LV.1]初来乍到

发表于 2012-11-2 09:04:53 | 显示全部楼层
楼猪辛苦
回复

使用道具 举报

签到天数: 398 天

[LV.9]以坛为家II

发表于 2012-11-2 09:25:34 | 显示全部楼层
只能说先收藏了,楼主素材都给了吗?
回复

使用道具 举报

签到天数: 15 天

[LV.4]偶尔看看III

发表于 2012-11-2 09:36:22 | 显示全部楼层
尝试一下。。。
回复

使用道具 举报

签到天数: 146 天

[LV.7]常住居民III

发表于 2012-11-2 09:41:34 | 显示全部楼层
做的不错,辛苦楼主啦
回复

使用道具 举报

签到天数: 117 天

[LV.6]常住居民II

发表于 2012-11-2 09:58:36 | 显示全部楼层
不错不错。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 点击注册

本版积分规则

快速回复 返回顶部 返回列表