發(fā)布時間:2024-01-10 20:47:01 瀏覽量:128次
夏季的到來,我們做電商的朋友估計也要忙開來了,尤其是做設(shè)計的朋友,為新品添加新的廣告也是迫在眉睫哦。
今天由我一個粵北大叔彭生生教你一個用photoshop設(shè)計店鋪廣告的方法吧。設(shè)計的步驟簡單,可設(shè)計的影響力卻非同小可哦。此方法用在各個行業(yè)皆可。我們來看看效果吧。
設(shè)計效果圖展示
第1步:打開photoshop軟件后,新建一個寬790像素,高500像素的文檔。然后按Ctrl+R鍵顯示標(biāo)尺,然后拉一條標(biāo)尺線于底部往上一點的位置。然后用選擇框工具選擇標(biāo)尺線以上的圖形。等于畫一個如文檔大小的框。
標(biāo)尺的添加
第2步:新建圖層之后,我們?yōu)檫x框填充前景色。這次的設(shè)計我會盡量講的具體,懂的朋友可以忽略。也是為了照顧初學(xué)者,謝謝理解。
選框的填充顏色
第3步:給新建的圖層添加圖層樣式,圖層樣式我們選擇漸變疊加,漸變的角度我們設(shè)置為0,然后漸變的色標(biāo)分別為:dbc4a2、ebdbc3、dbc4a2。
圖層樣式漸變疊加的添加
第4步:導(dǎo)入一張我們已經(jīng)扣圖好的產(chǎn)品展示圖片,我這里以女裝為例,不同的行業(yè)我們換成不同的產(chǎn)品圖,當(dāng)然了,我們的產(chǎn)品圖之前要扣好。按Ctrl+T調(diào)整圖片的大小。
調(diào)整圖片大小
第5步:產(chǎn)品圖片調(diào)整大小后,把它移動右邊位置,不要太靠右即可。然后在左邊的空白區(qū)域輸入我們的產(chǎn)品介紹文字:夏季換新裝,顏色暫時用黑色,等整體設(shè)計完成后,我們再進(jìn)行調(diào)整文字的顏色。
文字的添加
第6步:在中文字體上面添加我們活動的日期,下面增加一行英文字體,其實在中國,英文的設(shè)計除了美觀,實在沒什么廣告的效應(yīng)。不過有英文裝飾,設(shè)計感就出來了。日期的分格號,我是畫的,用字體的分格線會很粗的感覺,不協(xié)調(diào)。
輸入裝飾文字
第7步:在英文字體下面加入寬度跟英文一樣的寬的矩形框,然后填充為黑色。
加入矩形框
第8步:給黑色框加入圖樣樣式添加一個青色的顏色疊加,顏色為9dab70,然后在框中輸入我們的促銷優(yōu)惠信息。完成后,我們在下面畫一條2個像素的橫線,橫線的顏色用灰色跟青色皆可。接著在橫線下面輸入一段英文作為裝飾,英文用灰色,并盡量對齊。
裝飾文字的添加
第9步:底部留白的區(qū)域用選框工具選好,接著填充青色。哈哈哈,這個時候效果就快出來了,是不是越往下設(shè)計,越完美的感覺?
選擇框填充青色
第10步:在青色框里輸入我們的產(chǎn)品分類或者促銷的產(chǎn)品類型,顏色我們用白色的字體,然后在分類的中間畫1像素的隔開線。
菜單欄的添加
第11步:導(dǎo)入一張樹枝素材,然后在PHOTOSHOP菜單中依次按選擇,色彩選擇,彈出框后,我們用吸管工具在樹枝的旁邊白色區(qū)域吸取顏色,然后點擊確定。這個時候白色區(qū)域全部選擇了,接著按Delete刪除白色就可以,這個時候樹枝就被扣出來了。
樹枝圖的摳圖
第12步:把扣好的樹枝調(diào)整到左邊區(qū)域,然后拉到背景層之上。
樹枝大小調(diào)整
第13步:這個時候呢,我們在photoshop的菜單給樹枝加一個濾鏡效果,我們選擇高斯模糊,模糊的效果我們在調(diào)整的時候可以看到,自己調(diào)整就清楚了。給樹枝增加一個模糊效果后,最后我們用圖層樣式添加的方法,給文字修改下顏色,或者增加一些陰影的效果,這樣整個設(shè)計就完成了,設(shè)計好后,我們無比記得要保存哦。
調(diào)整設(shè)計的細(xì)節(jié)
我的小伙伴們,你學(xué)會了嗎?
如果還有不會的朋友,請在評論區(qū)留言給我,我將認(rèn)真回復(fù)。關(guān)注我,每天為您推送更多的電商美工教程。
本文由粵北大叔彭生生原創(chuàng),歡迎關(guān)注,帶你一起長知識!
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計培訓(xùn)班費用怎么樣?想學(xué)UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎?不知道學(xué)UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
同學(xué)您好!