search
HomeWeb Front-endPS TutorialPhotoshop制作的一款漂亮的多云天气图标教程

看似简单的图片,制作过程却不简单。需要比较综合的图片制作功底。如图标中的阳光及云彩等都需要自己手绘出来。制作的时候需要有耐心。 最终效果

Photoshop制作的一款漂亮的多云天气图标教程

1、新建画布,参数设置如下图,填充一个渐变颜色。

Photoshop制作的一款漂亮的多云天气图标教程

Photoshop制作的一款漂亮的多云天气图标教程
 2、新建图层,命名太阳,绘制正圆填充颜色。

Photoshop制作的一款漂亮的多云天气图标教程

3、使用加深、减淡工具绘制出明暗以及高光。(建议先选出需要调整的选区,羽化后调整。)

Photoshop制作的一款漂亮的多云天气图标教程

4、新建图层,并移动到太阳图层下面, ctrl+太阳图层出现选区,羽化(30)填充颜色。

Photoshop制作的一款漂亮的多云天气图标教程

5、新建图层,命名云朵。使用钢笔工具大体绘制出云朵的轮廓。

Photoshop制作的一款漂亮的多云天气图标教程
 6、和绘制太阳方法相同,新建一个图层移动至云朵图层下羽化填充。

Photoshop制作的一款漂亮的多云天气图标教程

7、使用蒙版擦掉部分模糊过度的地方,加深减淡工具绘制出云朵明暗。

Photoshop制作的一款漂亮的多云天气图标教程

8、使用涂抹工具让云朵的外形更加生动真实。

Photoshop制作的一款漂亮的多云天气图标教程

9、将绘制出太阳与云朵集合。

Photoshop制作的一款漂亮的多云天气图标教程
 10、新建图层绘制黑色圆圈。

Photoshop制作的一款漂亮的多云天气图标教程

11、在黑色选区内使用镜头光晕(滤镜 > 渲染 > 镜头光晕)。

Photoshop制作的一款漂亮的多云天气图标教程

Photoshop制作的一款漂亮的多云天气图标教程

12、将图层移动至底层,调整光晕位置大小,设置图层混合模式为滤色。添加蒙版擦去黑色部分。

Photoshop制作的一款漂亮的多云天气图标教程
 13、调整云朵,太阳以及光晕的位置。

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

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

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.

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool