Home Web Front-end PS Tutorial Photoshop制作一个漂亮的蓝色透射光晕

Photoshop制作一个漂亮的蓝色透射光晕

Jun 01, 2016 pm 02:29 PM

光晕看上去并不复杂,不过包含的细节很多,如底部透明度较低的发射光束,边缘部分的光环及顶部的一些小光斑等。这些细节非常重要,制作的时候需要非常细心 光晕看上去并不复杂,不过包含的细节很多,如底部透明度较低的发射光束,边缘部分的光环及顶部的一些小光斑等。这些细节非常重要,制作的时候需要非常细心。
最终效果

Photoshop制作一个漂亮的蓝色透射光晕


1、新建一个1000 * 750像素,分辨率为72的画布,选择渐变工具,颜色设置如图1,然后由左下角至右上角拉出图2所示的线性渐变作为背景。

Photoshop制作一个漂亮的蓝色透射光晕
<图1>

Photoshop制作一个漂亮的蓝色透射光晕
<图2>

2、新建一个组,命名为“底层光束”,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图3>

3、需要完成的效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图4>
 
4、在组里新建一个图层,用钢笔勾出下图所示的闭合路径。

Photoshop制作一个漂亮的蓝色透射光晕
<图5>

5、按Ctrl + 回车把路径转为选区,然后填充淡蓝色:#ADC0D9,取消选区后添加图层蒙版。

Photoshop制作一个漂亮的蓝色透射光晕
<图6>

6、用钢笔勾出下图所示的选区,羽化20个像素后在蒙版上填充黑色,然后取消选区。

Photoshop制作一个漂亮的蓝色透射光晕
<图7>

7、用钢笔在顶部勾出下图所示的选区,羽化5个像素后在蒙版上填充黑色。

Photoshop制作一个漂亮的蓝色透射光晕
<图8>

8、取消选区后用透明度较低的黄色画笔把两端的过渡涂抹自然。确定后把不透明度改为:50%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图9>
 
9、新建一个图层,用钢笔勾出图10所示的路径,转为选区后填充淡蓝色,取消选区后用模糊工具把两端模糊处理,再降低图层的不透明度,过程如图10,11。

Photoshop制作一个漂亮的蓝色透射光晕
<图10>

Photoshop制作一个漂亮的蓝色透射光晕
<图11>

10、把背景图层隐藏,新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。

Photoshop制作一个漂亮的蓝色透射光晕
<图12>

11、把盖印后的图层复制几份,适当调整大小,角度及不透明度,过程如图13,14。

Photoshop制作一个漂亮的蓝色透射光晕
<图13>

Photoshop制作一个漂亮的蓝色透射光晕
<图14>

12、新建一个图层,用钢笔勾出下图所示的选区,填充稍亮的淡蓝色,取消选区后添加图层蒙版,用透明度较低的黑色画笔把边缘透明效果涂抹出来,确定后把不透明度改为:45%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图15>
 
13、新建一个图层,用椭圆选框工具拉出图16所示的椭圆选区,羽化15个像素后选择渐变工具,颜色设置如图17,然后由中心向外拉出图18所示的径向渐变。

Photoshop制作一个漂亮的蓝色透射光晕
<图16>

Photoshop制作一个漂亮的蓝色透射光晕
<图17>

Photoshop制作一个漂亮的蓝色透射光晕
<图18>

14、取消选区后按Ctrl + T 变形,稍微压扁一点,然后拉长一点,再旋转好角度,过程如图19,20。

Photoshop制作一个漂亮的蓝色透射光晕
<图19>

Photoshop制作一个漂亮的蓝色透射光晕
<图20>

15、做好后吧组的混合模式改为“叠加”,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图21>
 
16、把当前组复制一层,混合模式改为“滤色”,不透明度改为:20%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图22>

17、新建一个组,命名为“光环”。

Photoshop制作一个漂亮的蓝色透射光晕
<图23>

18、在组里新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,填充青蓝色:#80DFEA,再把不透明度改为:10%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图24>

19、把当前图层复制一层,用移动工具移动一点距离,然后在圆的中间位置拉出下图所示的正圆选区,同时按Delete键删除中间部分,再把图层不透明度改为:25%,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图25>

20、新建一个图层,给圆环的中间部分点缀一点高光。

Photoshop制作一个漂亮的蓝色透射光晕
<图26>

21、新建图层,再多制作几个圆环,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图27>
 
22、新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,填充蓝色。

Photoshop制作一个漂亮的蓝色透射光晕
<图28>

23、再用椭圆选框工具在圆的中间位置拉出下图所示的正圆选区,羽化10个像素后按Delete键删除中间部分。

Photoshop制作一个漂亮的蓝色透射光晕
<图29>

24、在圆的中间位置用椭圆选框工具拉出下图所示的正圆选区,羽化1个像素后按Ctrl + M 稍微调亮一点,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图30>

Photoshop制作一个漂亮的蓝色透射光晕
<图31>

25、把图层混合模式改为“滤色”,不透明度改为:60%,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图32>

26、按Ctrl + J 把当前图层复制一层,适当调整位置和大小,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图33>
 
27、新建一个组,命名为“光晕”。

Photoshop制作一个漂亮的蓝色透射光晕
<图34>

28、在组里新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化15个像素后填充蓝色,并降低图层不透明度,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图35>

29、新建一个图层,同上的方法在中间位置做一个光环,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图36>

30、新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,羽化20个像素后填充淡黄色。

Photoshop制作一个漂亮的蓝色透射光晕
<图37>

31、把组的混合模式改为“变亮”,效果如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图38>

32、新建一个组,命名为“放射光”。

Photoshop制作一个漂亮的蓝色透射光晕
<图39>
 
33、在组里新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,羽化15个像素后填充白色。

Photoshop制作一个漂亮的蓝色透射光晕
<图40>

34、取消选区后把当前图层复制一层,按Ctrl + T 变形处理,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图41>

35、同样的方法制作其它的光束,如图42,43。

Photoshop制作一个漂亮的蓝色透射光晕
<图42>

Photoshop制作一个漂亮的蓝色透射光晕
<图43>

36、新建一个组,命名为“光斑”,确定后把混合模式改为“强光”,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图44>

37、在组里新建图层,用柔边画笔点上一些彩色的小点,如下图。

Photoshop制作一个漂亮的蓝色透射光晕
<图45>

最后调整一下细节,完成最终效果。

Photoshop制作一个漂亮的蓝色透射光晕


以上就是Photoshop制作一个漂亮的蓝色透射光晕的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Statement of this Website
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

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

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What are the permanently free photoshopcs5 serial numbers? What are the permanently free photoshopcs5 serial numbers? Jul 06, 2023 am 10:00 AM

The permanently free photoshopcs5 serial numbers are: 1. 1330-1440-1602-3671-9749-7897; 2. 1330-1191-2998-6712-2520-5424; 3. 1330-1367-4285-4928-0630-3107; 4. 1330-1570-9599-9499-8092-8237; 5. 1330-1028-1662-3206-1688-5114, etc.

Solution: Fix keyboard shortcuts not working in Photoshop Solution: Fix keyboard shortcuts not working in Photoshop Sep 22, 2023 pm 03:17 PM

Adobe Photoshop is the industry standard for digital design, loved and used every day by the online community. However, when keyboard shortcuts stutter or fail entirely, it can significantly slow down any project or your overall productivity on Windows 11. Whether you're an experienced designer or just dabbling in photo editing, these glitches are more than just minor annoyances in Photoshop and Photoshop CC. First, let's look at the common reasons why custom or default shortcuts stop working. Why don't my shortcuts work in Photoshop? Customize workspace settings: Sometimes, adjusting or switching between workspace settings can reset keyboard shortcuts. Sticky Keys: This accessibility feature

How to make blue fluorescent effect in PS How to make blue fluorescent effect in PS Feb 27, 2024 pm 12:55 PM

The editor of this website brings you this tutorial to take you into the wonderful world of Photoshop and learn how to create a charming blue fluorescent effect. Whether you are new to Photoshop or an experienced user, you can find inspiration and practical tips from this tutorial. So how to create the blue fluorescent effect in PS? This tutorial guide will give you a detailed introduction, I hope it can help you. PS blue fluorescence effect production method steps final effect: 1. Adjust the brightness of the picture. 2. Add curves to adjust the overall light and dark contrast of the picture. 3. Use a pen to hook out the "edge strips" of the shoes. 4. After cutting out, create a selection and fill it with white. 5. Select the blur tool and blur the hooked white part. 5. Use a pen to mark the shoelaces

What should I do if the file name turns blue in win7 system? What should I do if the file name turns blue in win7 system? Jul 20, 2023 pm 11:57 PM

What should I do if the file name turns blue in win7 system? The win7 system is currently the most popular Windows system. It has a very long history of development and is deeply loved by users. However, the win7 system also has problems, big and small. When many friends use the win7 system, they will find that the file names on the computer turn blue, and other newly created folders will also turn blue. This is What is the situation and how to solve it? Below, the editor will bring you a method to restore the win7 system file name to blue. Recovery method of win7 system file name turning blue 1. First, right-click the disk with blue file name and open properties. 2. Find the option to compress this drive to save disk space in the properties window and remove it.

Adobe Photoshop official web version AI generated fill and generate extended image tools Adobe Photoshop official web version AI generated fill and generate extended image tools Sep 29, 2023 pm 10:13 PM

Adobe's Photoshop web service (an online web version) is now generally available. The web version of Photoshop will soon support the AI-generated fill and generate extended image tools, which were recently released for the desktop version of Photoshop. Powered by the Adobe Firefly generative AI model, these features are commercially available and allow users to quickly add, remove, or expand images using text-based descriptions in more than 100 languages ​​while matching the lighting conditions and perspective of the original image. The web version of Photoshop also provides many of the most commonly used tools from the desktop version, but with a redesigned layout to provide a more "simplified" user experience for new Photoshop users. This includes early this year

How to deal with blurred scanned documents How to deal with blurred scanned documents Jan 05, 2021 pm 03:09 PM

Processing method: 1. Open the scanned image to be processed in the PS software; 2. Click "Filter" - "Sharpening" - "Smart Sharpening" on the top toolbar; 3. In the pop-up window, select according to your needs Sharpen the radius and click "OK"; 4. Click "File" - "Save As" and save it as a file.

Which company does photoshop belong to? Which company does photoshop belong to? Jul 20, 2022 am 11:47 AM

photoshop is owned by Adobe. Photoshop is an image processing software developed and distributed by Adobe. It mainly processes digital images composed of pixels. Adobe is an American computer software company headquartered in San Jose, California. It is mainly engaged in the development of multimedia production software; its customers include enterprises, knowledge workers, creative people and designers, OEM partners, and developers around the world.

Which company developed photoshop? Which company developed photoshop? Jul 08, 2022 am 11:34 AM

Photoshop was developed by Adobe Systems; Photoshop is a graphics processing software developed and distributed by "Adobe Systems", which mainly processes digital images composed of pixels. Adobe Systems is an American multinational computer software company headquartered in San Jose, California.

See all articles