Home Web Front-end PS Tutorial Photoshop设计制作出一碗热气腾腾的元宵汤圆

Photoshop设计制作出一碗热气腾腾的元宵汤圆

Jun 01, 2016 pm 02:33 PM

本教程介绍常见实物的制作方法。重点是实物高光及暗部的把握,需要把立体感渲染出来。大致过程:先用钢笔等把实物的轮廓选区做出来,然后用渐变、加深、减淡工具加强体积感,后期再渲染高光及暗部即可。 

最终效果

Photoshop设计制作出一碗热气腾腾的元宵汤圆

1、新建一个800 * 600像素的文档,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图1>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图2>
 
2、整个碗大致由下面三大部分构成,拆分图如下图。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图3>

3、新建一个组,用椭圆选框工具拉出下图所示的椭圆选区,然后给组添加图层蒙版。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图4>

4、在组里新建一个图层,选择渐变工具,颜色设置如图5,拉出图6所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图5>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图6>
 
5、新建一个图层,用椭圆选框工具拉一个稍小的椭圆选区,选择渐变工具,颜色设置不变,拉出下图所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图7>

6、新建一个图层,用钢笔勾出边缘部分的高光选区,填充黄色,如图8,9。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图8>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图9>
 
7、再新建一个组,用钢笔勾出图10所示的选区,给组添加蒙版。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图10>

8、在组里新建一个图层,选择渐变工具,颜色设置如图11,拉出图12所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图11>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图12>

9、新建一个图层,用钢笔勾出左边暗部的选区,羽化15个像素后填充暗红色,如下图。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图13>
 
10、新建一个图层,同样的方法用钢笔勾出右边暗部的选区,羽化15个像素后填充稍暗的暗红色。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图14>

11、新建一个图层,用钢笔勾出右侧边缘的反光选区,羽化10个像素后填充稍亮的暗红色,如下图。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图15>

12、新建一个图层,同上的方法制作中间及边缘部分的高光,过程如图16,17。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图16>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图17>
 
13、新建一个图层,用钢笔勾出底部高光选区,羽化1个像素后拉上图19所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图18>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图19>

14、新建一个图层,用钢笔勾出图20所示的选区,拉上同上的渐变色,效果如图21。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图20>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图21>

15、打开图22所示的福字,拖进来,放到碗的中间位置,效果如图23。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图22>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图23>
 
16、新建一个组,在组里新建一个图层,用椭圆选框工具拉出图24所示的选区,选择渐变工具颜色设置如图25,拉出图26所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图24>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图25>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图26>

17、选择加深,减淡工具把边缘部分的高光及暗部涂出来,效果如下图。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图27>
 
18、新建一个图层,用椭圆选框工具拉出一个稍小的椭圆选区,拉上图29所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图28>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图29>

19、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,然后在当前图层下面新建一个图层,用椭圆选框工具拉出图30所示的椭圆选区,拉上图31所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图30>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图31>

20、可以根据需要添加一些水纹,这一步可以省略。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图32>
 
21、新建一个图层,用椭圆选框工具拉出图33所示的选区,拉上图34所示的径向渐变。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图33>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图34>

22、把做好的汤圆复制一些,适当排好位置,过程如图35,36。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图35>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图36>
 
23、在图层的最上面新建一个图层,按字母键“D”,把前背景颜色恢复到默认的黑白,执行:滤镜 > 渲染 > 云彩,效果如图37,确定后把图层混合模式改为“滤色”,按住ALT键添加图层蒙版,用白色画笔把碗中的烟雾擦出来,效果如图38。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图37>

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图38>

最后给碗添加投影,再调整一下细节,完成最终效果。

Photoshop设计制作出一碗热气腾腾的元宵汤圆
<图39>

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

Video Face Swap

Video Face Swap

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

Hot Article

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers Of The Witch Tree - How To Unlock The Grappling Hook
3 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)

Hot Topics

Java Tutorial
1665
14
PHP Tutorial
1269
29
C# Tutorial
1249
24
Advanced Photoshop Tutorial: Master Retouching & Compositing Advanced Photoshop Tutorial: Master Retouching & Compositing Apr 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.

Photoshop's Key Features: A Deep Dive Photoshop's Key Features: A Deep Dive Apr 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.

Using Photoshop: Creative Possibilities and Practical Uses Using Photoshop: Creative Possibilities and Practical Uses Apr 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.

Is Photoshop Free? Understanding Subscription Plans Is Photoshop Free? Understanding Subscription Plans Apr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Photoshop: Investigating Free Trials and Discount Options Photoshop: Investigating Free Trials and Discount Options Apr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop and Digital Art: Painting, Illustration, and Compositing Photoshop and Digital Art: Painting, Illustration, and Compositing Apr 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.

Photoshop for Designers: Creating Visual Concepts Photoshop for Designers: Creating Visual Concepts Apr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Using Photoshop for Graphic Design: Branding and More Using Photoshop for Graphic Design: Branding and More Apr 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.

See all articles