Créer une carte de visite virtuelle dans Adobe InDesign, Photoshop ou Illustrator | Khara Plicanic | Skillshare
Recherche

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Créer une carte de visite virtuelle dans Adobe InDesign, Photoshop ou Illustrator

teacher avatar Khara Plicanic, Photographer, Designer, Adobe Educator

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Bienvenue !

      1:48

    • 2.

      Avant de commencer

      5:46

    • 3.

      Créer dans InDesign

      12:32

    • 4.

      Créer des designs dans Photoshop (ou Illustrator)

      14:10

    • 5.

      Design animé - Partie 1

      4:23

    • 6.

      Design animé - Partie 2

      9:48

    • 7.

      Design animé - Partie 3

      4:49

    • 8.

      Sortie

      1:45

    • 9.

      Partagez votre travail

      0:34

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

406

apprenants

5

projets

À propos de ce cours

Qu'avez-vous fait la dernière fois que quelqu'un vous a demandé votre carte de visite ? ? Sourire et jurer que vous en imprimeriez et que vous les auriez avec vous et prêts à partir pour la prochaine fois que quelqu'un vous le demandera ? J'ai été là et je l'ai fait aussi....

La réalité est que personne ne veut taper votre site Web dans son téléphone ou sortir votre carte du fond de son sac à main. Améliorons votre jeu et le rendre plus facile pour tout le monde grâce à une carte de visite virtuelle totalement élégante, modifiable à l'infini et toujours prête à l'emploi.

Je vous guiderai à travers le processus étape par étape pour différentes approches pour créer votre propre carte d'appel numérique et une version animée qui ne manquera pas d'impressionner.

Que vous préfériez travailler dans Adobe InDesign, Photoshop ou Illustrator - je vous ai couvert. Vous apprendrez trois façons de générer des codes QR que vous pouvez utiliser pour diriger les gens vers votre site Web, votre portefeuille et vos comptes sociaux - et à peu près tout ce que vous pouvez penser.

Les codes QR existent depuis longtemps maintenant, ils vivent définitivement une renaissance ! Donc, si vous êtes prêt à saisir le moment et à cesser de vous excuser de ne pas avoir de cartes imprimées sur vous à tout moment, rejoignez-moi dans les cours et commençons !



Rencontrez votre enseignant·e

Teacher Profile Image

Khara Plicanic

Photographer, Designer, Adobe Educator

Top Teacher

A professional photographer and designer for more than 20 years, Khara's a natural born teacher who's been sharing inspiration & know-how with fellow creatives around the world for nearly two decades. Her fun and approachable teaching style has earned her rave reviews on global platforms including CreativeLive and AdobeMax and she's honored to be a regular presenter at CreativePro, Photoshop Virtual Summits, and DesignCuts Live. She's authored several books with Peachpit and Rockynook publishers, been a featured speaker at a local TEDx event, and regularly creates content for CreativePro, PixelU, My Photo Artistic Life, and more.


When Khara's not making futile attempts at reclaiming hard drive space or searching the sofa cushions for a runaway Wacom pen, she can be fo... Voir le profil complet

Compétences associées

Design Graphisme
Level: Intermediate

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Bienvenue !: Qu'avez-vous fait la dernière fois quelqu'un vous a demandé votre carte de visite ? Avez-vous sourit d' un air penaud et vous êtes-vous juré que vous en imprimeriez certaines et que vous que quelqu'un vous a demandé votre carte de visite ? Avez-vous sourit d'un air penaud et vous êtes-vous juré que vous en imprimeriez certaines et que vous les garderiez avec vous à portée de main pour la prochaine Quelqu'un me demande : je l'ai fait trop de fois pour compter. Mais en réalité, personne ne veut saisir votre site Web dans son téléphone ou sortir votre carte de visite du fond de son sac Alors, améliorons le jeu et facilitons la vie de tous grâce à une carte de visite virtuelle totalement élégante, modifiable à l' infini et toujours prête à l'emploi Je vais vous expliquer étape par étape non pas une, ni deux, mais trois approches différentes pour créer votre propre carte de visite numérique sophistiquée Et croyez-le ou non, nous allons même créer une carte de visite animée qui sera certainement trop cool pour l'école et qui ne manquera pas d' impressionner, que vous préfériez travailler dans Adobe InDesign, Photoshop ou Illustrator J'ai ce qu'il vous faut. Vous apprendrez trois manières de générer des codes QR que vous pouvez utiliser pour rediriger les internautes vers votre site Web, votre portefeuille, vos comptes sociaux et à peu près n'importe quel autre endroit auquel vous pouvez penser. Je m'appelle Kara Plicanic et je travaille dans InDesign depuis plus de 20 ans Et j'enseigne depuis presque aussi longtemps, proposant des cours sur des sujets aussi la photographie, Photoshop InDesign et Illustrator J'adore explorer de nouvelles utilisations pour des choses anciennes. Bien que les codes QR existent depuis longtemps, ils sont bel et bien en train de connaître une renaissance. Donc, si vous êtes prêt à saisir l'occasion et à arrêter excuser de ne pas avoir imprimé de cartes sur vous à tout moment. Rejoins-moi dans la prochaine vidéo et nous commencerons. 2. Avant de commencer: Créer une carte de visite virtuelle est en fait très simple. Il vous suffit de rassembler quelques éléments pour commencer. Tout d'abord, nous voulons nous demander où allez-vous envoyer des personnes avec votre code QR ? Vous pouvez les envoyer vers votre site Web. Vous pouvez les envoyer vers un compte de réseau social spécifique. Vous pouvez les envoyer directement vers votre portfolio. Il existe de nombreuses options différentes. L'autre élément que nous allons vouloir inclure est une sorte de photo de profil ou n'importe quel autre avatar qui leur permettra de vous reconnaître facilement une fois qu'ils suivent votre lien. Dans mon cas, je vais utiliser la même image que celle que j'utilise sur tous mes comptes de réseaux sociaux afin que quiconque utilise mon code QR puisse instantanément reconnaître qu'il se trouve au bon endroit. Dans ce cas, je vais créer un lien vers mon compte Link Tree et je vais simplement me connecter ici. Voici donc un aperçu de ce à quoi cela ressemble. Et ce qui est génial, c'est qu'il s'agit essentiellement d'une page de contact super rationalisée et adaptée aux mobiles Vous pouvez ainsi orienter les internautes vers les liens vers lesquels vous souhaitez les envoyer, qu'il s'agisse de votre boutique, de votre portfolio ou de vos comptes de réseaux sociaux Il est très facile d'ajouter des liens ici. Mon clin d'œil génial. Et vous cliquerez sur Ajouter, et cela apparaîtra simplement dans votre liste ici. C'est donc l'URL que je vais inclure dans mon code QR. En ce qui concerne les graphismes à utiliser sur votre carte de visite virtuelle, il existe de nombreuses sources intéressantes d' images gratuites et légales que vous pouvez utiliser. L'un de ces sites est unsplash.com. Et si vous venez ici et recherchez quelque chose comme un arrière-plan abstrait, vous pouvez même mettre une couleur. Alors peut-être que je vais dire violet. Et je vais voir plein de trucs sympas comme ça. Et si je décide que j'ai vraiment aimé celle-ci et que je veux l'utiliser, je vais simplement cliquer ici pour télécharger cette image. Sachez simplement qu' Unsplash propose des images qui sont des mises à niveau payantes Le reste est gratuit. Si vous souhaitez découvrir la création d'une carte de visite virtuelle animée, facilement vous rendre sur le site Adobe Stock à l' adresse stock.adobe.com Et ici, dans la collection gratuite, vais choisir Gratuit et nous allons taper animation. Nous avons maintenant tout un tas de choses y compris des images qui ne fonctionneront pas pour nous. Nous devons donc cliquer sur des vidéos. Et descendons ici et choisissons le bouclage. choses à regarder ici sont donc, bien sûr, les couleurs et les choses qui pourraient vous intéresser. Vous voulez éviter quelque chose qui pourrait être très nocif et qui pourrait donner mal à la tête à vos spectateurs C'est donc cool, mais peut-être pas le meilleur pour une carte de visite virtuelle. Je recommande donc de garder l'animation subtile. L'autre chose que vous devez garder à l'esprit est l'orientation. C'est donc évidemment destiné à un écran large, mais nous pouvons le faire pivoter pour le rendre vertical sans gâcher le design Ils ne fonctionneront donc pas tous de cette façon. Par exemple, celui-ci avec ces cœurs, si on le fait pivoter, les cœurs vont flotter latéralement C'est peut-être ce que tu veux. Ce n'est peut-être pas une option. Si vous trouvez une vidéo comme celle-ci que vous voulez vraiment utiliser, et je vais vous montrer comment procéder, c'est de la recadrer dans Photoshop afin de pouvoir toujours la rendre utilisable. Ainsi, lorsque vous trouvez un fichier que vous souhaitez utiliser, il vous suffit de descendre ici et de cliquer sur Licence. Et tant que vous êtes connecté avec votre Adobe ID, cette vidéo sera ajoutée à votre bibliothèque Creative Cloud par défaut. De plus, je l'ai téléchargé ici sur mon système. Les autres choses à garder à l'esprit sont la longueur. Donc, apparemment, tout cela tourne en boucle parce que nous avons filtré pour cela Mais la boucle peut être très longue. Donc ça fait 15 s, ça va être un énorme fichier GIF. En fin de compte, lorsque nous en aurons terminé, nous l'exporterons sous forme de cadeaux animés afin qu'il puisse apparaître directement dans nos photos sur notre téléphone. Comme nous n'essayons pas de le publier en ligne ou autre, nous n'avons pas à nous soucier trop de la taille du fichier, mais nous avons tout de même besoin de Photoshop pour pouvoir le traiter. Donc, si vous souhaitez utiliser le clip tel quel, recherchez une durée très courte, probablement de 5 à 10 secondes tout au plus. Je vais également vous montrer comment nous pouvons utiliser n'importe laquelle de ces options et créer notre propre boucle plus courte pour économiser beaucoup sur la taille du fichier. Si vous souhaitez suivre et utiliser exactement les mêmes fichiers que moi, consultez l'onglet Projets et ressources juste en dessous de cette vidéo pour obtenir des liens vers ces fichiers que vous pouvez obtenir gratuitement et utiliser pour suivre, déterminer où vous voulez que votre code QR emmène les utilisateurs, rassembler les images d'arrière-plan ou les vidéos et les photos de profil que vous souhaitez utilisez-moi et retrouvez-moi dans la vidéo suivante, et je vous montrerai comment créer une carte de visite virtuelle super simple, n'est-ce pas ? Dans Adobe InDesign 3. Créer des conconces dans InDesign: Donc, dans InDesign, la première chose que nous allons faire est de créer un nouveau document Je vais choisir Fichier Nouveau document. Et vous pouvez utiliser les dimensions que vous souhaitez ici. Mais je vais travailler en HD, pas en full HD, mais en HD. Je vais donc choisir pour les unités de pixels, et nous allons entrer une largeur de 720 et une hauteur de 12 à. Nous n'avons pas besoin de pages opposées, nous n'en avons besoin que d'une. Je vais décocher la zone de texte principale, donc nous n'en avons pas besoin non plus Et aucune de ces autres questions relatives aux marges n'a vraiment d'importance. Si c'est important pour vous, vous pouvez saisir ce que vous voulez ici. Mais allons-y et cliquez sur Créer. Nous sommes maintenant prêts à ajouter notre image d'arrière-plan. Pour ce faire, choisissez Fichier, Importer ou utilisez le raccourci clavier Commande ou Contrôle. D. Accédez à l'endroit où vous avez enregistré l'image que vous souhaitez utiliser comme arrière-plan. Dans ce cas, j'ai ici cette image que j'ai téléchargée depuis Unsplash Vous trouverez le lien dans l' onglet Projets et ressources sous la vidéo, si vous souhaitez également l'utiliser. Je vais donc le sélectionner. Je ne vais pas afficher les options d'importation. Cliquez ensuite sur Ouvrir. Nous pouvons maintenant voir que notre curseur est chargé. Pour placer cette image, il suffit de placer le curseur dans le coin supérieur gauche Et nous allons cliquer et faire glisser le pointeur vers le bas. Et vous pouvez voir qu'il n'a pas les mêmes proportions que notre document, ce qui est très bien. Pour l'ajuster proportionnellement, je vais maintenir la touche Shift enfoncée Maintenant, je peux l'adapter exactement à la taille de la page. Et lorsque nous lâchons prise, InDesign va placer cette image proportionnellement pour remplir le cadre et nous obtenons ce beau résultat Très bien, nous allons ensuite ajouter notre photo de profil. Maintenant, lorsque nous avons placé cette image, nous avons utilisé la commande File Place, puis nous avons dessiné le cadre. Mais cette fois, dessinons d'abord le cadre. Revenons à la barre d'outils. Et cet outil en particulier, c'est l'outil de cadre rectangulaire, raccourci clavier est la lettre F pour cadre. Si nous maintenons ce bouton enfoncé, nous voyons qu'il existe également un outil de cadre en ellipse Donc, si nous survolons cela et que nous relâchons, nous obtiendrons l'outil d'ellipse. Et nous pouvons maintenir la touche Shift enfoncée tout en dessinant, en cliquant et en faisant glisser pour dessiner une ellipse Et ça ressemble à ça. Maintenant, pour le repositionner, nous voulons utiliser cet outil principal ici, l'outil de sélection, c'est comme InDesign, l'outil Move Le raccourci clavier est V pour déplacer un viva. Si nous voulions le repositionner de manière pouvoir tirer parti du guide intelligent qui s'y trouve Nous pouvons le faire. Bien, maintenant que nous avons notre cadre et qu'il est sélectionné, nous sommes prêts à y placer notre photo de profil Réaffichons donc la commande Placer ce fichier en appuyant sur Commande ou Ctrl D. Naviguez jusqu' en appuyant sur Commande ou Ctrl à l'endroit où vous avez enregistré le fichier que vous souhaitez utiliser, sélectionnez-le et cliquez sur Ouvrir. Maintenant, si nous voulons y ajouter un trait pour vraiment l'aider à mieux contraster avec l'arrière-plan . Nous pouvons venir ici dans le panneau de commande. Maintenant, si vous ne le voyez pas en haut de votre écran, accédez simplement au contrôle de la fenêtre. Et ici, nous avons notre couleur de fond et notre couleur de contour, qui sont toutes deux correctes pour moi de toute façon, elles sont réglées sur aucune. Ce n'est pas grave si vous savez comment colorier dedans. C'est très bien. Lorsque vous déposez une image, cela n'a pas d'importance. Mais changeons le trait pour que ce soit le trait du bas. Si nous cliquons sur la carotte, nous pouvons sélectionner du papier, c' est-à-dire du blanc. Et nous ne verrons probablement pas grand-chose car le poids n'est actuellement que d'un point. Donc, pour approfondir un peu les choses, nous allons simplement appuyer sur la flèche vers le haut jusqu'à ce que nous arrivions à 1012, comme vous voulez Et nous pouvons voir qu'il est centré sur le bord du cadre. Si nous voulons arrondir les traits pour qu' ils soient à l'extérieur Nous pouvons accéder à notre panneau Stroke en choisissant Fenêtre, contour. Et ici, nous voyons que nous l'avons aligné au centre. Mais nous pouvons aussi choisir l'intérieur ou je vais choisir l'extérieur. De cette façon, il ne couvre rien de l'image. Ensuite, ajoutons du texte afin de mettre notre nom ici. Récupérez l'outil de saisie, cliquez et faites glisser pour créer une zone de texte. Et je vais juste taper mon nom en majuscules. Et réglez ça sur quelque chose comme Helvetica, audacieux. Nous pouvons modifier la taille ici dans notre panneau de contrôle. Si vous maintenez la touche Shift enfoncée, elle augmentera par incréments de dix et vous fera gagner un peu de temps Très bien, alors je l'ai ici. J'ai la police, j'ai la taille, je veux changer l' alignement et la couleur. Je vais donc sélectionner le texte. Et ici, sur le panneau de commande lorsque nous voyons le petit T qui indique que nous sommes sur le point de formater ce type. Pas le cadre au-dessus du cadre lui-même, mais le texte qu'il contient. Alors cliquons dessus et je veux que le texte soit blanc. Et ici, je peux aussi choisir de le centrer, aligner horizontalement de toute façon. Donc ça a l'air plutôt bien. Mais pour vraiment le rendre encore plus lisible, j'aimerais ajouter un fond noir , puis aligner verticalement le texte au centre du cadre de texte. Alors comment allons-nous nous y prendre ? Eh bien, d'une part, je veux sortir mon curseur de cette zone de texte active en appuyant sur la touche Escape Vous pouvez donc voir que le cadre est toujours sélectionné, mais que le curseur n'est plus actif. Maintenant, si nous revenons au panneau de commande, nous voyons que le T a disparu. Et si nous cliquons sur la petite carotte, nous pouvons indiquer à InDesign si nous voulons formater le cadre ou la boîte elle-même, ou si nous voulons formater le texte qu'il contient Nous pouvons donc voir que le texte lorsque cela est actif, nous pouvons voir que le texte est blanc. Mais si nous cliquons sur la case ou le cadre, nous voyons qu'il n'y a pas de remplissage. Allons-y donc et ajoutons un fond noir. Et maintenant nous parlons, maintenant nous pouvons vraiment lire ceci ici, mais c'est en haut de la boîte. Et ça a l'air stupide, non ? Nous allons donc l' améliorer en faisant apparaître nos options de zone de texte ou texte en appuyant sur Commande ou Ctrl B pour mieux. Vous pouvez également, accessoirement cliquer avec le bouton droit de la souris et sélectionner Options de zone de texte Très bien, alors je vais m'y attarder un peu Activons l'aperçu pour voir ce que nous faisons ici dans les paramètres généraux. Justification verticale, une ligne. Mettons-le au centre. Et s'il n'a pas l' air tout à fait centré, c'est peut-être un peu au-dessus du centre ou en dessous. Ensuite, vous devez accéder aux options de base et vous assurer que le décalage est réglé sur autre chose. Donc, si l'ascension ne vous convient pas, vous pouvez essayer x-height Vous pouvez essayer la hauteur du bonnet. Tous ces éléments indiqueront essentiellement à InDesign comment vous voulez que les lettres soient centrales, centrées, sur quelle ligne de base souhaitez-vous centrer Très bien, donc je vais choisir la hauteur du bonnet et je vais cliquer. OK. Donc ça s'annonce plutôt bien. Je vais juste le faire glisser ici et m' assurer qu'il est également centré. Ça pourrait faire monter les choses un peu plus haut. Nous y voilà. Très bien, donc si ces guides ne s'affichent pas, ce sont vos guides intelligents. Vous pouvez les trouver en accédant à Afficher les grilles et les guides, puis en vous assurant d'activer guides intelligents et d'accéder aux guides. D'accord, donc ça a l' air bien maintenant, nous avons juste besoin de notre code QR, non ? Générons donc notre code QR en choisissant un objet. Générer un code QR ne pourrait pas être plus simple ici, nous pouvons choisir à quel type d' objet nous voulons que le code QR soit 0,2. Nous avons de nombreuses options ici. Vous remarquerez que l'une d' entre elles est une carte de visite, ce qui nous permet de saisir certaines données. Et cela crée comme une entrée de carte virtuelle légitime dans le carnet d'adresses du destinataire Donc, si vous souhaitez directement créer une entrée dans leur carnet d'adresses, choisissez par tous les moyens carte de visite et saisissez vos informations. Dans ce cas, je souhaite en fait les envoyer vers une page Web où ils pourraient s'abonner à ma newsletter, me suivre sur les réseaux sociaux, m' envoyer des e-mails ou bien d'autres choses. Je vais donc choisir un lien hypertexte Web, puis je vais descendre ici et coller l'URL vers laquelle je veux créer un lien Maintenant, si nous voulons changer la couleur de notre code QR, nous pouvons le faire ici. Mais restons chic, affûtés. Je vais le laisser en noir et cliquer. D'accord, voici notre code QR. Si nous cliquons et faisons glisser le pointeur pour créer le carré contenant le graphique, vous verrez qu'il se trouve sur un fond transparent. Aucun problème avec le cadre sélectionné. Accédez au panneau de commande et réglez le remplissage sur papier. Si vous devez modifier ce code QR ultérieurement, vous suffit de cliquer dessus avec le bouton droit de la souris et de choisir Modifier le code QR. Et cela vous ramènera directement à cette même boîte de dialogue. Et vous pouvez apporter vos modifications et cliquer sur OK. Et pour tous ceux qui se posent la question, le code QR généré par InDesign est vectoriel Vous pouvez donc le placer à n'importe quelle taille sans avoir à vous soucier de la résolution. C'est un petit bonus sympa. Si nous voulons vérifier que tout est aligné, nous pouvons cliquer sur les trois éléments tout en maintenant la touche Maj enfoncée Et lorsque notre outil de sélection principal est sélectionné, si nous lançons une recherche dans le panneau de commande situé ici, nous pouvons cliquer pour aligner les centres horizontaux, mais à l'aide de nos guides intelligents, nous pouvons voir qu'il était déjà centré. Si nous voulions le prévisualiser sans tous les repères, les marges et tout ça. Nous pouvons appuyer sur W pour un mode merveilleux et Commande ou Contrôle sur moins pour effectuer un zoom arrière. C'est une carte de visite virtuelle élégante. Maintenant, enregistrons notre travail en choisissant Fichier. Enregistrer au fur et à mesure que nous allons naviguer jusqu'à l' endroit où nous voulions l'enregistrer. Et je vais l'appeler carte de visite virtuelle InDesign. Et nous allons choisir le format, la version actuelle d' InDesign et cliquer sur Enregistrer Très bien, maintenant, exportez cela vers quelque chose que vous pouvez réellement stocker sur votre téléphone, dans vos fichiers photo Choisira Fichier, Exporter. Et pour le format, sélectionnez JPEG et cliquez sur Enregistrer. Ici, nous voulons nous assurer que nous exportons toutes les pages, car il n'y en a qu'une seule. Cela n'a donc pas vraiment d'importance en tant que page, ni en tant que planche. Et pour la qualité, disons haute et la résolution 72 est correcte. Espace colorimétrique, RGB, parfait. Nous allons cliquer sur Exporter, et c'est tout. Nous disposons maintenant d'un fichier JPEG que nous pouvons charger sur notre téléphone et le montrer à n'importe qui quand nous le souhaitons pour qu'il puisse facilement nous trouver en ligne, consulter notre portfolio, s'inscrire à notre newsletter ou simplement se connecter sur les réseaux sociaux. Voici donc comment procéder dans InDesign, où vous pouvez générer vos propres codes QR, mais qu'en est-il de Photoshop ou Illustrator, où ce n'est pas intégré nativement à Rejoins-moi dans la prochaine vidéo et je te montrerai comment 4. Créer des contenu pour Photoshop (ou Illustrator): Ici, dans Photoshop, nous allons faire un design similaire, mais en ce qui concerne la création du code QR, nous allons devoir sortir de Photoshop. J'en reparlerai donc dans une minute. Pour l'instant, créons notre document en choisissant Fichier Nouveau. Réglons la largeur à 720. Les incréments, de deux pixels, correspondent à une hauteur de 12 points. Nous voulons nous assurer que nous sommes en couleur RGB. Et le reste n'est vraiment pas très important. Cliquez sur Créer. Voici donc notre toile vierge. Nous pouvons maintenant ajouter la même image qu'auparavant. Mais essayons quelque chose de différent pour apprendre. Et créons un dégradé à l'aide d'une couche de réglage. En bas du panneau des couches, cliquez sur cette petite icône et sélectionnez le dégradé dans la partie supérieure de la liste. Donc pas de carte en dégradé, mais juste en dégradé. Sélectionnons le dégradé avec lequel nous voulons travailler en cliquant sur la carotte ici Vous devez faire attention si vous cliquez sur la barre elle-même, vous accédez à l'éditeur de dégradé, qui est totalement différent. Cliquez donc sur la carotte, dans la liste déroulante ici. Et vous verrez un certain nombre de dégradés prédéfinis organisés selon Hugh Je vais choisir quelque chose parmi les violets. Je vais donc l'ouvrir. Et je pense que je vais juste sélectionner celui-ci ici. Et si je clique dessus, je peux fermer cette liste déroulante. Je voudrais peut-être l'inverser pour que le rose soit au-dessus. Vous pouvez y apporter toutes les autres modifications que vous souhaitez. Et quand vous en êtes satisfait, cliquez sur OK. Nous sommes maintenant prêts à ajouter notre photo de profil. Et bien que nous puissions le faire avec l'outil de cadre, il introduit quelques bugs que je préférerais éviter. Nous allons donc le faire en utilisant un groupe de découpage. Nous allons donc sélectionner notre outil de forme. Donc, tout en bas, le raccourci clavier est la lettre U. Et si nous maintenons le bouton enfoncé, quel que soit l'outil sélectionné ici, probablement l' outil rectangulaire, cliquez et maintenez. Ensuite, nous pouvons passer la souris sur l'outil d'ellipse et le relâcher. Maintenant, ici, nous voulons nous assurer dans notre panneau de configuration que cette option est définie sur Shape. Peu importe la couleur de remplissage, mais juste pour que nous n'ayons pas à la regarder, optez pour le rouge. Je vais cliquer et régler ça sur quelque chose de moins noir animalier. Nous allons laisser l'accident vasculaire cérébral clignoter. Si ce n'est pas le cas, vous pouvez cliquer ici, puis ne rien choisir pour vous assurer qu'il n'y a pas d'accident vasculaire cérébral. Et puis revenons et cliquons. Et pendant que vous faites glisser le pointeur, maintenez la touche Shift enfoncée pour ce qui pourrait autrement transformer en cercle parfait ce qui pourrait autrement être un ovale Donc si ça nous plaît, nous pouvons lâcher prise. Nous voyons qu'il est rempli ici. Et si nous devons modifier la taille à ce stade, nous pouvons le faire en faisant glisser Selon vos paramètres, vous devrez peut-être maintenir la touche Maj enfoncée pour maintenir proportions si vous le redimensionnez, d'accord, si vous le repositionnez Vous souhaitez passer à l'outil Move. Et vous pouvez le faire glisser jusqu'à ce il s'enclenche à l'aide de vos repères intelligents , ce qui vous indique que vous l'avez centré horizontalement. Si vos guides intelligents ne s'affichent pas, accédez simplement à Afficher, Afficher les guides intelligents et assurez-vous que cette option est activée. D'accord, nous avons donc un cercle, mais nous n'avons pas de photo de profil Allons-y en choisissant File Open. Prenez notre image. Ouvre-le. Nous allons maintenant tout sélectionner en appuyant sur Commande ou Contrôle a. Nous devrions donc voir des fourmis qui défilent autour l'ensemble et copieront la commande ou le contrôle C. Et maintenant, pour revenir à notre autre document, nous voulons cliquer ici sur cet onglet Nous avons deux documents ouverts en ce moment. Nous pouvons passer de l'une à l'autre en cliquant sur les onglets. Nous sommes donc de retour dans ce document et nous pouvons maintenant coller Command ou Control V. Cette image est donc beaucoup trop grande. C'est une bonne chose. Nous allons le réparer dans une minute. Mais d'abord, faisons en sorte que cette image apparaisse dans la forme. ce faire, nous créons ce que l' on appelle un groupe de découpage Nous allons donc retourner cette image vers le cercle, ce qui a pour effet de donner l' impression que l'image se trouve dans le cercle. Pour ce faire, ces deux couches doivent être côte à côte et les couches doivent se superposer ou se superposer Ensuite, nous passons notre curseur dans l'espace les sépare et nous maintenons la touche Alt ou Option C'est ça. Et quand on voit ce drôle de petit curseur, je l'appelle un curseur Gonzo Parce que ça ne ressemble pas un peu Gonzo des Muppets, comme dans la comme Lorsque vous voyez Gonzo, vous savez que vous êtes au bon endroit et vous pouvez cliquer pour découper cette couche vers le bas. voir le petit curseur ici, la petite icône de la forme Maintenant, nous pouvons simplement la transformer en faisant apparaître Free Transform et en appuyant sur Commande ou Ctrl T. Et nous allons faire glisser le pointeur depuis un coin Selon vos paramètres, vous devrez peut-être maintenir la touche Shift enfoncée pour maintenir les proportions. Très bien, nous allons donc le positionner là où vous en serez satisfait Et pour continuer, vous devez valider votre transformation. Vous pouvez soit appuyer sur Retour, soit sur Entrée soit cocher la case en haut de la page. Maintenant, si nous voulons également y ajouter un contour, nous pouvons cliquer sur la forme de l' ellipse, puis en bas du panneau des couches, cliquer sur Effets et choisir Stroke Ici, nous pouvons utiliser la taille pour ajuster le poids ou l' épaisseur du trait. À côté de la position. Je vais le placer à l'extérieur. Et si nous voulons changer de couleur, nous pouvons cliquer ici et choisir nouvelle couleur ou composer par numéro si vous savez ce que vous voulez utiliser, mais je vais m'en tenir au blanc. Je peux donc saisir une valeur de 255 pour chacun des canaux rouge, vert et bleu. Ou je peux venir ici et appuyer six fois sur la lettre F, comme dans Frank. Ou je peux placer mon curseur dans cette boîte géante et le faire glisser jusqu'au coin supérieur gauche Et ça va, ça va suffire. Je pense que nous allons le réduire d'un petit trait de 14 pixels. OK, alors quand nous en serons satisfaits, nous cliquerons sur OK. Maintenant, si nous voulons modifier cela plus tard, il nous cliquerons sur OK. Maintenant, si nous voulons modifier cela plus tard, nous suffit de venir ici et de double-cliquer sur l'effet, l'effet de contour que nous venons ajouter et nous pouvons apporter nos modifications. Cela apparaîtra donc ici sur la couche d'ellipse dans le panneau Calques Ensuite, ajoutons du texte Nous allons donc appuyer sur T pour obtenir l'outil de saisie. Et au lieu de cliquer et de faire glisser pour dessiner une boîte, je vais simplement placer mon curseur ici , au centre, et cliquer Et je vais taper mon nom en majuscules. Et je suis content d'avoir fait cette erreur. Vous pouvez donc voir, voici ce qui se passe. Les lettres sont là, mais nous ne les voyons pas car nous avons découpé le texte sur l'ellipse avec l'image Cela signifie que le texte n'est visible que lorsqu'il se trouve au-dessus du cercle. Et dans ce cas, elle ne serait jamais visible car nous avons l'image au-dessus des textes. Alors allons-y et validons notre texte. Alors venez ici dans le panneau de contrôle pour valider. Maintenant, pour corriger cette situation, il suffit de la faire glisser au-dessus de la photo de profil, puis de la relâcher. Ensuite, nous devons le couper. Et nous procédons de la même manière que nous l'avons découpée au départ, en maintenant la touche Alt ou Option enfoncée et en passant la souris entre les deux pour obtenir l'icône Gonzo Maintenant, nous pouvons voir ce type et je vais passer à mon outil de déplacement en appuyant sur V pour me déplacer. Je peux donc positionner ce texte qui est un peu plus grand que je ne le souhaiterais. Je pourrais donc y placer mon curseur et le modifier. Ou il peut simplement appuyer sur Command ou Control T et le réduire de cette façon. Je vais donc le positionner juste à cet endroit. Je vais valider ma transformation en appuyant sur la touche Retour et changeons la couleur. Je vais donc appuyer sur T pour l'outil de saisie. Et ici, dans le panneau de commande, c'est ici que nous changeons la couleur des textes. Si nous changeons cela, cela n' affectera pas le texte. Donc, avec l'outil de saisie actif et la couche de texte active, nous pouvons venir ici et cliquer, et je vais également le rendre blanc. Très bien, ça s'annonce plutôt bien maintenant, nous sommes juste prêts à recevoir notre code QR Comment allons-nous procéder dans Photoshop ? Très bien, nous avons donc deux options. Il n'existe aucun moyen intégré de manière native à Photoshop pour générer des codes QR Mais si vous lancez votre application de gestion Creative Cloud, vous pouvez vous rendre ici et choisir Stock et Marketplace. Et à partir du niveau suivant, vous pouvez choisir des plugins. Et ici, recherchez tous les plugins. Nous pouvons entrer ici, taper le code QR et appuyer sur Entrée. Et nous allons voir à ce qu' un certain nombre de plugins soient disponibles. Certains sont gratuits, d'autres sont payants et nous pouvons les ajouter à nos applications Adobe. Nous pouvons filtrer les prix si nous voulons examiner les offres gratuites, payantes ou toutes. Et nous pouvons choisir les applications avec lesquelles nous voulons que le plug-in fonctionne. Donc, pour l'instant, je l'ai configuré pour Illustrator et Photoshop Donc, n'importe lequel d'entre eux fonctionnerait avec l'un ou l'autre. Si nous voulons en savoir plus à ce sujet. Par exemple, celui-ci est gratuit. Si nous cliquons dessus, nous pouvons en savoir plus à ce sujet. Nous pouvons apprendre comment cela fonctionne, par exemple qui l'a créé, ce que disent les critiques, etc. Et si cela nous plaît, nous pouvons continuer et cliquer sur Obtenir. Et il se téléchargera et s'installera automatiquement dans Photoshop pour comprendre comment il fonctionne et comment l'utiliser. Il vous suffit de lire la documentation du développeur ici et vous serez prêt à partir. Mais pour une raison ou une autre, si nous ne voulons pas le faire, une autre option est d' utiliser un outil Web gratuit, et c'est ce que je vais faire. Je vais donc aller sur QR stuff.com. Et ici, sur leur page d'accueil, vous n'avez même pas besoin de créer un compte, de vous connecter ou quoi que ce soit d'autre. Ici, je vais sélectionner l'URL d'un site Web. C'est le type de données que je souhaite voir figurer dans mon code QR. Je vais donc sélectionner cela. Je vais coller cette même URL d'arborescence de liens. Je vais appuyer sur Retour. Maintenant, si j'avais un compte payant, je peux modifier la forme du code QR lui-même, ainsi que la couleur. Je pourrais ajouter un logo, mais il n'est disponible que pour les abonnés payants. Et je n'ai même pas donné à ces personnes mon adresse e-mail, mon nom ou quoi que ce soit d'autre. Je vais donc opter pour le classique. Et maintenant je vais le télécharger au format JPEG ou vous pouvez faire un ping. C'est ça. Je vais donc cliquer sur JPEG et boum. C'est si simple, non ? Maintenant, de retour dans Photoshop, je vais simplement ouvrir ce téléchargement. Je choisis donc Fichier Ouvrir, le récupère ici depuis mes téléchargements, clique sur Ouvrir, et le voici. Donc, comme nous le faisions auparavant, je vais tout sélectionner avec la commande ou le contrôle, a, la commande ou le contrôle C à copier. Je vais revenir à l' onglet sur lequel nous avons travaillé ici et le coller avec Command ou Control V. Je vais passer à mon outil de déplacement en appuyant sur V pour déplacer le viva et en le faisant glisser vers le bas pour le mettre en place Et juste comme ça, nous avons une simple carte de visite virtuelle créée ici dans Photoshop. Nous voudrions donc enregistrer notre travail. Nous choisirons donc Fichier Enregistrer sous pour naviguer jusqu'à l'endroit où nous voulons l'enregistrer. Et je vais appeler cette carte de visite virtuelle Dash Photoshop. Et pour le format, choisissez Photoshop et cliquez sur Enregistrer. Voilà donc notre dossier de travail à présent. Mais bien sûr, pour l'exporter , vous le charger facilement sur notre téléphone ou le partager. Cependant, nous voulons l' enregistrer sous forme de fichier JPEG, par exemple. Revenons donc au menu Fichier et choisissons Enregistrer. Une copie. Peut porter le même nom, mais cette fois pour le format, c'est à vous de choisir. Jpeg, cliquez sur Enregistrer. Et ici, nous pouvons choisir le niveau de compression correspondant à notre JPEG. Ainsi, pour un JPEG de la plus haute qualité, vous devez laisser la qualité définie sur 12. Si vous êtes préoccupé par l'optimisation, pour une raison ou une autre, faites glisser ce chiffre vers le bas jusqu'à dix. Ensuite, vous pouvez continuer et cliquer. OK, et c'est tout. Donc, ce processus serait le même dans Illustrator. Bien entendu, à l'aide des outils d' Illustrator, vous pouvez ensuite générer le code QR à l' aide d'un plug-in qui fonctionne dans Illustrator ou de ce site Web de contenu QR gratuit Dans la vidéo suivante, je vais vous montrer comment améliorer un peu les choses et créer une carte de visite virtuelle animée ici même dans Photoshop 5. Design animé - Partie 1: Si vous souhaitez augmenter l'effet impressionnant de votre paiement virtuel par carte de visite. Ce que vous pouvez faire ici dans Photoshop pour créer une carte de visite virtuelle animée. Plus tôt dans la vidéo de configuration, j'ai expliqué comment tirer parti de la collection gratuite d'Adobe Stocks pour trouver des vidéos animées que nous pouvons utiliser en arrière-plan. Nous sommes donc prêts à les ouvrir. Passons donc à l'ouverture du fichier. Et vous pouvez voir que j'en ai téléchargé un certain nombre pour vous donner une idée des options Je vais choisir cette vidéo ici, et vous trouverez le lien pour obtenir une licence pour ce fichier gratuit dans l'onglet projet et ressources juste en dessous de cette vidéo. Je vais donc le sélectionner et cliquer sur Ouvrir. Et oui, nous venons d'ouvrir un fichier vidéo dans Photoshop. Peux-tu y croire ? Voici à quoi cela ressemble lorsque nous ouvrons un fichier vidéo, Photoshop ouvre le panneau de chronologie. Et ici, nous pouvons voir que nous avons ce long truc délabré qui nous permet de parcourir la vidéo ou l' animation dans ce cas Cela nous montre également que cette animation dure environ 25 secondes, presque. C'est bien trop long. Nous allons donc nous en occuper dans une minute. L'autre chose à laquelle nous devons faire face est que cette vidéo est horizontale et en Full HD. Et nous voulons nous faciliter au maximum les choses en réduisant la taille des fichiers. Commençons donc par faire pivoter cette vidéo afin pouvoir travailler avec la vidéo peu près de la même manière que nous travaillons avec des images. Nous pouvons simplement venir ici à Image. Nous allons choisir la rotation de l'image. Et je vais choisir 90 degrés dans le sens antihoraire. Les Photoshop vont dire, hé, vous devez en faire une couche d' objets intelligente et nous répondrons, oui, oui, c'est vrai OK, cliquez sur Convertir et c'est fait. Je vais effectuer un zoom arrière en appuyant légèrement sur Commande ou Contrôle moins Commande ou Contrôle moins pour que nous puissions voir notre document ici. Maintenant, nous devons le redimensionner. Nous avons donc deux options. Nous pouvons aborder l' image, la taille de l'image. Si nous empruntons cette voie, nous voulons nous assurer que nous travaillons avec des pixels. Nous voulons nous assurer que la largeur et la hauteur sont liées et qu'une case est cochée à côté du rééchantillonnage Les rééchantillons doivent donc être activés. Ensuite, nous voudrions simplement changer la valeur de largeur à 720. Cela fait une hauteur de 12 ou 80. Et nous pouvons cliquer sur OK. Et nous en aurions fini. C'est tout à fait normal. Cependant, j'aimerais me débarrasser de tant d'espace frontalier ici, donc je voudrais essentiellement me concentrer sur le sujet. Je vais donc le faire un peu différemment. Je vais annuler cela en appuyant sur Commande ou Contrôle Z puis en appuyant sur C pour l'outil de recadrage. Et ici, dans le panneau de commande, je vais choisir la largeur, hauteur et la résolution, ce qui me permet de taper ici. Je veux donc que la largeur soit de 720 pixels. Je vais donc taper px, appuyer sur Tab et je veux que la hauteur soit de 12. Chez Px, la résolution, nous pouvons simplement laisser le champ vide. Maintenant, je vais maintenir la touche Alt ou Option enfoncée. Ensuite, je peux glisser intérieur jusqu'à ce que j'obtienne quelque chose qui ressemble un peu plus à ça Maintenir la touche Alt ou Option enfoncée nous permet de faire glisser le curseur vers le centre depuis tous les coins à la fois. Cela nous évite donc d' avoir à le traîner et à essayer de le recentrer après coup. J'aime donc cette mise en page et je vais la valider en cliquant sur la coche ici dans le panneau de configuration. Boum. Notre document mesure maintenant 720 x 12 80 et nous l'avons légèrement recadré afin de maximiser cette zone. Mais nous avons toujours cette vidéo qui est bien trop longue. Alors rejoignez-moi dans la prochaine vidéo et je vais vous montrer comment la raccourcir et la faire tourner en boucle 6. Design animé : deuxième partie: Très bien, nous voici avec notre document. Ça a l'air plutôt bien, mais comme nous l'avons vu dans la dernière vidéo, ce clip est bien trop long. Alors réduisons ça. Je vais prendre la tête de lecture et la faire glisser jusqu'à environ huit secondes. Alors nous allons venir ici. Et si nous survolons la fin, nous obtenons cette petite icône en forme de brosse sur laquelle nous pouvons simplement cliquer et faire glisser le pointeur pour la raccourcir Et ça va aller droit au but. Nous avons donc 8 secondes d'un clip vidéo. Mais maintenant, le problème est que ce n'est pas la même chose qu'ici, non ? Si nous faisons des allers-retours entre ces deux scènes, nous voyons qu'il y a deux scènes très différentes. Donc, lorsque nous jouons à ce jeu encore et encore, ce ne sera pas une boucle fluide. Pour que nous puissions regarder, j'ai cliqué sur Play ici, donc nous le regardons maintenant. Regardez-le sauter à la fin. Tu vois qu'il saute, non ? Je veux dire, c'est acceptable, je suppose, mais allez, nous visons l'excellence ici. Nous allons donc le pirater pour qu'il tourne réellement en boucle. C'est une astuce assez intelligente. Donc ce que nous allons faire, c'est faire glisser notre clip de lecture vers le centre. Je suppose que c'est probablement plus comme ici, non ? Faites-le glisser vers le centre de votre clip. Et maintenant que nous l' avons réglé sur 8 secondes, ce sera à peu près la barre des quatre secondes, non ? Nous allons maintenant le couper en cliquant sur la petite icône en forme de ciseaux ici. Nous voyons que nous l'avons scindé en deux parties. Et dans le panneau Calques, Photoshop sépare en fait les éléments en calques distincts. Renommons donc la couche 1 ici. Double-cliquez, tapez simplement a et appuyez sur Entrée. Et celui-ci, double-cliquez tapez B et appuyez sur Entrée. Donc, ici, dans notre vue chronologique, nous voyons que nous avons la première moitié du clip, donc, puis nous avons la seconde moitié des clips. Il ne s'est donc rien passé. Tout ce que nous avons fait jusqu'à présent, c' est prendre le 22e clip long, l'avons raccourci à 8 s et l'avons coupé en deux. C'est super. Alors réfléchissons-y, cette partie ici, passant du clip A au clip B, c'est fluide, non ? Parce que nous venons de le couper. Il n'y a donc pas de saut ici, c'est fluide. Le saut se produit entre cette extrémité et cette extrémité. Donc pour y remédier, nous allons faire volte-face Je vais donc prendre le clip A faire glisser vers la droite et le déposer. Alors maintenant, le clip A est ici et le clip B est là. La partie transparente se trouve donc ici. Le saut est maintenant au milieu. Et comme il se trouve ici au milieu, nous pouvons le lisser grâce à une transition par dissolution croisée. N'est-ce pas malin ? Nous allons donc venir ici et cliquer sur ce petit bouton juste ici pour obtenir les transitions. Et nous allons récupérer CrossFade et le faire glisser. Juste ici. Vous pouvez voir comment nous allons l'appliquer aux deux extrémités. Ensuite, nous verrons que notre clip va se raccourcir légèrement parce qu'ils se chevauchent maintenant Vous pouvez donc voir le clip a. Et si nous cliquons ici, déclipsez be, vous pouvez voir cette partie centrale Ils se chevauchent. Et maintenant, si nous appuyons sur Play, watch, que se passera-t-il si nous regardons ici ? C'est juste que tu ne peux pas le voir. Il semble donc infini même quand ce n'est pas le cas. OK. Nous allons donc arrêter. Voici donc notre petite astuce pour prendre une longue vidéo qui, si elle fait 25 s en boucle, est peut-être bien trop longue pour cela Nous l'avons donc abaissé et nous avons déguisé le saut. OK, donc c'est bien. Fermons maintenant notre dossier Video Group. Je vais cliquer ici, je vais le réduire, pour que tout soit bien rangé. Maintenant, il ne nous reste qu'à venir ici. Nous avons déjà fait tout ce travail dans un zoom arrière un peu. Il ne nous reste plus qu'à sélectionner ces couches. Nous avons sélectionné le code QR, et je vais juste descendre ici et cliquer sur la couche d'ellipse en appuyant sur la touche Shift cliquer sur la couche d'ellipse en appuyant sur la Nous les avons donc tous sélectionnés. Ensuite, avec l'outil de déplacement, je vais simplement cliquer sur l'image et la faire glisser. Maintenant, quand tu fais ça, ne regarde pas les émissions. Surveillez votre curseur. Continuez donc à maintenir votre souris enfoncée. Les éléments vont disparaître, mais maintenez votre souris enfoncée , remontez ici et passez la souris en haut de cet onglet pour changer de focus Ensuite, je vais maintenir Shift enfoncé, le laisser tomber et il va atterrir juste en place. Vérifiez cette action, d'accord, maintenant, vous pouvez ou non la voir ici, n'est-ce pas ? Par exemple, si ce dossier était toujours actif lorsque vous l'avez déposé, vous ne verrez peut-être rien. Alors ne paniquez pas. Regarde ici. Assurez-vous que vous disposez des couches que vous venez de faire glisser Il se peut que vous ne les voyiez pas car Photoshop a tendance à les placer au-delà de la tête de lecture Donc si je traîne ici, je ne vois rien, mais si je continue, ils vont apparaître. La chronologie ici dans Photoshop est essentiellement le panneau des calques plus le temps. Les objets ne sont donc visibles que s'ils se trouvent sous la tête de jeu. Ici. La tête de lecture ne les détecte pas, mais nous pouvons y remédier en les sélectionnant tous Je clique donc sur la touche Shift et je la maintiens enfoncée pour les sélectionner toutes. Alors je vais juste les amener ici. Alors ils commencent. Quand la vidéo démarre. Malheureusement, nous ne pouvons pas les étendre tous en même temps Nous devons donc faire glisser manuellement les extrémités vers l'extérieur. Vous devrez peut-être simplement déplacer des objets. L'idée est donc que nous voulons que toutes ces couches commencent et se terminent en même temps. C'est ça. Alors maintenant, zoomons là-dessus et je pense que je veux vraiment le réduire un peu. Donc, dans le panneau des couches, avec tous ces éléments toujours sélectionnés, je vais simplement appuyer sur Commande ou Ctrl T. Et je vais maintenir la touche Alt ou Option enfoncée et redimensionner le tout comme ça. Je pense que c'est plutôt bien. Ensuite, je vais le commettre. J'aime bien ça. D'accord, devons-nous le voir en action ? Retournons cette pièce au début. Et juste ici, nous allons appuyer sur Play, wow, hot stuff, n'est-ce pas ? Vous pouvez maintenant voir que mon ordinateur a un peu de mal à rendre parce que mon ordinateur n'est pas le meilleur. Mais en le traversant, vous pouvez voir cette petite ligne bleue se former ici. Cela nous permet de savoir quand le rendu est complet. Donc, si vous le sentez, sentez-le s'accrocher un peu ou s'accrocher à certaines parties C'est pourquoi il faut juste que ça se termine. Rendu. Je vois qu'il y a encore quelques lacunes ici. Si mon ordinateur peut le faire, vous devriez tous aller bien. Presque. C'est presque parfait. Maintenant, encore un petit problème. Nous y voilà. Maintenant, il joue avec un aperçu complet du rendu. Ça, oh mon dieu, ça a l'air tellement cool. Très bien, alors on peut arrêter ça. Maintenant, si tu n'aimes pas ces couleurs, tu es peut-être du genre  : « Oh, le rose, le violet et peu importe. Ce n'est pas mon truc. Eh bien, hé, devinez quoi ? Vous pouvez cliquer sur le groupe de vidéos ici et ajouter un autre, disons un dégradé ou même une couche de réglage de la saturation des teintes. Et vous pouvez faire glisser ces teintes et les ajuster comme vous le souhaitez. Donc comme si c'était toujours la jambe droite de Photoshop. Tu peux faire tous ces trucs sympas. Dans mon cas, je vais le supprimer. Je vais en fait récupérer ce dégradé que nous avons fait ici. Et je vais simplement répéter même processus avec mon outil de déplacement, en cliquant, en le glissant et en le déposant, puis nous pourrons venir ici et jouer avec les modes de fusion. Donc, si nous les survolons, vous pouvez voir les différentes manières dont les modes de fusion peuvent faire une grande différence. Le plus difficile est simplement choisir celui que vous allez utiliser Laisse-moi t'accompagner. Maintenant, bien sûr, nous devons nous assurer que cette couche, chaque nouvelle couche du panneau Calques, possède son propre calque ici dans le panneau de chronologie. Et nous voulons nous assurer que cela se produise en même temps que tout le reste. Je vais donc le faire glisser pour qu'il commence et se termine en même temps. Maintenant, nous avons cet effet cool. Très bien, donc c'est génial. Sauvegardons ce fichier, enregistrez comme nous voulons enregistrer notre version Photoshop. Nous allons donc ajouter, voyons voir, je vais taper animé pour cette version. Nous voulons choisir Photoshop et appuyer sur Enregistrer. Il s'agit de notre fichier de travail auquel nous pouvons revenir si nous devons modifier quelque chose à tout moment. Rejoins-moi dans la vidéo suivante et je te montrerai comment l'exporter sous forme de GIF animé 7. Design animé : troisième partie: Maintenant que nous avons conçu et enregistré notre carte de visite virtuelle animée en tant que document Photoshop. Nous sommes maintenant prêts à l'exporter vers un format animé que nous pouvons voir et apprécier directement dans l' application photo de nos téléphones. Nous allons donc passer à File. Nous allons choisir Export, Save for Web, Legacy. Maintenant, ne paniquez pas si le chargement de votre ordinateur prend une éternité. L'interface suivante. J'accélère ici parce que personne ne veut juste regarder mon ordinateur tourner Mais cela peut prendre un certain temps. C'est pourquoi il était si important de faire en sorte que notre clip soit court et que la taille réelle de notre design soit petite. Très bien, nous voici dans la boîte de dialogue Enregistrer pour le Web, enfin chargée C'est donc énorme, directement dans notre aperçu ici. Donc, pour effectuer un zoom arrière et mieux voir, cliquons sur le bouton Moins afin de voir avec quoi nous travaillons. Et ça a l'air bien. Mais pour le moment, cela serait enregistré au format JPEG. Et ce n'est pas ce que nous avons fait. À partir de cette liste déroulante. Nous allons cliquer sur GIF. Maintenant, je ne sais pas quels seront vos paramètres par défaut ici, mais il s'agit d'un préréglage que j'ai créé moi-même qui utilise ces paramètres. Donc, une fois que vous avez un GIF, nous voulons nous assurer que les couleurs sont réglées sur 256. Ce ne sera pas un fichier de petite taille, n'est-ce pas ? Dans une animation GIF , nous avons cadres différents pour chaque élément de l'image. Ici, nous avons affaire à 209 images. Cela s'avère donc assez gros. Nous pouvons voir ici que la taille du fichier serait de 39 mix. Ça ne m'inquiète pas parce que nous allons juste le mettre sur notre téléphone, non ? 39 mégaoctets, c'est comme une poignée de photos. Ce n'est pas énorme. Mais si vous deviez essayer de publier ceci en ligne ou quelque chose comme ça, vous auriez vraiment besoin de l' optimiser encore davantage. Dans ce cas, je ne vais pas m'inquiéter. Je suis d'accord avec cette taille de fichier. Si vous devez le réduire, vous pouvez essayer de réduire les couleurs. Vous pouvez redimensionner l' image pour qu'elle ne soit pas trop grande. Vous pouvez utiliser une boucle animée plus courte afin que l'ensemble de l'animation soit plus court. Cela vous ferait économiser sur les cadres ici. Ce sont toutes des manières différentes d'optimiser cela. Mais ce sont les paramètres que je vais utiliser. Une fois que vos paramètres correspondent à ceux que j'ai ici, vous pouvez les enregistrer si vous souhaitez en cliquant sur cette petite icône. Ensuite, vous choisirez Enregistrer les paramètres. Et tu peux lui donner un nom. J'ai déjà enregistré le mien. Cette option est donc grisée. En bas. Vous devez vous assurer que les options de boucle sont définies pour toujours. Et si vous souhaitez le prévisualiser, vous pouvez appuyer sur le bouton Play situé à cet endroit. Ça a l'air vraiment génial. Gardez simplement à l'esprit que les cadeaux sont un compromis permanent et un équilibre entre la qualité et la taille du fichier. Si nous entrons vraiment ici et que nous examinons l'image, nous pouvons voir qu'elle n'est évidemment pas aussi belle qu'un Il n'est capable que de 256 couleurs. Si votre photo ne sort pas très bien, vous pouvez essayer votre photo ne sort pas très bien, utiliser plutôt quelque chose comme une icône ou un dessin au trait. Mais je suis d'accord avec ça. Je vais donc cliquer sur Enregistrer, changer le nom si je le souhaite et choisir Enregistrer. Et Photoshop va générer le fichier. Sachez simplement qu'en fonction de votre ordinateur, certains de ces paramètres peuvent légèrement s'étouffer Ainsi, plus vous parcourez cette boîte de dialogue Enregistrer pour le Web, plus vous devrez attendre pendant que votre ordinateur retraite ce que vous lui avez demandé de faire Si nous voulons voir à quoi cela ressemble dans le fichier fini animé. Je vais le récupérer ici dans Finder, récupérer ce GIF animé et appuyer sur la barre d'espace. Ce n'est pas mal pour 256 couleurs seulement. Avant que j'oublie, Photoshop laissera le panneau de votre chronologie ouvert pour l'éternité une fois que vous y aurez ouvert une vidéo Alors laissez-moi vous montrer comment le fermer. Si vous êtes comme moi et que cela fait de vous un petit bunker, vous pouvez cliquer sur le menu du panneau de chronologie ici et simplement choisir Fermer Nous avons donc maintenant cette magnifique carte de visite virtuelle qui pourrait même être animée. Rejoins-moi dans la vidéo suivante pour savoir comment la partager avec le monde entier 8. Sortie: Pour accéder à toutes nos magnifiques cartes de visite virtuelles sur notre téléphone, nous avons de nombreuses options différentes. Évidemment, vous pouvez vous envoyer les fichiers par e-mail. Vous pouvez les télécharger sur quelque chose comme Dropbox. Je vais donc simplement copier tout cela et le coller dans ma Dropbox. Je peux me le faire moi-même de cette façon. Si vous utilisez un Mac, vous pouvez utiliser AirDrop Et dans ce cas, vous devez ouvrir les fenêtres du Finder. Et je peux juste récupérer ces trois fichiers. Et si je veux me les envoyer, je peux les faire glisser ici et les déposer sur mon téléphone. Vous pouvez utiliser Google Drive. Il y a 1 million de façons différentes. L'important, c'est qu'une fois que vous l'aurez sur votre appareil, ils apparaîtront directement dans votre application photos. Nous avons donc ici celui que nous avons créé dans InDesign. Voici celui que nous avons créé dans Photoshop avec le fond dégradé, et voici celui animé. Et ce qui est cool le GIF animé, c'est que lorsque vous le lancez, dans votre application photos, il diffuse l'animation dans votre application photos, il diffuse l'animation et elle tourne en boucle à l'infini C'est pourquoi il est parfait pour créer une carte de visite virtuelle vraiment cool. Pour partager cela, il vous suffit de montrer votre téléphone à l'autre personne. En fait, vous pouvez l' essayer dès maintenant si vous sortez votre téléphone, ouvrez votre appareil photo et pointez l'appareil photo directement sur le code QR de mon téléphone affiché à l'écran en ce moment. Et cela devrait vous mener directement à ma page d'arborescence de liens. Assez élégant. 9. Partagez votre travail: Salut, bravo. J'espère que vous avez trouvé Fund et que avez créé votre propre carte de visite virtuelle élégante. J'adorerais voir comment ça s'est passé. Alors prenez une minute et publiez vos projets terminés ci-dessous. Et il serait très utile que vous puissiez attribuer une note et une évaluation à ce cours pour aider les autres à le découvrir. Si vous recherchez un divertissement plus créatif, oubliez pas de consulter mes autres cours ici sur Skillshare Vous pouvez me trouver en ligne sur khara plicanic.com. Merci beaucoup de m' avoir rejoint et j'espère vous voir bientôt dans un autre cours.