search
HomeWeb Front-endPS TutorialPhotoshop打造非常可爱的水晶光斑背景

效果图非常有创意,制作的时候并不需要任何素材,只需要自己动手制作一些半透明度的不规则图形,然后把这些图形复制再叠加在一起,就会出现意想不到的梦幻效果。后期再渲染颜色等即可。

 最终效果

Photoshop打造非常可爱的水晶光斑背景

1、首先在Adobe Photoshop CS5中创建一个新文件(Ctrl + N),大小1920px*1200px(RGB颜色模式),分辨率72像素/英寸。使用油漆桶工具(G),用黑色填充新的背景图层。

Photoshop打造非常可爱的水晶光斑背景
 
2、现在我们将使用矩形工具(U)创建形状,用白色画一个正方形。然后选择自由变换(Ctrl + T)命令90度旋转形状。

Photoshop打造非常可爱的水晶光斑背景

3、设置这一层的填充为0%,点击添加图层样式图标,选择投影。

Photoshop打造非常可爱的水晶光斑背景

4、添加内阴影。

Photoshop打造非常可爱的水晶光斑背景

Photoshop打造非常可爱的水晶光斑背景
 
5、选择图层面板底部的添加图层蒙版按钮为这层插入蒙版,选择一个柔软的圆形黑色笔刷。

Photoshop打造非常可爱的水晶光斑背景

6、用笔刷在蒙版上涂抹来隐藏图层的边缘,如下图。

Photoshop打造非常可爱的水晶光斑背景

7、设置这一层的透明度为30%。

Photoshop打造非常可爱的水晶光斑背景

8、我们就得到了下图的效果。

Photoshop打造非常可爱的水晶光斑背景
 
9、复制最后所创作的图层,选择自由变换(Ctrl + T)命令把副本移到下图所示的位置。

Photoshop打造非常可爱的水晶光斑背景

10、继续复制菱形,并选择自由变换(Ctrl + T)命令按下图放置副本。设置这一层的不透明度为100%,改变填充为19%。删除投影风格。

Photoshop打造非常可爱的水晶光斑背景

11、复制早些时候创建的菱形,然后使用自由变换(Ctrl + T)命令把它放在所有菱形图层的上方。设置这一层的不透明度为100%,改变填充为54%。

Photoshop打造非常可爱的水晶光斑背景

12、把所有的菱形图层合并为一组,选择组,按Ctrl + E向下合并,复制图层组,把副本排列成一行。

Photoshop打造非常可爱的水晶光斑背景
 
13、我们还需要继续添加,这次向下移动一个位移。

Photoshop打造非常可爱的水晶光斑背景

14、我们就得到了下图的效果。

Photoshop打造非常可爱的水晶光斑背景

15、用这种方式把菱形填满整个画布。

Photoshop打造非常可爱的水晶光斑背景

16、合并所有的图层为一组,选择添加图层蒙版来插入蒙版,选择柔软的圆形黑色笔刷 (设置不透明度到30%)。

Photoshop打造非常可爱的水晶光斑背景

17、使用笔刷在蒙版上涂抹来隐藏画布的边缘。

Photoshop打造非常可爱的水晶光斑背景
 
18、设置这一层的混合模式为亮光。创建一个新层,改变这层的混合模式为亮光。从笔刷工具(B)中选择下图所示的柔软笔刷。

Photoshop打造非常可爱的水晶光斑背景

19、接下来从Swatches panel里用任意颜色涂抹画布。

Photoshop打造非常可爱的水晶光斑背景

20、我们就得到了下图的效果。

Photoshop打造非常可爱的水晶光斑背景

21、接下来我们需要画另一个元素。首先使用矩形工具(U)来画一个正方形,颜色为# 00AEEF,然后应用自由变换(Ctrl + T)旋转方形,如下图。

Photoshop打造非常可爱的水晶光斑背景

22、设置这层的填充为60%,点击添加图层样式图标,选择投影。

Photoshop打造非常可爱的水晶光斑背景
 
23、添加内阴影。

Photoshop打造非常可爱的水晶光斑背景

24、我们就得到了下图所示的效果。

Photoshop打造非常可爱的水晶光斑背景

25、使用自由变换(Ctrl + T)命令,按下图缩放形状。

Photoshop打造非常可爱的水晶光斑背景

26、同样复制多个这样的形状。然后选择自由变换(Ctrl + T)命令按下图放置副本。

Photoshop打造非常可爱的水晶光斑背景
 
27、我们就得到了下图所示的效果。

Photoshop打造非常可爱的水晶光斑背景

28、合并最近创作的所有图层,按CTRL + Alt拖动之前的蒙版到这个图层组里。

Photoshop打造非常可爱的水晶光斑背景

29、我们就得到了下图所示的效果。

Photoshop打造非常可爱的水晶光斑背景

30、选择图层组,按Ctrl + E向下合并。设置这层的混合模式为线性减淡。

Photoshop打造非常可爱的水晶光斑背景

31、点击创建新的填充或调整层,选择曲线,调整曲线的形状稍作颜色更正。

Photoshop打造非常可爱的水晶光斑背景

32、我们就得到了下图所示的效果。

Photoshop打造非常可爱的水晶光斑背景
 
33、创建一个新层,选择柔软的圆形白色笔刷,设置不透明度到30%。

Photoshop打造非常可爱的水晶光斑背景

34、使用这个笔刷在画布上涂抹,如图所示。

Photoshop打造非常可爱的水晶光斑背景

设置这一层的混合模式为叠加。完成最终效果。

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

Photoshop Advanced Typography: Creating Stunning Text EffectsPhotoshop Advanced Typography: Creating Stunning Text EffectsApr 07, 2025 am 12:15 AM

In Photoshop, you can create text effects through layer styles and filters. 1. Create a new document and add text. 2. Apply layer styles such as shadows and outer glow. 3. Use filters such as wave effects and add bevel and relief effects. 4. Use masks to adjust the effect range and intensity to optimize the visual impact of the text effect.

How to cut picturesHow to cut picturesApr 06, 2025 pm 10:27 PM

Cutting is the process of removing the background part in the image and leaving the subject behind. Common cutout methods include: manual cutout: use image editing software to manually outline the edge of the subject. Automatic cutout: Use software to automatically identify the subject and separate it from the background. Use third-party cutout tools: use special tools to cut out images. Channel cutout: Use the channel of the image to segment and select channels with obvious differences from the subject color for operation.

How to get watermarks from PSHow to get watermarks from PSApr 06, 2025 pm 10:24 PM

You can use online tools, image editing software, video editing software, and watermark removal applications. Specific methods include: using online tools, using cloning stamp tools, copying stamp tools and repairing brush tools, using blur tools, cropping tools and content-aware fill tools, and using watermark removal applications. Make sure you have the right to do so before removing the watermark.

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

Hot Tools

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

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.

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.