基于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）.