search
HomeWeb Front-endPS TutorialPhotoshop设计制作非常精美的金色褶皱丝带

彩带重点是褶皱部分的刻画,不同部分的彩带受光不同,褶皱颜色,深浅等略有不同,制作的时候需要先把不同弧度的彩带分段,然后逐段渲染。

 最终效果

Photoshop设计制作非常精美的金色褶皱丝带


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

Photoshop设计制作非常精美的金色褶皱丝带
<图1>

Photoshop设计制作非常精美的金色褶皱丝带
<图2>
 
2、我们把彩带分成三段来制作。由顶部开始。先来制作第一部分,新建一个组,用钢笔勾出第一段的轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图3>

3、在组里新建一个图层,填充橙红色:#D06E18作为底色。

Photoshop设计制作非常精美的金色褶皱丝带
<图4>

4、新建一个图层,用钢笔勾出顶部边缘的高光选区,羽化2个像素后填充橙黄色:#FFB80E,取消选区后添加图层蒙版,用黑色画笔把左侧部分的过渡涂出来,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图5>

5、高光部分部分可以适当用选区等加强一点,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图6>
 
6、新建一个图层,用钢笔勾出顶部边缘的暗部选区,羽化2个像素后填充暗红色:#B65023,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图7>

7、新建一个图层,同上的方法给顶部边缘增加一些高光,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图8>

8、新建一个图层,用钢笔勾出底部边缘的高光选区,羽化2个像素后填充橙黄色,取消选区后添加图层蒙版,用黑色画笔把左侧部分的过渡擦出来,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图9>

9、新建一个图层,同样的方法给底部增加暗部,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图10>

10、新建图层,同上的方法在中间及边缘部分增加一些高光及暗部,第一段基本完成,如图11 - 13。

Photoshop设计制作非常精美的金色褶皱丝带
<图11>

Photoshop设计制作非常精美的金色褶皱丝带
<图12>

Photoshop设计制作非常精美的金色褶皱丝带
<图13>
 
11、在当前组下面新建一个组,开始制作第二段。用钢笔勾出轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图14>

12、在组里新建一个图层,选择渐变工具,颜色设置如图15,拉出图16所示的线性渐变作为底色。

Photoshop设计制作非常精美的金色褶皱丝带
<图15>

Photoshop设计制作非常精美的金色褶皱丝带
<图16>

13、新建图层,同上的方法先制作边缘及中间部分的高光区域,注意好颜色变化。过程如图17 - 19。

Photoshop设计制作非常精美的金色褶皱丝带
<图17>

Photoshop设计制作非常精美的金色褶皱丝带
<图18>

Photoshop设计制作非常精美的金色褶皱丝带
<图19>
 
14、新建图层,同上的方法渲染暗部,如图20,21。

Photoshop设计制作非常精美的金色褶皱丝带
<图20>

Photoshop设计制作非常精美的金色褶皱丝带
<图21>

15、在当前组下面新建一个组,开始制作第三段效果。先用钢笔勾出轮廓,转为选区后给组添加图层蒙版。

Photoshop设计制作非常精美的金色褶皱丝带
<图22>

16、在组里新建一个图层,填充暗红色作为底色如图23。新建一个图层,用套索勾出左侧边缘的暗部区域,羽化80个像素后填充较深的暗红色,如图24。

Photoshop设计制作非常精美的金色褶皱丝带
<图23>

Photoshop设计制作非常精美的金色褶皱丝带
<图24>
 
17、新建图层,同上的方法先制作顶部位置的高光及暗部,过程如图25 - 29。

Photoshop设计制作非常精美的金色褶皱丝带
<图25>

Photoshop设计制作非常精美的金色褶皱丝带
<图26>

Photoshop设计制作非常精美的金色褶皱丝带
<图27>

Photoshop设计制作非常精美的金色褶皱丝带
<图28>

Photoshop设计制作非常精美的金色褶皱丝带
<图29>
 
18、新建图层,同上的方法先制作中间及尾部的高光及暗部,过程如图30 - 34。

Photoshop设计制作非常精美的金色褶皱丝带
<图30>

Photoshop设计制作非常精美的金色褶皱丝带
<图31>

Photoshop设计制作非常精美的金色褶皱丝带
<图32>

Photoshop设计制作非常精美的金色褶皱丝带
<图33>

Photoshop设计制作非常精美的金色褶皱丝带
<图34>
 
19、在图层的最上面创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop设计制作非常精美的金色褶皱丝带
<图35>

Photoshop设计制作非常精美的金色褶皱丝带
<图36>

最后调整一下细节,再适当锐化一下,完成最终效果。

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
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.

Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 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 for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 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.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 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's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Newbie's article: Use the ps brush to add crack effects to the font (share)Newbie's article: Use the ps brush to add crack effects to the font (share)Apr 07, 2025 am 06:21 AM

In the previous article "Teaching you step by step to add printing effects to plate images using ps (Favorites)", I introduced a small trick to use ps to add printing effects to plate images using ps. The following article will introduce to you how to use the ps brush to add crack effects to the font. Let’s take a look at how to do it.

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

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)
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

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.

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

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment