Comment créer une photo animée Reveal pour Instagram dans Adobe Photoshop

Ce que vous allez créer

Dans ce didacticiel, nous allons utiliser Adobe Photoshop pour créer un effet de révélation de photo animée pour Instagram, qui peut être utilisé avec n’importe quelle image..

Vous pouvez également vérifier mon action de révélation de couleur géométrique animée avec différentes textures et effets animés, créés de la même manière pour mon portefeuille GraphicRiver..

Atouts du tutoriel

  • Toute photo que vous souhaitez utiliser pour cette manipulation. Vous pouvez trouver des photos gratuites sur Unsplash et Pixabay ou acheter des photos de haute qualité sur PhotoDune. J'ai choisi cette photo de Unsplash.

1. Comment préparer le document

Étape 1

Utilisation Contrôle-N pour créer un nouveau document et utiliser les paramètres suivants: 1080 x 1080 px; 300 dpi.

Étape 2

Aller à Fichier> Place et mettez votre image à l'intérieur du document.

Étape 3

Nous devons maintenant convertir notre image en objet intelligent.. Clic-droit sur la couche, puis sélectionnez Convertir en objet intelligent.

Étape 4

Après cela, créons un duplicata de l’objet intelligent: Clic droit> Dupliquer le calque.

Étape 5

Créez quatre copies supplémentaires de l'objet intelligent, comme auparavant. Après cela, vous pouvez facilement changer l'image dans tous les objets intelligents en remplaçant simplement la photo dans le premier objet intelligent..

Étape 6

Créons maintenant les formes pour notre modèle. Frappé U créer un Forme de rectangle et utilisez les paramètres suivants: Largeur: 432; Hauteur: 432.

Étape 7

Après cela, créez la deuxième forme avec les paramètres suivants: Largeur: 594; Hauteur: 594; Aucun remplissage; Course: 81 px.

Étape 8

Créez la troisième forme avec les paramètres suivants: Largeur: 756; Hauteur: 756; Aucun remplissage; Course: 81 px.

Étape 9

Créez la quatrième forme avec les paramètres suivants: Largeur: 918; Hauteur: 918; Aucun remplissage; Course: 81 px.

Étape 10

Pour la dernière forme, utilisons ces paramètres: Largeur: 1080; Hauteur: 1080; Aucun remplissage; Course: 81 px.

Étape 11

Frappé V et sélectionnez tous les calques de forme, puis cliquez sur Aligner le centre horizontal et Aligner le centre vertical.

Étape 12

Maintenant, nous devons déplacer chaque forme en dessous de chaque objet intelligent.

Étape 13

Rendre invisible l'objet principal et le calque d'arrière-plan.

Étape 14

Maintenant, sélectionnez le premier objet intelligent et Clic droit> Créer un masque de découpage.

Étape 15

Créez un masque de découpage pour chaque objet intelligent en appliquant la même méthode qu'auparavant.

Étape 16

Pour faciliter le travail avec nos calques, nous devons créer des groupes de calques. Sélectionnez chaque objet intelligent et forme, puis appuyez sur la Faire un groupe icône.

2. Comment créer des effets de couleur

Étape 1

Pour créer un filtre noir et blanc, nous allons utiliser une carte en dégradé. Sélectionnez le premier objet intelligent et accédez à Calque> Nouveau calque de réglage> Carte de dégradé.

Étape 2

Après ça, Clic droit> Créer un masque de découpage.

Étape 3

Créez maintenant une autre carte de dégradé ci-dessus, mais utilisez les couleurs suivantes: # 21382e; # 3d3b6d; # fd605b.

Étape 4

Sélectionnez le calque de dégradé et créez un autre masque de découpage..

Étape 5

Créez une autre carte en dégradé avec le masque de découpage du deuxième groupe avec les couleurs suivantes: # 31444b; # 843332.

Étape 6

Créons maintenant une autre carte de dégradé avec un masque de découpage, comme nous l’avions déjà fait, mais pour le troisième groupe de calques. Pour celui-ci, utilisons les couleurs suivantes: # 16172b; # df7136.

Étape 7

Pour le groupe de couches suivant, utilisez une carte en dégradé avec les couleurs suivantes: # dd0a00; # fe7f32.

Étape 8

Pour le dernier groupe de couches, utilisez une carte en dégradé avec les couleurs suivantes: # 5b673f; # a23c2d.

Étape 9

Nous devons maintenant donner à notre image un aspect un peu fané. Aller à Couche> Nouvelle couche de réglage> Exposition et utilisez les paramètres suivants: Décalage: +0.0200.

3. Comment créer une animation à partir d'une image statique

Étape 1

Pour commencer à créer l'animation, allez à Fenêtre> Chronologie et ensuite frappé Créer une chronologie vidéo.

Étape 2

Sélectionnez l'objet intelligent dans le premier groupe des calques, appuyez sur Contrôle-t, et faire pivoter l'image -180 ° en tenant Décalage.

Étape 3

Sélectionnez l'objet intelligent dans le deuxième groupe de calques, puis appuyez sur Contrôle-t et faire pivoter l'image -90 ° en tenant Décalage.

Étape 4

Sélectionnez le prochain objet intelligent dans, puis appuyez sur Contrôle-t et faire pivoter l'image -180 ° en tenant Décalage.

Étape 5

Sélectionnez l'objet intelligent dans le quatrième groupe de calques, puis appuyez sur Contrôle-t et faire pivoter l'image 90 ° en tenant Décalage.

Étape 6

Sélectionnez le dernier objet intelligent, puis appuyez sur Contrôle-t et faire pivoter l'image -180 ° en tenant Décalage.

Étape 7

Ouvrez le premier objet intelligent dans le Chronologie panneau et déplacez le Indicateur de temps à 0: 00: 00: 00. Après cela, cliquez sur le bouton Minuteur icône près du Transformer créer le premier Image clé.

Étape 8

Bouge le Indicateur de temps à 0: 00: 02: 00,puis faites pivoter l'objet intelligent 180 ° en tenant Décalage.

Étape 9

Ouvrez le deuxième objet intelligent dans le Chronologie panneauet créer le premier Image clé à 0: 00: 00: 00. Bouge le Indicateur de temps à 0: 00: 02: 00 et faire pivoter l'objet intelligent 90 ° en tenant Décalage.

Étape 10

Ouvrir le prochain objet intelligent dans le Chronologie panneau et créer le premier Image clé à 0: 00: 00: 00. Bouge le Indicateur de temps à 0: 00: 02: 00 et faire pivoter l'objet intelligent 180 ° en tenant Décalage.

Étape 11

Ouvrez le quatrième objet intelligent dans le Chronologie panneauet créer le premier Image clé à 0: 00: 00: 00. Bouge le Indicateur de temps à 0: 00: 02: 00 et faire pivoter l'objet intelligent -90 ° en tenant Décalage.

Étape 12

Ouvrez le dernier objet intelligent de la Chronologie panneau et créer le premier Image clé à 0: 00: 00: 00. Bouge le Indicateur de temps à 0: 00: 02: 00 et faire pivoter l'objet intelligent 180 ° en tenant Décalage.

Voici comment l'animation devrait ressembler aux manipulations énumérées ci-dessus.

Étape 13

Nous devons maintenant créer une animation pour les effets de couleur. Ouvrez le filtre noir et blanc dans le Chronologie panneau et déplacez le Indicateur de temps à 0: 00: 00: 00. Après cela, cliquez sur le bouton Minuteur icône près du Opacité créer le premier Image clé

Étape 14

Bouge le Indicateur de temps à 0: 00: 04: 00 et changer le Opacité de la couche à 0% dans le Couches panneau.

Étape 15

Dupliquez ce calque quatre fois en utilisant Clic droit> Dupliquer et placez chaque duplicata du filtre au-dessus de chaque objet intelligent. L'animation de cette couche est copiée avec la couche.

Étape 16

Sélectionnez la carte en dégradé dans le premier groupe de couches, puis déplacez la Indicateur de temps à 0: 00: 00: 00. Après cela, cliquez sur le bouton Minuteur icône près du Opacité créer le premier Image clé

Étape 17

Bouge le Indicateur de temps à 0: 00: 02: 00 et changer le Opacité de la couche à 0% dans le Couches panneau.

Étape 18

Nous devons maintenant copier les images clés. Sélectionnez deux Images clés en tenant Contrôle, et ensuite frappé Copie.

Étape 19

Ouvrez la carte en dégradé dans le groupe de couches suivant. Après cela, cliquez sur le bouton Minuteur icône près du Opacité dans le Chronologie panneau, etClic droit> Coller.

Étape 20

Créons maintenant des copies des images clés pour toutes les cartes de dégradé, comme nous le faisions auparavant..

4. Comment rendre l'animation pour Instagram

Étape 1

Pour enregistrer votre animation pour Instagram, vous devez cliquer sur l’icône située dans le coin supérieur droit et sélectionner Rendre la vidéo.

Étape 2

Définissez les paramètres suivants dans Rendre la vidéo panneau: Format: H.264; Taille: taille du document; Gamme: Tous les cadres.

5. Comment remplacer l'image utilisée dans le modèle

Étape 1

Si vous voulez changer l'image utilisée pour votre animation, Clic droit> Modifier le contenu sur l'objet intelligent que nous avons créé en premier.

Étape 2

Placez votre nouvelle image au-dessus de l’ancienne, appuyez sur Alt-F4 fermerl'espace réservé, puis sélectionnez sauvegarder.

Travail impressionnant, vous êtes maintenant fait!

De cette manière, nous pouvons créer un modèle animé dans Adobe Photoshop à l'aide d'objets intelligents..

J'espère que vous avez apprécié ce tutoriel et n'hésitez pas à me contacter pour toute aide concernant ce tutoriel. Vous pouvez également consulter mon action Animation de couleurs géométriques animées dans mon portefeuille sur GraphicRiver..