第四章--公告栏设计.docxVIP

技工学校文化理论课教案

科目

网店美工

第四章公告栏设计

授课

日期

课时

4

班级

授课方式

讲、练结合

作业

题数

1

拟用时间

90分钟

教学目的

1.了解公告栏的类型。

2.了解公告栏设计及排版。

3.学会使用公告栏设计的相关工具。

选

用

教

具

挂

图

网络教室

电子教鞭

重

点

1.了解公告栏设计及排版。

2.学会使用公告栏设计的相关工具。

难

点

使用公告栏设计的相关工。

教学回顾

前面学习了如何设计店招。

说明

其中讲授90分钟，练习90分钟。

教学过程

时间

分配

教学过程

教学

方法

教学手段

5分钟

10分钟

[新课引入]：

公告栏是用于张贴公布公文、告示、启示等提示性内容的展示用品。网上店铺公告栏则是起到向买家展示店铺重要信息的作用。今天的课程我们就来学习如何去设计一个公告栏。

[新课内容]：

一、公告栏的类型

1.简洁型公告。

2.消息型公告栏。

复习回顾

讲练结合

教师使

用网络

教室的

“屏幕

广播”

功能进

行课件

和讲解。

教学过程

时间

分配

教学过程

教学

方法

教学手段

10分钟

二、公告栏设计及排版

在网店销售中。店铺公告栏是介绍店铺很重要的地方，公告也是顾客了解新人店铺的窗口，通常用来显示店铺的动态信息、商品促销信息以及服务信息等。

三、公告栏设计的相关工具

1.文字编辑工具。

2.段落”调板。

讲练结合

教师使

用网络

教室的

“屏幕

广播”

功能进

行课件

和讲解。

教学过程

时间

分配

教学过程

教学

方法

教学手段

30分钟

35分钟

[技能训练]：

一、制作简洁型公告栏

1.新建一个190像素×260像素的文件，填入与店铺风格一致的底色，此处选择黑色。

2.打开素材图，将小女孩素材拷贝到新建文件中，并调整其大小至相应位置。

3.选择“自定义形状工具”，载入“边框形状”，从小女孩素材的裙子上拾取颜色，选择喜欢的边框样式，绘制边框。

4.从“自定义形状工具”中，找到喜欢的装饰图形，点缀画面，输入公告栏文字，并进行排版。

二、制作消息型公告栏

1.新建一个750像素×450像素的文件，填充“蓝色”。

2.利用“椭圆选框工具”，绘制背景选区，并填充“白色”。

3.利用矩形选框工具绘制矩形，并填充蓝色，制作文字背景，设置图层样式描边参数。外发光参数，摄影参数，设置完成后效果。

4.输入公告文字，并对文字进行排版及图层样式设置。

5.打开素材图片，拖入人物及化妆品素材，调整大小并放置于合适位置，可适当调节素材颜色，统一画面风格。

6.利用自定义形状中的装饰图形，点缀画面。

三、制作复杂公告栏

1.制作自定义画笔：新建一个50像素×25像素的透明文档，利用圆角矩形工具，圆角半径为10像素，绘制一个黑色圆形矩形。

讲练结合

教师使

用网络

教室的

“屏幕

广播”

功能进

行课件

和讲解。

教学过程

时间

分配

教学过程

教学

方法

教学手段

90分钟

2.单击菜单“编辑”→“自定义画笔预设”，完成自定义画笔。

3.新建一个750像素×450像素的文件。

4.打开条纹素材，将素材拖入新建文件，按组合键Ctrl+T调整到适配画布的大小，并适当调色。

5.新建图层，绘制矩形色带，绘制虚线装饰条。

6.复制矩形色带图层，设置色相/饱和度调色，移动至图片下方。

7.新建图层，绘制圆形背景，填色，图层样式，白色描边；按住Ctrl键单击图层缩略图，载入圆形选区，收缩选区，变换选区为路径，调整画笔预设如图（画笔笔尖形状：硬边圆头，大小“5像素”，间距“10%”；双重画笔：硬变圆头，大小“20像素”，间距“150%”，其余参数不变，）路径描边。

8.输入公告标题和公告文字，排版公告文字，文字描白边；栅格化公告标题文字，变换选择文字。

9.打开人物素材，将人物拖入文件，调整大小放置到合适位置，完成公告制作。

[作业]：

完成技能训练中复杂公告栏。

[小结]：

1.公告栏的类型。

2.公告栏设计及排版。

3.使用公告栏设计的相关工具。

讲练结合

讲述

总结

教师使

用网络

教室的

“屏幕

广播”

功能进

行课件

和讲解。