基于Photoshop CC的企業(yè)門戶網(wǎng)站Logo設(shè)計*

馬靜

摘 要：網(wǎng)站Logo是企業(yè)門戶網(wǎng)站的核心元素，其設(shè)計對樹立企業(yè)形象，展示企業(yè)文化具有非常重要的作用，文章分析了設(shè)計網(wǎng)站Logo所需的關(guān)鍵技術(shù)，以一個具體案例介紹了網(wǎng)站Logo設(shè)計和實現(xiàn)的具體過程，為網(wǎng)站前端開發(fā)人員提供依據(jù)。

關(guān)鍵詞：網(wǎng)站Logo設(shè)計；PhotoshopCC；企業(yè)門戶網(wǎng)站

中圖分類號：TP317.4 文獻標識碼：A 文章編號：2095-2945（2017）22-0108-02

1 概述

企業(yè)門戶網(wǎng)站是企業(yè)通過互聯(lián)網(wǎng)樹立企業(yè)形象，展示企業(yè)文化，宣傳企業(yè)產(chǎn)品、經(jīng)營理念的有效手段，因此一個優(yōu)秀的企業(yè)門戶網(wǎng)站對企業(yè)的發(fā)展至關(guān)重要，然而優(yōu)秀的企業(yè)網(wǎng)站需要有一個出色的網(wǎng)站Logo。網(wǎng)站Logo即網(wǎng)站標志，是企業(yè)品牌標志系統(tǒng)中的重要組成部分，也是衡量網(wǎng)站設(shè)計水平的一個重要標志；Logo是網(wǎng)站的“名片”，更是一個企業(yè)的靈魂，它可以使用文字和圖形元素借助靜態(tài)或動態(tài)的形式得以展現(xiàn)。

2 技術(shù)解析

企業(yè)門戶網(wǎng)站Logo設(shè)計可借助Adobe公司開發(fā)的Photoshop CC圖像處理軟件實現(xiàn)，Logo中文字元素的實現(xiàn)可以通過PhotoshopCC中的文字工具完成，在實現(xiàn)時可選擇一個合適的字體，并設(shè)置文字屬性，同時可使用蒙版文字、路徑文字等技術(shù)對常規(guī)文字進行藝術(shù)化處理從而達到需要的效果。圖形的實現(xiàn)需要理解Photoshop CC中路徑的相關(guān)概念，并熟練掌握路徑工具的使用。路徑就是一條線路，它可以是閉合的也可以是開放的，用于繪制光滑的線條或特殊形狀，可確定圖像選擇區(qū)域及輔助摳圖，同時可定義畫筆等工具的繪制路徑。路徑的實現(xiàn)可通過路徑工具，路徑工具是一種矢量繪圖工具，它可以繪制直線路徑和光滑的曲線路徑。路徑工具包括3組工具：“鋼筆工具組”、“形狀工具組”和“路徑選擇工具組”。

鋼筆工具是實現(xiàn)路徑的關(guān)鍵，其使用要點包括：（1）直線路徑實現(xiàn)，即使用鋼筆工具，按照路徑走向，單擊鼠標左鍵后松開，創(chuàng)建角點，角點連接可得；（2）曲線路徑實現(xiàn)，即使用鋼筆工具，單擊鼠標左鍵后按住左鍵不放移動鼠標，可產(chǎn)生控制手柄，調(diào)整控制手柄的方向和長短，平滑點連接可得到不同弧度的曲線。對于需要修改的路徑可使用“路徑選擇工具組”，“路徑選擇工具組”包括“路徑選擇工具”和“直接選擇工具”，“路徑選擇工具”圖標為黑箭頭，其使用方法類似于“移動工具”，用于整體移動路徑的位置；“直接選擇工具”圖標為白箭頭，它可以方便地對錨點、控制手柄、路徑線段甚至全部路徑進行移動、改變方向和形狀操作。

3 設(shè)計過程

下面介紹一個具體的企業(yè)門戶網(wǎng)站Logo設(shè)計案例“NextVIEW”Logo設(shè)計，該設(shè)計的圖形元素以樹葉嫩芽為靈感，體現(xiàn)了對生命和夢想的美好愿望，文字元素是公司的名稱，在處理上采用Photoshop圖層中的“斜面和浮雕”處理效果，使文字的展現(xiàn)更有立體感，整體配色使用淺藍色和嫩綠色，能給人帶來清新、淡雅、大方、美好的視覺享受，背景的設(shè)計使用白色至淺灰的經(jīng)向漸變，能夠烘托Logo設(shè)計主題，使整體設(shè)計看起來更加美觀大氣。設(shè)計效果圖如圖1所示，設(shè)計過程及操作步驟見下文。

（1）在Photoshop CC中新建一個PSD格式文件，文件大小為寬度1200像素、高度600像素，分辨率為300像素，圖像顏色模式為RGB/8位，背景內(nèi)容為白色。

（2）新建一個透明圖層，命名為“漸變背景”，為該圖層添加圖層樣式“漸變疊加效果”，設(shè)置漸變色為：白色至淺灰色漸變，漸變方向為反向，漸變樣式：經(jīng)向漸變，如圖2所示。通過該步驟為Logo添加背景。

（3）新建透明圖層，命名為“葉子-大”，使用鋼筆工具繪制葉子路徑，繪制完成后，在路徑調(diào)板中，將路徑轉(zhuǎn)換為選區(qū)，回到“葉子-大”圖層，將葉子填充為藍色“#05adaf”，添加“斜面浮雕”和“內(nèi)陰影”效果，如圖3和4所示。

（4）復(fù)制“葉子-大”圖層，重命名為“葉子-中”圖層，按住ctrl鍵，單擊“葉子-中”圖層縮略圖，獲得選區(qū)，填充綠色#95e104，按ctrl+T快捷鍵，變換至合適大小，放置到合適的位置。

（5）復(fù)制“葉子-中”圖層，重命名為“葉子-小”圖層，按ctrl+T快捷鍵，變換至合適大小，放置到合適的位置。

（6）使用文字工具，添加標志文字“NextVIEW”字體為Times New Roman，文字效果為Bold，大小12點，顏色# 049294，柵格化圖層，添加“斜面和浮雕”圖層樣式，如圖5所示。

4 結(jié)束語

本文提供了一種企業(yè)門戶網(wǎng)站Logo設(shè)計的有效案例，對使用Photoshop CC圖像處理軟件解決此案例時所需的關(guān)鍵技術(shù)進行了分析，介紹了該案例的設(shè)計過程，為網(wǎng)站前端開發(fā)人員和學(xué)習(xí)者提供了參考。

參考文獻：

[1]劉婷.企業(yè)門戶網(wǎng)站設(shè)計建設(shè)與維護[J].中國化工貿(mào)易，2014（32）.

[2]張靖.門戶網(wǎng)站標志設(shè)計與應(yīng)用研究[D].河北大學(xué)，2013.

[3]吳尚君.從標志設(shè)計談現(xiàn)代企業(yè)理念及內(nèi)涵的表現(xiàn)[J].中國美術(shù)教育，1999（05）.