搜尋
首頁web前端PS教程photoshop打造一个精致的蓝色水晶文件夹图标

简单的图标制作起来并不是那么简单。需要把图标的各个面的暗调,高光,反光等都渲染出来,尤其在渲染图标叠加部分的时候,要控制好个部分的透明度,做出层次较强的效果图。 最终效果

photoshop打造一个精致的蓝色水晶文件夹图标

1、打开PS,新建一个一个文档(Ctrl + N)。参数如下:分辨率:72dpi;颜色模式:RGB;尺寸:600×600 px,使用钢笔工具(P)创建如下形状。

photoshop打造一个精致的蓝色水晶文件夹图标
 
2、使用钢笔工具绘制文件夹背后的部分,然后再绘制蓝色条纹。如下图所示。

photoshop打造一个精致的蓝色水晶文件夹图标

3、绘制完成文件夹之后,继续按下图所示添加纸和箭头。你现在应该有五个图层,每个形状都会有自己的图层。别忘了给每个图层起一个好认的名字。

photoshop打造一个精致的蓝色水晶文件夹图标
 
4、为文件夹前面的部分添加下图所示的图层样式。不透明的设为90%。

photoshop打造一个精致的蓝色水晶文件夹图标

5、为纸片添加如下的图层样式。不透明度降至90-95%左右。

photoshop打造一个精致的蓝色水晶文件夹图标
 
6、为条纹添加如下的图层样式。

photoshop打造一个精致的蓝色水晶文件夹图标

7、为文件夹的背面添加如下的图层样式。

photoshop打造一个精致的蓝色水晶文件夹图标

8、为箭头添加如下的图层样式。

photoshop打造一个精致的蓝色水晶文件夹图标
 
9、现在你的图标应该是这样。

photoshop打造一个精致的蓝色水晶文件夹图标

10、新建一个组命名为"refs"。按下图所示用钢笔工具绘制反射。要确保你绘制的形状是路径曲线而非形状图层(注意下图的黑箭头所示)。闭合曲线之后,在工作区按右键选择“建立选区”(羽化值为0)。选择一个大笔刷(直径大概470左右,硬度为0),沿选区的右半部份绘制反射。之后将混合模式改为叠加,不透明度为63%。

photoshop打造一个精致的蓝色水晶文件夹图标

11、新建一个组命名为"margins",在该组内新建一个图层(Ctrl + Shift + N)。现在增加边缘的高光细节以使图标更具立体感。使用钢笔工具沿拐角处和文件夹、箭头和纸张的边缘绘制路径。然后在工作区右键选择描边路径-画笔。注意此时笔刷需要设置为直径8像素,硬度为0。混合模式改为叠加,不透明度大概55%左右。

photoshop打造一个精致的蓝色水晶文件夹图标
 
12、新建一层(Ctrl + Shift + N)制作阴影,将该层打入一个新组内(Ctrl + G)。像第五步那样绘制选区。为选区填充黑色,然后用模糊工具模糊边缘。如果阴影太强了,需要将图层的不透明度降至40%。

photoshop打造一个精致的蓝色水晶文件夹图标

13、用你喜欢的字体添加文字。这个示例中我用的是"Agency FB"。字体大小为40,不透明度75%。

photoshop打造一个精致的蓝色水晶文件夹图标
 
14、用第五步所示的技术再为纸张添加一些反射。

photoshop打造一个精致的蓝色水晶文件夹图标

15、用椭圆工具(U)添加一个阴影。如下图所示绘制一个椭圆并添加一点点动感模糊。降低不透明度直到你觉得合适了。

photoshop打造一个精致的蓝色水晶文件夹图标

16、我还用相同的技术制作了一些不同的图标,如下图。希望你喜欢这个教程。

photoshop打造一个精致的蓝色水晶文件夹图标

photoshop打造一个精致的蓝色水晶文件夹图标

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
超越編輯:Photoshop的創意功能超越編輯:Photoshop的創意功能May 03, 2025 am 12:12 AM

AdobePhotoshop超越簡單的編輯,成為藝術家和設計師的創意工具。 1)它提供了豐富的工具,如畫筆、圖章工具、混合模式和圖層樣式,支持從基本圖像調整到復雜的數字繪畫和3D設計。 2)這些工具通過像素級操作實現功能,允許用戶創造獨特的視覺效果。

Photoshop:探索定價模型和選項Photoshop:探索定價模型和選項May 02, 2025 am 12:12 AM

Photoshop提供單一購買和訂閱服務兩種定價模式。 1.單一購買:一次性支付$699,永久使用,但無更新和雲服務。 2.訂閱服務:每月$20.99或每年$239.88,可使用最新版本和雲服務。 3.企業方案:每月每用戶$33.99,包含團隊管理和額外雲存儲。 4.教育優惠:學生和教師每月$19.99,包含多款CreativeCloud應用。

Photoshop:掌握層和構圖Photoshop:掌握層和構圖May 01, 2025 am 12:05 AM

在Photoshop中創建新圖層的方法是:1.點擊圖層面板底部的“新建圖層”按鈕;2.使用快捷鍵Ctrl Shift N(Windows)或Command Shift N(Mac)。圖層就像畫布上的透明薄片,允許分開管理設計元素,進行非破壞性編輯和實驗,提升設計水平。

Photoshop應用程序:從照片編輯到數字藝術Photoshop應用程序:從照片編輯到數字藝術Apr 30, 2025 am 12:10 AM

Photoshop在圖像處理和數字藝術領域廣泛應用,適用於照片編輯和數字藝術創作。 1.照片編輯:調整亮度和對比度使用“亮度/對比度”工具。 2.數字藝術:使用畫筆工具進行繪畫創作。 3.基本用法:去除紅眼使用“紅眼工具”。 4.高級用法:圖像合成使用圖層和蒙版。 5.調試:恢復丟失圖層通過檢查圖層面板。 6.性能優化:調整內存使用量以提高運行速度。

Photoshop的核心功能:圖像編輯和操縱Photoshop的核心功能:圖像編輯和操縱Apr 29, 2025 am 12:17 AM

Photoshop的核心功能是圖像編輯和操作,包括調整圖像的色彩、亮度、對比度,應用濾鏡效果,裁剪和調整圖像大小,進行圖像合成等。 1.調整亮度和對比度:打開圖像,選擇“圖像”菜單中的“調整”選項,選擇“亮度/對比度”,調整滑塊。 2.使用色階調整層和圖層蒙版:點擊“創建新填充或調整層”按鈕,選擇“色階”,調整色階,添加圖層蒙版,用畫筆工具控制調整效果。

Photoshop:柵格圖形編輯的功能Photoshop:柵格圖形編輯的功能Apr 28, 2025 am 12:13 AM

Photoshop是處理柵格圖形的強大工具,其核心功能包括圖層與蒙版、濾鏡與調整。 1.圖層與蒙版允許獨立編輯和非破壞性修改。 2.濾鏡與調整可快速改變圖像外觀,但需謹慎使用以免影響圖像質量。通過掌握這些功能和高級技巧,可以大大提升圖像編輯和創作能力。

Photoshop:用於圖像操縱的多功能工具Photoshop:用於圖像操縱的多功能工具Apr 27, 2025 am 12:13 AM

Photoshop在圖像處理領域如此強大是因為其多功能性和直觀的操作界面。 1)它能處理從基本調整到復雜合成的各種任務,如調整亮度和對比度。 2)基於圖層和蒙版的工作原理允許非破壞性編輯。 3)使用示例包括調整顏色平衡和創建圖層蒙版。 4)常見錯誤如過度編輯可以通過歷史記錄面板避免。 5)性能優化建議包括使用智能對象和快捷鍵。

Photoshop試驗和替代方案:探索免費訪問Photoshop試驗和替代方案:探索免費訪問Apr 26, 2025 am 12:23 AM

Photoshop提供7天的免費試用期。要最大化利用試用期,1)註冊多個Adobe賬戶,2)使用學生或教育版,3)訂閱AdobeCreativeCloud。免費替代方案包括:1)GIMP,2)Photopea,3)Krita,這些軟件能滿足日常圖像編輯需求。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器