Photoshop圖像處理課件：霓虹燈字設(shè)計

Photoshop

圖像處理

電商圖像設(shè)計

網(wǎng)店店標(biāo)設(shè)計

網(wǎng)店店招的設(shè)計

0102電商圖像設(shè)計

網(wǎng)店詳情頁設(shè)計03

霓虹燈字設(shè)計04

網(wǎng)店Banner設(shè)計05霓虹燈字設(shè)計

電商圖像設(shè)計學(xué)習(xí)目標(biāo)●掌握電商中藝術(shù)字體的設(shè)計思路和方法?！衲苁炀氝\用快捷鍵進行圖層的復(fù)制和移動。●進一步熟悉描邊、內(nèi)陰影、內(nèi)發(fā)光、外發(fā)光、投影等圖層樣式。任務(wù)分析文字是網(wǎng)店展示商品的重要形式，是傳達商品信息的主要載體，經(jīng)過精心設(shè)計的藝術(shù)字體更加能吸引觀眾，增強視覺體驗。藝術(shù)字體不管是在電商設(shè)計中還是在廣告設(shè)計中，都有廣泛的應(yīng)用。任務(wù)分析本任務(wù)以“3.8”霓虹燈字的設(shè)計為例，介紹電商文字設(shè)計的基本思路和方法，效果圖如圖所示。霓虹燈字體的制作主要通過做出文字立體感，并疊加圖層樣式來實現(xiàn)。本任務(wù)的學(xué)習(xí)重點是運用圖層設(shè)計電商特效文字。任務(wù)實施1．新建圖像文件單擊“文件”菜單中的“新建”命令，彈出“新建”對話框，命名為“霓虹燈字效果”，設(shè)置寬度為800像素，高度為500像素，分辨率為72像素/英寸，顏色模式為RGB顏色、8位，背景內(nèi)容為黑色，如圖所示。設(shè)置完成后，單擊“確定”按鈕。任務(wù)實施2．繪制背景、添加文字（1）新建圖層，單擊“畫筆工具”按鈕，在工具選項欄中設(shè)置畫筆為柔邊緣，畫筆大小為1000像素，硬度為0%，模式為濾色，不透明度為100%，顏色為#450578。調(diào)整好畫筆后，在畫布的中上方單擊一下，單擊圖層面板中的“圖層1”，設(shè)置不透明度為60%，效果圖如圖所示。任務(wù)實施2．繪制背景、添加文字（2）單擊“橫排文字工具”按鈕，在工具選項欄中設(shè)置字體為ArialBoldItalic，大小為160點，顏色為#5d00a6，分三個圖層在畫布中輸入“3.8”三個字符，用“移動工具”調(diào)整三個字符的位置。效果圖如圖所示。任務(wù)實施3．制作立體文字（1）單擊文字圖層“3”，按“Ctrl+T”鍵對文字進行變形，顯示“3”的變換控件，按“↓”鍵，再按“回車”鍵確認，文字就向下移動了一個像素。（2）再按10次“Ctrl+Alt+Shift+T”鍵，得到10個拷貝圖層。圖層面板如圖所示。任務(wù)實施3．制作立體文字（3）用同樣的方法，做出另外兩個字符的立體效果，如圖所示。任務(wù)實施4．描邊（1）選中文字圖層“3”并右擊，在彈出的快捷菜單中選擇“混合選項”，彈出“圖層樣式”對話框，勾選“描邊”選項，設(shè)置大小為2像素，位置為內(nèi)部，字體顏色為白色，如圖所示。任務(wù)實施4．描邊（2）復(fù)制描邊圖層，在圖層面板中復(fù)制的描邊圖層上右擊，在彈出的快捷菜單中選擇“柵格化圖層樣式”，增加描邊效果，將圖層名字改為“3柵格化圖層樣式”，調(diào)整好位置。任務(wù)實施4．描邊（3）用同樣的方法做出另外兩個字符的樣式，效果圖如圖所示。任務(wù)實施5．設(shè)置內(nèi)部文字樣式單擊圖層面板中的“3拷貝10”圖層，依次添加“內(nèi)陰影”“內(nèi)發(fā)光”“外發(fā)光”“投影”4種圖層樣式，具體參數(shù)設(shè)置依次如圖所示。任務(wù)實施5．設(shè)置內(nèi)部文字樣式任務(wù)實施5．設(shè)置內(nèi)部文字樣式設(shè)置圖層樣式后的效果圖如圖所示。任務(wù)實施6．調(diào)整線條效果單擊文字“3”圖層（即描邊圖層樣式圖層），依次添加“描邊”“內(nèi)陰影”“內(nèi)發(fā)光”“外發(fā)光”“投影”幾種圖層樣式，其中“描邊”中的漸變參數(shù)為橙黃橙漸變，具體參數(shù)設(shè)置依次如圖所示。任務(wù)實施6．調(diào)整線條效果任務(wù)實施6．調(diào)整線條效果任務(wù)實施6．調(diào)整線條效果任務(wù)實施6．調(diào)整線條效果設(shè)置圖層樣式后的效果圖如圖所示。任務(wù)實施7．保存圖像文件單擊“文件”菜單中的“存儲為”命令，在彈出的對話框中選擇以JPG格式保存。完成后退出PhotoshopCC2015。注意事項1．在設(shè)計藝術(shù)字時，最好將文字單個分開制作，以方便后期的調(diào)整。如先制作一種文字效果，再用同樣的方法迅速完成其他文字效果。2．描邊類型的藝術(shù)字體應(yīng)選擇筆畫相對較粗的字體進行處理，以便更好地展示出效果。3.Photoshop中的文字工具是最常用、最重要的工具之一，可以使用文字工具在圖像中添加文字及各種效果的文字圖片。相關(guān)知識圖層樣式是一種附加在圖層上的“特殊效果”。Photoshop中共有10種圖層樣式，這些樣式既可以單獨使用，又可以多種樣式同時使用。本任務(wù)中用到了“描邊”“內(nèi)陰影”“內(nèi)發(fā)光”“外發(fā)光”“投影”等圖層樣式。相關(guān)知識一、描邊描邊效果可以用顏色、漸變以及圖案來描繪圖像的輪廓邊緣。圖所示為“描邊”圖層樣式設(shè)置界面，在該界面中可以設(shè)置描邊大小、位置、混合模式、不透明度、填充類型等。相關(guān)知識二、內(nèi)陰影內(nèi)陰影效果可以在緊靠圖層內(nèi)容的邊緣添加陰影，使圖像內(nèi)容產(chǎn)生向畫面內(nèi)側(cè)凹陷的效果。圖所示為“內(nèi)陰影”圖層樣式設(shè)置界面。相關(guān)知識三、內(nèi)發(fā)光與外發(fā)光內(nèi)發(fā)光效果是指沿圖層內(nèi)容的邊緣向內(nèi)創(chuàng)建發(fā)光效果，其設(shè)置界面如圖所示。相關(guān)知識四、投影投影效果是指為圖層模擬出投影效果，用于增加某部分的層次感和立體感，其設(shè)置界面如圖所示。思考練習(xí)一、操作題制作“爆