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
Comparing Photoshop Pricing: Options and BenefitsComparing Photoshop Pricing: Options and BenefitsMay 12, 2025 am 12:17 AM

Adobe Photoshop offers three packages: 1) a single application plan, suitable for users who only need Photoshop, with a low cost, including 20GB of cloud storage; 2) a full set of CreativeCloud plans, suitable for users who need multiple Adobe applications, with a high cost, including 100GB of cloud storage; 3) a preferential plan for students and teachers, suitable for academic users with limited budget, with a low cost, including 20GB of cloud storage.

What Makes Photoshop Special? Its Primary FunctionWhat Makes Photoshop Special? Its Primary FunctionMay 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop: The Cost of Professional Image EditingPhotoshop: The Cost of Professional Image EditingMay 10, 2025 am 12:19 AM

Photoshop's cost includes direct costs, time and learning curve, resources and hardware investment. 1. Direct cost: Subscription system $20 to $50 per month, purchase hundreds of dollars at one time. 2. Time and Learning: It requires a lot of time and practice, and it is recommended to learn through online courses and tutorials. 3. Resources and hardware: High-performance computers and sufficient storage space are required to ensure hardware configuration to improve efficiency.

Image Editing Essentials: Key Features of PhotoshopImage Editing Essentials: Key Features of PhotoshopMay 09, 2025 am 12:05 AM

Photoshop's core features include layers, selection tools, and adjustment tools. 1. The layer allows independent editing of image parts and supports layer style. 2. Selection tools such as lasso, magic wand and quick selection tools provide precise editing. 3. Adjustment tools such as color level, curve and hue/saturation can adjust images non-destructively.

My Purpose: Assisting with Photoshop-Related TasksMy Purpose: Assisting with Photoshop-Related TasksMay 08, 2025 am 12:18 AM

In Photoshop, the role of layer masks is to allow hidden or displayed portions of layers in a non-destructive manner. 1. The working principle of layer mask is to control the visibility of the layer through black, white and grayscale. 2. The basic usage includes image synthesis, such as synthesising the character image into a new background. 3. Advanced usage can be achieved by using gradient masks to achieve smooth image transition.

Photoshop and Free Alternatives: A Comparative LookPhotoshop and Free Alternatives: A Comparative LookMay 06, 2025 am 12:12 AM

Photoshop's powerful features include smart objects and neural filters, while free alternatives such as GIMP, Krita and Photopea do well in specific fields such as GIMP's layer functionality, Krita's digital paintings and online editing of Photopea.

Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

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 Article

Hot Tools

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools