搜尋
首頁web前端PS教程Photoshop 非常精致的红色邮件图标

一个看似非常简单的邮件图标。不过作者加上了一个质感圆角矩形装饰。效果就大不一样。感觉清爽,精致很多。制作的方法也不难。只需要用选区工具做好选区,填色后加上图层样式,局部再添加一些高光即可。 最终效果
Photoshop 非常精致的红色邮件图标
1、新建一个文档200×200px,背景色:白,分辨率:72dpi。现在给按钮做辅助线,Ctrl+R显示辅助线,在尺寸区域里面按住鼠标左键,把拽辅助线 拉下来如下图:
Photoshop 非常精致的红色邮件图标
2、按快捷键:Ctrl+Alt+C,打开调整画布大小的窗口。设置如下。(画布扩大区域颜色的选则,窗口最下面的那个选项)
Photoshop 非常精致的红色邮件图标
下面是效果图:
Photoshop 非常精致的红色邮件图标
 3、制作背景:作者使用的是灰白色的渐变:#f2f2f2—#c5c5c5。
Photoshop 非常精致的红色邮件图标
4、新建一层空白图层命名为“backlight”,使用小笔刷在背景中间和顶部分别画一个小光圈。
Photoshop 非常精致的红色邮件图标
5、调整这层大 小如下图:
Photoshop 非常精致的红色邮件图标
6、新建一层重命名为“button bg”,按U,选择圆角矩形工具,羽化值:10。如下图画:
Photoshop 非常精致的红色邮件图标
 7、图层样式的设置及效果图:
Photoshop 非常精致的红色邮件图标
<投影>
Photoshop 非常精致的红色邮件图标
<渐变叠加>
Photoshop 非常精致的红色邮件图标
<描边>
Photoshop 非常精致的红色邮件图标

8、高光和阴影的制作:在按钮下面添加一层,命名为:“shadow”,使用矩形选取工具画个阴影:
Photoshop 非常精致的红色邮件图标
 9、滤镜—模糊--高斯模糊—13。
Photoshop 非常精致的红色邮件图标
10、按快捷键Ctrl+T 调整阴影大小,位置。不透明度30%。
Photoshop 非常精致的红色邮件图标
11、在按钮图层上面,新添加一层并命名“Highlight”(高光),设置图层混合模式为: 叠加。选择白色笔 刷,在按钮上部单击一下。如下图。
Photoshop 非常精致的红色邮件图标
12、效果还不是很满意,复制一层,混合模式改回 “正常”。按Ctrl+T改变大小和位置如下图:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
13、新建图层命名为“envelope”,画“信封”图标了,选择矩形选取工具, 画出如下图矩形。
Photoshop 非常精致的红色邮件图标
 14、图层样式的设置。
Photoshop 非常精致的红色邮件图标
<投影>
Photoshop 非常精致的红色邮件图标
<外发光>
Photoshop 非常精致的红色邮件图标
<描边>
Photoshop 非常精致的红色邮件图标

15、新建一层,继续制作信封的图标。按U选择多边形工具。
Photoshop 非常精致的红色邮件图标  设置如下:
Photoshop 非常精致的红色邮件图标
16、画出一个三角形如下图。使用自由变换工具调整位置,大小。
Photoshop 非常精致的红色邮件图标
17、图层样式设置及效果图:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
 18、复制一层,Ctrl+T自由变换,选择垂直翻转,并调节大小如下图:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
19、记得把这复制的小三角形的图层选项:描边去掉!在大三角和小 三角形中间新建一层做一个小圆选区。我们使用笔刷画一下大三角形投影到小三角形上的阴影。
Photoshop 非常精致的红色邮件图标
20、记得使用模糊和调整图层透明度来使阴影柔和效果:
Photoshop 非常精致的红色邮件图标
21、添加文字:
Photoshop 非常精致的红色邮件图标
 22、加上图层样式:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
最终效果图:
Photoshop 非常精致的红色邮件图标

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Photoshop的主要特徵:深度潛水Photoshop的主要特徵:深度潛水Apr 19, 2025 am 12:08 AM

Photoshop的關鍵功能包括圖層與蒙版、調整工具、濾鏡與效果。 1.圖層與蒙版允許獨立編輯圖像部分。 2.調整工具如亮度/對比度可修改圖像色調和亮度。 3.濾鏡與效果可快速添加視覺效果。掌握這些功能可以幫助創意專業人士實現創意願景。

Photoshop和數字藝術:繪畫,插圖和合成Photoshop和數字藝術:繪畫,插圖和合成Apr 18, 2025 am 12:01 AM

Photoshop在數字藝術中的應用包括繪畫、插圖和圖像合成。 1)繪畫:使用畫筆、鉛筆和混合工具,藝術家可創造逼真效果。 2)插圖:通過矢量和形狀工具,藝術家可精確繪製複雜圖形並添加效果。 3)合成:利用蒙版和圖層混合模式,藝術家可將不同圖像元素無縫融合。

高級Photoshop教程:大師修飾和合成高級Photoshop教程:大師修飾和合成Apr 17, 2025 am 12:10 AM

Photoshop的高級修圖與合成技術包括:1.使用圖層、蒙版和調整層進行基礎操作;2.通過調整圖像像素值實現修圖效果;3.利用多圖層和蒙版進行複雜合成;4.應用“液化”工具調整面部特徵;5.使用“頻率分離”技術進行細膩修圖,這些技術能提升圖像處理水平並實現專業級效果。

使用Photoshop進行圖形設計:品牌和更多使用Photoshop進行圖形設計:品牌和更多Apr 16, 2025 am 12:02 AM

使用Photoshop進行品牌設計的步驟包括:1.使用鋼筆工具繪製基本形狀,2.通過圖層樣式添加陰影和高光,3.調整顏色和細節,4.使用智能對象和動作自動生成不同版本的設計。 Photoshop通過圖層和蒙版的靈活性,幫助設計師創建和優化品牌元素,從簡單的標誌到復雜的品牌指南,確保設計的一致性和專業性。

Photoshop的訂閱模型:您的錢是什麼Photoshop的訂閱模型:您的錢是什麼Apr 15, 2025 am 12:17 AM

Photoshop的訂閱模式值得購買。 1)用戶可以隨時訪問最新版本和跨設備使用。 2)訂閱費用低,提供持續更新和技術支持。 3)高級功能如神經濾鏡可用於復雜圖像處理。儘管長期成本較高,但其便利性和功能更新對專業用戶很有價值。

Photoshop:調查免費試用和折扣選項Photoshop:調查免費試用和折扣選項Apr 14, 2025 am 12:06 AM

你可以通過以下方式以最經濟的方式獲得Photoshop的使用權:1.利用7天的免費試用期體驗軟件功能;2.尋找學生或教師折扣,以及季節性促銷;3.使用第三方網站上的優惠券;4.訂閱AdobeCreativeCloud的月度或年度計劃。

設計師的Photoshop:創建視覺概念設計師的Photoshop:創建視覺概念Apr 13, 2025 am 12:09 AM

在Photoshop中創建視覺概念可以通過以下步驟實現:1.創建新文檔,2.添加背景層,3.使用畫筆工具繪製基本形狀,4.調整顏色和亮度,5.添加文本和圖形,6.使用蒙版進行局部編輯,7.應用濾鏡效果,這些步驟幫助設計師從零開始構建完整的視覺作品。

Photoshop免費嗎?了解訂閱計劃Photoshop免費嗎?了解訂閱計劃Apr 12, 2025 am 12:11 AM

Photoshop不是免費的,但有幾種方式可以低成本或免費使用:1.免費試用期為7天,期間可體驗所有功能;2.學生和教師優惠可將成本減半,需提供學校證明;3.CreativeCloud套餐適合專業用戶,包含多種Adobe工具;4.PhotoshopElements和Lightroom為低成本替代方案,功能較少但價格更低。

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脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱工具

mPDF

mPDF

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

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器