search
HomeWeb Front-endPS TutorialPhotoshop 一个精致的油漆桶图标

下面的图标制作大致分为两部分。油漆桶部分制作相对比较简单,用选区和渐变即可做好。刷子部分的制作稍微复杂一点。由于刷子有点角度,制作的时候我们先做出竖直的效果,然后变换一下角度即可。 

最终效果
Photoshop 一个精致的油漆桶图标
1、新建一个800 * 600像素的文件,背景填充白色,新建一个图层,选择矩形选框工具拉出下图所示的矩形选区。
Photoshop 一个精致的油漆桶图标
<图1>  2、选择渐变工具,颜色设置如图2,拉出图3所示的线性渐变。
Photoshop 一个精致的油漆桶图标
<图2>
Photoshop 一个精致的油漆桶图标
<图3>  3、用矩形选框工具拉出下图所示的选区,按Ctrl + M 稍微调亮一点,参数设置如图5,效果如图6。
Photoshop 一个精致的油漆桶图标
<图4>
Photoshop 一个精致的油漆桶图标
<图5>
Photoshop 一个精致的油漆桶图标
<图6>
4、新建一个图层,选择圆角矩形工具,半径设置为5,拉出下图所示的长条形圆角矩形。填充灰色,用减淡工具把左边稍微涂亮一点,效果如下图。
Photoshop 一个精致的油漆桶图标
<图7>
5、把刚才做好的边缘部分复制一层,移到油漆桶的顶部,效果如下图。
Photoshop 一个精致的油漆桶图标
<图8>  6、新建一个图层,用矩形选框工具拉出图9所示的选区,选择渐变工具,颜色设置如图10,拉出图11所示的线性渐变色。
Photoshop 一个精致的油漆桶图标
<图9>
Photoshop 一个精致的油漆桶图标
<图10>
Photoshop 一个精致的油漆桶图标
<图11>  7、在当前图层下面新建一个图层,用钢笔勾出图12所示的选区,填充黑色。保持选区,新建一个图层填充白色。加上图层蒙版,用黑色画笔把边缘部分涂出来,效果如图13。
Photoshop 一个精致的油漆桶图标
<图12>
Photoshop 一个精致的油漆桶图标
<图13>
8、新建一个图层,用钢笔勾出下图所示的选区,拉上右边所示的线性渐变色。
Photoshop 一个精致的油漆桶图标
<图14>  9、新建一个图层,用矩形选框工具拉出下图所示的选区,并拉上上端所示的线性渐变。 #p# Photoshop 一个精致的油漆桶图标
<图15>
10、取消选区后把当前图层复制一层,按Ctrl + T 把顶部稍微调窄一点。
Photoshop 一个精致的油漆桶图标
<图16>
11、手柄部分大致完成了,把这手柄的几个图层合并为一个图层。
Photoshop 一个精致的油漆桶图标
<图17>  12、按Ctrl + T 稍微调整一下角度,效果如下图。
Photoshop 一个精致的油漆桶图标
<图18>
13、在油漆桶上面新建一个图层,用钢笔勾出油漆的路径,填充颜色:#FFD401,部分残缺部分用橡皮工具擦掉。
Photoshop 一个精致的油漆桶图标
<图19>
14、调出油漆桶的选区,选择加深工具把这部分油漆表面加深一点。
Photoshop 一个精致的油漆桶图标
<图20>  15、用加深,减淡工具涂出边缘的高光和暗调,效果如下图。
Photoshop 一个精致的油漆桶图标
<图21>
16、最后加上投影,完成最终效果。
Photoshop 一个精致的油漆桶图标
<图22>

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
Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationPhotoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessPhotoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

Photoshop for Photographers: Enhancing and Retouching ImagesPhotoshop for Photographers: Enhancing and Retouching ImagesApr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

Accessing Photoshop: Methods and AvailabilityAccessing Photoshop: Methods and AvailabilityApr 24, 2025 am 12:07 AM

Photoshop can be obtained by purchasing a permanent license or subscribing to CreativeCloud. 1. Purchase a permanent license for long-term use, no monthly payment, but no latest updates are available. 2. Subscribe to CreativeCloud to access the latest version and other Adobe software, and you need to pay a monthly or annual fee. The choice should be based on frequency of use and requirements.

What Photoshop Does Best: Common Tasks and ProjectsWhat Photoshop Does Best: Common Tasks and ProjectsApr 23, 2025 am 12:06 AM

Photoshop is specialized in image editing, layering and masking, digital painting and a variety of design applications. 1) Image editing and repair: remove defects and adjust color and brightness. 2) Layers and masks: non-destructive editing and creation. 3) Digital paintings and illustrations: create art works. 4) Practical applications: graphic design, web design and digital art creation.

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.

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

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function