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
Beyond Editing: Photoshop's Creative CapabilitiesBeyond Editing: Photoshop's Creative CapabilitiesMay 03, 2025 am 12:12 AM

Adobe Photoshop goes beyond simple editing and becomes a creative tool for artists and designers. 1) It provides a wealth of tools such as brushes, stamp tools, blend modes and layer styles, supporting adjustments from basic images to complex digital paintings and 3D designs. 2) These tools implement functions through pixel-level operations, allowing users to create unique visual effects.

Photoshop: Exploring Pricing Models and OptionsPhotoshop: Exploring Pricing Models and OptionsMay 02, 2025 am 12:12 AM

Photoshop offers two pricing models: single purchase and subscription service. 1. Single purchase: Pay $699 in one lump sum, permanent use, but no updates and cloud services. 2. Subscription service: $20.99 per month or $239.88 per year, and the latest version and cloud services are available. 3. Enterprise plan: $33.99 per user per month, including team management and additional cloud storage. 4. Educational Offer: Students and teachers are $19.99 per month, including multiple CreativeCloud applications.

Photoshop: Mastering Layers and CompositionPhotoshop: Mastering Layers and CompositionMay 01, 2025 am 12:05 AM

The method to create a new layer in Photoshop is: 1. Click the "New Layer" button at the bottom of the layer panel; 2. Use the shortcut keys Ctrl Shift N (Windows) or Command Shift N (Mac). The layers are like transparent sheets on canvas, allowing design elements to be managed separately, non-destructive editing and experimenting, and improving design levels.

Photoshop Applications: From Photo Editing to Digital ArtPhotoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

Photoshop's Core Function: Image Editing and ManipulationPhotoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationPhotoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessPhotoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

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

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

Atom editor mac version download

Atom editor mac version download

The most popular open source editor