Créer des maquettes de boîtes de produits numériques modifiables et réutilisables en utilisant Photoshop et Illustrator

1. Introduction: Si vous souhaitez améliorer vos produits numériques et les faire ressortir sur les marchés en ligne, vous êtes au bon m'appelle Ken et je suis graphiste avec plus de neuf ans d'expérience. Et dans ce cours, je vais vous apprendre à créer maquettes de produits numériques professionnelles accrocheuses l'aide d'Adobe Illustrator et de Photoshop Mais vous vous demandez peut-être pourquoi les majorations. Les maquettes sont la première chose que voient les clients potentiels lorsqu' ils recherchent des produits numériques sur un site Web, et une maquette bien conçue peut faire la différence entre une vente et un défilement Que vous vendiez des livres électroniques, logiciels ou des modèles de conception, il présenter votre produit de manière réaliste est essentiel de présenter votre produit de manière réaliste et attrayante pour attirer l'attention et stimuler les ventes C'est une preuve de professionnalisme. Dans ce cours étape par étape, nous allons commencer par créer un modèle de base de maquette dans Adobe Illustrator Que nous introduirons ensuite dans Photoshop pour terminer le design. fois que nous aurons terminé, vous aurez appris à concevoir un modèle de base à partir de zéro dans Adobe Illustrator, à importer ce modèle de base dans Photoshop et à créer une maquette de produit réaliste Je vais vous montrer comment déformer et adapter parfaitement votre œuvre à la maquette, pour lui donner cette perspective, cette perspective en trois D. Je vais vous montrer comment lier des fichiers Adobe Illustrator à Photoshop pour des mises à jour en temps réel et des modifications rapides En outre, je partagerai des conseils et astuces utiles pour rendre votre flux de travail beaucoup plus rapide et plus fluide. Désormais, ce cours est parfait pour tous ceux qui créent des actifs numériques téléchargeables et souhaitent les vendre ou les donner. À la fin, vous disposerez d'une maquette entièrement modifiable que vous pourrez utiliser pour présenter vos produits numériques, et vous aurez la confiance nécessaire pour vous attaquer à d'autres projets de maquette à Vous n'avez pas besoin d' expérience préalable dans Photoshop ou Adobe Illustrator car il s'agit d'un guide étape par étape du début à la fin. Donc, si vous êtes prêt à faire passer vos présentations de produits numériques à niveau supérieur, allons-y. Et pour commencer, dans la leçon suivante, examinons le projet que vous allez construire tout au long de la classe. Je te verrai bientôt. 2. Démo du projet de cours: Maintenant, j'aime toujours insister sur le fait que la meilleure façon d' acquérir une compétence technique est de travailler sur un projet. Et c'est ce que nous allons faire dans ce cours. Je veux que nous apprenions à construire en travaillant sur un projet. Nous voici donc dans Photoshop, et je veux vous montrer ce que vous allez construire à la fin du cours. Voici donc un produit numérique, et vous l'aurez à la fin du cours, et vous aurez également compris comment le créer. Supposons maintenant que vous souhaitiez le modifier dans un autre produit numérique. Tout ce que vous avez à faire est de choisir ce visage et le remplacer par le vôtre par l'œuvre d'art par laquelle vous souhaitez le remplacer. Je vais double-cliquer sur cette icône d'objet intelligent, et nous arrivons maintenant à l'endroit où nous pouvons remplacer l'illustration. Alors allons-y et choisissons votre œuvre d'art. Je vais dire « placer le lien ». Maintenant, je vais me rendre à l'endroit où j' ai mes œuvres d'art. Vous naviguez jusqu'à l'endroit où se trouve votre œuvre d'art. Je vais donc entrer dans les éléments où j' ai quelques exemples d'œuvres d'art. Et je vais partager toutes ces images juste en dessous ce lecteur vidéo dans l'onglet projets et ressources. Téléchargez-les si vous voulez suivre. Supposons donc que je veuille remplacer cette œuvre d'art par celle-ci. Je vais juste double-cliquer dessus et entrer. Je peux le supprimer maintenant. Maintenant, il ne nous reste plus que ça. Contrôlez S pour l'enregistrer. Maintenant, si nous revenons à notre modèle de base, comme vous pouvez le voir, le produit a changé de façade. Maintenant, changeons de côté. Maintenant, c'était le côté. Je vais sélectionner ce côté. Double-cliquez dessus. Maintenant, nous remplaçons le côté. Emplacement du fichier lié. En voici un côté. Entrez. Voici d'autres œuvres d'art secondaires que j'étais en train d'essayer. Sauvegardez ça. Et je vais regarder nos œuvres d'art et nous les avons là. Nous avons un tout nouveau produit utilisant le modèle de base. Comme vous pouvez le constater, il s'agit d'une maquette de produit numérique modifiable hautement réutilisable que vous pouvez continuer à que vous pouvez continuer Donc, en gros, à la fin du cours, vous aurez compris comment créer une maquette de produit numérique comme celle-ci voici un où il ne s'agit que d'un produit individuel, et en voici trois. Et je vais également vous montrer comment en faire des produits uniques. heure actuelle, nous avons trois produits identiques, mais que se passerait-il si ce produit était différent de celui-ci ou de celui-ci ? Peut-être que c'était vert et que c'était un autre type de produit ? Comment s'y prend-on ? Vous apprendrez tout cela tout au long du cours. Donc, si vous êtes aussi enthousiaste que moi, que faisons-nous ici ? Allons-y et commençons par la première leçon. À voir prochainement. 3. Créer un modèle de base dans Illustrator: R, bienvenue à la première leçon. Maintenant, comme vous pouvez le voir sur mon écran, Adobe Illustrator et Photoshop sont déjà ouverts. La première cassette sur laquelle nous allons travailler consiste à créer un modèle de base dans Adobe Illustrator. Permettez-moi donc de passer à Adobe Illustrator. Je vais donc appuyer sur Control N pour créer un nouveau projet ou simplement accéder à un nouveau fichier. Alors ouvrez cette fenêtre contextuelle. Je vais aller sur le Web, et je vais choisir HD. C'est une dimension de 1920 x 1080 pixels. Je vais donc sélectionner ça. Et ici, euh, mode couleur, laissez-le en couleur RGB parce que vous n'êtes pas en train d'imprimer. Vous préparez votre maquette de produit numérique à partager en ligne pour que les gens puissent voir vos produits sur un écran Donc, RGB, le même cas s'applique aux effets de repos. Si vous imprimez, vous optez pour 300 ppp ou 150 pour les écrans 72. Mais tout cela n'est qu'une illustration de base. Ce cours ne porte pas sur les notions de base illustrées. Je vais juste appuyer sur Créer, et c'est parti. Maintenant, c'est une page Full HD. Et ce que je veux faire, c'est qu'il existe différentes manières de le créer. Nous pouvons simplement continuer et je vais choisir l'outil rectangulaire. Et dessine un rectangle, peut-être jusqu'à ce point. Maintenant, je vais sélectionner l' outil de sélection directe pour me permettre de sélectionner différents coins individuels. Je vais sélectionner ce coin , puis pour empêcher tout mouvement vers la gauche et vers la droite, pour le limiter vers le haut ou vers le bas, je vais maintenir la touche Shift enfoncée et le faire glisser vers le haut peut-être jusqu'à ce point Je vais sélectionner cet autre angle, commencer à faire glisser le pointeur vers le haut et maintenir la touche Shift enfoncée. Peut-être jusqu'à ce point. Je trouve que ça a l'air bien. Je vais le sélectionner à nouveau et, en maintenant enfoncé, remarque que le curseur de la souris se transforme en double. Cela signifie que nous allons le dupliquer. En maintenant enfoncé, je vais faire glisser le pointeur en maintenant la touche Shift enfoncée. Je vais l'empêcher de monter ou de descendre. Je tiens toujours le coup. Maintenant, je vais maintenir la touche Shift enfoncée. Maintenant, c'est Shift and Out. Cela signifie qu'il se déplacera de gauche à droite en ligne droite jusqu' à ce point. Cliquez dessus avec le bouton droit de la souris pour transformer, réfléchissez sur la verticale sur la verticale. Oui, à la verticale. OK, laissez-moi le faire glisser jusqu'à ce point parce que je veux l'amener ici. Je vais ensuite sélectionner l'outil de sélection directe. Choisissez-les deux et faites-les glisser jusqu'à ce point. Comme vous pouvez le constater, le modèle de base ou le modèle de base a commencé à prendre forme. Mais avant d'aller loin, nous pouvons sélectionner ce coin. Commencez à le faire glisser vers le bas, puis maintenez la touche Shift enfoncée pour l'empêcher de se déplacer de gauche à droite Jusque-là, nous voulons simplement réduire cette inclinaison. Nous voulons réduire ces pentes. Comme vous pouvez le constater, nous avons maintenant un maillage de base pour un produit numérique. Maintenant, vous pouvez également faire glisser ces deux points d'ancrage pour les rendre étroits. Je vais sélectionner les deux, Control G pour les regrouper. Utilisez le centre d' alignement horizontal et le centre alignement vertical pour l' aligner sur le plan de travail. En fait, permettez-moi de sélectionner l'outil de plan de travail et de réduire tous ces espaces blancs Nous y voilà. Control Zero, pour afficher l'ensemble du plan de travail afin de le mettre en évidence Ensuite, je vais sélectionner l' illustration, l'aligner au centre et l'enregistrer. Je veux donc enregistrer ça à l'intérieur. Je vais l'enregistrer dans ce dossier appelé assets. Et je vais inclure ce dossier de ressources sous ce lecteur vidéo dans l'onglet projets et ressources sous forme de dossier ZIP Il contiendra des images et les fichiers de mon projet, que vous pourrez consulter. Vous pouvez également utiliser les images que j'ai utilisées pour terminer votre projet de classe. Passons donc aux actifs, et je voudrais l'appeler modèle de base. Appuyez sur Entrée pour enregistrer, puis sur Entrée à nouveau pour enregistrer. Nous avons maintenant le modèle de base. Cela ne fera pas partie du résultat final, mais cela nous aidera à placer les images correctement dans Photoshop, et c'est ce que nous allons faire dans la prochaine leçon. À bientôt. 4. Placer la pochette en format JPG: Et bon retour. que nous avons créé le modèle de base, nous sommes prêts à l' utiliser dans Photoshop. N'oubliez pas que j'ai mentionné que ce ne sera qu'un guide. Cela ne fera pas partie du résultat final. C'est bon. Minimisons donc Illustrator et ouvrons Photoshop. Et dans Photoshop, je vais juste dire « ouvert ». Je pense que c'est ici. Modèle de base. Double-cliquez dessus et utilisez simplement le paramètre par défaut, donc. Nous y voilà. Et je zoome et dézoome en touche Alt enfoncée et en utilisant la molette de la souris C'est pratique pour tous ceux qui débutent dans Photoshop. Maintenant que nous avons le modèle de base, et que ce sera notre guide, il est temps de placer ces visages, et nous allons commencer par ce côté, qui est le recto. Je vais donc passer au dossier. En fait, disons, disons un lieu intégré. Nous les utiliserons comme exemple. Je vais double-cliquer sur cette illustration, et maintenant elle est importée. Je peux continuer et cliquer sur cette case ou appuyer sur Entrée pour le placer. Je vais simplement le choisir et le faire glisser vers le haut pour m'assurer qu'il est aligné là-haut, puis je vais faire glisser ce coin inférieur pour le redimensionner Ne vous souciez pas de la précision pour le moment. Nous allons régler ça, entrer pour le mettre en place. Maintenant que l'image est sélectionnée, je vais accéder au panneau des calques, cliquer avec le bouton droit de la souris et convertir en objet intelligent. C'est très important. Maintenant qu' il est converti en objet intelligent, je vais maintenir la touche Ctrl enfoncée. Et sélectionnez. Notez que le curseur de la souris change au moment où vous vous rapprochez du coin tout en maintenant la touche Ctrl enfoncée. Vous pouvez maintenant faire glisser et placer ce coin juste là. Tout en maintenant la touche Ctrl enfoncée, sélectionnez-la et faites-la glisser jusqu'à ce point. Il entre pour s'engager. Maintenant, nous l'avons. Je vais juste appuyer sur Control S pour le sauvegarder. Nous voulons l'enregistrer dans ce dossier de ressources. Et cette fois, nous allons toujours appeler le modèle de base, mais c'est un fichier PSD, un fichier Photoshop, sauvegardez ça Nous en avons donc terminé avec le devant. Allons-y donc et plaçons le côté. Je vais aller au dossier. Lieu intégré. Laissez-moi rentrer ici. Double-cliquez sur ce côté. Je vais le faire glisser et le placer quelque part ici. Permettez-moi de maintenir la touche t enfoncée et de faire défiler la page pour la fermer. En fait, tout d'abord, permettez-moi d'appuyer sur Entrée pour le placer. Sélectionnez ceci. Maintenez le contrôle enfoncé. Sélectionnez-le. Faites maintenant glisser ce coin et positionnez-le correctement. Appuyez sur Entrée. Je vais sélectionner cette option, en maintenant la touche Ctrl enfoncée. Avant cela, laissez-moi appuyer sur le contrôle zéro. Maintenant que nous l'avons déjà placée, je veux accéder à la couche, cliquer avec le bouton droit de la souris et la convertir en objet intelligent. C'est bon. Maintenant, laissez-moi me rapprocher touche Alt enfoncée et en faisant défiler la souris avec la molette de la souris Je vais le porter et le mettre en place jusqu'à ce point. Comme vous pouvez le constater, l'œuvre elle-même comporte une ligne blanche, mais ce n'est pas un problème. Je vais maintenir la touche Ctrl enfoncée et faire glisser ce coin vers le haut. Descendez avec la molette de ma souris pour aller en bas. Pour faire défiler la page avec la molette de la souris. Maintenez la touche Ctrl enfoncée pour sélectionner ce coin. En fait, permettez-moi de le mettre là. Appuyez sur Entrée, sélectionnez ceci, maintenez la touche Ctrl enfoncée, sélectionnez-le. Maintenant, maintenez la touche Ctrl enfoncée, faites-la glisser et positionnez-la correctement. Entrez, sélectionnez ceci, sélectionnez ce coin. Ensuite, placez-le juste là, entrez. Art et défilement Gardez le contrôle. Maintenez le contrôle enfoncé , sélectionnez-le, puis faites-le glisser vers ce coin. Entrez, contrôlez zéro, et vous avez maintenant votre produit, Control S, pour l' enregistrer dans le modèle de base. Maintenant, si nous voulons remplacer le rythme, ne nous reste plus qu'à accéder à la couche, et remarquez ici que nous avons une petite icône à l'intérieur de l'icône de la couche. Donc, double-cliquer dessus ouvrira la phase plate, et si nous mettons à jour cette phase, elle sera également mise à jour dans le produit numérique dans le modèle de base. Je vais donc venir ici. Placez l'œuvre intégrée, et maintenant je peux sélectionner une autre œuvre d'art. Double-cliquez sur Enter. Laissez-moi appuyer sur le contrôle S pour le sauvegarder. Maintenant, pour en revenir, comme vous pouvez le voir, nous avons remplacé nos œuvres d'art. Faisons de même pour le côté. Si nous voulons remplacer le côté, je viendrai ici, double-cliquez sur ce coin. Fichier, Lieu intégré. Double-cliquez sur cette entrée. Contrôlez S pour enregistrer, et maintenant revenez ici, notre produit est mis à jour. Alors maintenant, n'oubliez pas que j'ai mentionné que cette couche, le modèle de base que nous avons créé dans Adobe Illustrator, ne fera pas partie du modèle de produit final. Et c'est parce que nous voulions uniquement l'utiliser comme guide pour savoir où placer chaque coin de l'œuvre d'art. Maintenant que nous avons défini les faces de la maquette numérique du produit, nous n'en avons plus besoin Permettez-moi donc de les révéler une fois de plus, si nous les cachons, notez qu'il n' y a aucun changement. R À l'heure actuelle, comme les deux images ne sont pas jointes, il y a un C qui les sépare. Nous devons sélectionner l'une des faces et la pousser vers la droite pour qu'elle soit en contact avec l'autre. Contrôlez le zéro, vous pouvez continuer à le pousser vers la gauche ou vers la droite jusqu'à ce qu'il soit bien positionné. Maintenant, si je sélectionne le modèle de base, nous l'avons importé et supprimé, Control S. Maintenant, nous avons une maquette de produit numérique entièrement modifiable et réutilisable Donc, si vous souhaitez agrandir l'espace ici, vous pouvez utiliser l'outil de recadrage pour agrandir le plan de travail jusqu' à ce point Ce point. Je tiens également à maintenir la touche enfoncée et à utiliser à nouveau la molette de la souris pour effectuer un zoom arrière. U Continuons à créer de l' espace, de l'espace pour cela, et maintenant contrôlons S. Permettez-moi de sélectionner cela. Maintenez la touche enfoncée et faites glisser. Je peux le dupliquer. Maintenez à nouveau la touche Alt enfoncée et placez-la juste là. Laissez-moi tout sélectionner. Maintenez ce côté enfoncé. Je peux le redimensionner Entrez, et nous avons maintenant trois produits numériques. Ils ne sont pas correctement alignés. Alignons-les. Oui, là-haut. Bien sûr, maintenant, si vous souhaitez les modifier, il vous suffit de double-cliquer sur l'un des objets intelligents situés dans le coin. Fichier, Lieu intégré. Double-cliquez dessus, entrez, enregistrez. Et maintenant, les côtés sont changés. Changeons également le visage. Double-cliquez sur ce visage. En fait, nous l' avons déjà ici, donc je vais juste le cacher et le sauvegarder. Maintenant, revenons ici, nous avons mis à jour notre produit. Donc, en gros, c'est ainsi que l'on crée un produit numérique. Dans la leçon suivante, je vais vous montrer comment j'ai pu créer ce type d' illustration pour mes chauves-souris, car vous vous demandez peut-être, Ken, si vous m'avez montré comment créer le balisage, mais j'aime bien la façon dont vous avez conçu les illustrations de vos produits numériques Comment l'avez-vous fait ? J'aimerais vous le montrer dans la prochaine leçon. À bientôt. 5. La pochette de place comme fichoir IA - Partie 1: Il est donc temps d' apprendre à penser comme un designer et à créer belles illustrations pour votre produit numérique. Je souhaite donc passer à Illustrator. Nous y voilà. Laisse-moi clore ça. Nous ne l'utilisons plus, contrôlez N pour en ajouter un nouveau. En fait, je vais juste y aller, laisse-moi aller sur le web. Permettez-moi de m'en tenir à cette question courante. Ensuite, créez, nous devons changer l'orientation. Je vais donc sélectionner Art War Two et passer au portrait, mais les dimensions ne sont pas correctes. Je pense que ce sont de meilleures proportions. Contrôle zéro. Désormais, Control Zero met l'accent sur l' ensemble du département artistique. Alors maintenant, je veux passer au free pick. Et c'est là que je cherche généralement des modèles pour faire différentes choses que je travaille sur mes projets de conception. Supposons, par exemple, comme vous pouvez le voir, qu'en ce moment, mon œuvre d'art présente des mascottes Alors je suis juste allée ici et j'ai dit : mascotte. Comme vous pouvez le voir ici, nous avons quelques belles mascottes que vous pouvez utiliser Téléchargeons ce lion. Je vais juste le télécharger. Là, nous avons une autre équipe. Je vais également chercher un pack d'icônes. Je pense que je l'avais cherché plus tôt. Oui, je vais choisir. Donc ça, et faisons-le aussi. Allez-y et recherchez le type de produit numérique que vous souhaitez vendre. Pour moi, je vais vendre un pack d'icônes. Permettez-moi donc d'aller voir où il se trouve. Nous y voilà. Je vais juste les extraire ici pour séparer les dossiers. Ouvrez-le dans Illustrator. Et ça. Génial Il semble donc qu'il nous manque une police ici, mais cette police ne pose aucun problème. Nous n'avons pas besoin de cette police. Je vais juste double-cliquer dessus jusqu'à ce que je sois dans le groupe, car tout ce dont nous avons besoin, c'est du lion. Maintenant, avec notre lion et l'arrière-plan, je vais le sélectionner et le faire glisser dans notre document, le documentaire créé, et je vais le placer dans le coin supérieur gauche, redimensionner cet arrière-plan Je vais tout mettre au milieu. Une ligne pour monter à bord au milieu. Laisse-moi agrandir légèrement le lion. Très bien, je vais contrôler C pour copier ce lion et contrôler Shift V pour le coller devant. Je vais l'agrandir en maintenant les touches Shift et T enfoncées pour redimensionner depuis le centre, et je réduirai l' opacité à environ 10 % Jusqu'à quelque part là-bas. Je souhaite cliquer dessus pour qu'il ne déborde pas en dehors du plan de travail. Il ne me reste plus qu'à sélectionner cette copie. Et collez-le, laissez-moi l'aligner au centre du plan de travail. Ensuite, pendant que c'est sélectionné, je maintiens la touche Maj enfoncée et je sélectionne l'œuvre d'art, je clique dessus avec le bouton droit de la souris et je crée un vison découpé De cette façon, nous le découpons dans le rectangle que nous venons de dupliquer N'oubliez pas que lorsque nous sélectionnons cette option, nous sélectionnons le masque de découpage Nous ne sélectionnons pas l'œuvre elle-même, et c'est pourquoi l' opacité est toujours de 100 % Si nous double-cliquons dessus pour accéder à l'illustration, souvenez-vous que nous l'avons fait à 10 %. Mettons-le à huit, 7 %. 8 %. Double-cliquez à l'extérieur. Je vais le sélectionner et l'aligner au centre et au centre. Contrôlez S pour l' enregistrer dans Assets, je vais l'enregistrer sous le nom de pack d'icônes Lion. C'est bon. Je voudrais revenir très rapidement à la sélection gratuite, et ici, je vais taper une police ou une typographie, et nous obtiendrons une belle police modifiable que nous pourrons utiliser sur nos illustrations Voyons voir. Laisse-moi partir avec ce jus. Il s'agit simplement d'un guide simple pour vous aider à savoir comment procéder. Téléchargement gratuit. C'est bon. Cherchons-le. Extrait. Ouvrons-le. Je pense que nous devrons peut-être télécharger cette police. Oui, c'est le Spartan MB Black. Fonte noire So MB. Fonte D. Passons à Je téléchargerai toute la famille. Télécharger. Télécharger. Extrayons-le dans Spartan MB, et installons toutes ces polices C'est bon. Laisse-moi juste les mettre ici. Maintenant, ils ont été activés avec succès. Permettez-moi de le fermer et il a été remplacé par la bonne police. Je veux choisir cette police et la faire glisser ici. Je vais aussi choisir le texte et le modifier en L sur probablement quelque chose comme icon pac. Remplaçons cela en majuscules Couleur blanche, et on passe à 500 peut-être. Changeons la police pour Mat Monerat a regular. C'est encore trop visible. Permettez-moi de réduire le masque à découper lui-même à cet endroit Je vais sélectionner ces deux éléments, l'arrière-plan et le masque de découpage, puis appuyer sur Ctrl 2 pour les verrouiller. Maintenant, je peux les sélectionner. Je vais les sélectionner, contrôler G pour les regrouper. Alignez-les ensuite au centre. Control S. Très bien. Nous avons maintenant le pack d'icônes du lion et il est prêt. 6. La pochette de place comme fichoir IA - Partie 2: Maintenant, pour l'utiliser à l'intérieur, permettez-moi également de double-cliquer sur ce groupe afin que nous puissions accéder au texte, pousser ce texte vers le haut. Control S. Maintenant, nous l'avons enregistré. Maintenant, pour l'utiliser comme illustration, nous n'avons pas besoin de l'exporter au format JPEG ou image. Tout ce que nous devons faire, c'est minimiser cela, minimiser cela. N'oubliez pas que Photoshop est créé par Adobe. Illustrator est créé par Adobe. Ces programmes fonctionnent parfaitement ensemble, ce qui vous permet d'importer des fichiers Illustrator. Je vais donc aller au début et le remplacer par disons « lieu linked ». Maintenant, je vais passer à Assets, Lion icon Pack. Allons-y. Mets-le à jour. Importons le recadrage dans la boîte de délimitation. C'est bon Laisse-moi juste choisir ce coin et ce coin. Entrez, et sauvegardons cela. Allons-y. Il n'est pas encore mis à jour. Contrôlez S pour enregistrer, et maintenant c'est mis à jour. Maintenant, si nous retournons dans Illustrator et disons Control O, nous voulons créer le côté. Je vais simplement sélectionner le pack d' icônes en forme de lion et le coller. Je veux le dupliquer, et je vais appeler cela le côté du pack d' icônes. Entrez. J'ai oublié de l'étiqueter comme « yen front », mais nous le ferons plus tard. Pour le moment, c'est le côté. Et comme la hauteur est déjà correcte, il suffit de sélectionner l'outil de plan de travail et de réduire le plan de travail à un niveau raisonnable jusqu' à ce point, peut-être Maintenant, redimensionnons-le à quelque chose comme ça. Mets ça là-haut. Contrôlez et deux, nous débloquerons les couches que nous avons verrouillées avec Control Two. Je vais sélectionner le fond bleu et le redimensionner jusqu'à ce point Nous avons maintenant le masque de découpage qui découpe l'illustration Je vais double-cliquer sur le masque lui-même et le faire glisser jusqu'à cet endroit. Cliquez à l'extérieur. En fait, l'œuvre d'art est trop à gauche. Double-cliquez donc dessus, puis sélectionnons-le et placez-le quelque part. En fait, je peux le taper comme peut-être mon nom. M. Moneybags. Je vais changer ça pour Montserrat Montserrat. noir. Je vais le changer en blanc. Et mettez-le juste là. Tu peux mettre le nom que tu veux ici, sur le côté. Tout dépend de toi. Maintenant , pour revenir à Photoshop, bien sûr, je vais double-cliquer dessus. C'est déjà ouvert. Laisse-moi situer Link cette fois. Placer le boîtier de délimitation latéral Link. C'est bon Je vais maintenir la touche enfoncée pour redimensionner depuis le centre Entrez. Contrôlez S pour l'enregistrer. Maintenant, si je reviens ici, notre produit est mis à jour. Allons-y. Maintenant, si je reviens à Illustrator, où se trouve Illustrated, et à la maison, je dirais by Mr. Money bags. Je vais donc simplement ajouter les sacs By Mr. Money. Contrôle S. Si je reviens à Photoshop, vous remarquerez qu'il se met à jour automatiquement car si j'appuie sur Ctrl S et que je passe à notre maquette, elle est automatiquement remplacée par Mr. Moneybags C'est pourquoi nous l'avons placé en lien car nous aimerions pouvoir mettre à jour le rythme, les illustrations dans Illustrator et voir ces modifications en temps réel dans Photoshop. L'œuvre d'art est toujours liée aux données illustrées. Maintenant, vous vous demandez peut-être pourquoi je n'ai pas utilisé ce pack d'icônes. Souvenez-vous, j'ai téléchargé un pack d'icônes , oh, attendez, nous l'avons ouvert. C'est le pack d'icônes que nous avons créé. Allons-y. J'ai pensé que nous pourrions peut-être l'utiliser comme exemple d'icônes sur la pochette. Si je le fais glisser et que je le place ici, retire cette illustration, que j' agrandis ces icônes, que je l'appuie vers le bas. Je veux dire, il s'agit simplement de faire preuve de créativité et de voir quels résultats vous obtiendrez. Permettez-moi de garder cela et de voir quels résultats nous obtiendrons. Il suffit de cliquer ici. Permettez-moi de passer au début, comme vous pouvez le voir, il s'agit d'une mise à jour. Je n'aime pas leur hauteur, alors laisse-moi les baisser. Le commutateur Control S est de retour ici. Contrôlez S. Ici. Mise à jour automatique, contrôlez S pour l'enregistrer. Et maintenant, notre pack d'icônes Lion est mis à jour. Donc, en gros, c'est ainsi que vous pouvez créer un balisage de produit numérique Maintenant, vous vous demandez peut-être si je voulais regrouper trois produits différents ? Peut-être que celui-ci est rouge, bleu et peut-être vert, car pour le moment, car pour le moment, si vous remarquez que si nous changeons cela, cela affectera les trois produits. Et si nous voulions avoir un ensemble de produits unique, un autre ensemble de produits unique et un autre ensemble de produits unique ? 7. Paquets multiples - Partie 1: Pour ce faire, vous devez créer les produits individuellement, puis les disposer dans Adobe Illustrator. Permettez-moi de les sélectionner et de les supprimer. Je vais prendre l'outil de recadrage et le mettre là. C'est ainsi que je m'y prendrais. S'il existe une meilleure façon de le faire, je n'en suis pas au courant pour le moment. Alors Control S. Et voilà. Je vais donc ouvrir Ado Illustrator Control N. Passons simplement à la valeur par défaut. Ou peut-être laissez-moi simplement aller sur le Web, 1920 par 1080. Et maintenant, permettez-moi de placer le modèle de base. Allons-y. Parce que n'oubliez pas que ce document Photoshop est appelé modèle de base, nous l'avons donc importé. Maintenant, si nous le mettons à jour, si je reviens ici, que je le cache, que dévoile et que je l'enregistre, il sera également mis à jour, cela parce qu'ils sont liés Laissez-moi enregistrer ceci, et maintenant que j'y vais, il devrait être mis à jour à tout moment. Pourquoi ne met-il pas à jour Control S ? Ouais. Certains fichiers ont donc été modifiés dans le panneau de liens. Oui Maintenant, il s'est mis à jour tout seul. Maintenant, si je veux ajouter un autre produit ici, faites glisser la touche Alt, faites glisser touche Alt, Ctrl D pour répéter le dernier mouvement, puis faites glisser le Je vais sélectionner celui-ci, celui du centre, aller sur le lien, rétablir lien, sélectionner cette copie, coller, créer un nouveau lien vers celui-ci. Et maintenant, ça a toujours la même apparence parce que ce n'est qu' une copie de celui-ci. Mais maintenant, si nous apportons des modifications à cela dans Photoshop, ce sera unique. Permettez-moi de passer à Photoshop, car il s'agit maintenant d' une œuvre d'art unique. Bien que cette option soit toujours sélectionnée, je dirais modifier dans Photoshop. Et si je double-clique sur le visage cache, que je le dévoile et que contrôle S. Je reviens ici Maintenant, nous avons ce visage. Permettez-moi également de double-cliquer sur le côté. Laisse-moi le cacher et économiser. Je pense que nous devons revenir ici et contrôler S, disons le fichier principal. Maintenant, je vais y retourner. Maintenant c'est rouge. Bien sûr, maintenant que vous connaissez l'exercice, pour passer au troisième, je vais le reconnecter Et je vais sélectionner ce modèle de collage copier-coller. Nous en avons maintenant un troisième exemplaire. Je vais double-cliquer dessus, et maintenant c'est une copie unique, à modifier dans Photoshop. Et bien sûr, maintenant tu connais le truc. Maintenant, une chose que vous devez savoir, c'est qu'avant commencer à le modifier ou après fermé dans Adobe Illustrator, laissez-moi tout d'abord l'enregistrer. Permettez-moi de le sauvegarder comme échantillon. Maintenant, il est enregistré en tant qu'échantillon. Si je le ferme et que je vais dans ce dossier. Ici, nous avons un échantillon. Maintenant, n'oubliez pas que nous ne pouvons pas travailler avec ces types de noms, nous pouvons donc leur donner un nom plus approprié. C'est peut-être le paquet de pièges. C'est peut-être le bundle Hip Hip Hop. N'importe lequel d'entre eux peut être un modèle nous pouvons toujours réutiliser car il vous suffit entrer dans Photoshop et de changer les visages. Donc, si vous souhaitez le réutiliser, n' importe lequel d'entre eux peut être votre modèle de base. Nous pouvons donc le renommer en pack d'icônes Lion icon pack, Lion icon Pack Maintenant, lorsque nous ouvrons Sample, il indique que certains des fichiers que nous avons utilisés sont manquants, et c'est parce qu'il ne trouve pas les fichiers sous le nom sous lequel nous les avons importés. Nous les avons changés. Remplacez donc. Et maintenant, disons quel paquet de pièges ? Nous proposons également un bundle hip hop. Et la dernière icône du Lion. Allons-y. Donc, en gros, c'est ainsi que vous pouvez créer une maquette de produit numérique Et comme vous pouvez le constater, c'est très polyvalent, vous pouvez utiliser cette méthode pour créer même une pile de produits numériques. Et avant que tu ne partes, j'ai quelques dernières réflexions. Prochaines étapes et idées que j' aimerais partager avec vous dans la prochaine leçon. Je te verrai donc bientôt. 8. Paquets multiples - Partie 2: Maintenant, je viens de suivre les leçons pour voir si j'ai oublié quelque chose, et je me suis rendu compte qu'il y a deux choses dont j'ai oublié de parler. Voici donc le modèle de base original sur lequel nous avons travaillé. Donc, si je me contente d'annuler, nous avons maintenant ces trois produits. Une chose que vous remarquerez ici, c'est qu'il n'est pas facile de dire qu'il s' agit de trois produits car aucun d'entre eux ne jette une ombre. Nous devons ajouter une ombre pour séparer cette ombre avant de celle-ci et celle-ci de celle-ci. Alors, comment faites-vous cela ? Je vais sélectionner ce côté. Et je vais passer aux effets, supprimer l'ombre, ou je peux simplement double-cliquer dessus ici n'importe où, pour faire apparaître le style de la couche. Je vais aller ici pour supprimer l'ombre, activer, et vous remarquerez déjà que l'ombre apparaît. Mais si je clique dessus, nous ouvrirons les options Drop Shadow et nous pourrons jouer avec elles. Par exemple, dans la direction, je veux que l'ombre soit de ce côté. Comme ça. Voici l'aperçu. Je veux peut-être cet endroit. J'évite ça. Qu'en est-il de ça ? Oui, quelque chose comme ça. Nous voulons également changer le mode de fusion pour une certaine multiplication. Essayons ça. Multipliez, nous pouvons peut-être changer la couleur, en faire un peu. Et je pense que c'est bon. Donc, en cliquant à l'extérieur. Je vais le sélectionner et faire de même. Je peux juste venir directement ici et cliquer sur Drop Shadow, et cela appliquera les derniers paramètres que nous avons appliqués. Comme vous pouvez le constater, si je clique sur OK, il est maintenant facile de faire la distinction entre ces trois produits. Control S. Maintenant, une autre façon de les distinguer est d'entrer dans votre œuvre d'art réelle. Allons ici. C'est ça. Ici, nous pouvons ajouter une texture dégradée. Avec ce rectangle, aligné au centre. Je vais aller dans les paramètres du dégradé, le sélectionner pour lui donner un dégradé. Je vais inverser cela, mettre ceci de tel côté et cela de tel côté. Et maintenant, changez le mode de fusion. Passons à la comparution. Non, passons à la transparence. Mode de fusion : multipliez. Il fait trop sombre maintenant. Nous pouvons le faire à 35 %. Nous pouvons également dire que Control S. Si nous augmentons ce paramètre, rendons-le aussi sombre que cela. Control S. Passons maintenant à Photoshop. Double-cliquez dessus. Non Où est le front ? Laissez-moi placer le lien. Pack d'icônes Lion. Oui, sélectionnons un pack d' icônes Lon. Redimensionnez-le Entrez pour placer Control S. C'est parti. Maintenant, en revenant ici, comme vous pouvez le voir, nous avons cette ombre. Maintenant, même si nous nous débarrassons des effets d'ombre, souvenez-vous que nous avons ajouté cet effet. Si je passe à cet effet, double-cliquez dessus et supprimez-le. Nous l'avons retiré, mais vous pouvez toujours faire la distinction entre ce produit et ce produit, car la lumière vient de ce côté, frappe le côté et crée une ombre sur le devant. Allons-y et disons aussi d'accord. Maintenant, je ne vais pas le supprimer. Je voulais juste vous montrer comment y parvenir, comment faire ressortir chaque produit numérique. 9. Organiser vos fichiers: Maintenant, la prochaine chose dont je voulais que nous parlions, c'est de l'organisation. Par exemple, pour ce pack de lions, le recto, le côté et le modèle de base que vous allez utiliser sont censés se trouver dans un seul dossier. Alors je vais y aller. Permettez-moi tout d'abord de fermer ceci, de tout fermer. Ouverte. Moi, laisse-moi clore ça. Permettez-moi d'ouvrir Illustrator et de tout fermer. Ne sauvegardez aucun d'entre eux. Non, ne le dis pas. Maintenant, si je lance mon explorateur de fichiers, nous y voilà. Voici la meute de lions, et voici le modèle de base qu'elle a utilisé. Nous sommes censés en créer de nouveaux. Pack d'icônes Lon. Pack d'icônes Lion, je vais donc emporter le côté, illustration du recto et le gabarit de base. Il s'agit de modèles de base pour d'autres projets. Ce sont des exemples sur lesquels nous travaillions. Maintenant, si je veux créer un tout nouveau produit numérique, il me suffit de venir ici, le modèle de base, de créer un nouveau dossier, lui donner le nom suivant. Ensemble de pinceaux Brushy. C'est quel genre de nom ? Mais supposons que je vends des ensembles de pinceaux Photoshop. Je souhaite les emballer sous forme de bundle de produits numériques. Entrez-le, entrez, collez-le dans leur modèle de base. Maintenant, dans ce dossier, c'est ici que je vais créer un tout nouveau fichier Adobe Illustrator pour le recto et le côté. Ensuite, j'ouvrirai le modèle de base. Photoshop, toujours. C'est bon, ce n'est pas le bon . Nous avons changé cela. Mais j'espère que tu auras compris. Vous utilisez le modèle de base. Il peut s'agir de votre modèle de base de trois, ou vous pouvez avoir un modèle de base deux modèles de base d'un seul. Le plus important est que vous sachiez comment travailler avec le Mk up lui-même, et maintenant vous savez comment le modifier. Maintenant, avant de partir, comme je l'ai mentionné, j'ai quelques autres étapes à suivre et des idées que j'aimerais partager avec vous dans la leçon finale, alors n'allez nulle part. À bientôt. 10. Étapes suivantes: Félicitations pour avoir terminé le cours. À l'heure actuelle, vous devriez disposer d'un balisage de produit numérique entièrement modifiable et réutilisable, ainsi que des compétences nécessaires pour en créer des variantes plus créatives Vous pouvez désormais empaqueter et présenter vos ressources numériques téléchargeables comme un pro. Il est temps de mettre ces compétences à profit et de commencer à gagner de l'argent en ligne. Mais avant de partir, n' oubliez pas de soumettre votre projet de cours. Nous adorons voir la créativité de notre communauté partager des idées et des commentaires. Veuillez donc télécharger une image ou une capture d'écran de votre balisage une fois que vous avez terminé Rendez-le unique, ajoutez-y votre touche personnelle et n'hésitez pas à consulter d'autres exemples pour vous inspirer. Une fois que vous avez terminé, il vous suffit de vous rendre dans l' onglet projets et ressources situé sous le lecteur vidéo et suivre les étapes simples pour télécharger votre travail. Enfin, si vous avez trouvé ce cours utile, j'aimerais avoir vos commentaires. Les évaluations occupent une place importante dans la communauté Skillshare, car elles aident les autres étudiants à découvrir des cours incroyables qu'ils devraient Donc, si vous avez un moment, veuillez laisser un avis sous l'onglet des avis sous cette vidéo. Dites-moi si le cours a répondu à vos attentes, ce que vous avez aimé et quelles choses intéressantes vous avez apprises. Encore une fois, je tiens à vous remercier infiniment de m'avoir rejoint dans ce cours, et j'ai hâte de voir votre projet jusqu'à la prochaine fois Restez créatifs, restez géniaux. Paix.