search
HomeWeb Front-endPS TutorialPhotoshop设计简洁风格的CD包装盒效果图

本教程主要使用Photoshop设计简洁风格的软件CD包装盒效果,效果很逼真,主要用到了椭圆选框工具、图层样式还有渐变效果 本教程主要使用Photoshop设计简洁风格的软件CD包装盒效果,效果很逼真,主要用到了椭圆选框工具、图层样式还有渐变效果。制作上并不难,按步骤绘制就可以了,感兴趣的人不妨学习看看吧。
先看看效果图
Photoshop设计简洁风格的CD包装盒效果图
具体制作步骤如下:
步骤1
新建一个大小1200*800像素的文件。
Photoshop设计简洁风格的CD包装盒效果图
选择椭圆选框工具,按shift键绘制一个正圆,填充灰色(RGB都为235),效果如下。
Photoshop设计简洁风格的CD包装盒效果图
步骤2
同样绘制一个小的正圆,删除中间多余的部份,做出光碟孔的效果。
Photoshop设计简洁风格的CD包装盒效果图
步骤3
为光碟添加图层样式,选择投影,设置如下。
Photoshop设计简洁风格的CD包装盒效果图
步骤4
新建一个图层,命名为“CD副本”,选择椭圆选框工具,绘制如图所示的选区,填充灰色(RGB都为229)。
Photoshop设计简洁风格的CD包装盒效果图
步骤5
新建一个图层,将CD图层栅格化操作,用魔棒工具选择中间阴影部分删除,效果如下。
Photoshop设计简洁风格的CD包装盒效果图


步骤6
制作一个简单的封面,添加文字内容。
Photoshop设计简洁风格的CD包装盒效果图
步骤7
新建一个图层,选择椭圆选框工具,绘制如图所示的选区,填充灰色(RGB都为70),修改不透明度为9%。
Photoshop设计简洁风格的CD包装盒效果图
步骤8
按CTRL+点击CD图层的缩略图,载入选区,新建一个图层,拉一个灰色到透明的渐变。
Photoshop设计简洁风格的CD包装盒效果图
更改图层的不透明度为9%,效果如下。
Photoshop设计简洁风格的CD包装盒效果图
步骤9
素材
Photoshop设计简洁风格的CD包装盒效果图
为了让光盘真实一点,素材复制进来,放到对应位置,效果如下。
Photoshop设计简洁风格的CD包装盒效果图
步骤10
新建一个图层,命名为“高光”,用钢笔工具绘制左边的半圆,填充白色,更改不透明度为30%,效果如下。
Photoshop设计简洁风格的CD包装盒效果图
步骤11
新建一个图层,命名为“纸包装”,用矩形选框工具绘制正方形选区,填充灰色(RGB都为229)。
Photoshop设计简洁风格的CD包装盒效果图


步骤12
添加简单的文字内容。
Photoshop设计简洁风格的CD包装盒效果图
步骤13
新建一个图层,用渐变工具从下角拉一个黑色到透明的渐变,调整图层不透明度,效果如下。
Photoshop设计简洁风格的CD包装盒效果图
步骤14
用同样的方法,从上角拉一个白色到透明的渐变。
Photoshop设计简洁风格的CD包装盒效果图
步骤15
在纸包装下面新建一个图层,绘制方形选区,填充黑色,更改不透明度为80%,执行滤镜—模糊—高斯模糊,5像素,效果如下。
Photoshop设计简洁风格的CD包装盒效果图
用钢笔工具绘制下面的选区,删除不需要的部分,如图所示。
Photoshop设计简洁风格的CD包装盒效果图
再用钢笔工具绘制下面的选区,填充黑色,更改不透明度为12%,这样阴影就做好了。
Photoshop设计简洁风格的CD包装盒效果图
最终效果
Photoshop设计简洁风格的CD包装盒效果图

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

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment