平面设计项目实战（下篇共上中下3篇）

项目七策划与制作『盛世长青』楼盘宣传广项目描述随着社会经济的迅猛发展，房地产行业在市场中的地位也节节高升，逐渐成为市场中最受瞩目的行业之一。房地产营销策划随着房地产行业的发展越来越受到重视，楼盘广告策划作为整个房地产营销策划中的重要部分，主要作用是帮助企业建立品牌形象和提升品牌忠实度。在本项目中，我们通过策划与制作“盛世长青”楼盘宣传广告，学习楼盘广告的策划与制作方法。案例效果如图所示。学习目标了解楼盘宣传广告的设计流程。了解楼盘宣传广告的要点。掌握利用CorelDRAWX6和PhotoshopCS6制作楼盘宣传广告的方法和技巧。12CONTENTS任务一设计“盛世长青”标志任务二设计平面广告项目知识链接——楼盘宣传广告设计基础知识43任务三设计旗帜广告5项目实训——制作小户型房地产广告项目知识链接——楼盘宣传广告设计基础知识房地产行业的竞争越来越激烈，为了使自己的企业在市场竞争中占据有利地位，得到进一步的发展，获取更多的利润，房地产企业不惜在房地产广告上加大投资，投放大量的广告来为企业做宣传，帮助建立企业品牌形象。房地产平面广告包括路牌广告、招贴广告、宣传单、旗帜广告、车身广告等。房地产广告诉求的重点是楼盘的优点和特色，其表现的主题一般是楼盘给客户带来生活品味的提升和由此产生的自豪感、优越感等。设计师可据此确定广告的创意，进而确定广告的设计风格和形式。房地产广告的创意要新颖独特，但不能离奇古怪。失败的创意有时会给楼盘销售带来负面影响。项目设计流程与分析此流程的每个环节都很重要。而从设计师的角度分析，设计工作基本上可以分为以下环节。一、设计流程项目知识链接——楼盘宣传广告设计基础知识双方洽谈市场调研营销策划签约设计成品制版施工验收结算后期维护等一般广告公司接受地产企业广告业务的流程为:项目知识链接——楼盘宣传广告设计基础知识此阶段比较重要，公司可专门成立调研小组与客户公司进行沟通。在充分了解客户需求后，与公司自身的意见相对比，最终达成统一意见，明确项目的设计要求和项目预算。同时也可由客户指定项目的负责人，对项目进行统一管理。项目知识链接——楼盘宣传广告设计基础知识双方关于价格和订金的问题谈妥后，正式签订合同。此阶段最重要的是合同和订金，广告公司一定要在签完合同并收到订金的情况下，再着手进行设计，以免做无用功。在设计之前，设计者还要对企业概况、目标市场、消费人群、产品特征以及客户意向进行整理、分析，对设计的方向进行初步确定。项目知识链接——楼盘宣传广告设计基础知识此阶段设计者可概括地构思多种不同的设计风格，也可展示此类项目常用的风格或已被成功采用的实际案例的风格效果，供客户进行筛选。此外，还要结合具体设计风格采用的制作工艺和材料费用，尽可能在客户的项目预算内和不浪费时间、精力的情况下完成整个项目的制作。待客户选定项目风格后，设计者设计初步方案，并取得客户的认可。项目知识链接——楼盘宣传广告设计基础知识此阶段需要对设计方案进行具体制作，设计者先完成设计初稿，由客户审稿，提出修改意见后，经公司领导人员对修改意见进行分析，与客户沟通后形成最终修改方案，再对方案进行修改。此阶段需要设计师和客户保持良好地沟通，保证方案能够顺利定稿。二、设计分析项目知识链接——楼盘宣传广告设计基础知识下面以大连“盛世长青”楼盘宣传广告的策划及制作为例来分析房地产广告的形成过程。根据客户提供的信息，可以确定这是科盛房地产旗下住宅小区的品牌策划，客户将提供楼盘的外形效果图，设计者需要设计楼盘的标志、标准字以及宣传广告等方案。具体策划方案如下。项目知识链接——楼盘宣传广告设计基础知识确定一个鲜明的主题形象是推广楼盘的必要前提，主题形象要求做到个性独特，能吸引消费者的注意力，提高楼盘的知名度，刺激消费者的购买欲望。在房地产市场日趋饱和的形式下，如何突出房地产大军的重围，做到标新立异、卓尔不群？这是推广“盛世长青”楼盘需要思考的重点。“盛世长青”楼盘的主题形象设计方案如下。（一）主题形象项目知识链接——楼盘宣传广告设计基础知识在嘈杂的都市边缘，将自己置身于天地自然之中。当自然万物在每天的第一缕阳光中醒来，绿叶被晨露轻轻地抚摸着，树林中的空气透着清凉，过滤掉了心中的杂念和烦躁。身体在一瞬间仿佛化作了一缕清风，悠闲地荡漾在这无边无际的绿波中。潺潺的流水声是通向内心神往地方的引路牌，那水，那青波，宛如画卷般的意境，相约绿水，悠然自得，相伴一生。以水为景，倚林纵情，这是“盛世长青”为您营造的幽居雅苑。将水的灵动，树的魅力紧密结合，精心缔造一处绿色生态的唯美家园，以此确定本项目的推广主题为“临水之畔，自然雅苑”，以自然生态型乐居作为本项目的总体定位。项目知识链接——楼盘宣传广告设计基础知识1．都市白领一族年龄层次：25～40岁；文化程度：较高；职业范围：市直机关、事业单位、私营企业的工作人员；经济状况：中高等收入阶层，具有一定的储蓄存款；购房心理：注重生活品味，追求舒适的生活方式；购房动机：一次置业或二次置业；以上目标人群的特点：文化素质较高，注重文化内涵的体现。在考虑房屋综合品质的基础上，还考虑附加的物业管理服务、社区人群的素质及文化氛围的塑造。（二）目标客户群体项目知识链接——楼盘宣传广告设计基础知识2．高收入人群人群类别：企业高层管理人员；年龄层次：30～45岁；文化程度：较高；经济状况：经济实力雄厚，购买能力强；购房心理：有主见、追求高品质的生活；购房动机：追求高品质的二次置业或二次以上置业，有投资意向；以上目标人群的特点：追求社区的现代性和时尚性。项目知识链接——楼盘宣传广告设计基础知识3．周边乡镇进城者人群类别：创业者，农民企业家；年龄层次：25～45岁；文化程度：一般；经济状况：经济实力雄厚，购买能力强；购房动机：二次以上置业，追求新的生活方式，有投资意向；以上目标人群的特点：强调未来社区的形象。项目知识链接——楼盘宣传广告设计基础知识1．自身优势（三）自我评价位于重要沿海港口城市，气候宜人，适宜居住；城市经济发展迅速，升值潜力大；紧邻渤海，黄海，城市绿化覆盖率高；交通便利，距离商业发展中心仅2km。12342．自身劣势附近的配套商业设施尚未发展成熟。项目知识链接——楼盘宣传广告设计基础知识1．广告主题以自然为主题，以树林、清水为依托，确定广告的主题为“临水之畔，自然雅苑”。（四）广告策略2．广告语“城市边缘的世外桃源，喧嚣闹市外的自然之乡”，强调楼盘的自然主题，将其与城市中的喧闹进行对比，以一种清新的、崭新的面貌展示给目标消费群体。3．广告手段运用采用线上和线下相结合的广告手段，包括互联网广告、电视广告和广播广告、路牌广告、招贴广告、灯杆旗广告、宣传单和报纸广告等，争取采用全方位的广告手段取得最佳的广告效果。项目知识链接——楼盘宣传广告设计基础知识4．广告阶段的划分（1）引导期：此阶段主要进行整个项目的形象推广，突出主题形象，让目标消费者在短时间内了解项目的基本情况，并真正接受项目“自然”的主题。（2）预热期：此阶段主要深入广告主题，确定项目的档次和定位，在可持续发展的基础上，注重整个项目的包装。（3）强销期：此阶段要将预热期的形象推广与项目的实际品质相结合，以情感诉求为主，突出项目自然和谐的氛围。（4）持销期：此阶段持续的时间比较长，在广告内容上要增加创意的成分，更加深入广告主题，并以多种促销活动的方式积攒更多的人气，增加成交量。（5）尾盘期：此阶段要强调广告的实用性，拒绝华丽、浮夸的形式，着重强调项目的主要诉求点，以潜移默化的形式向客户进行渗透，促进尾盘销售。12CONTENTS任务一设计“盛世长青”标志任务二设计平面广告项目知识链接——楼盘宣传广告设计基础知识43任务三设计旗帜广告5项目实训——制作小户型房地产广告任务一设计“盛世长青”标志本例利用CorelDRAWX6软件进行制作，首先利用“椭圆形工具”绘制标志的圆形背景；然后利用“矩形工具”、“移除前面对象”按钮、“形状工具”、“贝塞尔工具”和“椭圆形工具”制作标志的主要图形；最后利用“文本工具”、“矩形工具”和“字符格式化”面板制作标准字，完成实例操作。打开CorelDRAWX6软件，单击“新建空白文档”按钮，新建文档，如图所示。任务一设计“盛世长青”标志选择“椭圆形”工具，在文档窗口中绘制一个尺寸为95mm×95mm的正圆形，如图所示。任务一设计“盛世长青”标志按【F11】键，打开“渐变填充”对话框，在其中设置各项参数，为正圆形填充渐变颜色，然后在工具属性栏中设置“轮廓宽度”为“无”，如图所示。任务一设计“盛世长青”标志C：20%；M：60%；Y：100%M：10%；Y：100%利用“矩形工具”在文档窗口中绘制3个矩形。将矩形全部选中，按【Shift+F11】组合键，打开“均匀填充”对话框，在其中设置填充颜色为白色，然后调整矩形的位置，如图所示。任务一设计“盛世长青”标志保持3个矩形处于选中状态，单击工具属性栏中的“移除前面对象”按钮，对矩形进行运算，效果如图所示。任务一设计“盛世长青”标志利用“矩形工具”绘制矩形，并设置填充颜色为白色，按【Ctrl+Q】组合键，将矩形转换为曲线，利用“形状工具”调整矩形右上角锚点的位置，如图所示。任务一设计“盛世长青”标志将变形后的矩形向右复制出一个，并调整其宽度和高度，然后将两个变形矩形放置在运算后矩形的左侧，效果如图所示。任务一设计“盛世长青”标志利用同样的方法制作如左图所示的图形，设置填充颜色为白色，然后将其复制出一个，并进行“移除前面对象”运算后，放置在运算后矩形的右侧，效果如右图所示。任务一设计“盛世长青”标志利用“贝塞尔工具”在运算后矩形上方绘制如左图所示的不规则图形，设置填充颜色为白色，然后利用“椭圆形工具”在不规则图形上绘制白色正圆形，复制出4个后放置在如右图所示的位置。任务一设计“盛世长青”标志将步骤4～9中制作的图形全部选中，按【Ctrl+G】组合键，将图形群组，并将群组后的图形放置在渐变正圆形上，然后在工具属性栏中设置“轮廓宽度”为“无”，效果如图所示。任务一设计“盛世长青”标志任务一设计“盛世长青”标志将群组后的图形复制出一份，并将填充颜色设置为橘红色（C：20；M：60；Y：100），调整图形位置和图层顺序后得到如图所示的效果。任务一设计“盛世长青”标志利用“矩形工具”在渐变正圆形上绘制多个矩形，并设置填充颜色为白色，效果如图所示。任务一设计“盛世长青”标志将步骤12中绘制的多个白色矩形和渐变正圆形全部选中，单击工具属性栏中的“移除前面对象”按钮，对图形进行运算，得到如图所示的效果。至此，标志的图形部分就制作完成了。任务一设计“盛世长青”标志下面制作标准字。利用“文本工具”在标志图形下面输入中英文字，按【Ctrl+T】组合键，打开“字符格式化”面板，在其中设置文字的属性，如图所示。任务一设计“盛世长青”标志选中“盛世·长青”文字，按【Ctrl+Q】组合键，将文字转换为曲线，然后利用“矩形工具”在文字图形上绘制多个白色矩形，并对其进行“移除前面对象”运算，如图所示。

在“字符格式化”面板中，通过编辑“水平位移”选项的数值可调整文字和标点之间的距离。任务一设计“盛世长青”标志利用“矩形工具”在“盛世·长青”文字图形上绘制矩形，并设置填充颜色为黑色。利用“形状工具”对文字图形的形状进行调整，如图7-17所示。至此，本案例就制作完成了，按【Ctrl+Shift+S】组合键，将文件存储为名称为“标志”的CDR格式文件，然后导出一份JPEG格式的文件。12CONTENTS任务一设计“盛世长青”标志任务二设计平面广告项目知识链接——楼盘宣传广告设计基础知识43任务三设计旗帜广告5项目实训——制作小户型房地产广告任务二设计平面广告本任务要制作“盛世长青”楼盘的平面广告。房地产平面广告主要以纸张为载体，以视觉为传播方式，以传播信息为目的。广告的尺寸可根据实际广告的大小来制定，如果尺寸较大，可适当降低画面的分辨率，可采用72像素/英寸，因为尺寸较大的广告主要是为了远距离观看，着重强调整体效果。尺寸较小的广告，一般采用300像素/英寸的分辨率，在细节上突出企业的特色和品牌形象。广告中的主题文字要简明扼要，还要完整介绍企业的基本信息，如企业的名称、地址和联系电话等。任务二设计平面广告本例使用PhotoshopCS6软件制作，首先利用“渐变工具”绘制渐变背景；然后复制素材文件，利用“图层蒙版”、“画笔工具”、“色阶”命令制作广告的图像部分；再利用“直排文字工具”、“斜面和浮雕”和“投影”图层样式制作广告的文字部分；最后复制素材文件，并利用“铅笔工具”和“横排文字工具”完善广告的图像和文字部分打开PhotoshopCS6软件，新建一个空白文档，参数设置和图像效果如图所示。任务二设计平面广告步骤1新建图层，选择“渐变工具”，在文档窗口中绘制绿色到透明的线性渐变背景，如图所示。任务二设计平面广告步骤2C：100%；M：50%；Y：100%打开本书配套素材“素材与实例”>“Ph7”文件夹中的“风景画1.jpg”文件，将风景画图像复制到“平面广告.psd”文档窗口中间的位置，然后利用图层蒙版和“画笔工具”将图像的部分区域隐藏，效果如图所示。任务二设计平面广告步骤3打开本书配套素材“楼房.jpg”文件，将两个楼房图像分别抠取出来并复制到“平面广告.psd”文档窗口中，将较大的楼房图像复制出来两个，调整大小和图层顺序后，放置在如图所示的位置。任务二设计平面广告步骤4打开本书配套素材“风景画2.jpg”文件，将风景画图像复制到“平面广告.psd”文档窗口中，调整图层顺序后，利用“图层蒙版”和“画笔工具”将图像的部分区域隐藏，效果如图所示。任务二设计平面广告步骤5打开本书配套素材“树.jpg”文件，选择“选择”>“色彩范围”选项，打开“色彩范围”对话框，在其中设置“颜色容差”为“40”，选择“添加到取样”按钮，然后在文档窗口中的树图像上单击进行取样，当图像预览框中的树图像变为全白色时，单击“确定”按钮，将树图像载入选区，如图所示。任务二设计平面广告步骤6将选区内的树图像复制到“平面广告.psd”文档窗口中，调整图像大小和图层顺序后，利用“图层蒙版”和“画笔工具”将树图像的边缘隐藏，效果如图所示。任务二设计平面广告步骤7新建图层，利用“矩形选框工具”在文档窗口中绘制矩形选区，并设置填充颜色为深绿色到透明的线性渐变，参数设置和图像效果如图所示。任务二设计平面广告步骤8C：100%；M：55%；Y：100%利用“直排文字工具”在渐变矩形上分别输入“盛”“世”“长”“青”文字，设置“字体”均为“方正黄草简体”，“字号”分别为“140点”“105点”“123点”“270点”，“文本颜色”均为黄色（Y：100%），然后为文字添加“斜面和浮雕”和“投影”图层样式，如图所示。任务二设计平面广告步骤9打开任务一中保存的“标志.jpg”文件，将标志图像抠取出来并复制到“平面广告.psd”文档窗口中，调整图像大小后，放置在如图所示的位置。任务二设计平面广告步骤10从左图中可以看出，画面中图像的整体色调偏暗，下面我们将对其进行调整。单击“图层”调板底部的“创建新的填充或调整图层”按钮，在弹出的快捷菜单中选择“色阶”，打开“色阶”面板，在其中设置各项参数，新建调整图层，调整该图层以下所有图像的色调，如右图所示。任务二设计平面广告步骤11利用“直排文字工具”在文档窗口中如图所示的位置输入文字，并设置文字属性。任务二设计平面广告步骤12C：100%；M：50%；Y：100%Y：50%打开本书配套素材“荷花.jpg”文件，将荷花图像抠取出来并复制到“平面广告.psd”文档窗口中，调整图像大小后，放置在如图所示的位置。任务二设计平面广告步骤13利用“横排文字工具”在文档窗口中输入如图所示的文字，并设置文字属性。任务二设计平面广告步骤14C：100%；M：50%；Y：100%新建图层，设置“前景色”为绿色（C：100%，M：50%，Y：100%），选择“铅笔工具”，然后在“临水之畔/自然雅苑”文字下方绘制10像素宽的横线。利用“横排文字工具”在横线下方输入文字，如图所示。至此，本案例就制作完成了，按【Ctrl+S】组合键，将文件保存。任务二设计平面广告步骤15C：100%；M：50%；Y：100%C：100%；M：50%；Y：100%12CONTENTS任务一设计“盛世长青”标志任务二设计平面广告项目知识链接——楼盘宣传广告设计基础知识43任务三设计旗帜广告5项目实训——制作小户型房地产广告任务三设计旗帜广告本任务要制作“盛世长青”楼盘旗帜广告中的灯杆旗广告。灯杆旗广告是企业对外宣传品牌形象的直接方式，是企业与消费者进行直接沟通的纽带。每副灯杆旗广告共有2面，常见的成品尺寸有40cm×160cm，40cm×180cm和50cm×180cm。灯杆旗广告要求画面冲击力强、结构独特新颖、文字精炼简要，能瞬间吸引人的眼球。画面中的内容主要包括主题图案、主题文字、企业信息等。任务三设计旗帜广告制作灯杆旗的第1面。首先利用“渐变工具”制作渐变色背景；然后复制素材文件，并利用“图层蒙版”“画笔工具”和“色阶”命令制作广告的图像部分；再利用“钢笔工具”和“渐变工具”制作不规则渐变图形；利用“椭圆选框工具”和“描边”命令制作椭圆图形；最后利用“直排文字工具”和“横排文字工具”输入文字并设置文字属性。制作灯杆旗的第2面。首先新建文档和图层，填充纯色背景；然后复制素材文件并更改图像的混合模式；最后利用“直排文字工具”和“横排文字工具”输入文字，设置文字属性，并利用“铅笔工具”绘制竖线，完成实例制作。打开PhotoshopCS6软件，新建一个空白文档，参数设置和图像效果如图所示。任务三设计旗帜广告新建图层，利用“渐变工具”在文档窗口中绘制绿色到透明的线性渐变背景，如图所示。任务三设计旗帜广告C：100%；M：20%；Y：100%C：30%；Y：80%利用任务二任务实施中的方法，将本书配套素材“风景画1.jpg”“楼房.jpg”和“树.jpg”文件分别复制到“旗帜广告1.psd”文档窗口中，复制楼房图像，调整图层的顺序，并利用“图层蒙版”和“画笔工具”将图像藏，效果如图所示。任务三设计旗帜广告将风景画1图像、楼房图像、树图像所在的图层全部选中，按【Ctrl+E】组合键将图层合并。按【Ctrl+L】组合键，打开“色阶”对话框，在其中设置各项参数，将图像的色调调亮，如图所示。任务三设计旗帜广告新建图层，利用“钢笔工具”在文档窗口底部绘制如左图所示的路径，按【Ctrl+Enter】组合键，将路径转换为选区，然后将选区填充为绿色（C：100%，M：20%，Y：100%），效果如右图所示。任务三设计旗帜广告按住【Ctrl】键的同时，单击绿色不规则图形所在图层的缩览图，将绿色不规则图形载入选区。新建图层，利用“渐变工具”为选区填充线性渐变颜色，如图所示。任务三设计旗帜广告C：2%；M：20%；Y：100%；K：15%C：2%；M：20%；Y：100%；调整渐变不规则图形的位置和所在图层的顺序，得到如图所示的效果。任务三设计旗帜广告新建图层，利用“椭圆选框工具”在文档窗口顶部绘制椭圆形选区，选择“编辑”>“描边”选项，打开“描边”对话框，在其中设置各项参数，为椭圆形选区描边，如图所示。任务三设计旗帜广告白色利用“椭圆选框工具”在描边后的椭圆图形内绘制椭圆形选区，然后利用“渐变工具”为选区填充透明到白色的径向渐变颜色，如图所示。任务三设计旗帜广告白色打开任务一中保存的“标志.jpg”文件，将标志图像抠取出来并复制到“旗帜广告1.psd”文档窗口中，调整图像大小后，放置在如图所示的位置。任务三设计旗帜广告将标志图像中的图形部分载入选区，按【Ctrl+L】组合键，在打开的“色阶”对话框中设置各项参数，调整图像的色调，如图所示。任务三设计旗帜广告利用“直排文字工具”在文档窗口中分别输入“临水之畔”和“自然雅苑”文字，设置“字体”为“方正隶二简体”，“字号”为“345点”，“文本颜色”为绿色（C：100%，M：80%，Y：100%），然后为文字添加“描边”和“外发光”图层样式，参数的设置和图像的效果如图所示。任务三设计旗帜广告白色利用“横排文字工具”在文档窗口底部输入企业信息，并设置文字属性，如图所示。至此，灯杆旗广告的第1面就制作完成了，按【Ctrl+S】组合键，将文件保存。任务三设计旗帜广告白色下面制作灯杆旗广告的第2面。新建一个与“旗帜广告1.psd”文件属性相同的文档。新建图层，将工具箱中的“前景色”设置为绿色（C：80%，Y：100%），然后按【Ctrl+Delete】组合键，将页面填充为绿色，效果如图所示。任务三设计旗帜广告将“旗帜广告1.psd”文档窗口底部的绿色和渐变不规则图形复制到“旗帜广告2.psd”文档窗口中，对其进行水平翻转操作后，将绿色不规则图形的填充颜色改为白色，效果如图所示。任务三设计旗帜广告打开任务一中保存的“标志.jpg”文件，将标志图像中的图形部分复制到“旗帜广告2.psd”文档窗口中，调整图像大小后，设置“混合模式”为“颜色加深”，效果如图所示。任务三设计旗帜广告打开本书配套素材“楼房.jpg”文件，将图像中的左侧楼房图像抠取出来并复制到“旗帜广告2.psd”文档窗口中，将图像复制出一份，调整大小后，将所有楼房图像合并，如左图所示。调整合并后图层的顺序，并设置“混合模式”为“叠加”，得到如右图所示的效果。任务三设计旗帜广告利用“直排文字工具”在文档窗口中输入文字，并设置文字属性，然后新建图层，利用“铅笔工具”绘制8像素宽的白色竖线，如图所示。任务三设计旗帜广告白色白色利用“横排文字工具”在文档窗口底部输入文字，并设置文字属性，如图所示。至此，灯杆旗广告的第2面就制作完成了，按【Ctrl+S】组合键，将文件保存。任务三设计旗帜广告C：100%；M：50%；Y：100%图所示为国内外优秀的广告作品任务三设计旗帜广告任务三设计旗帜广告任务三设计旗帜广告任务三设计旗帜广告任务三设计旗帜广告任务三设计旗帜广告任务三设计旗帜广告任务三设计旗帜广告12CONTENTS任务一设计“盛世长青”标志任务二设计平面广告项目知识链接——楼盘宣传广告设计基础知识43任务三设计旗帜广告5项目实训——制作小户型房地产广告项目实训——制作小户型房地产广告利用本项目所学的知识，制作如图所示的小户型房地产广告。本题最终效果可参考本书配套素材“素材与实例”>“Ph7”文件夹中的“小户型房地产广告.psd”文件。绿洲新城楼盘坐落于燕赵大地河北，其开发商绿洲新城企业作为一只具有强烈社会责任感和科技创新能力的地产新军，始终坚持“专业铸就美好未来，科技创造品质生活”的理念，不断发掘项目的科技量，并致力于绿色生态房产的开发。

制作思路项目实训——制作小户型房地产广告本例要制作绿洲新城企业小户型房地产广告，广告的构图可采用竖构图。因为广告项目的定位是小户型，所以广告的风格可定位为精致、朴素。广告中的主题图案可以采用绿洲新城的小区效果图，设计者可充分发挥想象力，利用不同的表现形式，制作出特殊的效果，让受众产生身临其境的感觉。另外，广告中的主题文字要醒目，可将楼盘的价位标示出来，吸引受众注意，使其对楼盘产生购买欲望。企业的信息也要标示出来，它不必太显眼，但必须完整，可放在画面的最下方。项目实训——制作小户型房地产广告项目实训——制作小户型房地产广告

制作提示01在Photoshop软件中新建一个大小为290mm×420mm的文档，复制素材文件“背景图.jpg”和“画卷.jpg”，新建“色阶”调整图层提亮图像色调，制作广告背景。02复制素材文件“楼盘效果图.jpg”和“蓝天.jpg”，合并图层后，利用图层蒙版和“画笔工具”隐藏图像的部分区域，制作广告的主题图案。项目实训——制作小户型房地产广告03复制素材文件“标志.psd”和“灯.jpg”，利用“横排文字工具”输入文字，并为文字添加“描边”和“投影”图层样式。04复制素材文件“风景1.jpg”“风景2.jpg”“风景3.jpg”“风景4.jpg”和“树叶.psd”，并利用“图层蒙版”隐藏图像的部分区域项目实训——制作小户型房地产广告05利用“横排文字工具”输入文字，并设置文字属性，利用“矩形选框工具”绘制矩形，完成实例制作，如图所示。0102030405新建班级新建作业成绩统计布置作业学生扫码做小提示：生成的班级二维码，放在下一页ppt中即可。放入二维码后，记得取消“隐藏幻灯片”哦~扫码布置本课作业↑↑↑扫码布置作业WENJINGKETANG扫码填写问卷定制更实用的教学资源对课件有修改、优化建议平台使用遇到问题想免费使用平台、免费建课扫码加小旌好友为您提供专属服务哦BUSINESSPLAN感谢您的观看Graphicdesign平面设计项目实战所有教学资源，我们给；所有复杂操作，我们做；图书附赠，永久免费，只为老师用书更方便课件教案微课扫码题库建课互评考试平台

学习工具项目八设计『易通』电子公司网站首页效果图项目描述网站首页是企业的门面，是企业向访问者传递企业信息的重要载体。一个优秀的网站首页必须要做到逻辑清晰、版式优美。在视觉上具有美观性的网页往往能吸引更多的访问。在本项目中，我们通过设计右图所示的“易通”电子公司网站首页，详细讲解设计网页效果图的方法。学习目标了解网页的常规尺寸。了解网页的布局原则。了解网页设计的流程。掌握利用PhotoshopCS6设计网页效果图的方法和技巧。12CONTENTS项目设计流程与分析任务一设计横幅广告条（Banner）项目知识链接——网页设计基础知识3任务二设计图标4任务三设计网站首页效果图5项目实训——制作文具公司网站首页6项目知识链接——网页设计基础知识网页效果图设计包括网站首页和次级页面等一系列页面的设计。网页效果图设计是网站项目开发中非常重要的环节之一，利用网页效果图可以把客户想展示的内容以图像的方式表现出来，然后网站制作人员会以效果图为模型，使用Dreamweaver等网页制作软件制作真正的网页，搭建真正的网站。一、网页设计概述项目知识链接——网页设计基础知识网页的尺寸受限于显示器屏幕的尺寸，虽然现在办公领域中以22英寸及以上的宽屏为主流，但也有不少企业在用17英寸的显示器，其分辨率通常为1024×768像素。因此，为避免浏览网页时频繁地拖动浏览器水平滚动条，最好将网页宽度设为1002像素以内。同时，由于浏览者可以利用浏览器的垂直滚动条上下滚动网页，因此对网页的高度没有要求，可根据需要设置。

在PhotoshopCS6里制作的网页效果图放置在网上会出现色差，因为实际网页中只能使用Web颜色，其只包含256中颜色，而PhotoshopCS6中的RGB，CMYK，Lab或者HSB模式的色域都很宽，颜色范围很广，所以会有失色的现象出现。项目知识链接——网页设计基础知识网页布局是指合理规划网页的栏目和板块，并以最适合浏览的方式将网页内容，如图片、文本、动画等排放在网页的相应位置。好的网页布局不仅可以在有限的空间内放置最多的内容，而且美观大方，主次分明，重点突出。二、网页的布局原则项目知识链接——网页设计基础知识独特性是高炮广告设计最基本的要求。高炮广告所面向的群体是车内的人或路上的行人，要在最短的时间内吸引行人的目光，使其接受广告所传达的信息，除了考虑距离、视觉和环境等要素外，还要注重创意的表现，追求与众不同的视觉感受。例如，使色彩更鲜明，结构更突出，从而给人留下深刻的印象。在设计网页效果图时，可遵循以下布局原则。过度的对称会给人一种缺乏生气、千篇一律的感觉，因此网页布局可在整体上采用正常平衡，而在细部制造一些变化，这样网页才不至于过分呆板。项目知识链接——网页设计基础知识让不同的形态、色彩等元素相互对比，来形成鲜明的视觉效果。要考虑浏览者在页面上的视觉中心，这个中心一般在显示器屏幕的中央，或者在屏幕左上方的视觉优势位置。在视觉中心安排一些重要的内容，在视觉中心以外安排一些次要内容，从而做到主次分明，重点突出。项目知识链接——网页设计基础知识一个页面撑得太满，会给人一种压抑的感觉，让人喘不过气来，因此，适当留白是比较好的布局方法。合理的留白除了能让浏览者心情轻松外，也可以体现出网页的品味，给人一种大气的感觉。

设计者也可在页面中制造一些视觉中心点，这需要考虑浏览者的心理，在页面中给出一些暗示，以达到将浏览者的目光锁定在中心点上的目的。例如，可以利用一些色彩或线条制造视觉中心点。项目知识链接——网页设计基础知识文字和图片具有相互补充的视觉关系。页面上文字太多，显得沉闷，缺乏生气；图像虽然有极强的视觉冲击力，但页面上图片太多，缺少文字，会减少页面的信息量。因此，最理想的效果是文字与图片互为衬托，密切配合，既能活跃页面，又能避免内容空洞无物。12CONTENTS项目设计流程与分析任务一设计横幅广告条（Banner）项目知识链接——网页设计基础知识3任务二设计图标4任务三设计网站首页效果图5项目实训——制作文具公司网站首页6项目设计流程与分析1．了解客户需求此阶段主要是与客户沟通，听取客户关于项目的具体要求，共同参与网页设计的分析，了解网页的定位、网页的栏目分类以及所面向的群体。此外，还要对客户提供的相关资料进行分析和总结，并以文字的形式记录下来。一、设计流程以下是网页效果图设计的一般流程，读者可以参考借鉴。项目设计流程与分析2．搜集整理资料根据客户提出的需求及网页类型的最终定位，搜索相应风格的网页案例，参考其设计风格及布局，吸取好的设计元素并融入到自己的网页设计中。另外，收集能体现自己网页风格的素材资料，为后续的网页设计工作做准备。项目设计流程与分析3．规划网页此阶段需分析总结客户的需求以及提炼升华收集的素材资料，来确定网页的排版方式、栏目的布局搭配以及网站的主色调。另外，设计者需要绘制页面的草图，并在草图中绘制应有的版块及说明所有版块的功能和操作方式。项目设计流程与分析4．制作网页效果图此阶段是一个复杂而细致的过程，需按照先易后难、先整体后局部的方式进行制作。先易后难指的是先设计简单的内容，再设计复杂的内容，以便在出现问题后能在最短时间内修改。所谓先整体后局部指的是先将页面的整体结构制作好，然后再逐步完善局部的制作。项目设计流程与分析5．客户审核将制作完成的网页效果图提交给客户，然后根据客户的反馈意见对页面进行修改。此阶段需要设计者与客户保持良好的联系和沟通，确保设计工作顺利进行。项目设计流程与分析本任务要设计“易通”电子公司网站的首页效果图。“易通”电子公司是一家综合性的科技公司，总部位于广州。该企业一直以生产高品质、高科技的电子产品为宗旨，其建设网站的目的主要是为了进行网络营销，加强企业的品牌美誉度，全面、完整地展现企业的产品，所以网页在视觉传达上要注重页面的美感、行业感，在形式上追求大方、简约的设计风格。另外，设计者可以通过版面、文字、图片和色彩之间的搭配来体现网页的独特之处，让访问者留下深刻的印象。二、设计分析项目设计流程与分析因为“易通”电子公司是科技型公司，所以网页颜色可以采用蓝色或灰色，来体现企业的科技感。网站首页的栏目是网站内容的展示和索引，应清晰明了、结构合理，不但能使访问者快速找到所找的内容，还可以方便网站后期的维护。项目设计流程与分析通过分析“易通”电子公司基本情况，可将其网站首页的栏目分为8个，分别是：品牌栏（含网站logo和登录信息）、导航栏、广告栏、新闻资讯栏、产品分类栏、企业活动栏、副导航栏和版权信息栏。网站的导航目录要安排合理，同一类信息要放在同一目录下，方便整理和管理，本项目设计的导航目录可以分为7个，分别是：商用案例、解决方案、产品、服务、技术支持、关于我们和易通商城。12CONTENTS项目设计流程与分析任务一设计横幅广告条（Banner）项目知识链接——网页设计基础知识3任务二设计图标4任务三设计网站首页效果图5项目实训——制作文具公司网站首页6任务一设计横幅广告条（Banner）本例首先复制素材文件，并利用“色相/饱和度”和“色阶”命令调整图像色调，制作广告条的背景；然后利用“矩形选框工具”、“渐变工具”和“变形”命令制作彩虹图像；再复制素材文件，利用“椭圆选框工具”和“渐变工具”制作广告的主题图案；最后利用“画笔工具”制作云彩图像，完成实例操作。打开PhotoshopCS6软件，新建一个空白文档，参数设置和图像效果如图所示。任务一设计横幅广告条（Banner）打开本书配套素材“素材与实例”>“Ph8”文件夹中的“背景.jpg”文件，将背景图像复制到“栏目广告.psd”文档窗口中，调整图像大小至覆盖整个页面。按【Ctrl+U】组合键，在打开的“色相/饱和度”对话框中设置参数，调整图像的色调，如图所示。任务一设计横幅广告条（Banner）打开本书配套素材“地球.jpg”文件，将地球图像复制到“栏目广告.psd”文档窗口中，按【Ctrl+L】组合键，在打开的“色阶”对话框中设置参数，将图像调亮，如图所示。任务一设计横幅广告条（Banner）打开本书配套素材“建筑.psd”文件，将各建筑图像复制到“栏目广告.psd”文档窗口中，调整各图像大小并进行旋转操作后，放置在如图所示的位置。任务一设计横幅广告条（Banner）新建图层，利用“矩形选框工具”在文档窗口中绘制矩形选区，按【Shift+F6】组合键，打开“羽化”对话框，将选区羽化3像素，然后利用“渐变工具”为选区填充渐变颜色，如图所示。任务一设计横幅广告条（Banner）选择“编辑”>“变换”>“变形”选项，然后在工具属性栏中设置各项参数，将矩形变形弯曲，制作彩虹图像，如图所示。任务一设计横幅广告条（Banner）调整彩虹图像的大小和所在图层的顺序后，设置“不透明度”为“30%”，然后将图像放置在如图所示的位置。任务一设计横幅广告条（Banner）打开本书配套素材“氢气球.jpg”和“手机.jpg”文件，将氢气球图像和手机图像抠取出来并复制到“栏目广告.psd”文档窗口中，调整图像大小后，分别放置在如图所示的位置。任务一设计横幅广告条（Banner）新建图层，利用“椭圆选框工具”绘制正圆形选区，然后利用“渐变工具”为选区填充黑色到透明的径向渐变颜色，调整渐变圆形的形状后，将图像复制出两个，调整其大小后，分别放置在手机图像的下方，作为手机的阴影，效果如图所示。任务一设计横幅广告条（Banner）打开本书配套素材“花草.psd”文件，将花和草图像复制到“栏目广告.psd”文档窗口中，调整图像大小和方向后，放置在如图所示的位置。任务一设计横幅广告条（Banner）新建图层，将“前景色”设置为白色，利用“画笔工具”在文档窗口底部绘制云彩图像，效果如图所示。在绘制过程中，要不断调整工具属性栏中画笔工具的属性，如大小、不透明度和流量等。至此，本案例就制作完成了，按【Ctrl+S】组合键，将文件保存，然后将其另存为一份JPEG格式的文件。任务一设计横幅广告条（Banner）12CONTENTS项目设计流程与分析任务一设计横幅广告条（Banner）项目知识链接——网页设计基础知识3任务二设计图标4任务三设计网站首页效果图5项目实训——制作文具公司网站首页6任务二设计图标本例首先利用“椭圆选框工具”和“钢笔工具”绘制图标1图形；然后利用“圆角矩形工具”和“矩形选框工具”绘制图标2图形；再利用“圆角矩形工具”、“矩形选框工具”和“多边形套索工具”绘制图标3图形；最后利用“椭圆选框工具”、“矩形选框工具”和“变形”命令绘制图标4和图标5图形，完成实例操作。打开PhotoshopCS6软件，按【Ctrl+N】组合键，打开“新建”对话框，在其中设置各项参数，新建空白文档，如图所示。任务二设计图标新建图层，利用“椭圆选框工具”在文档窗口中绘制正圆形选区，选择“编辑”>“描边”选项，打开“描边”对话框，在其中设置各项参数，为正圆形选区添加描边效果，如图所示。任务二设计图标C：100%新建图层，利用“椭圆选框工具”在描边正圆形中间的位置绘制正圆形选区，设置填充颜色为蓝色（C：100%），效果如图所示。任务二设计图标新建图层，利用“钢笔工具”在正圆形下方绘制如图所示的不规则图形，设置填充颜色为蓝色（C：100%），并为其添加1像素宽的白色描边。任务二设计图标将正圆形和不规则图形所在的图层合并，然后将合并后的图形复制出两个，调整图层顺序后，得到如图所示的效果。将除“背景”图层外的所有图层合并，并将其重命名为“图标1”。任务二设计图标将图标1图像复制出一个，删除描边正圆形内部的图像。新建图层，利用“圆角矩形工具”在描边正圆形内部绘制圆角矩形，设置“半径”为“3像素”，“描边”为“无”，将图层栅格化后复制图层，将复制出来的图像旋转45度后，放置在圆角矩形的上方，效果如图所示。任务二设计图标利用“矩形选框工具”将旋转后矩形图形的下半部分删除，新建图层，并在如图所示的位置绘制白色矩形。任务二设计图标新建图层，利用“圆角矩形工具”在如图所示的位置绘制蓝色圆角矩形。将除“背景”和“图标1”图层外的所有图层合并，并将其重命名为“图标2”。任务二设计图标将图标2图像复制出一个，删除描边正圆形内部的图像。新建图层，利用“圆角矩形工具”在描边正圆形内部绘制圆角矩形，设置“半径”为“5像素”，“描边”为“无”，然后将图层栅格化，效果如图所示。任务二设计图标任务二设计图标利用“矩形选框工具”在圆角矩形右上角绘制矩形选区，选择“图层”>“新建”>“通过剪切的图层”，将选区内图形剪切到新图层中，移动图形，然后利用“多边形套索工具”选中新图层中图形的多余部分并删除，如图所示。任务二设计图标新建图层，利用“多边形套索工具”在圆角矩形左下角绘制不规则蓝色图形，并为其添加1像素宽的白色描边。利用“钢笔工具”在不规则图形上绘制路径，转换为选区后，将其填充为白色，如图所示。任务二设计图标将除“背景”“图标1”和“图标2”图层外的所有图层合并，并将其重命名为“图标3”。将图标3图像复制出一个，删除描边正圆形内部的图像。新建图层，利用“椭圆选框工具”在描边正圆形内部绘制蓝色正圆形，效果如图所示。任务二设计图标新建图层，利用“矩形选框工具”在正圆形中间绘制白色矩形，按【Ctrl+T】组合键，对矩形进行变形弯曲，如左下图所示。利用同样的方法，在蓝色正圆形上绘制矩形并对矩形进行变形，得到如右下图所示的效果。任务二设计图标将除“背景”“图标1”、“图标2”和“图标3”图层外的所有图层合并，并将其重命名为“图标4”。将图标4图像复制出一个，删除描边正圆形内部的图像。新建图层，利用“椭圆选框工具”和“钢笔工具”在描边圆形内部绘制蓝色正圆形和箭头图形，并为箭头图形添加1像素宽的白色描边，效果如图所示。任务二设计图标将除“背景”“图标1”“图标2”“图标3”和“图标4”图层外的所有图层合并，并将其重命名为“图标5”。至此，本案例就制作完成了，按【Ctrl+S】组合键，将文件保存，然后将其另存为一份JPEG格式的文件。新建图层，利用“矩形选框工具”在正圆形上绘制多个白色矩形并将其变形。新建图层，利用“椭圆选框工具”在变形后矩形的交叉点上绘制白色正圆形，效果如图所示。12CONTENTS项目设计流程与分析任务一设计横幅广告条（Banner）项目知识链接——网页设计基础知识3任务二设计图标4任务三设计网站首页效果图5项目实训——制作文具公司网站首页6任务三设计网站首页效果图通过前面的分析和案例效果图可知，“易通”电子公司网站首页由品牌栏、导航栏、广告栏、新闻资讯栏、产品分类栏、企业活动栏、副导航栏和版权信息栏8个栏目组成。在PhotoshopCS6中制作该网页效果图时，首先利用参考线规划网站各栏目的布局并利用“渐变工具”绘制网页背景，然后综合应用多种工具依次完成各栏目的制作。任务三设计网站首页效果图打开PhotoshopCS6软件，按【Ctrl+N】组合键打开“新建”对话框，在其中设置参数，新建空白文档，如图所示。（一）规划网页布局和制作网页背景任务三设计网站首页效果图按【Ctrl+R】组合键显示标尺，然后精确创建参考线，将网页不同栏目进行划分，其中垂直和水平参考线的值分别为6，17.7，29.35和1.8，11.2，12.2，15，20.2，21，27.5，效果如图所示。品牌栏导航栏广告栏新闻资讯栏产品分类栏企业活动栏副导航栏产品分类栏任务三设计网站首页效果图新建图层，利用“渐变工具”为整个页面绘制白色到灰色线性渐变背景，如图所示。Y：8%任务三设计网站首页效果图（二）制作品牌栏打开本书配套素材“素材与实例”>“Ph8”文件夹中的“易通标志.jpg”文件，将标志图像复制到“网站首页.psd”文档窗口中，调整图像大小后，放置在文档窗口左上方品牌栏的左侧，效果如图所示。任务三设计网站首页效果图利用“横排文字工具”在品牌栏右侧输入文字，并设置文字属性。利用“铅笔工具”在文字中间绘制两条2像素宽的灰色（Y：50%）竖线，如图所示。黑色任务三设计网站首页效果图打开本书配套素材“标志1.jpg”“标志2.jpg”和“标志3.jpg”文件，将各标志图像复制到“网站首页.psd”文档窗口中，调整各图像大小后，分别放置在品牌栏的右侧。利用“椭圆选框工具”在各图像上绘制正圆形选区，单击“图层”调板底部的“添加图层蒙版”按钮，将正圆形选区外的图像隐藏，效果如图所示。将品牌栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。任务三设计网站首页效果图（三）制作导航栏和广告栏利用“矩形工具”在导航栏位置绘制矩形，并设置填充颜色为灰色（Y：10%）。利用“铅笔工具”在矩形下方绘制3像素宽的灰色（Y：50%）横线，效果如图所示。任务三设计网站首页效果图利用“横排文字工具”在导航栏上输入文字，并设置“字体”为“汉仪细圆简”，“字号”为“12点”，“文本颜色”为“黑色”，然后为文字添加“投影”图层样式。利用“铅笔工具”在各文本块之间绘制2像素宽的灰色（Y：50%）竖线，如图所示。任务三设计网站首页效果图利用“圆角矩形工具”在导航栏右侧绘制圆角矩形，并在工具属性栏中设置圆角矩形的属性，如图所示。白色Y：50%任务三设计网站首页效果图利用“椭圆选框工具”在圆角矩形内部绘制正圆形选区，设置填充颜色为白色，并为其添加2像素宽的黑色描边，效果如左下图所示。利用“铅笔工具”绘制如右下图所示的黑线和灰线作为搜索图标。任务三设计网站首页效果图将导航栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。打开任务一中保存的“栏目广告.jpg”文件，将广告图像复制到“网站首页.psd”文档窗口中广告栏的位置。新建图层，利用“单行选框工具”在广告图像下方绘制灰色横线，效果如图所示。任务三设计网站首页效果图利用“横排文字工具”在广告栏左侧输入如图所示的文字，并设置文字属性。任务三设计网站首页效果图选择“多边形工具”，在工具属性栏中设置“边”为“3”，在“路径操作”下拉按钮中选择“减去顶层形状”，设置填充颜色为灰色（Y：60%），无描边，然后在文档窗口中绘制两个三角形，相减后得到“前一张”标示图形，效果如图所示。任务三设计网站首页效果图将“前一张”标示图形复制出一份，对其进行水平翻转操作后，得到“后一张”标示图形，然后将两个图形放置在如图所示的位置。将广告栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。任务三设计网站首页效果图（四）制作新闻资讯栏和产品分类栏利用“矩形工具”在新闻资讯栏位置绘制矩形，设置“描边颜色”为“黑色”，“描边宽度”为“3点”，然后为其填充白色到灰色线性渐变颜色，如图所示。Y：8%Y：8%Y：10%任务三设计网站首页效果图利用“矩形选框工具”绘制矩形选区，设置填充颜色为黑色，并为其添加2像素宽的白色描边，然后将其旋转90°，并删除上半部分，得到三角图形，效果如左图所示。将三角图形复制出3个，调整其大小、角度和图层顺序后，得到信封图标，然后将其放置在渐变矩形的左侧，效果如下图所示。任务三设计网站首页效果图利用“横排文字工具”在信封图标右侧输入文字，并设置文字属性，然后利用“铅笔工具”绘制2像素宽的灰色竖线，并将信封图标中的黑色三角图形复制出来一个，调整其大小后，放置在如图所示的位置。任务三设计网站首页效果图利用“横排文字工具”在渐变矩形右侧输入文字，并设置文字属性，然后将黑色三角图形复制出来一个，放置在文字左侧，如图所示。将新闻资讯栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。任务三设计网站首页效果图打开本书配套素材“产品效果图.psd”文件，将各产品图像复制到“网站首页.psd”文档窗口中产品分类栏的位置。利用“横排文字工具”在各产品图像下方输入文字，并设置“字体”为“微软雅黑”，“字号”为“11点”，“文本颜色”为“黑色”，效果如图所示。将产品分类栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。任务三设计网站首页效果图（五）制作企业活动栏利用“矩形工具”在企业活动栏位置绘制矩形，设置“描边颜色”为“无”，“描边宽度”为“3点”，然后为其填充白色到灰色线性渐变颜色，并为其添加“投影”图层样式，然后将矩形复制出两个并放置在如图所示的位置。Y：20%任务三设计网站首页效果图打开本书配套素材“礼包.jpg”“手机.jpg”和“手机2.jpg”文件，将各图像复制到“网站首页.psd”文档窗口企业活动栏中的渐变矩形上，然后利用“椭圆选框工具”绘制选区并利用图层蒙版将选区外的图像隐藏，效果如图所示。任务三设计网站首页效果图利用“横排文字工具”在如图所示的位置输入文字，并设置文字属性。任务三设计网站首页效果图利用“矩形选框工具”在企业活动栏中绘制红色（M：100%，Y：100%）矩形，将其旋转45°后放置在渐变矩形右上角，然后将渐变矩形载入选区，按【Ctrl+Shift+I】组合键反选选区，按【Delete】键将图像的多余部分删除，效果如左下图所示。将删除后的红色图形复制出两份，分别放置在其他矩形右上角，效果如右下图所示。将企业活动栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。任务三设计网站首页效果图（六）制作副导航栏和版权信息栏利用“矩形选框工具”在副导航栏位置绘制白色矩形，打开任务二中保存的“图标.jpg”文件，将各图标图像复制到“网站首页.psd”文档窗口中副导航栏位置。调整图像大小后，分别放置在如图所示位置。任务三设计网站首页效果图利用“横排文字工具”在副导航栏中输入文字，并设置文字属性，如图所示。字体：华文细黑字号：9号字体：黑体字号：11.5号任务三设计网站首页效果图利用“铅笔