为什么我在ps6里面做的动画效果存为Web格式的时候背景出现好多圈圈里面10

ps上做动画,做好了以后为什么不动呢?保存很关键啊
来源:ps教程论坛整理
作者:不详
在ps上做动画,做好了以后为什么不动呢?我是用ps6.0版本老了点,做完以后用saveforweb保存为gif格式,上传后不动,google了一下,原来要在Adobeimageready 里文件--save Optimizedas存文件,在这里找的
使用ps制作gif动画的淘宝分类栏作者:妮妮店铺装修来源:本站整理点击数:
现教大家的是不花钱钱,简简单单,几下做出一个漂漂亮亮、动感十足的gif店铺分类简单方法哦:
一:寻找素材
首先,我们要找适合我们店铺用的图片素材,说起来轻巧,什么样的图片素材是适合我的店铺呢?这样的问题摆在大家面前,是不是觉得又无从下手了呢?呵呵,不要急,我现在告诉您一个超级棒的&懒&办法,这样做即不用花很多时间搜集素材,而且找到的素材拿来后,稍做改动,就可以拿来用啦,前后用到十分钟就可以搞掂一个漂漂亮亮,动感十足的店铺分类哦~~~
诸位淘友们是不是都很喜欢逛各种呢?那么都知道网虫们的留言时,大都喜欢使用一个漂亮的个性签名档吧?那么有人会问,说这些干嘛?我们要的素材在哪里呢??别急,这就是我们所要的素材了哦!现在跟我一起做:
我平时就有搜集签名档的习惯,不为别的,就因为它们好看啊。。招人喜欢啊。。。后来我发现,这些签名档用AdobeImageReady打开后,还可以对其进行编辑呢!!聪明的朋友不用往下看啦,可以自己动手做了哦,呵呵。(提醒各位!!搜集GIF文件个性签名标签,Q空间是一个不错的去处哦~)
二、制作分类(注意:分类规格宽:小于等于150PX,高:大于等于30PX)
现在我拿这个GIF小图片为例,手把手的教教您,怎么来做店内分类栏:
此为我搜来的一介GIF图片:,
此为加工后的我的店内分类:,
怎么样,是不是天衣无缝,动感十足啊吧?哈哈~~
现在我们开始吧:
1.打开AdobeImageReady软件,在里面打开您的素材GIF文件。
2。我们看到,打开后,这个文件一共为6个图层,现在,我们必须把文件从AdobeImageReady转入到Adobeps,对其进行进一步的改造。具体办法,在工具栏的最底部,有一个跳至ImageReady,我们只需点一下此键,便可完成一键切换:
3。转入到Adobeps后,我们分别将文件的每一层上原有的文字删除或用橡皮擦将它去掉,具体办法如图:
4.将6个图层的文字都清除干净后,我们就可以在图片上加上我们想要的文字啦:
5.上图,我们做好一个文字图层后,还需要将这个文字图层合并到每个层画面图层上,现在,我们要做的是,将已有的文字图层拖着不放,到图层面板上的复制按钮处松下,这样就成功复制了一个文字图层,按此方法,复制共6个文字图层。
6.现在,我们把复制好的6个文字图层,分别与6个画面图层一一合并,具体办法是,选中一个画面图层,与一个文字图层做链接,然后按CTRL+E,将其两个图层合并为一个图层;其它5个文字图层与画面图层亦做此处理。具体图示如下:
7.现在,6个图层都加好文字后,用一键切换,将文件从Adobeps再转入到AdobeImageReady软件,对其进行最后的动画制作。
8. 在AdobeImageReady内,将原来文件保存的帧一一删除,具体办法如图:
10.现在开始做动画,首先选中图层6,在动作面板处点复制,现在动作面版上出现两个帧;关闭图层6上的眼睛标志,选中图层5,在动作面板处再点复制,现在动作面板上出现了三个帧;关闭图层5上的眼睛标志,选中图层面板上的图层4,在动画面板上复制。。。。以此类推,直至到图层6。如图:
11。六个帧都完成后,我们就可以点播放,来欣赏一下我们的劳动成果啦:
)哈哈~~是不是很不错啊??
12。万里长征只剩下最后一部啦,保存文件:
哈哈~~不是超级简单,效果也超级棒啊,希望我的帖子能对你有所帮助哦
现在,一个漂亮的店铺分类已经做好啦,我们只需要再将其存入图片空间内(如ps百科论坛),并获得缩短网址,将其使用到我的分类里就OK啦!
对于不会使用易翠网小管家短地址的用户,可以看看,小管家短地址如何使用的教程
本教程完!
【原创教程 投稿邮箱:】
==================== 学习提示 ====================
打开ps,跟着教程做一遍,做完的图要到这里交作业:
教程有看不懂的地方,可以到论坛发帖提问:
加官方微信,随时随地,想学就能学!
官方微信:ps_bbs,或扫右侧二维码!
关注我们微博:(粉丝33万)
想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:
最后希望大家
旧一篇: 新一篇:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
免责声明:除本站原创外,本站文章均收集整理自网络,其版权归该教程原作者或原出处所有!本站转载文章均保留了原出处及作者,如出现资料错误或侵权,请联系修正或删除:站内搜索(标题)
当前位置:首页&&&
ps6如何做gif图
时间: 来源:本站整理 &&查看:&&评论:
内容摘要:ps6如何做gif动态图 ps6怎么做gif动态图
用PS6怎么做动态图片?_百度知道相似:
ps6怎么在背景图片中插入gif格式的图片你是要制作整个GIF图么 你背景图片你插入GIF 那整个图就是GIF的了 PS支持编辑GIF图片的 不用单独下什么软件编辑-
为了帮助网友解决“你的那个PS6 制作gif图片我还是不懂”相关的问题,中国学网通过互联网对“你的那个PS6 制作gif图片我还是不懂”相关的解决方案进行了整理,用户...-
简述:游戏界是PS4和Xbox Oneps5永久序列号2015ps5抠图换背景教程ps5和ps6有什么区别ps5怎么换背景ps5序列号生成器ps5怎么制作动态图片 如今的游戏界是PS4和Xbox ...-
当然用专用的制作GIF图片的软件也可以做。素材:t1 第一步 : 启动photoshop,并打开需要的两幅图!t2 第二步 : 点击图象大小t3
弹出图像大小修改框,修改宽度和高...-
干脆写个教程吧~~(以下步骤均在PS7中进行,PS6版本和7略有不同,请自行琢磨)...JPG格式一般适用于颜色较多,尤其是有渐变色的图片,一般品质为60就可以。GIF格式...-
如题再问下,PS6用时间轴制作GIF小图片之后 总时长是按什么计算的?[[i] 本帖最后由 周四爱晓晓 于
14:56 编辑 [/i]] 思缘论坛 Photoshop...-
原创 表情馆 公告 系列 脑残对话 神吐槽 GIF怪兽 暴走日报...千万不要随便拿自己的图片求PS6
恶搞名言制作器 疯狂图表制作器 脑残...-
在ps上做动画,做好了以后为什么不动呢?我是用ps6.0版本老了点 ,做完以后用saveforweb保存为gif格式,上传后不动,google了一下,原来要在Adobeimageready 里文件-...-
的照片" title=" 视频做gif签名图>的照片"/>
为什么我用ps6做出来的gif图保存不了 只看楼主 收藏 回复蛋不啶则疼
RedPill 11
习惯叫你傻丫头
二楼是什么?首先要信号快...-Photoshop CS6制作3D效果的片头字体动画
我的图书馆
Photoshop CS6制作3D效果的片头字体动画
该文涉及三维和后期相关内容,为了便于说明,小翻在文中括号内加入了相关注释,若看官们对此熟悉,请无视之,或发现有不妥之处,望予以指正。至于在ps中加入这些功能是否有臃肿且鸡肋之嫌,是非对错留给各位看官下定论,译文仅作为尝试新功能的案例介绍,希望能共同学习,激发更多创作灵感。
来源:优设&&作者:兔子
步骤1 新建文件
首先,新建一个文件,由于我们将渲染出一个高品质的3D动画,在制作过程可能会占用你电脑很多内存,因此如遇卡机,请务必保持蛋定。(注:在使用3D拓展功能前,确保你cs6安装的是拓展版,并且在编辑—首选项—性能中打勾选了使用图形加速器/OpenGl,建议也多设置一两个暂存盘)
好,考验耐性的时候到了。我们将要制作一个动画,我曾被无数次地问起动画面板在ps的哪里。如果你选择默认的安装方式装了Photoshop cs6,你会在界面的左下角发现两个标签,分别叫Mini Bridge和Timeline(时间轴)。(注:Bridge是Adobe系列的文件预览和管理软件,mini Bridge即内置在PS中的迷你Bridge。另外,若看不到这两个标签,可从菜单栏的窗口下拉菜单中调出)
双击Timeline标签(时间轴),展开面板,空空如也,这是因为我们还没开始制作动画。接着我们将加入一些元素,就会出现一些层,你可以将其理解为视频的图层。(注:作者所说视频的图层即视频轨,轨道上可以放置一个或多个视频片段,还可以增加多个轨道,轨道以时间维度延展)
步骤 2 创建3D文字层
开始制作,首先创建一个文字层,选择工具栏中的文字工具。
键入文字tuts
在字体选择框中键入Blippo,找到Blippo系列字体后选择Blk BT类型的。做这一步前首先要确定你系统中有安装Blippo Blk BT字体。
你将得到如下的字形。
接着给文字加上3D立体效果。点击顶部菜单栏的3D菜单,选择3D挤出所选层(注:挤出命令相当于给二维的图形加上第三维度的厚度)
选择后会弹出一个对话框,询问你是否要将工作区转换成3D的工作区,由于我们接下来的步骤都涉及到3D,请选择yes。
看见没,出现了网格线!字体已经呈现在3D的工作区中了。
在右边常用的图层面板中,你会发现多了一个3D的标签,里面包含了新场景中所有的3D元素。
现在,字体转变为了3D模型了,其形状包含了几个部分,每个部分拥有独立的材质,如下图所示。选中下图所示的所有材质。(注:作者所说的几个部分分别是前平面材质、前面倒角材质、挤出部分材质以及背面和背面倒角材质)
然后,如下图所示,进入属性面板(在右上角区域),选择最简单的空材质球,点击漫反射颜色选项。(注:通过调整材质球的材质参数,同步到三维模型的某一部分上,前一步骤选中所有模型每一部分材质,所以是对整个模型赋予相同材质。这里的漫反射颜色设置相当于给模型指定了固有色。相关光照知识推荐参看)
在我们熟悉的颜色选择器面板里,把取色点移至左上角,给漫反射颜色赋予白色。
接着改变环境色,如下图所示,单击环境色的颜色块。
如图,选择一种浅灰色。(#c7c7c7)
现在我们选择图层的父级元素,即下图tuts组,以便于我们对模型进行整体的旋转和移动。
回到属性面板,选择坐标按钮(在最上方一栏),设置X轴旋转90度,这样,物体就平躺下了。(注:该设置意义是以X轴为旋转轴,旋转90度。 面板中三列分别代表移动、旋转和缩放。)
接下来我们稍微减少文字挤出的厚度,如下图,还在属性面板中,切换到网格(mesh)图标,将挤出深度(extrusion depth)的值减少到48。
完成以上所有步骤后,接下来,选择的3D菜单中将物体吸附到地面的命令,如下图。这样就把字体模型摆到了水平面。现在,创建字体模型的工作就完成了。
步骤 3 地面平面
我们上面一直在说地面,但事实上我们还没有一个真正的地面模型。接下来,以视图中的网格为参照,我们来创建一个地面模型。
在工具栏中选择长方形矢量工具,拖拽出一个覆盖整个画布大小的长方形。
接着,将新建的这个长方形指定到3D视图中,首相要把它变成一个3D物体,如下图, 3D菜单—&从图层中新建网格—&深度映射到—&平面
完成后,将得到一个新的3D层,这一层出现在一个全新的3D场景中,但这不是我们想要的结果,我们要把新建的平面放到与我们的字体相同的场景中去。切换回普通的图层面板,如下图,选中这两个图层。
然后,点击3D菜单,你会发现一个合并3D图层的命令,如下图所示。
然后,切换标签回到3D面板,我们会发现除了原有的叫tuts的物体外,又多了一个叫rectangle_1_layer的物体。
而在图层面板中,整个3D场景仅包含在一个图层中了。如下图。
接着,我们来调整观看的视角,从顶部俯视字体模型,(在3D面板中选中当前视角(current view))。在 属性面板里第一栏图标中,选择 坐标,如下图所示修改参数,或者在3D场景中通过拖拽视图,调整视角,直到得到顶视图视角。
如下图所示,我们得到了顶视图效果。
得到正确视角后,你是否注意到,地面显得非常暗,无论你最初创立地面平面时选择的是什么颜色,现在看上去都是漆黑一团。因此我们要给地面设定3D材质,先选择字体模型的某一部分,如下图选择了前平面的材质层。
你会在属性面板的材质设定中看到我们之前设置好的材质球,我们将不用重新设置,复制相同的材质给地面即可。方法如下。
如上图红箭头所示,点击材质球缩略图右边的小三角下拉菜单,再点击最右边的齿轮图标设置按钮,在展开设置选项中,选择如下图所示的新材质选项。
这时会弹出一个对话框,你可以在输入框中给新材质命名,然后点击ok即可。
在3D图层面板中选中长方形,如下图。
再回到属性面板,点击材质球的缩略图小三角,展开材质球面板,滚动下拉到最底,你会发现刚才新复制好的材质球(鼠标悬浮材质球上,会显示其命名),选择这个材质球。这样我们模型都设置好了。
步骤 4 光照
通常在ps中,调整光照效果自然会想到添加一些调整层,再加上阴影效果,对不?这回错了!我们要把思维转换成在3D的工作环境中,要设置3D场景中的光照,我们设置上几个光源。首先,选择场景中已有的光源。(即下图所选的3D面板中的平行光1(Infinite Light 1))
在工作区预览中,出现了用于调节灯光的操纵杆,目前显示光源是位于文字模型的前方,于是文字模型的后方产生了一块黑暗的投影。让我们拖拽操纵杆的小球,按照下图红箭头所示的路径,沿着光源的边缘改变光照方向。
你也可以在灯光的属性面板的坐标轴中进行参数调整。如下图。
PS通过OpenGL渲染引擎,实时地将操作结果呈现在视图中,显示出物体收光效果、阴影投射方向等等。这里,我们想达到的光照效果是阴影从右上角向左下角的方向投射。
接着,我们再新建一个光源,在3D面板的最下方有一个通常用来新建层的小图标,这个图标在3D面板中是用来创建光源的。点击后在下拉菜单中选择新建平行光(new infinite light)。
如下图所示,新建的光源出现在视图正上方。
在属性面板坐标中对灯光位置进行精确调节,参数如下。
同时在属性的平行光里,调节参数如下图所示(intenstiy指的是光照强度,softness指的是灯光边缘的柔化程度)
回到3D面板,选择默认的那个光源——平行光1
同样对其属性中光照参数进行设置,如下图所示
用上述方法再新建两个光源
改变平行光3的光照颜色,在属性—&灯光面板上点击颜色属性的长方形取色框。
在弹出的取色器里选择如下图所示的浅红色。(#e2c4c4)
然后按照下图所示,调整光照强度和柔化值
选择第4个光源,同样对其光照色彩进行调整。
这回选择一种蓝色。(#6ba9c0)
如下图调整光强和柔化参数。
选中第四个光源,调整其坐标位置,参数如下图所示。该参数会将第四个光源设置在第一个光源的斜对面,作为第一个光源的补光。(注:补光作用是为了弥补主光源所产生投影过黑,在阴影处增加一定的光照)
然后我们调整第三个光源的坐标位置。同样,先在3D面板中选择平行光3。
如下图所示参数,旋转光照方向。
好了,整体设置完成,如下图所示。第一个光源从右上角照射出光线,与地面成角较低,因此在左下角得到一个斜长的文字阴影
第二个光源(黄色箭头所示)从较高的角度照向右上角,减淡了第一个光源所产生的阴影,营造出较柔和的光照环境,同时产生了整个文字基底与地面贴合的缝隙阴影。
第三个光源提供了粉红暖色的补光,使光照效果显得十分柔和。
最后,为了营造光照冷暖的对比,第四个光源照射出淡蓝色的冷光,同时也减淡了主光源产生的阴影。至此,我们场景中光照就设置好了。
步骤 5 制作平滑的边缘倒角
接下来,我们调整一下文字模型,使它产生柔和的圆角和边界。如图,选择整个文字模型。
在属性面板,单击选择盖子(Cap)图标,如图所示调整参数设置。点击等高线缩略图的下拉按钮,即下图中用红色大圈圈出的那个设置项。(注:这里设置的是模型边缘的倒角,可以产生类似盖子的感觉)
如下图,在下拉框中选择圆角曲线模式。
设置好后,立马可以看到模型边缘出现了柔和的倒角边
快速渲染后,我们能看到大致的细节效果。这样我们就调整好字体模型的倒角了。
步骤6 动画
好的,接下来我们准备制作动画了。首先,点击时间线标签,打开时间线面板。打开后,点击中心的按钮,创建一条时间轨。
很快,出现一个包含着tut场景的长长的视频轨道,以及一个音频轨道。如图,点击左边的三角形箭头。
展开的面板呈现了3D场景中的全部可以设置动画的属性。首先,我们选择3D摄像机的位置属性。
在默认情况下,整条视频轨道都是可渲染的工作范围,我们可以拖动在最末端的的操纵杆来改变工作范围,下图红色箭头所示。(注:该控制杆限定了轨道上工作区的长度范围,从而指定了渲染范围。)
将操纵杆向左拖动到3分20帧处。(注:动画是利用视觉滞留原理,由一张张静态图片连起来形成的动态效果,一张静态图片称为一帧(frame),该例子中1秒有30帧,你也可以在timeline最右边的设置菜单中修改视频的帧速率)
先前,我们已经设置过摄像机的位置了,这一位置其实是动画最后结束时的位置。点击小码表图标(下图红色箭头所示),在时间轴上就会产生一个黄色小钻石形状的关键帧。(注:关键帧记录了动画变化过程中关键动作或状态的那一帧,在两个关键帧所记录的状态之间平滑过渡变化就产生了动画效果)
接着,把刚产生的这个小黄点关键帧移至动画最后一帧。(即30秒20帧处)
你有两种方法来移动镜头视角,一是在场景左下角中选择带有3D坐标轴箭头的操作杆,三个箭头分别代表X、Y、Z三个方向。点击操纵杆,按住左键拖动,就可以移动改变视角了。
第二种方法是,(先选择3D面板中的当前视角(current view))进入之前使用过的属性面板—&坐标中,在这里精确调节移动和旋转的参数。
第三种方法是,在ps界面上方的工具栏中,可以快速选择移动操作工具。
这个移动工具对于所有模型都通用,所以你只要选择了这一工具,点击任何一个模型的显示区域,就会快速选中模型,坐标操作杆也会随之出现。然而,现在我们并不需要移动模型,我们要移动视角。因此,你自己尝试着动一动,看怎么让视图更靠近一些。(注:泄题,要使用该工具调节镜头视角时先点击场景空白区域,按住左右拖动是平移,上下拖动是缩放)
得到想要的视角之后,点击关键帧图标(红箭头所示的码表图标),就设置好了动画开始时的第一个关键帧。
你可以点击下图所示的播放按钮,来预览你的动画。你也可以修改开始和结束帧至满意为止。让时间轴的指示器在现有的关键帧上进行调节,确保不会产生新的关键帧。(注:指示器就是那个预览时会移动的那个带红线的物体,工作区显示的画面即它所在的帧)
点击播放,你可以通过指示器查看到动画的每一帧。你也可以把它放置在开始或结尾帧上,给其他物体层增加和选择关键帧,设置关键帧动画。
步骤7 添加调整层并设置调整层动画
我们将给3D场景统一使用一些常用的调整层,并且给调整层设置动画。首先,在图层面板中,创建一个照片滤镜(photo filter)调整层。
在属性面板中,选择过滤器(fliter)为暖色滤镜(warming fliter)
在时间轴面板中,将出现照片滤镜的新轨道层。接着, 在比2秒处稍稍多一点的位置打上一个新的关键帧,如下图所示。
在这一帧上,我们设置透明度为0.
移至动画最后,再打上一个关键帧。
设置最后一帧透明度值为30%
好啦~现在在图层面板最顶上建立再新建一个照片滤镜调整层,如下图所示
如下图参数,这次使用冷色滤镜,设置密度为25%
回到动画起始帧,如下所示,在开始处创建透明度关键帧:
透明度设置为100%
在大约3秒处,创建第二个关键帧
透明度设为0
最后,在最上层新建一个色阶调整层(level)
在属性面板中调整 参数如下图所示
回到时间线面板,在透明度属性开始处设置一个关键帧
设定其透明度值为100
如下图,在约2秒8帧的位置上打上第二个关键帧
设置第二个关键帧透明度为0
完成了这一步后,现在最上方创建一个空图层
选择颜色填充工具,将这层的颜色填充为100%的黑色 (即K值100%)
点击滤镜菜单,选择渲染——&镜头光晕
在对话框中调整镜头光晕效果如下图所示
选择图层模式为叠加(screen)
回到时间轴版面,在这一图层约1秒之后一点的位置创建一个新的关键帧
然后在2秒之后连续打上5个关键帧,位置如下图所示,不需要特别精确,差不多就行了。
保持下图圈出的这两个关键帧透明度值为100%,然后拖动指示器到第三个关键帧处
把该帧的透明度值设置为23%
再拖动指示器到下一帧
设置透明度值为73%
继续移至下一帧
设置透明度值为0。至此,我们把所有新建的层的动画都设置好了。点击播放按钮,预览一下我们的成果,如果对现阶段效果满意,咱就接着下面的操作。(注:这一步设置得效果是:整个场景光照调子随视角变化产生的变化效果)
步骤8 渲染和配音
虽然这步挺简单,但力求产生好的渲染效果是我们必须足够重视的问题。如下图所示,点击那个箭头状的图标。
然后会弹出一个有很多设置项的对话框。让我们从左上角的参数开始逐一设置。第一步,给视频起一个名字,选择一个用于保存的目标文件夹。然后如图,选择一个视频解码器Adobe Media Encoder。选择渲染范围为工作区。最后选择渲染品质为渲染品质。在此之前,我已经用低渲染品质进行过几次的测试渲染,低品质渲染差不多要用几分钟,而当你要出最终的效果时,需要进行更细致的渲染,渲染的结果也会更好。渲染效果和时间取决于你的电脑性能,通常都会有点久,这就是为什么我们要保持文件大小适中的原因(减少计算资源)。
顺便讲讲如何在动画中加入音频吧。
音轨在时间轴面板最下一栏,在其最右边找到加号图标,如下所示
点开,选择你想导入的音频文件。
音频文件的时长可能远超过你所设定的动画时长,不过这没关系。
你可以左右拖拽所选的音轨素材,直到与动画相匹配。
我选择了快接近结束的那段音乐来配合我的动画。
如下图,.滚动指示器到工作区最后,选择剪刀工具。
这个工具可以用来剪断那段音频
你可以把不要的那段音频删除。
然后在音频素材上右键,调出淡入淡出控制面板,这个面板的参数设定主要取决于你所选的音频素材,但这是你在ps中对音轨的所有可控设置项了。我喜欢最后来调整音轨,因为3D渲染已经够占用资源的了,因此,音频可以最后再加入。
在这个教程中,我们使用了CS6中基本的3d和动画功能,当然较大的动画和关键帧控制还是在AE或nuke里完成更好。但对于精小简洁的动画,使用ps来制作还是别有意趣的。我相信,ps会在这方面发展更好的,未来功能会强大得超过nuke。
TA的最新馆藏[转]&[转]&[转]&[转]&[转]&[转]&

我要回帖

更多关于 圈圈里面10 的文章

 

随机推荐