Maison interface Web Tutoriel PS Photoshop打造超酷的旋转光粒动画

Photoshop打造超酷的旋转光粒动画

Jun 01, 2016 pm 02:35 PM

本教程介绍较为综合的动画制作方法,不仅需要有熟练的动画制作本领,还需要有一定的图形制作能力,如教程中用图层样式中混合选项来作图,这个看似不常用的选项竟然有非常惊人的用途,只要稍微设置好背景图层及操作图层,再通过复制及变换角度就可以做出超酷的效果。 最终效果

Photoshop打造超酷的旋转光粒动画

1、新建文件500*500PX,RGB,分辨率为72PX,背景为白色的文件。

Photoshop打造超酷的旋转光粒动画
 2、在背景图层填充黑色。在画布横纵向分别拉参考线到画布中间位置。

Photoshop打造超酷的旋转光粒动画

3、新建图层1,工具箱中的矩形选框工具,画一长方形,并填充RGB黄。取消选区。并自由变换。如下图,按回车确定变形。

Photoshop打造超酷的旋转光粒动画

4、再次自由变换, 把图层1的中心点转移到参考线的中心交点上。如下图。并设置变换属性:角度为8度,按回车确定变形。

Photoshop打造超酷的旋转光粒动画

Photoshop打造超酷的旋转光粒动画
 5、按复合键shift+ctrl+alt+T,复制并变换图层1,如下图。合并除背景图层外的所有图层,命名图层1。

Photoshop打造超酷的旋转光粒动画

6、新建图层2,把图层1载入选区,选择—反向,填充任意颜色,取消选区。对“图层2”执行:图层—图层样式—混合选项—高级混合,把填充改为:0%,挖空选择为“深”,如下图。

Photoshop打造超酷的旋转光粒动画

Photoshop打造超酷的旋转光粒动画

 7、复制“图层2”,生成“图层2副本”,对“图层2副本”执行菜单:编辑—变换—水平翻转,得到下图所示的效果,非常神奇吧。

Photoshop打造超酷的旋转光粒动画

8、复制“图层2副本”生成“图层2副本2”,Ctrl+T,设置属性:角度为-1度,参数及效果如下图。

Photoshop打造超酷的旋转光粒动画

Photoshop打造超酷的旋转光粒动画
 9、复制“图层2副本2”,Ctrl+T,设置属性:角度为-1度。按此方法。复制到“图层2副本7”(根据自己图像而定)。效果如下图。

Photoshop打造超酷的旋转光粒动画

10、拖入中间图像,可以找一幅自己喜欢的素材图,放到中间的圆形空间里面,生成图层3。

Photoshop打造超酷的旋转光粒动画

11、跳转到Imageready,设置动画。CS3及以上版本选择菜单:窗口 > 动画。
a、第1帧,打开所以图层的眼睛。
b、第2帧,关上图层2副本7的眼睛。
c、第3帧,关上图层2副本6的眼睛。
d、第4帧,关上图层2副本5的眼睛。
e、第5帧,关上图层2副本4的眼睛。
f、第6帧,关上图层2副本3的眼睛。
g、第7帧,关上图层2副本2的眼睛。
h、第8帧,打开图层2副本2的眼睛。
i、第9帧,打开图层2副本3的眼睛。
j、第10帧,打开图层2副本4的眼睛。
k、第11帧,打开图层2副本5的眼睛。
l、第12帧,打开图层2副本6的眼睛。
m、点第1帧,按住shift键,点最后1帧,设置延迟时间为0.1秒(设置延迟可根据自己的喜欢而定)。

Photoshop打造超酷的旋转光粒动画
 最后选择菜单:文件 > 存储优化结果,选择GIF格式即可。(其它版本选择菜单:文件 > 存储为Web所用格式)。

Photoshop打造超酷的旋转光粒动画

Photoshop打造超酷的旋转光粒动画

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Mar 18, 2025 pm 01:41 PM

L'article détaille à l'aide de Photoshop pour les graphiques des médias sociaux, couvrant la configuration, les outils de conception et les techniques d'optimisation. Il met l'accent sur l'efficacité et la qualité de la création graphique.

Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Mar 13, 2025 pm 07:28 PM

L'article discute de la préparation d'images pour l'utilisation du Web dans Photoshop, en nous concentrant sur l'optimisation de la taille du fichier, de la résolution et de l'espace colorimétrique. Le problème principal est d'équilibrer la qualité d'image avec des temps de chargement rapides.

Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Mar 13, 2025 pm 07:35 PM

L'article discute de l'utilisation efficace de l'utilisation efficace de remplissage et de déplacement du contenu de Photoshop, offrant des conseils sur la sélection des zones source, l'évitement des erreurs et l'ajustement des paramètres pour des résultats optimaux.

Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Mar 13, 2025 pm 07:31 PM

L'article traite des moniteurs d'étalonnage pour une couleur précise dans Photoshop, des outils d'étalonnage, des effets de l'étalonnage incorrect et de la fréquence de recalibrage. Le principal problème est d'assurer la précision des couleurs.

Comment utiliser les capacités d'édition vidéo de Photoshop? Comment utiliser les capacités d'édition vidéo de Photoshop? Mar 18, 2025 pm 01:37 PM

L'article explique comment utiliser Photoshop pour l'édition vidéo, détaillant les étapes pour importer, modifier et exporter des vidéos et mettre en évidence les fonctionnalités clés telles que le panneau de chronologie, les couches vidéo et les effets.

Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Mar 18, 2025 pm 01:35 PM

L'article discute de l'optimisation des images pour le Web à l'aide de Photoshop, en se concentrant sur la taille et la résolution des fichiers. Le principal problème est d'équilibrer la qualité et les temps de chargement.

Comment créer des GIF animés dans Photoshop? Comment créer des GIF animés dans Photoshop? Mar 18, 2025 pm 01:38 PM

L'article discute de la création et de l'optimisation des GIF animés dans Photoshop, y compris l'ajout de trames aux GIF existants. L'accent principal est de l'équilibre entre la qualité et la taille du fichier.

Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Mar 18, 2025 pm 01:36 PM

L'article guide la préparation d'images à l'impression dans Photoshop, en se concentrant sur la résolution, les profils de couleurs et la netteté. Il fait valoir que les profils de 300 PPI et CMYK sont essentiels pour les impressions de qualité.

See all articles