Photoshop 制作蘋果導航欄效果教程
我要評論
第1步、新建一個500px * 50px 的文件
第2步、使用矩形選框工具將樣式設(shè)置為固定長寬比，寬度設(shè)為480px高度設(shè)為35px，在當前畫布內(nèi)繪制選區(qū)
第3步、轉(zhuǎn)到選擇>修改>平滑命令，將取樣半徑設(shè)置為3，再新建一個圖層將圖層填充為任何你想要的顏色都可以
第4步應(yīng)用圖層樣式
設(shè)置如下：漸變疊加顏色: #949494 到 #d2d2d2
投影：#b1b1b1
第5步添加一些文字，顏色#383838 字體為Myriad Pro 點擊下載photoshop字體 大小為 14pt
第6步應(yīng)用投影效果，設(shè)置如下圖所示：（注這里的混合模式改為了正常）
第7步你的導航條現(xiàn)在應(yīng)該看起來像這個樣子
第8步接下來就來給每個鏈接添加邊框
第9步新建一個圖層選擇鉛筆工具，從導航條的頂部到底部繪制兩條線間隔1px的線條，如下圖所示使用白色。
第10步把這個圖層的混合模式改為柔光和不透明度降到20%。
第11步創(chuàng)建一個新層繪制另一條1px線條顏色#808080擺放在兩條白線之間
第12步保持這個圖層的混合模式為正常把它的不透明度降到35%
第13步復(fù)制這兩個圖層，把他們（線條）擺放在每個鏈接之間如下圖
第14步現(xiàn)在讓我們制作翻轉(zhuǎn)效果，在兩個線條邊框之間做選區(qū)如圖所示
第15步新建圖層，把選區(qū)填充為任何想要的顏色。然后轉(zhuǎn)到圖層樣式應(yīng)用漸變：顏色#666666到#a1a1a1
第16步把按鈕上字體的顏色改為白色應(yīng)用投影效果顏色為 #454545
第17步這樣子你的蘋果導航欄就完成了，完成后應(yīng)該像這個樣子。
就這樣photoshop教程完成了，大家有看到好的photoshop國外教程可以推薦我們翻譯哦，這個教程的話只是教大家做一個蘋果風格的效果，要想在網(wǎng)頁上實現(xiàn)這種效果還需要設(shè)置css樣式，附蘋果官網(wǎng)的導航條圖，有興趣的朋友可以研究下。
相關(guān)文章
PS不能完成命令，因為沒有足夠內(nèi)存(RAM)的解決方案
photoshop無疑是一款非常好用的圖像編輯軟件，對于電腦小白來說操作非常困難，比如提示“不能完成命令，因為沒有足夠內(nèi)存（RAM）”要怎么辦呢？下面就來看看小編為大家提供2025-05-16
縱享絲滑的修圖體驗! 10個Photoshop性能優(yōu)化小技巧
ps提供了豐富的自定義選項，只要根據(jù)你的硬件配置和項目需求，合理調(diào)整內(nèi)存、緩存等核心參數(shù)，只要幾個小步驟，小白用戶也能讓運行效率加倍2025-04-24
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件，但是電腦沒有安裝ps，該怎么解決這個問題呢？下面我們就來看看這個問題的解決辦法2025-05-07ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中，Photoshop總是會無緣無故地自動退出，這不僅打斷了工作流程，還可能導致未保存的更改丟失，令人頭疼不已，本文將深入剖析Photoshop自動退出的原因，并提供相2024-07-04
怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個圖層，并沒有引入什么大型圖片，但是 PSD 文件卻異常巨大，而且用起來經(jīng)?？D？下面我們就來看看pds文件優(yōu)化方法2024-05-25
將多個圖層合并為一個圖層，但作為設(shè)計師你需要了解一下合并圖層是有破壞性的，下面我們就來詳細介紹一下2024-05-25- 通常是因為Photoshop使用的暫存盤空間不足，導致無法正常工作,那么，如何解決這一問題呢？本文將為您提供詳細的解決方案2024-05-25
PS存儲和存儲為有什么區(qū)別? 理解存儲與存儲為的重要性
ps導出文件的時候，可以直接存儲，也可以另存存儲為，這兩個操作有區(qū)別嗎？新手該怎么保存文件呢？詳細請看下文介紹2024-03-28
ps beta ai顯示高峰需求進不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能，在使用過程中，有時會遇到一個令人煩惱的問題，那就是PhotoshopBetaAI提示我們正在面臨高峰需求，請稍候再試，針對這個問題，本文為大家整理2024-03-28ps段落兩端對齊不能用怎么辦? ps文字排版不能對齊的修復(fù)技巧
PS進行設(shè)計時，段落兩端對齊是一個常用的排版功能，它能讓文本看起來更加整潔和專業(yè),然而，許多用戶在使用PS時可能會遇到一個令人頭疼的問題：段落兩端對齊功能似乎不起作2024-03-09
