《(中职)《Photoshop CS5经典项目教程》--项目二十五课件电子教案.ppt》由会员分享,可在线阅读,更多相关《(中职)《Photoshop CS5经典项目教程》--项目二十五课件电子教案.ppt(21页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、(中职)Photoshop CS5经典项目教程-项目二十五ppt课件电子教案项目二十五我也开网店项目描述项目描述 网店,作为一种电子商务的形式,是一种能让访问者直观地了解商品并进行实际购买支付的网站。时下,开设网店已不再是一种潮流,但是能对自己的网店进行个性装修的网店店主,却是少之又少。很多浏览者在第一次浏览一家网店的时候,往往是被其装饰所吸引,进而去进一步了解其中的商品。网店装修分为很多形式,本项目挑选了网店装修中最主要的两个模块进行介绍,分别是电子商务网站横幅设计和电子商务产品海报设计。这两个案例非常贴合现实,并且能使读者进一步了解网店装修的技巧与方法。能力目标能力目标 通过海报设计的项目
2、制作学习,可以掌握几种工具在PHOTOSHOP中的综合应用:1、移动工具;2、矩形选框工具;3、横排文字工具;4、直线工具;5、自由钢笔工具;6、减淡工具;7、椭圆选框工具;8、画笔工具;9、色彩平衡、蒙版和曲线调整工具等。任务一任务一 电子商务网站横幅设计电子商务网站横幅设计任务二任务二 电子商务产品图片设计电子商务产品图片设计项目实训项目实训 网店装修你也行网店装修你也行任务一任务一 电子商务网站横幅设计电子商务网站横幅设计任务描述:任务描述:本任务中我们要制作的是电子商务网站横幅设计,该任务以MP3为素材,设计一个推广MP3的网站横幅。在网站横幅的设计中,一定要凸显出商品的外观、特性,这
3、就需要一定的排版能力与审美能力。首先,MP3的位置一定要显眼,所谓的显眼就是不能占据整个篇幅,但是却要显著。其次,在适当的位置插入描述产品的文字,文字不可太冗长,简单明了,能显现出产品的特性即可。本例主要是要体现一个清新明快的风格,因此选用一个富有春天气息的背景,同时,整个色彩的搭配都是比较明快、活泼的。最后,再对文字做一点变形,使其整个风格更可爱。任务一任务一 电子商务网站横幅设计电子商务网站横幅设计任务分析:任务分析:电子商务网站横幅设计效果如图6-1所示,主要凸显出MP3产品的特性,通过标题和简单的文字显示出产品的信息,既简单,又不失重要性。图6-1 电子商务网站横幅设计效果图相关知识与
4、技能相关知识与技能:1、网站横幅的图片的分辨率要设置成72,因为显示屏的最大分辨率是72。2如果网站图片的分辨率过高,在网速相同的情况下,这样的图片就会比分辨率低的图片显示得慢一些,使观者失去兴趣。海报、传单、宣传册等的分辨率一般都设置成300。任务一任务一 电子商务网站横幅设计电子商务网站横幅设计拓展与提高拓展与提高:1.图象分辨率图象分辨率 图象分辨率(ImageResolution)指图象中存储的信息量。这种分辨率有多种衡量方法,典型的是以每英寸的像素数(PPI,pixel per inch)来衡量;当然也有以每厘米的像素数(PPC,pixel per centimeter)来衡量的。图
5、像分辨率决定了图像输出的质量,而图象分辨率和图象尺寸(高宽)的值一起决定文件的大小,且该值越大图形文件所占用的磁盘空间也就越多。图象分辨率以比例关系影响着文件的大小,即文件大小与其图象分辨率的平方成正比。如果保持图象尺寸不变,将图象分辨率提高一倍,则其文件大小增大为原来的四倍。任务一任务一 电子商务网站横幅设计电子商务网站横幅设计2.显示屏的分辨率显示屏的分辨率 显示屏的分辨率为80DPI,是指在显示器的有效显示范围内,显示器的显像设备可以在每英寸荧光屏上产生80个光点。举个例子来说,一台14英寸的显示器(荧光屏对角线长度为14英寸),其点距为0.28mm,那么:显示器分辨率=25.3995m
6、m/inch0.28mm/Dot90DPI(1inch=25.3995mm)。显示器出厂时一般并不标出表征显示器分辨率的DPI值,只给出点距,我们根据上述公式即可算出显示器的分辨率。根据我们算出的DPI值,我们进而可以推算出显示器可支持的最高显示模式。假设该14英寸显示器荧光屏有效显示范围的对角线长度为11.5英寸,因显示器的水平方向和垂直方向的显示比例为4:3,故可设有效显示范围水平宽度为4x 英寸,垂直高度为3x 英寸,根据数学上的勾股定理,可得x=11.55=2.3英寸。所以有效显示范围宽度为2.34=9.2英寸,垂直高度为2.33=6.8英寸。最高显示模式约为:800(9.290)60
7、0(6.890),这时是用一个点(Dot)表示一个像素(pixel)。任务一任务一 电子商务网站横幅设计电子商务网站横幅设计思考与练习思考与练习:1.文字变形有哪些形式?对横幅中的文字进行各种其他形式的变形。2.除了直线工具,了解一下矩形工具、圆角矩形工具、椭圆工具、多边形工具、自定形状工具的使用,实际操作一下。任务一任务一 电子商务网站横幅设计电子商务网站横幅设计任务描述任务描述:本任务是设计一个电子商务图片设计,也可以称之为是电子商务的产品销售图片,同样,这也是电子商务网站中必不可少的一部分,产品图片是给购买者的第一印象,直接影响着顾客的购买欲望。本例中,选用了香水作为例子,详细的购买信息
8、,结合产品的图片,使购买者一目了然。同时,颜色的搭配,也是电子商务产品图片设计中一个很重要的部分。通过制作这个案例,能使读者掌握电子商务产品图片设计的方法。任务二任务二 电子商务产品图片设计电子商务产品图片设计任务分析任务分析:电子商务产品图片设计效果如图6-12所示,主要体现出了商品“香水”的购买信息,简单明了,一目了然。图6-12 电子商务产品图片设计效果图任务二任务二 电子商务产品图片设计电子商务产品图片设计相关知识与技能相关知识与技能:1.自由钢笔工具的使用分为两种:一种是自由钢笔工具,另一种是磁性钢笔工具。“自由钢笔工具”用起来随意性比较大,可以进行随意绘制,类似于套索工具。2.选择
9、“自由钢笔工具”后,在选项栏中勾选“磁性的”,就会变成“磁性钢笔工具”。3.“磁性钢笔工具”与“磁性套索工具”有所类似,但是“磁性钢笔工具”创建的是路径,而“磁性套索工具”创建的是选区。任务二任务二 电子商务产品图片设计电子商务产品图片设计拓展与提高拓展与提高:1.描边形式描边形式选区描边:不论图层是不是空白都可以,但必须是普通图层,不能是调整层之类。在选区的周围描边,方便网页切图。路径描边:和选区描边类似,沿路径描边。图层样式描边:图层样式的描边在空图层上是可以进行,但是没有效果,设置后必须图层上有有效像素才能有效果看到,方便修改控制。选区描边和路径描边是根据你的选区边缘或路径来做描边的,图
10、层样式描边是给你图层上的有效像素描边。任务二任务二 电子商务产品图片设计电子商务产品图片设计2.描边方法描边方法(1)选区描边 选区工具选择一个区域,然后依次“菜单-编辑-描边”(编辑菜单下的描边在空图层上是无法进行的),或者直接右键选择描边;(2)路径描边 用钢笔画好路径后,用画笔描边路径。在工具栏里先选好要描边的颜色,画笔笔触等。(3)图层样式描边 在添加图层样式里,就是在图层工作区的最下面,顺带提一下图片不解锁,无法添加图层样式,直到你在图层上添加了图形后才有效果。任务二任务二 电子商务产品图片设计电子商务产品图片设计思考与练习思考与练习:1、渐变工具中有哪些渐变形式?2、“抠图”的方式
11、有哪些?选择一个边缘比较复杂的图形,对其进行抠图。任务二任务二 电子商务产品图片设计电子商务产品图片设计 根据文件夹提供的素材设计一个关于“手机卖场网站”的横幅。项目实训项目实训 网店装修你也行网店装修你也行项目描述项目描述:“手机卖场网站”的横幅是位于手机卖场网站上方的一个横幅广告,它是访问者进入网站的第一印象。网站横幅是一个电子商务网站中比不可少的元素,也是网络产品推广的必要手段。它处于一个最醒目的地方,因此,网站横幅的设计对于整个网站来说非常重要,可以说,网站横幅诠释了整个网站的精华元素在其中。项目实训项目实训 网店装修你也行网店装修你也行项目要求项目要求:要求网站横幅的背景要鲜明、跳跃,吸引人的眼球,同时,要让人看了横幅之后,了解这个网站主营的产品是哪一类的。就以本项目实训“手机卖场网站横幅”为例,一定要在横幅上体现出要推广的产品类别,产品图片要突出,文字尽量精简,让人一目了然,不能太冗长。颜色搭配要和谐,吸引人的同时不能刺眼。项目实训项目实训 网店装修你也行网店装修你也行项目提示项目提示:先选择一个能搭配素材的背景颜色,注意颜色的搭配要符合大众审美眼光。插入图片时要注意位置的选择,体现出素材的主要性。可对素材周边进行一定的修饰,突出素材。选择朗朗上口的广告语过标题,注意要精简,不得长篇大幅。项目实训项目实训 网店装修你也行网店装修你也行