通过前面的课程,我们已经学会了利用关键帧过渡,以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画,在很长一段时间内也是Photoshop唯一的动画制作方式。今天我们要学习一种新的利用时间轴制作动画的方式。时间轴方式广泛运用在许多影视制作软件中,如Premiere、AfterEffects等,包括Flash也是采用这种方式。
关键帧过渡动画中还有许多操作我们没有提及,这是由于它们与时间轴方式并无关系,而时间轴将是我们今后制作动画的主要方式,因此予以略过。
为统一素材,请点击此处下载素材文件,并解压出PSD文件,在Photoshop中开启,这是一个没有帧设定的文件(大家也可以利用自己制作的代替)。如下图所示。由于使用了文字图层,可能在开启后会由于字体缺失而出现替换选项,选择用默认字体替换即可,默认字体虽然不够漂亮,但教学性是一样的。
PSD文件中包含3个图层(背景层不算),其中两个是文字层,一个是矢量形状层。如果不知矢量形状图层为何物,说明基础部分没有掌握好。
点击动画调板右下角的按钮,即可切换到时间轴方式,如下图所示。细心的读者会注意到调板的名称变为了“动画(时间轴)”,而之前的是“动画(帧)”。右下角的按钮变为了
,点击将会切换到原先的帧方式。
需要注意的是,这两种方式是互不兼容的,因此不要在制作过程中进行切换。如果误切换了,可以使用撤销命令〖CTRL ALT Z〗挽回。
在时间轴中我们看到了类似图层调板中的图层名字,其高低位置也与图层调板相同。点击图层左方的箭头标志就会展开该图层所有的动画项目,也就是能制作为动画的要素。在不同性质的图层中,其动画项目也不相同。所谓不同性质就是指如普通图层、带蒙版的普通图层、文字图层、调整图层等,这些都属于不同性质的图层。如下左图所示分别是“去留无意”文字层与“形状1”矢量形状层展开后的动画项目。其共有的是位置、不透明度、样式。不同的是文字层多了一个“文字变形”项目,而矢量形状层多了两个与蒙版有关的项目。
动画的制作不能超出图层自身的动画项目,比如不能对形状层进行“文字变形”。但有些动画项目可以后期再添加,如对文字层添加蒙版后,就令其具备了蒙版的动画项目。
在调板左上方有一组数字0:00:00:00,这是当前的时间码,从右端起分别是毫秒、秒、分钟、小时。一般也就用到秒这级。时间码后面还有一个30.00fps,这个就是帧速率,表示每秒多少帧。一般取值为整数,在影视编辑方面才会用到小数帧率。
点击动画调板右上角的按钮后选择“文档设定”,就会出现如下右图所示的时间轴设定。在其中可以指定动画总时长和帧速率。按照默认的设置,是总长10秒,每秒30帧,这样总帧数就是300帧,对于网页动画来说这是一个相当大的数值了,制作出来会占用很大的字节数,不利于网络的传输。现在我们将持续时间改为5秒,帧速率改为5fps。确认后就会在动画调板中看到新的帧速率指示。
如下图所示,将动画调板横向拉大一些,就会看到01:00、02:00这样的时间标志,单位为秒。时间轴的最右端正是刚才所设定的5秒总时长。将红色箭头所指出的滑杆向右方拖动,就能放大时间轴的细节,红框区域内就是放大后的时间轴。可以看到在秒之间有了01f、02f这样的标志,这就是帧。我们刚才的设定是5fps,所以每两秒之间都有5个帧。虽然我们只看到最大04f,但要知道05f其实就是和01:00重合在一起的。因此被表达为01:00f,意思就是该处既是第一秒,也是一个帧。
注意在两个橙色箭头之间有一条不太显眼的细线,这是渲染缓冲指示,其他影视编辑软件也都有这个指示,不过在Photoshop中它的作用并不是很重要,在后面的课程中会提到。
下节我们就用时间轴来制作具体的动画实例。

La création de concepts visuels dans Photoshop peut être réalisé à travers les étapes suivantes: 1. Créez un nouveau document, 2. Ajoutez une couche d'arrière-plan, 3. Utilisez l'outil de pinceau pour dessiner des formes de base, 4. Ajuster les couleurs et la luminosité, 5. Ajouter du texte et des graphiques, 6. Utiliser des masques pour l'édition locale, 7. Appliquer les effets filtrants, ces étapes aident les concepteurs à construire un travail visuel complet à partir de zéro.

Photoshop n'est pas gratuit, mais il existe plusieurs façons de l'utiliser à faible coût ou gratuit: 1. La période d'essai gratuite est de 7 jours, et vous pouvez faire l'expérience de toutes les fonctions au cours de cette période; 2. Les remises des élèves et des enseignants peuvent réduire de moitié les coûts et une preuve scolaire est requise; 3. Le package CreenIveCloud convient aux utilisateurs professionnels et comprend une variété d'outils Adobe; 4. Photoshopements et Lightroom sont des alternatives à faible coût, avec moins de fonctions mais des prix inférieurs.

Photoshop vaut l'investissement car il offre des fonctionnalités puissantes et un large éventail de scénarios d'application. 1) Les fonctions principales comprennent l'édition d'images, la gestion des calques, la production d'effets spéciaux et l'ajustement des couleurs. 2) Convient aux concepteurs et photographes professionnels, mais les amateurs peuvent considérer des alternatives telles que GIMP. 3) Abonnez-vous à AdobecreativeCloud peut être utilisé comme nécessaire pour éviter les dépenses uniques élevées.

L'utilisation principale de Photoshop dans la conception de l'image créative est sa puissante fonctionnalité et sa flexibilité. 1) Il permet aux concepteurs de transformer la créativité en réalité visuelle à travers des couches, des masques et des filtres. 2) Les usages de base comprennent la culture, le redimensionnement et la correction des couleurs. 3) Les usages avancés tels que les styles de calque, les modes de mélange et les objets intelligents peuvent créer des effets complexes. 4) Les erreurs courantes comprennent une mauvaise gestion des couches et une utilisation excessive des filtres, qui peuvent être résolues en organisant des couches et en utilisant raisonnablement des filtres. 5) L'optimisation des performances et les meilleures pratiques incluent l'utilisation rationnelle des couches, la sauvegarde régulière des fichiers et l'utilisation des clés de raccourci.

Photoshop peut être utilisé dans la conception Web pour créer des prototypes à haute fidélité, des éléments de l'interface utilisateur de conception et simuler les interactions utilisateur. 1. Utilisez des calques, des masques et des objets intelligents pour la conception de base. 2. Simuler l'interaction utilisateur via l'animation et les fonctions de chronologie. 3. Utilisez des scripts pour automatiser le processus de conception et améliorer l'efficacité.

Dans l'article précédent "Enseignant votre étape par étape pour ajouter des effets d'impression aux images de plaque utilisant PS (favoris)", j'ai introduit une petite astuce pour utiliser PS pour ajouter des effets d'impression aux images de plaque utilisant PS. L'article suivant vous présentera comment utiliser la brosse PS pour ajouter des effets de fissure à la police. Jetons un œil à la façon de le faire.

Dans Photoshop, vous pouvez créer des effets de texte via des styles de calques et des filtres. 1. Créez un nouveau document et ajoutez du texte. 2. Appliquer des styles de calque tels que les ombres et la lueur extérieure. 3. Utiliser des filtres tels que les effets des vagues et ajouter des effets de biseau et de secours. 4. Utilisez des masques pour ajuster la plage d'effet et l'intensité pour optimiser l'impact visuel de l'effet texte.

La coupe est le processus de suppression de l'arrière-plan de l'image et de laisser le sujet derrière. Les méthodes de découpe courantes comprennent: la découpe manuelle: utilisez un logiciel d'édition d'image pour décrire manuellement le bord du sujet. Découpe automatique: utilisez un logiciel pour identifier automatiquement le sujet et le séparer de l'arrière-plan. Utilisez des outils de découpe tiers: utilisez des outils spéciaux pour découper les images. Coupe du canal: utilisez le canal de l'image pour segmenter et sélectionner les canaux avec des différences évidentes par rapport à la couleur du sujet pour le fonctionnement.


Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Navigateur d'examen sécurisé
Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

MantisBT
Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.

Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.

SublimeText3 version anglaise
Recommandé : version Win, prend en charge les invites de code !

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