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
How do I use Photoshop for creating social media graphics?How do I use Photoshop for creating social media graphics?Mar 18, 2025 pm 01:41 PM

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

How do I prepare images for web use in Photoshop (file size, resolution, color space)?How do I prepare images for web use in Photoshop (file size, resolution, color space)?Mar 13, 2025 pm 07:28 PM

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?Mar 13, 2025 pm 07:35 PM

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

How do I use Photoshop's video editing capabilities?How do I use Photoshop's video editing capabilities?Mar 18, 2025 pm 01:37 PM

The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

How do I prepare images for web using Photoshop (optimize file size, resolution)?How do I prepare images for web using Photoshop (optimize file size, resolution)?Mar 18, 2025 pm 01:35 PM

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

How do I calibrate my monitor for accurate color in Photoshop?How do I calibrate my monitor for accurate color in Photoshop?Mar 13, 2025 pm 07:31 PM

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

How do I create animated GIFs in Photoshop?How do I create animated GIFs in Photoshop?Mar 18, 2025 pm 01:38 PM

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

How do I prepare images for print using Photoshop (resolution, color profiles)?How do I prepare images for print using Photoshop (resolution, color profiles)?Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

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

Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.