Création de fichiers GIF de boucle dans Cinema 4D

Ce que vous allez créer

Dans ce tutoriel, je vais vous montrer comment animer et rendre des géométries simples pour créer des animations GIF en boucle transparente. Je traiterai de l'animation, de l'éclairage basé sur les objets, de la profondeur de champ et de la conversion du fichier vidéo généré en une animation GIF dans Photoshop.

Cinema 4D: Modélisation, animation et rendu

Étape 1

Commencez par créer les géométries qui seront animées. Ajouter un nouveau Torus objet à la scène et changer ses propriétés d'objet comme

• Rayon de l'anneau: 90cm
• Segments d'anneau: 3
• Rayon de la pipe: 25cm
• Segments de tuyaux: 3

Premier objet de tore

Étape 2

Dupliquer cela Torus objet deux fois. Garder le Bague et Tuyau les segments ont la même valeur. Modifiez uniquement le rayon de ces propriétés comme suit:

Première instance

• Rayon de la bague: 235cm
• Rayon de la pipe: 40cm

Deuxième instance

• Rayon de l'anneau: 570cm
• Rayon de la pipe: 70cm

Ce sont les valeurs que j'ai choisies. Vous définissez les valeurs comme vous le souhaitez.

Si vous suivez mes valeurs, vous devriez obtenir à peu près le même résultat que celui présenté ci-dessous:

Les trois objets Torus

Étape 3

Définissez les paramètres d'orientation-rotation des objets torus comme indiqué ci-dessous

Torus est le plus petit et Torus.3 est le plus gros.

Paramètres d'orientation des objets Torus

Le résultat devrait ressembler à ceci:

Résultat final après rotation

Étape 4

Ajoutez un objet Caméra à la scène et placez-le comme vous le souhaitez. Assurez-vous que le point focal de la caméra est sur le plus petit tore.

Placement de la caméra

Étape 5

Sous le Détails onglet du Caméra objet, allume le Flou avant de la carte DOF et Flou arrière de la carte DOF options. Ajustez les points finaux des cartes DOF ​​en conséquence, comme indiqué ci-dessous..

DOF activé sur la caméra

Ce paramètre activera la fonction de profondeur de champ de la caméra, de sorte que nous puissions obtenir l’effet de flou pour une certaine partie de la vue de la caméra..

Étape 6

Comment animer ces objets. Basculer la mise en page sur Animation pour une interface polyvalente pour mener une animation. Pour ce faire, sélectionnez Animation dans le menu de disposition apparaissant dans le coin supérieur droit.

Sélection de la disposition de l'animation

Maintenant, la mise en page va changer et l'onglet de la timeline avec son contenu apparaît en bas

Onglet chronologie étape 7

Comment animer les objets de tore séparément. Ce sera relativement une animation facile avec un seul paramètre animé. Sélectionnez l'un des tores, j'ai sélectionné le Torus.3

Aller au Coord. onglet et R.B paramètre, cela signifie Banque de rotation. Cliquez sur le point gris à côté de R.B paramètre, il deviendra rouge, ce qui signifie que vous avez ajouté une image clé. Ce sera également visible dans la chronologie.

Première image clé

Déplace le curseur de la timeline sur la dernière image, dans ce cas-ci 40. Vous remarquerez que le point rouge se transforme en un point rouge creux. Cela signifie que vous ne pouvez pas ajouter une autre image clé pour ce paramètre.. 

Je veux une rotation complète de l'objet torus. Si j'avais commencé avec 0 degrés au cadre 0 J'aurais besoin de définir la dernière image, dans ce cas 40, à 359 degrés, puisque 0 et 360 Degrés sont la même chose. 

Dans ce cas R.B est réglé sur 23 degrés déjà. Donc, il faudrait que je passe de 23 degrés à -336 degrés faire une rotation complète. Vous pouvez aussi aller de 23 Degrés à 359 + 23 = 382 degrés, ce serait simplement inverser le sens de rotation.

Si vous avez déjà déplacé le curseur sur la dernière image, définissez le paramètre R.B paramètre à -336 degrés et appuyez sur le bouton rouge creux pour ajouter une autre image clé pour le cadre 40.

Deuxième image cléRépétez exactement les mêmes étapes pour Torus.2 objet. Soyez prudent, cependant, avec le plus petit objet de tore, qui est le dernier appelé Torus. En raison de son orientation, au lieu de son R.B paramètre, vous devrez ajouter des images clés pour sa R.P paramètre, qui signifie Pas de rotation.Image clé du plus petit tore

Une fois toutes les images clés ajoutées, la timeline ressemblera à ceci:

Etat final de la chronologie

Étape 8

Limitez le curseur de la barre de chronologie à 40 et appuyez sur le bouton de lecture vert..

Réduire la chronologie

Vous verrez que l'animation commence, accélère lentement puis ralentit. Donc, il ne se sent pas continu ou sans soudure. C'est à cause de la facilité de sortie comportement fourni par le type de clé spline.

Vous devez définir les clés d'animation pour une interpolation linéaire. Pour ce faire, sélectionnez tous les modèles dans la chronologie, puis sélectionnez le Linéaire option du menu. Il est montré ci-dessous;

Modification des clés en interpolation linéaire

Appuyez à nouveau sur le bouton de lecture vert et vous devriez voir une animation fluide et transparente.

À ce stade, nous avons terminé la modélisation et l’animation. Je vais continuer avec l'éclairage et le rendu.

Étape 9

Avant de poursuivre, passez à la vue de la caméra que nous avons déjà créée. Pour ce faire, cliquez sur la petite icône en regard de l'objet caméra..

Définir la vue en vue caméra

Revenez également à la norme disposition.

Créer un matériau pour les objets torus;

Créer un matériau

Double-cliquez sur le matériau que vous avez créé. Définissez certains paramètres pour plusieurs canaux, comme suit.

Commencer avec Couleur canal. Pour ajouter le Occlusion ambiante cliquez sur le bouton fléché à côté de Texture et suivez les Effets menu, vous y trouverez le Occlusion ambiante.

Canal de couleur

Continue avec La diffusion canal. Cliquez sur la flèche blanche à côté de Texture et ajoutez le Bruit

Canal diffus

Ajouter le Réflectance canal. Ajoutez une réflexion comme indiqué ci-dessous, puis sélectionnez le calque de réflexion nommé Couche 1, vous devez définir les paramètres indiqués dans l'image ci-dessous en conséquence.

Canal de réflexion

Le dernier canal est le lueur canal.

Canal luminescent

Glissez-déposez ce matériau sur les trois objets de tore pour attribuer le matériau..

Ça devrait ressembler à ça:

Résultat final avec les matériaux

Étape 10

Suivant est la création d'un objet de fond et un matériau pour celui-ci.

Ajout de fond

Créer un matériau et ajouter un Pente texture pour le canal de couleur.

Utilisez les paramètres indiqués ci-dessous:

Matériel de fond

Attribuer ce matériau à l'objet d'arrière-plan que nous avons créé.

Étape 11

Éclairage. Je préfère utiliser un éclairage à base d'objets pour de telles scènes.

Commencez par quitter la vue caméra en cliquant sur la petite icône en regard de l'objet caméra, puis dans la vue en perspective par défaut, créez deux objets cube et placez-les à gauche et à droite de nos modèles de tore.. 

La scène est montrée ci-dessous;

Configuration de l'éclairage

L'épaisseur des objets de cube n'affecte pas le résultat.

Étape 12

Maintenant, nous allons créer deux matériaux différents à utiliser comme source de lumière pour nos objets de cube.

Créez deux matériaux et ajoutez seulement Luminance canal, laissez les autres paramètres de canal tels quels..

Matériaux sources de lumière

Attribuez ces matériaux à des objets de cube. J'ai assigné un bleu au cube de gauche et un jaunâtre au cube de droite. C'est à toi de decider.

La scène est la suivante:

Résultat final de la scène

Étape 13

Définition des paramètres de rendu.

Commencez avec le sortie section. Définissez la taille du fichier de sortie comme vous le souhaitez.

480x360pxpréréglé. N'oubliez pas de définir la plage de cadre À partir de: 0 Jusqu'à: 40, depuis que j'ai animé entre cette gamme.

Paramètres de sortie

Vérifier la sauvegarder option et sélectionnez un répertoire pour enregistrer le fichier et lui donner un nom. Définissez le format sur Film QuickTime. 

Enregistrer les paramètres

Ajouter Illumination globale en cliquant sur le Effets…  bouton. Laissez-le tel quel, vous n'avez pas vraiment besoin de jouer avec ses paramètres pour cet exemple.

Ajouter Profondeur de champ et utilisez les paramètres indiqués ci-dessous;

Paramètres de profondeur de champ

Et la dernière chose est d'ajouter le Lueur d'objet et nous avons fini.

appuyez sur la Render to Picture Viewer bouton pour rendre chaque image et générer la sortie vidéo.

Rendre au visualiseur d'images

Photoshop: Conversion en GIF

Étape 1

A ce stade, vous aurez une animation sous forme de fichier vidéo au format de fichier de .mov.

Afin de pouvoir convertir ceci .mov dans un fichier GIF, je vais utiliser Photoshop.

Courir Photoshop, aller à Courir > Importer> Cadres vidéo en couches et sélectionnez le .mov fichier que vous avez créé.

Importation de calques à partir d'un fichier vidéo

Cela provoquera une fenêtre. Veiller à ce que Faire une animation de cadre l'option est cochée. Puis appuyez D'accord.

Importer les configurations

Étape 2

Afin de voir ces cadres, nous ne devons pas ouvrir le Chronologie. Pour ce faire, allez à Fenêtre> Chronologie.

Chronologie

Étape 3

Une fois que vous avez ouvert la timeline, vous verrez chaque image dessus. Sélectionnez tous ces cadres, puis appuyez sur l'un des textes de 0,03 pour le changer en "sans délais". Cette valeur indique le délai entre chaque image animée. Donc, nous ne voulons pas de retard, d’où le réglage "sans délais".

Pas de délai

Étape 4

Enregistrez l'animation en tant que fichier GIF. Aller à Fichier> Exporter> Enregistrer pour le Web.

Sauvegarde de l'animation

Cela ouvrira une nouvelle fenêtre dans laquelle vous verrez les spécifications du fichier GIF à enregistrer. Vous pouvez modifier les paramètres de qualité pour réduire la taille du fichier ou vous pouvez redimensionner la sortie, ce qui réduira également la taille du fichier.. 

Une fois satisfait de la qualité et de la taille du fichier, cliquez sur enregistrer et vous venez de créer une animation GIF.

Instantané du résultat final

Instantané