首页 理论教育 步源轩标志设计教程-Photoshop图像处理项目化教程

步源轩标志设计教程-Photoshop图像处理项目化教程

时间:2023-11-21 理论教育 版权反馈
【摘要】:标志是视觉识别设计的核心,是创造企业印象最重要的手段。图1-55 北京步源轩的Logo图1-56 新建文件对话框2)导入“步源轩”原Logo图标,如图1-57所示。图1-74 Logo选区图1-75 最终设置好的渐变色标在企业标志彩色稿设计的基础上,进行标志黑稿的设计。

步源轩标志设计教程-Photoshop图像处理项目化教程

标志是视觉识别设计的核心,是创造企业印象最重要的手段。一个成功的企业标志(Logo),应该具备以下几个特点:设计独特、容易识别、美观大方、力求简洁。

1.企业标志彩色稿及标志创意说明

以北京步源轩为案例说明用Photoshop CS5设计Logo的创意和设计过程,如图1-55所示。

(1)标志创意说明

企业标志是整个企业视觉传达设计的核心,企业标志与单独作为标示记号的指示标识不同,它是传达企业本身特定意义的工具,而且是强烈地表现企业的独特性及优异性的信息载体

如图1-55所示,标志整体是图形和文字相结合的产物,色调深浅变化,文字部分设计独特,刚正有力,简约而不简单,体现出与众不同的风格,具有独特的内涵及优势。

步源轩企业标志以龙为造型,代表了中国文化的精髓与民族传统文化;又象形于“步”字,体现了“步源轩”的品牌名称,使之能有机地结合起来。标志的色彩以皇城红色向金黄色的渐变,既遵循了皇家色调的古典,又引领了时尚文化的潮流,给人带来强烈的视觉冲击。

从整体上来看,其精致的外形大气雄浑,寓意(穿上步源轩的鞋)平步青云,步步高升。不但体现出企业精益求精的精神,而且给人一种稳重、自信,又亲切的感觉,它所具有的内在气质充分体现了企业的特征。

(2)企业标志彩色稿设计

1)打开Photoshop CS5,新建如图1-56所示的文件。

978-7-111-39682-6-Chapter01-126.jpg

图1-55 北京步源轩的Logo

978-7-111-39682-6-Chapter01-127.jpg

图1-56 新建文件对话框

2)导入“步源轩”原Logo图标,如图1-57所示。

3)新建图层1,按住<Ctrl++>快捷键放大图层,单击“钢笔工具”,沿Logo边缘绘制。注意,一条相对直线或半圆弧,钢笔的拐点要放在其两端点处,尽量一笔画成,先画出一个大概的框线,如图1-58、图1-59所示。

978-7-111-39682-6-Chapter01-128.jpg

图1-57 导入原图

978-7-111-39682-6-Chapter01-129.jpg

图1-58 用钢笔工具画轮廓(1)

4)用“转换点工具”,单击需用调整的边缘线的拐点,拖动方向线,改变方向,调整弧线,如线型还是不满意,可选中一端方向线,拖动调整,如拐点位置不对,使用“直接选择工具”978-7-111-39682-6-Chapter01-130.jpg,移动位置即可,如图1-60所示。

978-7-111-39682-6-Chapter01-131.jpg

图1-59 用钢笔工具画轮廓(2)

978-7-111-39682-6-Chapter01-132.jpg

图1-60 用钢笔工具画轮廓(3)

5)绘制的路径已存放在“路径”面板中,如图1-61、图1-62所示。

6)单击路径面板下方的“创建新路径”按钮978-7-111-39682-6-Chapter01-133.jpg,新建一个名为“路径1”的路径,回到图层面板,调用“钢笔工具”继续绘制Logo的下面部分,如图1-63所示。

7)绘制轮廓粗线条,如图1-64所示。

978-7-111-39682-6-Chapter01-134.jpg

图1-61 路径面板(1)

978-7-111-39682-6-Chapter01-135.jpg

图1-62 用钢笔工具画轮廓(4)

978-7-111-39682-6-Chapter01-136.jpg

图1-63 路径面板(2)

978-7-111-39682-6-Chapter01-137.jpg

图1-64 用钢笔工具画轮廓(5)

8)用“转换点工具”单击拐点,拖动拐点一端的方向线调整弧线,再单击弧线另一端拐点,拖动弧线一侧的方向线调整弧线,直到满意为止,如图1-65所示。

9)如调整弧线两端的方向线得不到满意的结果,可以用“增加锚点工具”978-7-111-39682-6-Chapter01-138.jpg在弧线上单击,增加锚点,继续调整方向线,得到满意的弧线,如果锚点位置偏差,用“直接选择工具”拖动锚点改变位置,如图1-66所示。

10)绘制好的路径如图1-67所示,单击路径的空白处,绘制的路径上的锚点及方向线隐藏,如图1-68所示。观察路径效果是否满意,如不满意,用“转换点工具”单击路径,锚点及方向线出现,继续调整。

978-7-111-39682-6-Chapter01-139.jpg

图1-65 编辑路径(1)

978-7-111-39682-6-Chapter01-140.jpg

图1-66 编辑路径(2)

978-7-111-39682-6-Chapter01-141.jpg

图1-67 编辑路径(3)

11)新建名为“Logo描边”的图层,按住<Ctrl>键的同时单击“路径”面板上名为“工作路径”的路径缩览图,选中路径,如图1-69所示。

12)单击“编辑”→“描边”,设置如图1-70所示,描边颜色为RGB(223,174,147),在“Logo描边”图层中出现1-71所示的效果。

13)按住<Ctrl>键的同时单击“路径”面板上名为“路径1”的路径缩览图,选中路径。单击“编辑”→“描边”,设置与上面相同,在“Logo描边”图层中出现如图1-72,图1-73所示的效果。

978-7-111-39682-6-Chapter01-142.jpg

图1-68 编辑路径(4)

978-7-111-39682-6-Chapter01-143.jpg(www.xing528.com)

图1-69 选择路径(1)

978-7-111-39682-6-Chapter01-144.jpg

图1-70 描边对话框

978-7-111-39682-6-Chapter01-145.jpg

图1-71 描边效果(1)

14)新建名为“Logo标准色”的图层,按住<Ctrl>键的同时单击“Logo描边”的图层缩览图,选中路径,如图1-74所示。

978-7-111-39682-6-Chapter01-146.jpg

图1-72 选择路径(2)

978-7-111-39682-6-Chapter01-147.jpg

图1-73 描边效果(2)

15)单击“渐变工具”,在“渐变工具”工具属性栏上打开“渐变编辑器”面板,最终设置好的渐变色标如图1-75所示,各个色标从左向右的设置如下。

第一个色标RGB(131,23,11);

第二个色标RGB(175,68,16);

第三个色标RGB(210,106,18);

第四个色标RGB(217,116,17);

第五个色标RGB(235,137,19)。

16)设置渐变类型为默认的“径向渐变”,鼠标在“Logo标准色”图层中拖动,直到在选中的图形内填充了满意的渐变色为止,按<Ctrl+D>组合键取消选区,最终效果如图1-76、图1-77所示。

2.标志黑稿设计

因为用黑白稿申请商标,使用的时候可以随意改变颜色。如果指定彩色稿申请,使用的时候就必须和申请时的颜色一致,限制了Logo的不同使用效果,所以申请商标时,常将标志转成单色的。以便于客户在以后特定环境下使用Logo其他颜色。

978-7-111-39682-6-Chapter01-148.jpg

图1-74 Logo选区

978-7-111-39682-6-Chapter01-149.jpg

图1-75 最终设置好的渐变色标

在企业标志彩色稿设计的基础上,进行标志黑稿的设计。

978-7-111-39682-6-Chapter01-150.jpg

图1-76 渐变填充

978-7-111-39682-6-Chapter01-151.jpg

图1-77 Logo最终效果

1)设置前景色RGB(0,0,0)。

2)按住<Ctrl>键的同时单击“Logo描边”图层缩览图得到Logo选区,新建名为“Logo黑稿”的图层,在“Logo黑稿”图层中,按住<Alt+Delete>,在选区内填充前景色,黑稿效果如图1-78所示。

3.标志反白设计

标志反白效果就是将黑白颠倒,是基本设计系统里的要素。

根据标准标志的黑白效果图,将黑的部分变成白的,白的部分变成黑的。要注意渐变部分也要相反。

1)设置前景色RGB(255,255,255)。

2)新建名为“Logo反白稿”的图层。

3)按住<Ctrl>键的同时单击“Logo描边”图层缩览图,得到Logo选区,在“Logo反白稿”中,选择菜单“编辑”→“描边”,描边设置如图1-79所示。

4)在“Logo反白稿”中,按住<Alt+Delete>,在选区内填充前景色,反白效果如图1-80所示。

978-7-111-39682-6-Chapter01-152.jpg

图1-78 黑稿效果

978-7-111-39682-6-Chapter01-153.jpg

图1-79 “描边”对话框

978-7-111-39682-6-Chapter01-154.jpg

图1-80 Logo反白稿

4.标志特定色彩效果展示

把标志设置成几种颜色,供企业在不同情况下使用。具体颜色搭配请根据企业具体情况,行业内习惯进行选择,设计方法同黑稿。

Logo各种颜色效果及填充颜色设置如图1-81所示,总效果如图1-82所示。

978-7-111-39682-6-Chapter01-155.jpg

图1-81 Logo效果及颜色设置

978-7-111-39682-6-Chapter01-156.jpg

图1-82 各种颜色Logo效果展示

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈