基于Photoshop CC的企业门户网站Logo设计*

马静

摘 要：网站Logo是企业门户网站的核心元素，其设计对树立企业形象，展示企业文化具有非常重要的作用，文章分析了设计网站Logo所需的关键技术，以一个具体案例介绍了网站Logo设计和实现的具体过程，为网站前端开发人员提供依据。

关键词：网站Logo设计；PhotoshopCC；企业门户网站

中图分类号：TP317.4 文献标识码：A 文章编号：2095-2945（2017）22-0108-02

1 概述

企业门户网站是企业通过互联网树立企业形象，展示企业文化，宣传企业产品、经营理念的有效手段，因此一个优秀的企业门户网站对企业的发展至关重要，然而优秀的企业网站需要有一个出色的网站Logo。网站Logo即网站标志，是企业品牌标志系统中的重要组成部分，也是衡量网站设计水平的一个重要标志；Logo是网站的“名片”，更是一个企业的灵魂，它可以使用文字和图形元素借助静态或动态的形式得以展现。

2 技术解析

企业门户网站Logo设计可借助Adobe公司开发的Photoshop CC图像处理软件实现，Logo中文字元素的实现可以通过PhotoshopCC中的文字工具完成，在实现时可选择一个合适的字体，并设置文字属性，同时可使用蒙版文字、路径文字等技术对常规文字进行艺术化处理从而达到需要的效果。图形的实现需要理解Photoshop CC中路径的相关概念，并熟练掌握路径工具的使用。路径就是一条线路，它可以是闭合的也可以是开放的，用于绘制光滑的线条或特殊形状，可確定图像选择区域及辅助抠图，同时可定义画笔等工具的绘制路径。路径的实现可通过路径工具，路径工具是一种矢量绘图工具，它可以绘制直线路径和光滑的曲线路径。路径工具包括3组工具：“钢笔工具组”、“形状工具组”和“路径选择工具组”。

钢笔工具是实现路径的关键，其使用要点包括：（1）直线路径实现，即使用钢笔工具，按照路径走向，单击鼠标左键后松开，创建角点，角点连接可得；（2）曲线路径实现，即使用钢笔工具，单击鼠标左键后按住左键不放移动鼠标，可产生控制手柄，调整控制手柄的方向和长短，平滑点连接可得到不同弧度的曲线。对于需要修改的路径可使用“路径选择工具组”，“路径选择工具组”包括“路径选择工具”和“直接选择工具”，“路径选择工具”图标为黑箭头，其使用方法类似于“移动工具”，用于整体移动路径的位置；“直接选择工具”图标为白箭头，它可以方便地对锚点、控制手柄、路径线段甚至全部路径进行移动、改变方向和形状操作。

3 设计过程

下面介绍一个具体的企业门户网站Logo设计案例“NextVIEW”Logo设计，该设计的图形元素以树叶嫩芽为灵感，体现了对生命和梦想的美好愿望，文字元素是公司的名称，在处理上采用Photoshop图层中的“斜面和浮雕”处理效果，使文字的展现更有立体感，整体配色使用浅蓝色和嫩绿色，能给人带来清新、淡雅、大方、美好的视觉享受，背景的设计使用白色至浅灰的经向渐变，能够烘托Logo设计主题，使整体设计看起来更加美观大气。设计效果图如图1所示，设计过程及操作步骤见下文。

（1）在Photoshop CC中新建一个PSD格式文件，文件大小为宽度1200像素、高度600像素，分辨率为300像素，图像颜色模式为RGB/8位，背景内容为白色。

（2）新建一个透明图层，命名为“渐变背景”，为该图层添加图层样式“渐变叠加效果”，设置渐变色为：白色至浅灰色渐变，渐变方向为反向，渐变样式：经向渐变，如图2所示。通过该步骤为Logo添加背景。

（3）新建透明图层，命名为“叶子-大”，使用钢笔工具绘制叶子路径，绘制完成后，在路径调板中，将路径转换为选区，回到“叶子-大”图层，将叶子填充为蓝色“#05adaf”，添加“斜面浮雕”和“内阴影”效果，如图3和4所示。

（4）复制“叶子-大”图层，重命名为“叶子-中”图层，按住ctrl键，单击“叶子-中”图层缩略图，获得选区，填充绿色#95e104，按ctrl+T快捷键，变换至合适大小，放置到合适的位置。

（5）复制“叶子-中”图层，重命名为“叶子-小”图层，按ctrl+T快捷键，变换至合适大小，放置到合适的位置。

（6）使用文字工具，添加标志文字“NextVIEW”字体为Times New Roman，文字效果为Bold，大小12点，颜色# 049294，栅格化图层，添加“斜面和浮雕”图层样式，如图5所示。

4 结束语

本文提供了一种企业门户网站Logo设计的有效案例，对使用Photoshop CC图像处理软件解决此案例时所需的关键技术进行了分析，介绍了该案例的设计过程，为网站前端开发人员和学习者提供了参考。

参考文献：

[1]刘婷.企业门户网站设计建设与维护[J].中国化工贸易，2014（32）.

[2]张靖.门户网站标志设计与应用研究[D].河北大学，2013.

[3]吴尚君.从标志设计谈现代企业理念及内涵的表现[J].中国美术教育，1999（05）.