當前位置:
首頁 > 最新 > photoshop教程店鋪裝修左側導航欄的設計製作

photoshop教程店鋪裝修左側導航欄的設計製作

這次來分享在photoshop軟體中製作一個店鋪左側導航的講解。

啟動電腦,打開photoshop軟體,在新建文件中,設置文件名字,設置相應的參數,如圖所示。

把背景填充成黑夜,轉換成普通圖層。

使用選框工具,給黑色背景做一個造型,如圖所示。

使用矩形工具,填充白色,複製出多個。

創建出來這些形狀,然後進行排列,到時候需要添加上導航文字信息。

排列後的效果如圖所示。

導航頂部的背景過於單調,在photoshop軟體中,使用畫筆工具,設置好相應的顏色,然後進行塗抹繪製。

多次調整後的效果,如圖所示。

再用矩形工具,創建矩形,填充顏色,放到最頂部的位置,如圖所示。

這樣的話,整個導航的背景製作就設計完了。

接下里,我們開始對文字內容進行創作。

使用photoshop教程軟體里的文字工具,工具箱中「T」鍵,創建文字。

在字元面板中,調整合適的顏色和大小位置,如圖所示。

接下來把導航分類的文字也創建進來。

記得,一定要居中對齊,要整齊統一才行。

如圖所示。

最後把底部的掃描信息也創建進來。

把返回頂部也創建進來。

在photoshop軟體里製作店鋪左側導航的最終效果,如圖所示。

如果在製作的過程有些細節不清楚或者操作的時候不太明白,可以跟著上面的演示視頻,操作練習。謝謝大家,希望多多關注,多多點贊。


點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 美工教程 的精彩文章:

版式設計中的文字層級理論
美食攝影如何選擇光線的方向
photoshop教程ps軟體製作一個立體字效果
今天,請善待單身狗!
PS工具欄的真相,看完設計師都哭了……

TAG:美工教程 |

您可能感興趣

裝修小白墨跡打造的dream house太美了!
125㎡裝修範例:less is more,家裝里的極簡主義!
新家裝修style(四)
Arcadia孔雀園·獨棟美宅·新裝修·最新上市·Open House美食,禮物等著你,喜歡就聯繫我吧
Hey!你的Instagram真的需要好好裝修一下了
起亞美國公司與Facebook合作推出AR應用,AR汽車裝修,玩的不錯!
inDeco帶你看辦公室裝修中有哪些消費陷阱
讓人大開眼界的大戶型loft設計!創意新房裝修設計案例
客廳裝修雷區,必須get!
40平單身公寓想要的超強裝修設計,7萬爆改loft戶型
在座pick的老公都適合什麼樣的裝修?
新裝修的房子裝完AIRMX Pro新風系統親測真實體驗
好漂亮的新房裝修,103㎡簡美三居室,為U型廚房瘋狂打call!
投資界快訊| VR裝修「巧燕築家」獲Pre-A輪融資2200萬,快速布局VR系統
OFF-WHITE 裝修風格了解一下?
Loft複式樓裝修學會這三招,輕鬆裝出高顏值樓梯!
裝修風格測試:快看看自己適合哪種style?
50平米小戶型我喜歡的style 這個調調送給想要裝修的你
《少女の裝修初體驗》第三彈:LESS IS MORE
超氣派的135平Loft舊房翻新裝修,奢華大氣有內涵!