Photoshop制作簡潔的電商促銷橫幅
來源:站酷 作者:流年繪
電商促銷頁面中的橫幅比較重要,作者在設(shè)計(jì)的時(shí)候也非常用心,用較大的文字直接表達(dá)主題,再加上一些合適的裝飾,效果也非常不錯(cuò)。
最終效果
<點(diǎn)小圖查看大圖>
1、新建一個(gè)寬度1920像素,高光自定的文件,填充顏色:#ffd941。然后在1000像素內(nèi)拉取鋪助線。
2、使用鋼筆工具勾取形狀,填充顏色:#ae1c0d。
3、輸入字體,大小150PX,按Ctrl + T 把文字調(diào)斜一點(diǎn)。
4、一樣用鋼筆工具,畫出一個(gè)形狀,至此大體的排版就出來了。
5、排版好之后,我們就開始處理文字效果,首先把文字合并,然后圖層樣式選擇描邊,大小數(shù)值選25。
6、然后用鋼筆工具對著描邊的形狀進(jìn)行重新畫一遍,使棱角分明點(diǎn)。色值#350a04。之后把描邊圖層樣式清除掉。
7,8、復(fù)制幾層文字圖層,向右下角輕移幾步,然后合并圖層,命名陰影層,之后再新建一個(gè)圖層,對陰影層創(chuàng)建剪切蒙版,用畫筆繪制效果如下。
9、把文字圖層眼睛點(diǎn)上,然后修改文字顏色,色值為#f9e00b,然后再對文字層做些漸變。
10、對矩形進(jìn)行處理,簡單的加個(gè)漸變效果,還有投影即可,無需太復(fù)雜。
11、輸入活動(dòng)文字,注意主次,然后疊加一個(gè)炫光素材,模式改為“濾色”。
12、主體內(nèi)容都處理好后,我們開始處理背景,現(xiàn)在感覺還有點(diǎn)單調(diào)。首先壓暗邊緣跟底部,提亮正中頂部,然后疊加一個(gè)不規(guī)則形狀素材,再疊加一個(gè)窗簾素材。
<點(diǎn)小圖查看大圖>
13、至此基本就算完成了,但是促銷氛圍還不夠,所有我們要添加一些飄絮物來制造氛圍。
最終效果:
本文地址:http://likemindfilms.com/tutorial/ps2543.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏