大学课程《电子商务网页图片制作》PPT教学课件:项目二店标设计.ppt
- 文档编号:17402589
- 上传时间:2023-07-25
- 格式:PPT
- 页数:24
- 大小:1.78MB
大学课程《电子商务网页图片制作》PPT教学课件:项目二店标设计.ppt
《大学课程《电子商务网页图片制作》PPT教学课件:项目二店标设计.ppt》由会员分享,可在线阅读,更多相关《大学课程《电子商务网页图片制作》PPT教学课件:项目二店标设计.ppt(24页珍藏版)》请在冰点文库上搜索。
,江苏省常州技师学院商贸旅游系,电子商务网页图片,项目二店标设计,项目二店标设计,任务一静态店标,任务二动态店标,任务描述动态店标,是属于店铺的鲜明的标志,一个好的店标可以吸引买家的眼球,还可以展现所卖的产品,在论坛发帖时,也可以起到宣传店铺的作用。
Photoshop不仅可以处理图像,还可以设计简单的动画,使静态的图像动起来。
本任务主要目的是介绍如何创建和编辑动画的方法、动态店标的制作实例和Gif动画存储的方法。
任务一静态店标,预备知识一、标尺,参考线,网格
(一)标尺
(1)使用菜单打开:
单击菜单栏中的【视图】【标尺】,即可打开photoshop的标尺栏。
(2)使用快捷键打开:
【Ctrl+R】组合键打开标尺栏,任务一静态店标,
(二)参考线在使用photoshop作图时我们会经常需要使用参考线,而photoshop在默认情况下是不显示参考线的,这就需要我们自己来设置参考线,让它显示出来。
打开我们所需要处理的图片。
使用【Ctrl+R】键打开标尺。
将鼠标放置标尺栏,按住鼠标左键向下拖动,参考线随着鼠标向下移动,将参考线移动到指定位置,松开鼠标左键,可以完成横向参考线的添加。
同步骤3的方法,完成纵向参考线的添加,任务一静态店标,(三)网格网格可以用来平均分配空间,可以设置间距,方便度量和排列很多的图片,当出现很多小的商品图片,你需要平均分配他们的间距并且对齐他们时,网格会带来很大的方便。
打开网格:
单击菜单栏中的【视图】【显示】【网格】。
隐藏网格:
再次单击菜单栏中的【视图】【显示】【网格】,或者使用快捷键【Ctrl+H】编辑网格:
单击菜单栏中的【编辑】【首选项】【参考线,网格,切片和计数】。
任务一静态店标,二、图形Photoshop有着强大的图形绘制功能,利用图形绘制功能可以绘制出精美的商铺店标logo,可以结合文字等工具制作出独具一格的静态店标。
1、【矩形工具】可以用来绘制矩形或者正方形;2、【圆角矩形工具】可以用来绘制具有平滑边缘的矩形;3、【椭圆工具】可以用来绘制椭圆或正圆形;4、【多边形工具】可以用来绘制正多边形;5、【直线工具】可以用来绘制直线或带有箭头的线段;6、【自定义形状工具】可以用来绘制一些自定义的图形。
任务一静态店标,三、文字变形Photoshop中利用文字变形可以制作多种文字效果,可以为店铺的店标增加视觉效果。
变形选项使用【横排文字工具】输入文字,工具选项栏中选择【创建文字变形】按钮,打开【变形文字】对话框文字绕路径文字绕路径可以很轻松的使文字跟随路径的形状形成文字图形。
使用【钢笔工具】绘制出路径,选择【横排文字工具】在路径上单击并输入文字即可。
任务一静态店标,实训内容实训1:
绘制店标实训2:
添加店铺名称,任务一静态店标,技能拓展任务一:
运用所学的知识完成如下所示效果。
任务二:
运用所学知识,创作设计一个以“儿童”为主题的店标logo。
任务一静态店标,任务描述动态店标,是属于店铺的鲜明的标志,一个好的店标可以吸引买家的眼球,还可以展现所卖的产品,在论坛发帖时,也可以起到宣传店铺的作用。
Photoshop不仅可以处理图像,还可以设计简单的动画,使静态的图像动起来。
本任务主要目的是介绍如何创建和编辑动画的方法、动态店标的制作实例和Gif动画存储的方法。
任务二动态店标,预备知识一、创建“动画”在Photoshop软件,提供了两个“动画”控制面板,一个为“帧动画模式”面板,另一个为“时间轴动画模式”面板,帧动画模式面板进行动画创建时,比较直观,对没有太多动画制作经验,也比较容易掌握。
任务二动态店标,二、帧动画模式面板,任务二动态店标,帧动画模式面板是通过复制帧来创建出一幅幅图像,然后通过调整图层内容,来设置每一幅图像的画面,将这些画面连续播放就形成了动画。
(一)、新建关键帧在Photoshop软件中,使用帧动画模式面板进行动画创建时,主要的方法就是创建关键帧并填补“过渡动画帧”。
创建关键帧时,可以执行如下操作:
1调出帧动画面板,单击该面板右上角的下拉菜单按钮,在弹出的菜单中选择“新建帧”,创建一个新的关键帧。
2调出帧动画面板,单击该面板中的“复制关键帧”按钮,将创建一个新的关键帧。
任务二动态店标,
(二)、创建过渡动画帧过渡动画帧的基本原理是:
设定好某段运动的起始帧和结束帧,然后在这两帧种产生平均的过渡。
如果是物体的移动,则就是先设定好移动起点帧和终点帧。
可执行如下操作:
任务二动态店标,1打开“帧动画面板”选中要添加“过渡动画帧”的“关键帧”。
2单击创建“过渡动画帧”按钮,在弹出的对话框中设置3在“过渡方式”下拉列表中可选择“上一帧”或“下一帧”选项。
4“要添加的帧数”就是指过渡过程所将占用的帧数。
5图层的选项中,如果只有一个图层(背景层未有变化)在参与动画,图层选项中任何一个都是可以的。
但不选择背景层的话会形成成透明背景。
6在“参数”选区中勾选相应的选项,将过渡相应的属性效果。
7设置完毕后,单击确定按钮,创建过渡动画帧,任务二动态店标,三、时间轴动画模式,任务二动态店标,三、时间轴动画模式,任务二动态店标,四、保存Web图像1.执行“文件”/“存储为Web和设备所用的格式”命令,或快捷键Ctrl+Shift+Alt+S.2.在弹出的对话框如图所示,为网页保存和优化图片的设置。
任务二动态店标,
(二)设置Gif动画格式输出当制作动态店标时,在“存储为Web和设备所用格式”对话框中必须选中Gif格式,这样底部的动画区域将高亮显示。
在循环选项下拉列表中可以设置动画的循环次数。
1.一次:
选中该选项,动画只播放一次,并停止在最后一帧画面。
2.永远:
选中该选项,动画将一直循环播放。
一般动态店标使用此种方式。
3.其他:
选中该选项,将弹出设置对话框如图所示,可设置动画播放的次数。
任务二动态店标,实训内容实训1:
制作动态店标帧动画模式实训2:
制作动态店标时间轴动画模式,任务二动态店标,技能拓展任务一:
制作动态店标,任务二动态店标,项目小结本项目主要介绍了静态店标和动态店标的制作方法,主要传授了Photoshop钢笔工具和动画的使用方法,通过本项目的学习,可以掌握制作店标及Gif动画的制作方法。
项目小结,拓展1.运用所学的知识制作静态店标。
拓展2:
运用所学的知识制作动态店标,拓展训练,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务网页图片制作 大学 课程 电子商务 网页 图片 制作 PPT 教学 课件 项目 二店标 设计