Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）课件 项目3 标志设计

新形态立体化精品系列教材标志设计项目3Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）情景描述项目3标志设计老洪最近接到很多设计标志的任务，便将部分任务分配给米拉，主要包括品牌标志和企业标志设计任务。老洪告诉米拉，要想设计出让客户满意的标志，不仅要能根据品牌标志和企业标志的设计要点，绘制符合需求的标志图形，还要从客户的角度出发，向客户展示标志的应用效果，便于客户查看。米拉接受任务后，便开始学习品牌标志和企业标志的相关知识，研究客户提供的资料，准备综合运用Photoshop和Illustrator进行制作，从而出色地完成标志设计任务。目录制作“渔家”品牌标志任务3.1制作“飞鹤儿童服饰”企业标志

任务3.2综合实战制作“中锌实业”企业标志品牌标志是品牌形象的代表，可以传达品牌的品牌价值观、文化内涵，以及产品特性、服务质量等。“渔家”是一个将新鲜的食材、传统的烹饪技巧与现代的餐饮理念相结合的美食品牌，致力于为消费者提供全方位的水产品美食，目前需要设计一个独特且具有识别性的品牌标志，以便于在宣传推广活动中更好地展示品牌形象和产品特色。（一）任务背景任务描述任务3.1制作“渔家”品牌标志①

制作尺寸为300像素×300像素，分辨率为300像素/英寸的品牌标志。②

标志图形美观生动，贴近品牌属性，标志配色符合大众审美。③

将完成后的标志应用到餐饮产品中，查看标志的应用效果。（二）任务目标任务描述任务3.1制作“渔家”品牌标志（三）知识要点在Photoshop中对齐与分布图像，盖印和合并图层；在Illustrator中运用线型绘图工具和形状生成器。知识准备1．品牌标志的配色色彩在标志中的作用决定了它在标志设计中的重要性，很多品牌都会精心选定某种颜色作为品牌色，就是标志的主色，如天猫标志中的红色（见下图），饿了么标志中的蓝色（见下图）等。（1）品牌标志的主色选择1．品牌标志的配色选择好主色后，标志设计师需要针对不同品牌的定位和目标受众，考虑在不同的背景中的标志应用效果，从而选择最佳的主色和背景色搭配方式。（2）品牌标志的色彩搭配比如，颜色鲜艳的主色搭配白色、浅灰色背景，可以营造出清新、明亮的效果，适合用于科技类、环保类等品牌的标志设计中如右图所示。上图所示的标志以白色为主色，搭配绿色背景，能直观地凸显品牌名称，同时也体现了品牌的环保理念。2．品牌标志的设计原则品牌标志的设计需要符合品牌的核心理念和价值观，同时，还需要符合独特性、广泛性、代表性，以及符合品牌定位等设计原则。●

具有独特性：一个好的品牌标志应该拥有自己独特的元素，使其在市场上能够脱颖而出，从而易于区别其他品牌，这样才能给潜在受众留下深刻的印象，从而建立品牌认知度和提高受众对品牌的忠诚度。●

具备广泛性：由于地域文化的差异，语言不能被受众迅速接受，但品牌标志以图形这种无国界语言进行展现，使标志具有一定的广泛性，能够被更多受众接受和理解。●

具备代表性：品牌标志应该体现品牌的理念、行业，以及品牌的价值观。●

符合品牌定位：一个品牌要想取得成功，必须具有明确的定位，而品牌标志也需要符合品牌定位。3．Photoshop图像对齐与分布若要对齐多个图层中的图像内容，可使用“移动工具”选择需要对齐的图层（2个以上），然后选择【图层】/【对齐】命令，在弹出的子菜单中选择相应的对齐命令，如左图所示。需要注意的是，如果所选图层与其他图层链接，则可同时对齐与之链接的所有图层。（1）

对齐图层3．Photoshop图像对齐与分布若要让多个图层采用一定的规律均匀分布，可使用“移动工具”选择需要分布的图层（3个以上），然后选择【图层】/【分布】命令，在弹出的子菜单中选择相应的分布命令，如左图所示。（2）分布图层4．Photoshop盖印图层和合并图层盖印图层的操作主要有以下3种。（1）盖印图层●

向下盖印：选择一个图层，按【Ctrl+Alt+E】组合键，可将该图层盖印到下面的图层中，原图层保持不变。●

盖印多个图层：选择多个图层，按【Ctrl+Alt+E】组合键，可将选择的图层盖印到一个新图层中，原图层中的内容保持不变。●

盖印可见图层：按【Shift+Ctrl+Alt+E】组合键，可将所有可见图层中的图像盖印到一个新图层中，原图层保持不变。4．Photoshop盖印图层和合并图层合并图层的操作主要有以下3种。（2）合并图层●

合并图层：在“图层”面板中选择两个或两个以上要合并的图层，选择【图层】/【合并图层】命令，或按【Ctrl+E】组合键。●

合并可见图层：选择【图层】/【合并可见图层】命令或按【Shift+Ctrl+E】组合键，该操作不合并隐藏的图层。●

拼合图像：选择【图层】/【拼合图像】命令，可合并“图层”面板中所有可见图层，并打开对话框询问是否丢弃隐藏的图层，同时以白色填充所有透明区域。5．Illustrator线型绘图工具使用“直线段工具”可以绘制不同长度、方向的直线。选择该工具后，在画板中单击确定路径起点，按住鼠标左键不放并拖动鼠标到需要结束路径的位置，然后释放鼠标即可完成线条的绘制，如下图所示。（1）直线段工具绘制时，按住【Shift】键不放，可绘制出水平、垂直或45°角及45°角倍数的直线；按住【Alt】键不放，可绘制出以鼠标单击点为中心向两边延伸的直线；按住【～】键不放，同时绘制出多条直线。5．Illustrator线型绘图工具使用“螺旋线工具”可以绘制出不同半径、段数和样式的螺旋线。选择该工具后，画板中按住鼠标左键不放并拖动鼠标到需要的位置，然后释放鼠标，完成螺旋线的绘制，如下图所示。（2）螺旋线工具在绘制过程中不释放鼠标，可以拖动鼠标旋转螺旋线，按住【Shift】键可以以45°角旋转螺旋线；按【Ctrl】键可以调节螺旋线衰减比例；按上、下、左、右键，可以调整螺旋线段数，按住【~】键，可同时绘制出多条螺旋线；按空格键可“冻结”正在绘制的螺旋线，可以在屏幕上任意拖动，松开空格键后可以继续绘制。5．Illustrator线型绘图工具“弧线工具”可用于绘制弧线。选择该工具后，在画板中单击确定路径起点，按住鼠标左键不放并拖动鼠标到需要结束路径的位置，然后释放鼠标即可绘制一条弧线，如下图所示。（3）弧形工具绘制弧线的过程中不释放鼠标，按【C】键可以在开放的弧线与闭合的弧线之间切换；按住【Shift】键，可以绘制正圆的四分之一；按【F】键可以上下翻转弧线；按住【~】键，可同时绘制出多条弧线。6．Illustrator形状生成器Illustrator中的形状生成器不仅可以分离重叠的形状，快速生成新图形，还可以将绘制的多个简单图形合并为一个复杂图形，使复杂图形的制作更加灵活、快捷。其操作方法为：选择“形状生成器”工具，在需要分割成独立形状的区域单击，此时该区域将生成单独的新图形，如下图所示。若在相交的两个图形之间拖动，可将两个图形合并为一个图形，如下图所示。任务实施1．绘制鱼主体图形客户要求“渔家”品牌标志要与水产品相关，因此，米拉打算在标志设计中将鱼作为主体图形，以体现渔家文化和水产品特点，具体操作如下。1“椭圆”对话框2调整圆形属性3复制圆形1．绘制鱼主体图形4再次复制圆形5合并图形6鱼身主体图形7填充和排列图形1．绘制鱼主体图形8调整星形圆角10得到鱼尾图形13编组和移动图形11旋转鱼尾图形12调整鱼尾图形位置9绘制矩形2．绘制标志装饰为了让品牌标志更加完整、美观，便于消费者识别和记忆品牌，米拉准备在标志中添加装饰图形和品牌文字，具体操作如下。1镜像变换图形2绘制矩形和圆形2．绘制标志装饰3输入文字4设置描边宽度5绘制弧线3．制作品牌标志应用效果完成标志设计后，米拉准备在Photoshop中制作标志的应用效果，这样更便于客户查看，具体操作如下。1输入文字2对齐图形3盖印图层目录制作“渔家”品牌标志制作“中锌实业”企业标志综合实战制作“飞鹤儿童服饰”企业标志

任务3.2任务3.1企业标志是企业形象的重要组成部分，它以特定、明确的图形来表现和代表企业的核心价值和形象。“飞鹤儿童服饰”是一家具有实力和潜力的儿童服装新兴企业，准备设计一个独特且具有识别性的标志来展示其企业形象和特色，从而提高企业在市场中的竞争力。（一）任务背景任务描述任务3.2制作“飞鹤儿童服饰”企业标志①

制作尺寸为300pt×300pt，分辨率为300像素/英寸的标志。②

标志能够体现“飞鹤儿童服饰”企业的特点。③

标志的色彩搭配要符合美学标准，尤其是满足儿童的审美需求。④

制作标志应用到办公室日常场景中的效果图，便于客户查看。（二）任务目标任务描述任务3.2制作“飞鹤儿童服饰”企业标志（三）知识要点在Illustrator中绘制网格、分割图形和填充图形；在Photoshop中绘制和变形图形。知识准备1．企业标志的设计原则企业标志是企业识别系统（CorporateIdentitySystem，CIS）战略中的关键部分，能够反映企业的历史、文化、价值观和未来愿景等，承载着企业的无形资产，是企业综合信息传递的媒介，能够帮助企业塑造良好的形象，提升企业价值和市场竞争力。要想设计出一个优秀的企业标志，需要遵循一些原则。明确传递企业的信息01>02>突出企业的核心优势03>突出企业的个性风格简洁易记04>05>能适应市场需求2．企业标志的设计要点设计一个符合企业形象、易于识别和记忆的企业标志至关重要，而掌握企业标志的设计要点，则可帮助设计师更好地把握企业核心理念和形象。应用广泛03>04>方便实用易读易识别01>02>个性鲜明3．Photoshop基本图形绘制（1）形状工具组形状工具组可用于绘制不同形状的几何图形，其功能类似选框工具组，但区别在于，使用形状工具组绘制的图形具有实体，而非选区状态，且会自动生成一个形状图层。“矩形工具”可用于绘制长方形、正方形和圆角矩形，该工具对应的工具属性栏如上图所示。3．Photoshop基本图形绘制（2）“形状”属性面板绘制形状后，可选择【窗口】/【属性】命令，打开“形状”属性面板，在其中可以快调整已绘制形状的大小、位置、描边、角半径等。右图所示为绘制矩形后打开的“形状”属性面板。4．Photoshop图形变换变换图形是在Photoshop中进行平面设计时经常使用的操作，它可以使图形产生缩放、旋转、斜切、扭曲、透视、变形和翻转等效果。选择矢量图形后，在Photoshop中选择【编辑】\【变换路径】命令，如右图所示，在弹出的子菜单中选择相应命令，即可变换图形。5．Illustrator图形分割在平面设计中经常会对图形进行分割，帮助平面设计师更好地组织和展示复杂的设计元素。在Illustrator中分割图形主要使用“美工刀工具”个对象沿分割线划分为各个部分。其使用方法为：选择一段闭合路径，选择“美工刀工具”，在起始位置按住鼠标左键不放，拖曳鼠标指针绘制穿过闭合路径的分割线，释放鼠标，闭合路径则被分割为两个闭合路径，左图所示为使用“美工刀工具”将圆角矩形分割为两部分的效果。6．Illustrator网格绘制使用“矩形网格工具”和“极坐标网格工具”来完成。可轻松创建不同间距、不同大小的网格。选择“矩形网格工具”工具后，在画板中按住鼠标左键不放并拖动鼠标到需要的位置，释放鼠标即可绘制出矩形网格。如果要按照指定数目的分隔线来创建矩形网格，可在画板中单击鼠标，打开“矩形网格工具选项”对话框，如右图所示。（1）矩形网格工具6．Illustrator网格绘制使用“极坐标网格工具”可以轻松绘制圆和直线组成的网格，常用于同心圆、箭靶、雷达、蜘蛛网、电扇等制作。如果要创建具有指定大小和分隔线数目的同心圆网格，可在画板中单击鼠标，打开“极坐标网格工具选项”对话框，如右图所示，设置相应的参数后，单击“确定”按钮。（2）极坐标网格工具任务实施1．绘制网格为了在标志中体现企业特点，米拉决定在Illustrator中绘制出一个“飞鸟”的图形作为标志的主体元素，首先她需要绘制出网格图形，具体操作如下。1创建网格2创建参考线3分离网格2．分割和填充网格绘制网格后，米拉还需要分割网格，以制作出“飞鸟”图形，也便于后续为网格填充颜色，让标志更加美观，具体操作如下。1绘制分割线2飞鸟图形3标志效果3．制作企业标志应用效果完成企业标志的制作后，米拉准备在Photoshop中绘制企业标志主要的应用场景，包括信封、档案袋、茶杯，便于客户查看，具体操作如下。1绘制矩形2调整圆角3选择“水平翻转”命令3．制作企业标志应用效果4调整角点5调整椭圆下边缘6添加文字7信封封面效果8其他效果目录制作“飞鹤儿童服饰”企业标志

任务3.2制作“中锌实业”企业标志综合实战制作“渔家”品牌标志任务3.1实战背景实战描述综合实战

制作“中锌实业”企业标志中锌实业有限公司是一家集科研、生产、贸易及技术服务的现代企业，为了提升用户对企业的识别度，树立企业形象，现需要设计师制作一个企业标志，要求图形要简洁、美观，能凸显企业形象，并结合中英文文字直观地体现企业信息，满足不同的用户需求。本实战的参考效果如上图所示。实战目标①制作尺寸为300pt×300pt，分辨率为300像素/英寸的企业标志。②制作企业标志在纸杯、档案袋、信封中的应用效果。③标志在视觉上要具有识别性和创意。实战描述知识要点在Illustrator中运用形状生成器工具；在Photoshop中绘制基本图形和变换图形。综合实战

制作“中锌实业”企业标志思路及步骤（1）

打开Illustrator，新建大小为“300px×300px”的文件，使用“椭圆工具”在画板中绘制大小正圆，然后设置描边颜色为“#A27F4B”，描边粗细为“3pt”，然后在圆的上下左右添加参考线。（2）

选择“椭圆工具”，在圆的中间绘制较小的正圆，然后设置填充颜色为“#a27f4b”。（3）使用“椭圆工具”在其他空白区域绘制大小为正圆，设置填充颜色为“白色”，然后为绘制的圆形添加参考线，方便后期裁剪。（4）

选择“矩形工具”，在上一步绘制的圆形上方沿着第2条参考线绘制矩形，该矩形要求覆盖右侧的整个圆形。（5）

选择圆形和矩形，使用“形状生成器工具”单击左侧半圆部分，预留该半圆图