平面设计
信息技术闽教版 八年级上
活动背景
平面设计是将不同的基本图形或图像按照一定的规则在平面上组合成平面图案作品,它广泛应用于各种设计活动中,如书籍封面设计、产品包装设计、宣传海报设计、网站Logo设计及企业形象设计等。
当你徜徉海边、沐浴天风、倾听海涛时,是否曾因五彩斑斓的贝壳而驻足不前,甚而俯身拾取、赏玩?平面设计作品就是广袤无垠的信息海洋中美丽的贝壳,以其独特的创意及唯美的设计震撼人的心灵,给人以美的享受。
活动目标
2. 亲历平面设计的创作过程。
1. 了解平面设计的一般流程
3. 综合应用 Photoshop进行平面设计。
A
任务一：赏析平面设计作品
优秀的平面设计作品往往是创意及美感的完美结合,图形创意能打动人,色彩品位能打动人,画面构图能打动人,材料质地也能打动人。作品在发挥观赏功能时,通常以软性感化方式同化社会大众的意念。
探究活动
活动主题：禁烟广告平面设计作品赏析
吸烟有害健康,然而多数吸烟者对此已经麻木,作品设计师打破常规思维,从集腋成裘的角度以夸张的手法劝说人们戒烟。审丑的画面不着痕迹地合成了扭曲的小轿车及点燃的香烟,小轿车华丽的色彩、流畅的线条、细腻的质感及烟草燃烧时红色的火光、白色的烟雾、灰黑的残骸,无不吸引着人们的眼球。文字“Do you know how much youreally spend on cigarettes?(你真的知道你在香烟上花了多少钱吗?)”虽朴实无华,却在无形中撼动着吸烟者的心。
A
任务二：了解平面设
计的一般流程
平面设计通常指作品的制作过程及最后完成的作品。想设计出优秀的平面设计作品,应先了解平面设计的一般流程。
活动主题:了解平面设计的一般流程
平面设计一般要经历构思立意、收集素材、绘制草图、电脑辅助制作等步骤。
构思立意
01
创新思维是艺术创作的灵魂,因此构思立意是设计的第一步,好的创意能更好地实现以图说话,以视觉传神。
如图所示的三个标志,第一个是完整的苹果,有果、叶和柄;第二个,在第一个标志的基础上减去了一片叶和柄,突出了果;而第个,则是苹果公司现在用的标志,它是IT业中很成功的标志之简洁、可爱,被咬掉一口的效果,更凸现出苹果公司独特的文化理念及年轻的气质。
收集素材
02
平面设计处理的对象通常是数字化的图像,因此收集素材的过程主要是获取数字化图像。
我们可以通过网络下载、 Printscreen键截图、 Snaglt软件抓图、数码相机采集等方式获取数字化图像,也可以直接利用鼠标绘制简单的数字化图像,更专业点,还可以利用数位板(如图所示)配合相应的画图软件描绘轻重浓淡变化的数字化图像。
绘制草图
03
绘制草图是将构思的意象通过纸笔描画出来。设计师可以调动文字、色彩、图形等视觉元素,选择对比夸张、对称等表现手法绘制草图。
主要分两步:第一,为自己的构想画出草图,大体设定图像与文字的相关位置,烘托出整体的风格;第二,以草图为基础,制作出彩色样稿,如图所示是一份请柬的设计草图。
电脑辅助制作
04
常用的平面设计软件有 Photoshop、 Coreldraw等。可以借助平面计软件,依据绘制的草图制作出相应的平面设计作品。
A
任务三：实践平面设计
海西中学启动了“助学红十字博爱超市”活动,对稳定贫困生学习情绪,帮助学生树立自立自强、互助共济、勤奋学习的良好风尚具有重要意义。为方便交易,他们设计了爱心券:
活动主题:
制作博爱超市
爱心券的正面
A
01
启动图像处理软件 Adobe photoshop
03
制作背景层。将“前景色”设置成黄色,用“油漆桶”工具填充颜色。
02
新建文件。执行“文件”→“新建”命令,打开新建”对话框,并设置相关参数,如图：
0４
制作爱心图层。打开“爱心．ｊｐｇ”文件,将爱心图形置入当前文件,适当变换、调整位置,设置图层的填充属性：
0６
添加文字说明图层。打开“文字说明．ｊｐｇ”文件,将说明文字置入当前文件,添加图层样式为“外发光”。
0５
制作卡通女孩图层。打开“卡通女孩．ｊｐｇ”文件,将卡通女孩图形置入当前文件,添加图层样式为“外发光”。
0７
制作爱心券左下角的文字图层。选择横排文字工具,设置字体、字号、颜色,输入文字“海西中学团委学生会”,调整位置,添加图层样式为“外发光＂。
0９
以“爱心券正面．ｐｓｄ”为文件名保存文件。
0８
制作爱心券右下角的文字图层。选择横排文字工具,设置字体、字号、颜色,输入文字“本券使用有效时间友情提示: 年 月 日止请在有效时间内使用，逾期作废＂。
创新活动
以设计草图为基础，借助ｐｈｏｔｏｓｈｏｐ软件,完成以“故乡”为主题的平面设计作品。
A
任务四：初识路径
路径是用钢笔、自由钢笔、形状等工具绘制出来的线条或形状,主要用于绘制线条平滑的图形,建立复杂的选区。
形状工具组主要包括矩形、圆角矩形、椭圆、多边形、直线、自定形状等六个矢量绘图工具,如图所示。其中,“自定形状工具”是 Photoshop内设的非几何形状图形。用户可以直接套用这些图形,也可以自己创建矢量图像放于形状列表中。
活动主题一:
用形状工具绘
制心形路径
A
01
启动图像处理软件 Adobe photoshop
03
选择形状工具组中的“自定形状工具”,设置相关属性,如图：
02
新建文件。执行“文件”→“新建”命令,打开新建”对话框,并设置相关参数,如图：
路径
自定形状工具
选择红桃
0４
绘制心形,如图：
0５
编辑心形路径。以“形状工具绘制路径”为文件名保存文件。
应用形状工具绘制的路径如果需要修改,可以应用路径选择、直接选择、转换点、添加锚点、删除锚点等路径工具来完成。
现在我们来删除心形的两个错点,并调整一下方向线,如图：
删除锚点工具
锚点标志
１.删除锚点前
2.删除锚点后
3.调节方向线
应用“直接选择工具”调节方向线
也可以直接应用“钢笔”工具绘制心形路径,如图1：
1
用“钢笔”工具绘制路径时,鼠标单击,可以绘制出直线路径,单击后拖动,则可以绘制出曲线路径;按Ctrl键可暂时转为“直接选择工具”,能直接移动锚点;按A键,可暂时转为“转换点工具”,能独立调节方向线
2
单击并拖动，确定起点
单击并拖动，确定锚点2
单击并拖动，
确定锚点3
单击并拖动，
确定锚点4
按住alt键，
拖动方向线，
调整路径去向
按住alt键，
单击起点并拖动
活动主题二:
用“画笔”工具
给爱心上色
A
01
将路径作为选区载入。切换到路径面板,选择目标路径,单击右侧的三角形按钮,执行菜单中的“建立选区”命令,如图1：
02
在打开的“建立选区”对话框中设置羽化属性,如图2：
单击右侧的三角形按钮
03
设置“前景色”为粉红色,选择“画笔”工具,设置“画笔”的相应属性,如图1所示,对心形选区进行上色,最终效果如图2：
设置主直径
设置“模式”
设置“不
透明度”
创新活动
应用路径工具,绘制一个标志图形,这个标志图形可以是现成的,也可以是自己设计的
A
知识窗
平面设计常识
B
A
2.明暗的对比
1.大小的对比
大小关系为造型要素中最受重视的一项,几乎可以决定意象与调和的关系。大小差别小,让人感觉沉着温和;大小差别大,则让人感觉鲜明且具有强力感。
阴与阳、正与反、昼与夜等的对比,可使人感觉到明暗关系。初生的婴儿,最初在视觉上只能分出明暗,而牛、狗等动物虽能简单识别黑白,可是,对彩度或色相却无法轻易识别。可见,明暗乃是色感中最基本的要素。
B
A
4.位置的对比
3.曲线和直线的对比
曲线柔和、缓和,直线则坚硬、锐利,极具男性气概。自然界皆由这两者适当混合。当我们用曲线或直线强调某形状时,为了加深曲线印象,常以一些直线来强调。
在画面两侧放置某种物体,不但可以强调,同时也可以产生对比。画面的上下、左右和对角线上的四隅皆有潜在性的力点,而在此力点处配置照片、大标题或标志、记号等,便可显出隐藏的力量。因此在相应位置上,放置鲜明的造型要素,可显出对比关系,并产生具有紧凑感的画面。
B
A
6.动与静的对比
5.主与从的对比
版面设计也和舞台设计一样,主角与配角的关系很清楚时,观众的心理会安定下来。如果两者的关系模糊,会令人无所适从。版面中若能清楚表现出何为主角,便能使读者更好地了解版面内容。
扩散或流动的形状即为“动”;水平或垂直性强化的形状则为“静”。将这两者配置于相对之处，而以动部分占大面积，静部分占小面积，并在周边留出适当的空白以强调其独立性。
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
