Home Web Front-end PS Tutorial Photoshop 一个水晶风格喇叭图标

Photoshop 一个水晶风格喇叭图标

Jun 01, 2016 pm 02:36 PM

制作图标的时候,我们要善于分解图形。把较为复杂的图形差分为一些细小的部分。然后按一定的顺序制作,这样制作起来就方便很多。 最终效果
Photoshop 一个水晶风格喇叭图标
1、新建一个600 * 600像素的文件,背景填充白色。新建一个图层,用钢笔工具勾出下图所示的选区。
Photoshop 一个水晶风格喇叭图标
<图1>  2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变。
Photoshop 一个水晶风格喇叭图标
<图2>
Photoshop 一个水晶风格喇叭图标
<图3>
3、新建一个图层,用钢笔勾出图4所示的选区,填充白色。把图层不透明度改为:50%,加上图层蒙版,用黑色画笔把左下部分涂点透明效果,如图5。
Photoshop 一个水晶风格喇叭图标
<图4>
Photoshop 一个水晶风格喇叭图标
<图5>  4、新建一个图层,用钢笔勾出下图所示的选区,并拉上渐变色。
Photoshop 一个水晶风格喇叭图标
<图6>
5、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#02114C。
Photoshop 一个水晶风格喇叭图标
<图7>
6、新建一个图层,用钢笔工具勾出图8所示的选区,按Ctrl + Alt + D 羽化1个像素后填充白色。同样的方法勾出图9所示的选区,填充黑色。
Photoshop 一个水晶风格喇叭图标
<图8>
Photoshop 一个水晶风格喇叭图标
<图9>  7、新建一个图层,用钢笔工具勾出图10所示的选区,填充颜色:#E3E3E5。
Photoshop 一个水晶风格喇叭图标
<图10>
8、锁定图层,把前景颜色设置为:#C1C2C4,选择画笔工具,画笔透明度设置为:10%,把图形的底部涂上灰色,如下图。
Photoshop 一个水晶风格喇叭图标
<图11>
9、同样的方法把底部涂上蓝色:#81A2B3。
Photoshop 一个水晶风格喇叭图标
<图12> #p# 10、新建一个图层,用钢笔勾出下图所示的选区,填充白色。保持选区,用画笔把边缘部分涂上一些淡蓝色。
Photoshop 一个水晶风格喇叭图标
<图13>
11、中间部分涂上一些蓝灰色,效果如下图。
Photoshop 一个水晶风格喇叭图标
<图14>
12、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#3C748D,填充后不要取消选区。
Photoshop 一个水晶风格喇叭图标
<图15>  13、新建一个图层,填充白色。用钢笔勾出下图所示的选区,锁定图层后拉上图17所示的线性渐变色。
Photoshop 一个水晶风格喇叭图标
<图16>
Photoshop 一个水晶风格喇叭图标
<图17>
14、新建一个图层,用钢笔勾出下图所示的选区,填充灰色,边缘部分用白色画笔涂点高光。
Photoshop 一个水晶风格喇叭图标
<图18>  15、新建一个图层,用钢笔工具勾出下图所示的选区,拉上白色到灰色的线性渐变。
Photoshop 一个水晶风格喇叭图标
<图19>
16、锁定图层后,用画笔涂上一些环境色。
Photoshop 一个水晶风格喇叭图标
<图20>  17、同样的方法制作喇叭的中心和手柄,如图21,22。
Photoshop 一个水晶风格喇叭图标
<图21>
Photoshop 一个水晶风格喇叭图标
<图22>
18、最后调整下细节,再适当加点投影,完成最终效果。
Photoshop 一个水晶风格喇叭图标
<图23>

Statement of this Website
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

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do I use Photoshop for creating social media graphics? How do I use Photoshop for creating social media graphics? Mar 18, 2025 pm 01:41 PM

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? Mar 13, 2025 pm 07:35 PM

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

How do I prepare images for web use in Photoshop (file size, resolution, color space)? How do I prepare images for web use in Photoshop (file size, resolution, color space)? Mar 13, 2025 pm 07:28 PM

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

How do I calibrate my monitor for accurate color in Photoshop? How do I calibrate my monitor for accurate color in Photoshop? Mar 13, 2025 pm 07:31 PM

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

How do I prepare images for print using Photoshop (resolution, color profiles)? How do I prepare images for print using Photoshop (resolution, color profiles)? Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

How do I prepare images for web using Photoshop (optimize file size, resolution)? How do I prepare images for web using Photoshop (optimize file size, resolution)? Mar 18, 2025 pm 01:35 PM

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

What is the reason why PS keeps showing loading? What is the reason why PS keeps showing loading? Apr 06, 2025 pm 06:39 PM

PS "Loading" problems are caused by resource access or processing problems: hard disk reading speed is slow or bad: Use CrystalDiskInfo to check the hard disk health and replace the problematic hard disk. Insufficient memory: Upgrade memory to meet PS's needs for high-resolution images and complex layer processing. Graphics card drivers are outdated or corrupted: Update the drivers to optimize communication between the PS and the graphics card. File paths are too long or file names have special characters: use short paths and avoid special characters. PS's own problem: Reinstall or repair the PS installer.

How do I create animated GIFs in Photoshop? How do I create animated GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

See all articles