search
HomeWeb Front-endPS Tutorialps制作漂亮的放射霓虹灯gif动态图片效果

这篇教程是向PHP中文网的朋友介绍ps制作漂亮的放射霓虹灯gif动态图片效果方法,教程制作出来的动态效果非常地不错,推荐到PHP中文网,喜欢的朋友可以跟着教程一起来学习吧

ps制作漂亮的放射霓虹灯gif动态图片效果

ps制作漂亮的放射霓虹灯效果的步骤:

1、打开ps的软件,执行菜单栏中的文件—新建,或者直接使用快捷键Ctrl+N新建一个画布。按英文大写字母D,将前景色背景色恢复为默认的黑白色。按Ctrl+Delete键,背景色填充画布为白色。

ps制作漂亮的放射霓虹灯gif动态图片效果

2、新建一个空白图层,选择工具箱中的直线工具,属性栏中选择像素,粗细为6像素,按住shift键不放,鼠标点击拖动可以画出一条45度角的直线。

ps制作漂亮的放射霓虹灯gif动态图片效果

3、选中图层1,按快捷键Ctrl+T出现自由变换框,鼠标点击中心点,将中心点移到右下方的位置;然后将角度设置为15度,按enter键确认变换。

ps制作漂亮的放射霓虹灯gif动态图片效果

ps制作漂亮的放射霓虹灯gif动态图片效果

ps制作漂亮的放射霓虹灯gif动态图片效果

4、重复变换,可以直接按快捷键Ctrl+shift+Alt+T,多按几次,直到出现如下所示的图形。小编一共数了下,一共要按23次,可以得到如下图所示的图形。按住shift键,先点击图层1拷贝23,再点击图层1,选中这些图层后,右键单击合并图层,将它们作为了一个整体,然后用移到工具,移到合适的位置。

ps制作漂亮的放射霓虹灯gif动态图片效果

ps制作漂亮的放射霓虹灯gif动态图片效果

5、右键单击图层1拷贝23,选择选择透明像素;再新建空白图层2,选择工具箱中的渐变工具,我们选择透明彩虹渐变,径向渐变,由中心点向右拉出一个渐变。

ps制作漂亮的放射霓虹灯gif动态图片效果

6、点击背景层前面的小眼睛,使其不可见。再按快捷键Ctrl+shift+Alt+E盖印所有可见图层,得到图层3。

ps制作漂亮的放射霓虹灯gif动态图片效果

7、点击图层2前面的小眼睛,使其不可见,选中图层1拷贝23这个图层,执行菜单栏中的编辑—变换—水平翻转,这里大家看看自己制作的图形,黑色和彩色的底部基本上是重合的,如果大家的不是重合的,就用选择工具,将它稍微移动调整一下。

ps制作漂亮的放射霓虹灯gif动态图片效果

8、点击背景层前面的小眼睛,使背景层可见,再按快捷键Alt+Delete键,前景色填充画布为黑色;再选中图层3这个图层,点击下方的添加图层蒙版按钮,给它添加蒙版,效果如下图。

ps制作漂亮的放射霓虹灯gif动态图片效果

9、点击图层3与蒙版中间的链接符号,也就是取消链接蒙版;复制图层3得到图层3拷贝;在图层3拷贝的图层,按快捷键Ctrl+T出现自由变换框,我们将角度设置为5度,按enter键确定变换。

ps制作漂亮的放射霓虹灯gif动态图片效果

ps制作漂亮的放射霓虹灯gif动态图片效果

10、再将图层3拷贝复制一层,得到图层3拷贝2;在图层3拷贝2所在的图层,按快捷键Ctrl+T出现自由变换框,我们将角度设置为5度,按enter键确定变换。

ps制作漂亮的放射霓虹灯gif动态图片效果

11、点击图层1拷贝23前面的小眼睛,使其不可见。我们依次观察下图层3、图层3拷贝、图层3拷贝2,发现图层3拷贝的光圈比图层3小,所以我们要改变图层的顺序,将图层3拷贝,移到图层3的下面。

ps制作漂亮的放射霓虹灯gif动态图片效果

12、下面我们来制作动画。执行菜单栏中的窗口—时间轴,打开时间轴面板。我们来创建帧动画,第一帧选择背景层和图层3拷贝2,第二帧选择背景层和图层3,第三帧选择背景层和图层3拷贝,然后将时间设置为0.1秒,循环为永远。

ps制作漂亮的放射霓虹灯gif动态图片效果

13、我们可以点击下下方的播放,观看下效果,如果没有问题我们就来保存。执行菜单栏中的文件—存储为web所用格式,我们选择GIF,点击存储,然后将其保存到桌面上。存储好后,我们观看制作的动画是要在网页中打开才能看到动画哦。让我们看下最终的效果图。

ps制作漂亮的放射霓虹灯gif动态图片效果

以上就是ps制作漂亮的放射霓虹灯gif动态图片效果方法介绍,大家很不错,大家一起来看看吧!

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
Comparing Photoshop Pricing: Options and BenefitsComparing Photoshop Pricing: Options and BenefitsMay 12, 2025 am 12:17 AM

Adobe Photoshop offers three packages: 1) a single application plan, suitable for users who only need Photoshop, with a low cost, including 20GB of cloud storage; 2) a full set of CreativeCloud plans, suitable for users who need multiple Adobe applications, with a high cost, including 100GB of cloud storage; 3) a preferential plan for students and teachers, suitable for academic users with limited budget, with a low cost, including 20GB of cloud storage.

What Makes Photoshop Special? Its Primary FunctionWhat Makes Photoshop Special? Its Primary FunctionMay 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop: The Cost of Professional Image EditingPhotoshop: The Cost of Professional Image EditingMay 10, 2025 am 12:19 AM

Photoshop's cost includes direct costs, time and learning curve, resources and hardware investment. 1. Direct cost: Subscription system $20 to $50 per month, purchase hundreds of dollars at one time. 2. Time and Learning: It requires a lot of time and practice, and it is recommended to learn through online courses and tutorials. 3. Resources and hardware: High-performance computers and sufficient storage space are required to ensure hardware configuration to improve efficiency.

Image Editing Essentials: Key Features of PhotoshopImage Editing Essentials: Key Features of PhotoshopMay 09, 2025 am 12:05 AM

Photoshop's core features include layers, selection tools, and adjustment tools. 1. The layer allows independent editing of image parts and supports layer style. 2. Selection tools such as lasso, magic wand and quick selection tools provide precise editing. 3. Adjustment tools such as color level, curve and hue/saturation can adjust images non-destructively.

My Purpose: Assisting with Photoshop-Related TasksMy Purpose: Assisting with Photoshop-Related TasksMay 08, 2025 am 12:18 AM

In Photoshop, the role of layer masks is to allow hidden or displayed portions of layers in a non-destructive manner. 1. The working principle of layer mask is to control the visibility of the layer through black, white and grayscale. 2. The basic usage includes image synthesis, such as synthesising the character image into a new background. 3. Advanced usage can be achieved by using gradient masks to achieve smooth image transition.

Photoshop and Free Alternatives: A Comparative LookPhotoshop and Free Alternatives: A Comparative LookMay 06, 2025 am 12:12 AM

Photoshop's powerful features include smart objects and neural filters, while free alternatives such as GIMP, Krita and Photopea do well in specific fields such as GIMP's layer functionality, Krita's digital paintings and online editing of Photopea.

Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

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 Article

Hot Tools

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 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

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.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function