3分钟学会制作精美动态店标!

[05-04 23:34:00]   来源:http://www.dxs51.com  网店装修   阅读:95

概要:中点"选择""全选"(此时图片四周出现流动的虚线边框),然后在[菜单栏]中选择"编辑""拷贝"(此时已将图片复制).激活"logo"文件(用鼠标点击“logo”文件,文件上方的灰色条变成蓝条,即为激活)在[菜单栏]中的"编辑""粘贴",(此时“logo”文件的'图层'窗口会自动新建'图层1')//若'图层'窗口没有显示,请在[菜单栏]中点"窗口"---"图层"粘贴好后,在[菜单栏]中选择"编辑""自由变换",工具栏中选择"移动工具",按SHIFT,拖动节点,一直拖到和“logo”文件一样大.拖好后,点回车即可,此时在图片周围出现流动的虚线.然后在菜单栏中,点击选择取消选择。如图3所示(若找不到流动的虚线,请您看一下是不是把图片拖到外面了. )

3分钟学会制作精美动态店标!,http://www.dxs51.com

1:正式版的photoshop软件,而且带有做动画用的Imageready软件。
2:制作店标所需要的素材,比如产品的图片或者其他喜欢的图片。

教程(一)

1.打开photoshop软件,[菜单栏]中选择:文件---新建
在弹出的窗口中,设置文件名称为:"logo"
宽度为"100"象素,高度为"100"象素,分辨率为"72"象素/英寸
模式为"RGB"  的文件.(如图1所示)

2.打开一张需要在店标里出现的图片(图片不限,可选择产品图或者喜欢的图片)如图2所示




                                                             (图2)

3.在[菜单栏]中点"选择"----"全选"(此时图片四周出现流动的虚线边框),
然后在[菜单栏]中选择"编辑"----"拷贝"(此时已将图片复制).
激活"logo"文件(用鼠标点击“logo”文件,文件上方的灰色条变成蓝条,即为激活)
在[菜单栏]中的"编辑"----"粘贴",(此时“logo”文件的'图层'窗口会自动新建'图层1')
//若'图层'窗口没有显示,请在[菜单栏]中点"窗口"---"图层"
粘贴好后,在[菜单栏]中选择"编辑"----"自由变换",工具栏中选择"移动工具",按SHIFT,拖动节点,一直拖到和“logo”文件一样大.
拖好后,点回车即可,此时在图片周围出现流动的虚线.然后在菜单栏中,点击选择----取消选择。
如图3所示(若找不到流动的虚线,请您看一下是不是把图片拖到外面了. )


                                                                   (图3)
4.重复第2步,将所需要的图片分别拷贝粘贴到“logo”文件中(不要粘贴太多,5-6张即可,
太多会影响以后做动画的文件大小).
5.“logo”文件中,新建图层4,全选(即CTRL+A),然后图片周围出现流动的虚线,
在[菜单栏]中选择"编辑"---"描边".选择描边的颜色,1个像素即可.
如图4所示



                                                               (图4)
6.“logo”文件中,新建图层5,在[工具栏]中选择"T"工具,输入文字"星情工作室".

工具栏找不到这样来找:窗口----工具栏

设置前景色为喜欢的颜色.如图5所示



                                                                (图5)
7.在[工具栏]中选择"跳转到ImageReady"软件,(PHOTOSHOP中,工具栏最下面一个. PHOTOSHOP里跳转进入. )
第一帧显示的是图层3,复制当前帧,图层2显示,图层3不显示.(这就是新建的第二帧).如图6所示
有朋友询问找不到动画窗口,可以这样噢~IMAGEREADY里面,菜单栏----窗口,找到"动画"字样,前面打勾,
复制当前帧,看下图,有个复制当前帧按钮,点一下即可.
有人问第一帧是什么:请您看下图.这就是第一帧.但具体第一帧是什么图片,就要看您的选择.



                     &nb

sp;                                       (图6)
8.继续上面的“复制当前帧”、再关闭一个图层的可视性,将我们在PS里粘贴的图片全部做成动画帧。
现在可以点"动画"窗口中的"播放/停止"键来预览效果噢~ 如果觉得动画闪的太快,可以调整每一帧的时间.
9.在[菜单栏]中选择"文件"---"将优化结果存储为"
在弹出的对话框中,将文件保存为logo.jpg


动态的店标就这样制作完成


标签:网店装修淘宝网店装修教程大全,淘宝网店装修网上开店 - 网店装修