中职《Photoshop CS5经典项目教程》-项目二十五课件电子教案

1、(中职）Photoshop CS5经典项目教程-项目二十五ppt课件电子教案项目二十五我也开网店项目描述 网店，作为一种电子商务的形式，是一种能让访问者直观地了解商品并进行实际购买支付的网站。时下，开设网店已不再是一种潮流，但是能对自己的网店进行个性装修的网店店主，却是少之又少。很多浏览者在第一次浏览一家网店的时候，往往是被其装饰所吸引，进而去进一步了解其中的商品。网店装修分为很多形式，本项目挑选了网店装修中最主要的两个模块进行介绍，分别是电子商务网站横幅设计和电子商务产品海报设计。这两个案例非常贴合现实，并且能使读者进一步了解网店装修的技巧与方法。能力目标 通过海报设计的项目制作学习，可以掌

2、握几种工具在PHOTOSHOP中的综合应用：1、移动工具；2、矩形选框工具；3、横排文字工具；4、直线工具；5、自由钢笔工具；6、减淡工具；7、椭圆选框工具；8、画笔工具；9、色彩平衡、蒙版和曲线调整工具等。任务一 电子商务网站横幅设计任务二 电子商务产品图片设计项目实训 网店装修你也行任务一 电子商务网站横幅设计任务描述： 本任务中我们要制作的是电子商务网站横幅设计，该任务以MP3为素材，设计一个推广MP3的网站横幅。在网站横幅的设计中，一定要凸显出商品的外观、特性，这就需要一定的排版能力与审美能力。首先，MP3的位置一定要显眼，所谓的显眼就是不能占据整个篇幅，但是却要显著。其次，在适当的位

3、置插入描述产品的文字，文字不可太冗长，简单明了，能显现出产品的特性即可。本例主要是要体现一个清新明快的风格，因此选用一个富有春天气息的背景，同时，整个色彩的搭配都是比较明快、活泼的。最后，再对文字做一点变形，使其整个风格更可爱。任务一 电子商务网站横幅设计任务分析： 电子商务网站横幅设计效果如图6-1所示，主要凸显出MP3产品的特性，通过标题和简单的文字显示出产品的信息，既简单，又不失重要性。 图6-1 电子商务网站横幅设计效果图相关知识与技能：1、网站横幅的图片的分辨率要设置成72，因为显示屏的最大分辨率是72。2如果网站图片的分辨率过高，在网速相同的情况下，这样的图片就会比分辨率低的图片显

4、示得慢一些，使观者失去兴趣。海报、传单、宣传册等的分辨率一般都设置成300。任务一 电子商务网站横幅设计拓展与提高：1.图象分辨率 图象分辨率（ImageResolution）指图象中存储的信息量。这种分辨率有多种衡量方法，典型的是以每英寸的像素数（PPI，pixel per inch）来衡量；当然也有以每厘米的像素数（PPC，pixel per centimeter）来衡量的。图像分辨率决定了图像输出的质量，而图象分辨率和图象尺寸(高宽)的值一起决定文件的大小，且该值越大图形文件所占用的磁盘空间也就越多。图象分辨率以比例关系影响着文件的大小， 即文件大小与其图象分辨率的平方成正比。如果保持图

5、象尺寸不变，将图象分辨率提高一倍，则其文件大小增大为原来的四倍。任务一 电子商务网站横幅设计2.显示屏的分辨率 显示屏的分辨率为80DPI，是指在显示器的有效显示范围内，显示器的显像设备可以在每英寸荧光屏上产生80个光点。举个例子来说，一台14英寸的显示器（荧光屏对角线长度为14英寸），其点距为0.28mm，那么：显示器分辨率=25.3995mm/inch0.28mm/Dot90DPI（1inch=25.3995mm）。显示器出厂时一般并不标出表征显示器分辨率的DPI值，只给出点距，我们根据上述公式即可算出显示器的分辨率。根据我们算出的DPI值，我们进而可以推算出显示器可支持的最高显示模式。假

6、设该14英寸显示器荧光屏有效显示范围的对角线长度为11.5英寸，因显示器的水平方向和垂直方向的显示比例为4：3，故可设有效显示范围水平宽度为4x 英寸，垂直高度为3x 英寸，根据数学上的勾股定理，可得x=11.55=2.3英寸。所以有效显示范围宽度为2.34=9.2英寸，垂直高度为2.33=6.8英寸。最高显示模式约为：800（9.290）600（6.890），这时是用一个点（Dot）表示一个像素（pixel）。 任务一 电子商务网站横幅设计思考与练习：1.文字变形有哪些形式？对横幅中的文字进行各种其他形式的变形。2.除了直线工具，了解一下矩形工具、圆角矩形工具、椭圆工具、多边形工具、自定形状

7、工具的使用，实际操作一下。任务一 电子商务网站横幅设计任务描述： 本任务是设计一个电子商务图片设计，也可以称之为是电子商务的产品销售图片，同样，这也是电子商务网站中必不可少的一部分，产品图片是给购买者的第一印象，直接影响着顾客的购买欲望。本例中，选用了香水作为例子，详细的购买信息，结合产品的图片，使购买者一目了然。同时，颜色的搭配，也是电子商务产品图片设计中一个很重要的部分。通过制作这个案例，能使读者掌握电子商务产品图片设计的方法。 任务二 电子商务产品图片设计任务分析： 电子商务产品图片设计效果如图6-12所示，主要体现出了商品“香水”的购买信息，简单明了，一目了然。 图6-12 电子商务产

8、品图片设计效果图任务二 电子商务产品图片设计相关知识与技能：1.自由钢笔工具的使用分为两种：一种是自由钢笔工具，另一种是磁性钢笔工具。“自由钢笔工具”用起来随意性比较大，可以进行随意绘制，类似于套索工具。2.选择“自由钢笔工具”后，在选项栏中勾选“磁性的”，就会变成“磁性钢笔工具”。3.“磁性钢笔工具”与“磁性套索工具”有所类似，但是“磁性钢笔工具”创建的是路径，而“磁性套索工具”创建的是选区。任务二 电子商务产品图片设计拓展与提高：1.描边形式选区描边： 不论图层是不是空白都可以，但必须是普通图层，不能是调整层之类。在选区的周围描边，方便网页切图。路径描边：和选区描边类似，沿路径描边。图层样

9、式描边： 图层样式的描边在空图层上是可以进行，但是没有效果，设置后必须图层上有有效像素才能有效果看到，方便修改控制。 选区描边和路径描边是根据你的选区边缘或路径来做描边的，图层样式描边是给你图层上的有效像素描边。任务二 电子商务产品图片设计2.描边方法（1）选区描边 选区工具选择一个区域，然后依次“菜单-编辑-描边”（编辑菜单下的描边在空图层上是无法进行的），或者直接右键选择描边； （2）路径描边 用钢笔画好路径后，用画笔描边路径。在工具栏里先选好要描边的颜色，画笔笔触等。 （3）图层样式描边 在添加图层样式里，就是在图层工作区的最下面，顺带提一下图片不解锁，无法添加图层样式，直到你在图层上添

10、加了图形后才有效果。任务二 电子商务产品图片设计思考与练习：1、渐变工具中有哪些渐变形式？2、“抠图”的方式有哪些？选择一个边缘比较复杂的图形，对其进行抠图。任务二 电子商务产品图片设计 根据文件夹提供的素材设计一个关于“手机卖场网站”的横幅。项目实训 网店装修你也行项目描述： “手机卖场网站”的横幅是位于手机卖场网站上方的一个横幅广告，它是访问者进入网站的第一印象。网站横幅是一个电子商务网站中比不可少的元素，也是网络产品推广的必要手段。它处于一个最醒目的地方，因此，网站横幅的设计对于整个网站来说非常重要，可以说，网站横幅诠释了整个网站的精华元素在其中。项目实训 网店装修你也行项目要求： 要求网站横幅的背景要鲜明、跳跃，吸引人的眼球，同时，要让人看了横幅之后，了解这个网站主营的产品是哪一类的。就以本项目实训“手机卖场网站横幅”为例，一定要在横幅上体现出要推广的产品类别，产品图片要突出，文字尽量精简，让