Share
Dans le tutoriel d'aujourd'hui, nous allons montrer comment créer une carte de crédit d'aspect réaliste avec Photoshop et Illustrator en seulement quelques étapes simples. Commençons!
Pour accélérer le processus, nous allons commencer par rassembler quelques graphiques de base dans Illustrator. Créez un rectangle arrondi de 3,5 pouces sur 1,9 pouces, puis remplissez l'objet avec une couleur ou un dégradé de votre choix..
Tracez des lignes courbes, comme indiqué, à l'aide de l'outil Plume. Ensuite, sélectionnez Objet> Fusion> Fusion> Options de fusion> Étapes spécifiques, entrez 30 et cliquez sur OK. Faire deux lignes différentes avec des couleurs différentes.
Sélectionnez le dessin au trait que vous venez de créer et appliquez un masque de découpage en utilisant la forme de la carte de crédit. Assurez-vous que la forme de la carte de crédit est placée au-dessus de votre dessin au trait et que vous avez également dupliqué le fond de votre carte de crédit..
Remarque: si vous utilisez Illustrator CS5, sélectionnez la carte de crédit et cliquez sur l'option Dessiner à l'intérieur pour coller (Cmd / Ctrl + V) à l'intérieur des objets..
Utilisez l'outil crayon pour dessiner le ruban comme indiqué.
Nous avons maintenant terminé avec Illustrator. Commençons par ouvrir Photoshop, en créant une nouvelle zone de travail un peu plus grande que votre document Illustrator, puis en copiant et en collant individuellement chaque élément créé dans Illustrator. À ce stade, vous devriez déjà avoir certains logos et graphiques que vous souhaitez placer sur la carte. Sinon, allez-y et créez-en. Ajoutez vos graphiques sur la carte, comme indiqué. N'hésitez pas à utiliser les polices suivantes sur votre carte. Téléchargez-les ici et ici.
Il est maintenant temps d'ajouter votre texte. Choisissez la police de caractères ovale en utilisant # f1efed. Tapez des nombres aléatoires et un nom. Puis appliquez les styles de calque suivants.
Maintenant, cela commence à ressembler davantage à une carte de crédit, ajoutons quelques ombres pour la rendre plus réaliste. Dupliquez chaque calque, changez la couleur de la police en noir et désactivez les styles de calque, cela nous donnera l'ombre de base. Déplacez maintenant les nombres d'ombres d'environ 3 à 5 pixels vers la droite et de 3 pixels vers le bas (faites de même avec le nom également), allez maintenant à Filtre> Flou> Flou, puis tapez Angle: -34 et Distance: 10px; réglez le mélange de calques sur Multiplier et sur Opacité à 50%. Pour les dernières retouches de la face avant, examinez votre carte de crédit de référence et ajoutez une date d'expiration où vous le souhaitez. Vous aurez terminé avec la face avant, créez un nouveau dossier, déposez tous les calques qu'il contient et nommez-le. DE FACE.
Maintenant, travaillons au verso de la carte de crédit. Dupliquez la base de la carte de crédit, déplacez le calque dans le dossier FRONT, puis faites un clic droit sur le calque et pixellisez-le, faites-en une sélection et remplissez-le avec la couleur que vous avez utilisée au recto (j’ai utilisé le rouge vif en haut côté gauche de la carte de crédit). Remarque: n'utilisez pas de dégradés pour le dos.
Allez dans le dossier FRONT, dupliquez les calques de texte sur lesquels vous avez utilisé Styles de calque (numéros de carte de crédit, nom et date d'expiration dans mon cas), faites-les glisser dans le dossier BACK, puis retournez-les horizontalement et modifiez la couleur du texte. identique au dos de la carte de crédit.
Maintenant, nous devons modifier les styles de calque des calques de texte pour leur donner l’impression qu’ils ont été tamponnés et ressembler à la carte de crédit de référence. Double-cliquez sur le calque et modifiez les valeurs comme indiqué ci-dessous. Faites de même pour les autres calques..
Maintenant, la carte de crédit ressemble à votre référence, allez-y et organisez le reste des éléments que vous avez créés pour le verso de la carte de crédit..
Certains éléments, comme le rectangle de signature, peuvent être créés dans Photoshop. Si vous avez votre propre logo, vous pouvez le faire pivoter de 45 degrés, le dupliquer plusieurs fois et créer un motif, puis sélectionnez-en un et modifiez-en la couleur à l'aide de l'option Teinte et Saturation ( Cmd / Ctrl + U), puis Fusionnez-les tous ensemble, dans un autre calque, créez un rectangle de la taille souhaitée pour la signature et remplissez-le de blanc, faites une sélection de rectangle> sélectionnez le calque du motif et cliquez sur (Cmd / Ctrl + Maj + I) pour inverser la sélection et effacer, puis fusionner les deux calques.
Pour que la signature crée un autre calque, sélectionnez un pinceau noir et faites une signature aléatoire. Enfin, ajoutez les codes de sécurité.
Si vous le souhaitez, vous pouvez terminer le didacticiel ici, mais nous allons maintenant ajouter un peu de perspective à la carte. Dupliquez chaque dossier, puis cliquez avec le bouton droit de la souris sur le dossier du groupe et sélectionnez Fusionner le groupe. Faites de même pour chaque dossier. Maintenant, nous avons 2 couches, l’une du recto et l’autre pour le verso de la carte de crédit, sélectionnez les deux et cliquez sur Cmd / Ctrl + T pour les transformer et les réduire, puis faites pivoter un petit clic et faites un clic droit pour sélectionner Perspective et transformer voulu.
Sélectionnez une couche de la carte de crédit (qu'elle soit recto ou verso) et dupliquez-la, faites-en une sélection et remplissez-la de gris clair, puis déplacez-la d'environ 2 pixels vers la droite. Pour créer l'ombre de la carte, dupliquez la carte de crédit, faites-en une sélection et remplissez-la de noir, puis cliquez sur Cmd / Ctrl + T pour transformer> cliquez avec le bouton droit de la souris et sélectionnez Déformer et transformer à votre guise; Sélectionnez Filtre> Flou> Flou gaussien> Rayon 10 px; régler le mélange de calques sur Multiplier à 30% d'opacité.
Pour créer la réflexion, dupliquez les deux calques de carte de crédit, sélectionnez-les et retournez-les verticalement (Cmd + T> Clic droit> Retourner verticalement) et disposez-les sur le bout de la carte de crédit; sélectionnez un pinceau gomme doux avec une opacité de 30% et effacez chaque calque pour créer le reflet.
Faisons des ombres et des lumières, faisons une sélection de la carte de crédit, faisons un nouveau calque, sélectionnons un pinceau blanc, le mode Normal à 20% d'opacité et, dans le coin supérieur gauche, ajoutez de la lumière, puis changez la couleur en noir et ajoutez quelques ombres sur le coin inférieur droit.
Faites un fond et vous avez terminé! Pour créer des images de chaque côté de la carte de crédit, désactivez simplement le calque du recto, n'oubliez pas d'activer ou de désactiver également le calque de réflexion correspondant; vous pouvez utiliser ce tutoriel pour créer une icône de carte de crédit; N'oubliez pas que vous pouvez créer des cartes de crédit de différentes couleurs en jouant avec Hue et Saturation..
Accentsconagua