分享

手把手教你用PS制作动画图片

 我不想上课 2010-09-15
首先给大家看看效果先吧

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

下面来看看我事先准备好的素材:

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

大家要是觉得找这些素材麻烦的话可以直接在百度上找一张现成的也可以哦,现成的就可以免去制作底图的过程了,但就是没有了自己的特色哦。

现在来讲下找素材的过程:

首先在百度上搜索你想的素材,下载到电脑上,找素材也有一定的讲究,最好能找个底色是白色的或是底色与我们所要的图案颜色相差大点的,到时操作也方便,如我找的这个,图案是黑色,而底色是白色

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

我们在PS里打开下载到的素材,你会看到我们的素材是由白底和黑色图案组成,那我们只需要图案,不要白色的底,怎样才能去掉呢,再看界面右边的图层面版,你会看到只有一个叫背景的图层,而且右边还有一个小锁在那,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

在此状态下的图层是不可编辑的,所以我得先给此图层解锁,把鼠标放在此图层上双击左键,会弹出此框,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

什么都不用设置,按“好”即可,回来界面上你会发觉那把锁不见了,背景也变成了图层0,下面我们来把素材中不要的白色部分去掉,选用魔棒工具

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后在白色地方单击鼠标,此时你会发现,单击处有会动的虚线,表示此区域已被选取,也称之为选区,此时按下“Delete”键,所选区域上的白色不见了,变成了由灰色和白色组成的格格,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

此状态表示选取区域已是透明的了,用相同的方法把其它的白色地方也删除,[在此我们可以把图片局部放大,以便操作,方法:左手同时按下Ctrl和空格键,然后右手在画面中要放大的位置上按下鼠标左键拖动即可,或Ctrl+加号放大图片,Ctrl+减号是缩小图片(这里的放大缩小是指显示的放大缩小哦,并非指图片尺寸的放大缩小)]如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

到这一步,素材就可以了,你可能会想,图案是黑色的不好看,想换成其它的颜色是吧?下面我们来说说如何给图案换色。我们先把前景色换成我们想要的颜色,左边一列排工具列下方有黑白两个框,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

上面的黑框称为前景色,后面的白框称为背景色,下面我们来把前景色改成我们想要的图案的颜色,把鼠标放在前景色(也就是黑框)上单击,即可弹出此框

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

此框为拾色器,用于我们修改颜色,下面我们在RGB三个框中分别输入:0 150 60(绿色的参数)看到这,可能你会想,对PS不是很了解,要是想调红色出来,但又不知道红色的参数是多少,怎么办呢,你可以在拾色器上用鼠标在你想要的颜色上单击即可。输入后按“好”,前景色就改好了,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

此时的素材里只有黑色的图案,之前白色的部分都不见,我们在标题栏中找到“选择”----“载入选区”

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

此时黑色的图库周围就会出现会动的虚线,我们再到标题栏中找到“编辑”----“填充”

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

弹出此框,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

使用一项里一定要选前景色,按“好”后我们的图案就由以前的黑色就成了绿色,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后存储文件,以便下次使用,按文件--存储--在弹出的框里面格式选PSD保存即可。

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

素材已找好了,下面我们开始来说说制作过程:

首先新建个宽35cmX高4.23cm(此尺寸为店标的尺寸,也就此位置的尺寸(下图),这篇教程完成后的效果就是放在这里的哦)

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

新建成功了(后面我们称为文档),我们照前面的方法先把前景色改成绿色,再用相同的方法把背景色改成黄色,RGB里分别输入:255 255 0(黄色的参数) ,颜色改好了如图:

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

下一步我们来做底色(如下图),

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

选中左边工具列中的渐变工具,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后用左手按个“Shitf”键,右手拿鼠标在文档中按下鼠标左键往下拖,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后同时松键,你会发觉我们的文档底色由原来的白色变成了由绿色向黄色渐变的一个底色(可以照此方法多次拖动鼠标,会有不同的效果哦,这个看个人喜欢)

底色调好了,我们来往文档加点底纹,把事先准备好的素材打开,选中工具列中的移动工具如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

把鼠标放在素材上按下左键不放,拖动到文档后松下鼠标,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

底纹过来了,就可以任由我们自己去摆放和缩放了,按Ctrl+T,在藤的四周围就会出现一个四方框,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

我们按下Shift键的同时用鼠标在四方框的四个角中任意一个角按下鼠标左键往里或往外拖动,可以得到你想要的大小,将藤缩放至合适的大小后,松开Shift键和鼠标,然后按回车。

此时你会发觉编辑面右边的图层面版(按F7可弹出)里有两个图层(在此先对图层作个解释,图层可以说是PS里的核心部分,我打个比方好让大家更容易的了解到图层存在的意义吧,图层就好比我们平时在社区里看到的贴子,好比楼主吧,我们每个人看到贴子去回复了就占了一楼,而我们下次想去修改下自己的留言必需得回到我们原本的那楼去修改,在PS里也是同样的道理,因为它有很多的图层,所以我们要想编辑哪个就必需选取此图层才可,像我们回贴有好多楼层,第一个回复的就显示在一楼,PS也拥有很多的图层,相同第一次编辑的就会显示图层1第二次图层2至图层N,在此说明一点,图层里的数量,如“图层1”里的“1”并不像我们在发布商品时的分类,你在分类里输入1他就会中跳到第一位,输入2就跳到第二位,在PS,这个数值只是一个名称,不会影响什么。)

上面那个“图层1”(如下图)为藤的图层,下面背景为我们渐变得来的底色。我们再来将藤的图层复制多个出来,将底色铺满。方法是把鼠标放在图层面版里的“图层1”上单击鼠标右键,你会看到有个“复制图层”如下图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园 

 

 按下它,弹个框出来后按确定,此时你会发觉,图层列表中多了一个“图层1副本”,下图

 

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后选取工具列中的移动工具

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

在文档中“藤”上按下鼠标拖动,你会发现多了一个藤出来是吧,接下来就可以用先前的方法(Ctrl+T)把它缩小点或放大点都可以,同样也是用前面复制图层的方法,想要多少个藤就复制多少个图层,这个由个人喜欢,我照我自己喜欢的调整出来如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后,我们用相同方法把另外三个素材也添加到文档里效果:

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

此时你一定会想,柠檬园三个字,原来的素材是没有黄色边的,现在有了是吧,下面我来讲下怎样给它加边,在PS里因为图层比较多,前面也说了要编辑此图层的话必需先选取此图层,怎样的情况下为选取了此图层呢,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

此图为“图层1幅本2”为选取状态,此时就只能在“图层1幅本2”图层上编辑,那我们要为柠檬园三个字加边自然就要选取此图层才可以,因为你复制了好多的藤,所以在图层列表中会有一排的图层显示出来,要我们一个个去点就很麻烦了是吧,教你一个快而且极方便的选取图层的方法,选中移动工具

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后把鼠标放在柠檬园三个字上面按个右键,此时会出现一列的图层名称,第一个就是这三个字的图层,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

单击“图层5”(看到此,可能你会想怎么我这里的是图层5,而你那里的是图层6或7、8、9的是吧,在前面我们也说过了,图层的序号只是一个代称,不会影响什么的,所以这个数值不用去看它)即选取了此图层,如你想确认下是否选取了此图层,你可以在图层面版中找到选择的此图层,单击它前面的小眼睛,如眼睛不见了,文档里面的那三个字也不见了,证明你是选对了图层,不过要记得把眼睛给点回原来的状态下哦

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

图层选取好了,下面我们来给它描边,在图层面版的下面有一排的图标,我们按第一个F的“添加图层样式”图标

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

会弹出一排的效果选项出来,我们选描边一项

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

此时会弹出个对话框,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

在此对话框中我们一般只需调两点,一个是大小,是指边的大小,一个是颜色,看个人喜欢而定

到这一步柠檬园三个字也就完成了,其中还有一个特效,大家可以试下,选中任意一图层,在图层面版的右上角有个“不透明度”,你可以输入100以内的数值看下效果,看个人喜欢而调

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

下面来做“韩版时尚服饰”几个字的效果。

选用文字工具

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

选用了此工具我们再来设置此工具的属性,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

“汉仪秀英体简”这里为字体(不同的字体显示出来的笔画不同)的名称,这个是我电脑里自己装的字体,一般的电脑可能没有,那选其它你电脑上有的字体即可;“48点”字体的大小,即是我们在发贴时的字号,这两个都可以按个人喜欢而设置,然后在文档里单击,看见有光标在闪动时即可输入字了,我们输入“韩版时尚服饰”

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

字打好了,然后我们把鼠标放在图层面版中的“韩版时尚服饰”图层上按右键有个“删格化图层”

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

注意:在删格化前要将文字的字体选好,删格化后将不能再改。 

然后我们照前面改素材颜色的方法,先将这几个字变成选区

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

再照渐变底色的方法来给这六个字上色,前景色为RGB分别为:40 20 100,背景色分别为:225 0 125 ,之后用渐变工具填色,即得此效果

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后我们来给它点倾斜的效果,照之前缩放图片大小的方法,按Ctrl+T,它四周出现框时,左手按下Ctrl键,把鼠标放在它中间的点上按下鼠标左键向右拖动,拖至喜欢的角度松手即可,如下图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

下面我们来给它加点外围的光,在图层面版的上面会有这样一个框,没有的话我们可以按F6就出来了

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

我们来选取样式面版里的第三个“双环发光”按铵

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

得到此效果

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

编辑框

下面我们以相同的方法来做“引领时尚潮流”几个字的效果,只是这几个字不需要渐变(这个看个人喜欢而定),同样在样式面式里选取一个即可,下面来看看总整的效果

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

到了这里就差最后一步了,给它加点会动的星星,我们首先把文保存一下先,存为PSD格式的。

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

我们看到图层面版右上角有个小三角形,我们按下它在弹出的选项中选拼合图层,如图

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

我们再来看看图层面版,由之前的好多个图层变了一个且已上锁的背景层,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

然后我们在工具列中选取画笔工具

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

我们可以看到上面一排属性

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

我们一般只调画笔那里,其它的选项一般情况下不用调,当然你可以试调下看下效果,按画笔右边的小三角形,在弹出的列表中选择星形的画笔,还可在直径上调整画笔的大小,我们选择48的即可,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

如你里面没有星形的画笔,可按右上角的小三角形(如下图),在弹出的列表里按“混合画笔”如下图,在弹出的框中按“追加”,即可找到星形的画笔,这个因人而异,看你喜欢哪种画笔即用哪种画笔

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

选好了画笔我们用画笔在文档中需要闪动的地方单击鼠标左键,按下鼠标左键移动也可,如下图(前景色一定要是白色哦,因为画笔的颜色将会是前景色的颜色,当然你要其它颜色也行,效果可能会没那么好),

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园

点好后我们再来到图层面版,按右上角的小三角形,在弹出的列表中按“新图层”,

【电脑知识】手把手教你用PS制作动画图片(一) - 老渔翁 - 老渔翁音画乐园
 
 此时图层面版上多出了一个透明的图层,

 

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

然后我们再用画笔照着之前画好的星星点点再画一次,画好后按工具列最下面一行的此按钮

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

自动转到ImageReady(制作动画用的)界面

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

首先我们把透明图层的眼睛隐藏,选取背景层

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

然后在左下角的动画面版中,选1秒钟

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

然后按下方的“复制当前帧”按钮,复制一个出来,如图

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

最后把图层面版中刚才隐去的眼睛点出来,再按播放键即可看到效果

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

效果没问题的话再按下“优化”

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

最后一步是保存文件了,选存储优化结果,在弹出的框中选gif格式

【电脑知识】手把手教你用PS制作动画图片(二) - 老渔翁 - 老渔翁音画乐园

到这里制作过程就完成了

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多