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
Photoshop for Photographers: Enhancing and Retouching ImagesPhotoshop for Photographers: Enhancing and Retouching ImagesApr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

Accessing Photoshop: Methods and AvailabilityAccessing Photoshop: Methods and AvailabilityApr 24, 2025 am 12:07 AM

Photoshop can be obtained by purchasing a permanent license or subscribing to CreativeCloud. 1. Purchase a permanent license for long-term use, no monthly payment, but no latest updates are available. 2. Subscribe to CreativeCloud to access the latest version and other Adobe software, and you need to pay a monthly or annual fee. The choice should be based on frequency of use and requirements.

What Photoshop Does Best: Common Tasks and ProjectsWhat Photoshop Does Best: Common Tasks and ProjectsApr 23, 2025 am 12:06 AM

Photoshop is specialized in image editing, layering and masking, digital painting and a variety of design applications. 1) Image editing and repair: remove defects and adjust color and brightness. 2) Layers and masks: non-destructive editing and creation. 3) Digital paintings and illustrations: create art works. 4) Practical applications: graphic design, web design and digital art creation.

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.

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

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

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.

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)