search
HomeWeb Front-endPS TutorialPhotoshop 非常精致的红色邮件图标

一个看似非常简单的邮件图标。不过作者加上了一个质感圆角矩形装饰。效果就大不一样。感觉清爽,精致很多。制作的方法也不难。只需要用选区工具做好选区,填色后加上图层样式,局部再添加一些高光即可。 最终效果
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 非常精致的红色邮件图标

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Using Photoshop: Creative Possibilities and Practical UsesUsing Photoshop: Creative Possibilities and Practical UsesApr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

Photoshop: Advanced Techniques and ToolsPhotoshop: Advanced Techniques and ToolsApr 21, 2025 am 12:08 AM

Advanced features of Adobe Photoshop include advanced selection tools, layer blending modes, and actions and scripts. 1) Advanced selection tools such as the Quick Selection Tool and the Color Range Selection Tool can accurately select image areas. 2) Layer blending mode such as "overlapping" mode can create unique visual effects. 3) Actions and scripts can automate repetition of tasks and improve work efficiency.

Photoshop's Main Feature: Retouching and EnhancementPhotoshop's Main Feature: Retouching and EnhancementApr 20, 2025 am 12:07 AM

Photoshop's powerful functions in photo editing and enhancement include: 1. Use the "Repair Brush Tool" to remove acne, 2. Use the "Liquefaction Tool" to slim face, 3. Use the "Frequency Separation" technology to accurately retouch images. These functions are implemented through algorithms and image processing technology to optimize image processing effects.

Photoshop's Key Features: A Deep DivePhotoshop's Key Features: A Deep DiveApr 19, 2025 am 12:08 AM

Key features of Photoshop include layers and masks, adjustment tools, filters and effects. 1. Layers and masks allow independent editing of image parts. 2. Adjust tools such as brightness/contrast can modify image tone and brightness. 3. Filters and effects can quickly add visual effects. Mastering these features can help creative professionals achieve their creative vision.

Photoshop and Digital Art: Painting, Illustration, and CompositingPhotoshop and Digital Art: Painting, Illustration, and CompositingApr 18, 2025 am 12:01 AM

Photoshop's applications in digital art include painting, illustration and image synthesis. 1) Painting: Using brushes, pencils and mixing tools, the artist can create realistic effects. 2) Illustration: With vector and shape tools, artists can accurately draw complex graphics and add effects. 3) Synthesis: Using mask and layer blending mode, artists can seamlessly blend different image elements.

Advanced Photoshop Tutorial: Master Retouching & CompositingAdvanced Photoshop Tutorial: Master Retouching & CompositingApr 17, 2025 am 12:10 AM

Photoshop's advanced photo editing and synthesis technologies include: 1. Use layers, masks and adjustment layers for basic operations; 2. Use image pixel values ​​to achieve photo editing effects; 3. Use multiple layers and masks for complex synthesis; 4. Use "liquefaction" tools to adjust facial features; 5. Use "frequency separation" technology to perform delicate photo editing, these technologies can improve image processing level and achieve professional-level effects.

Using Photoshop for Graphic Design: Branding and MoreUsing Photoshop for Graphic Design: Branding and MoreApr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools