Share
Dans ce didacticiel, nous allons concevoir une carte de visite simple dans Photoshop et la préparer pour l'impression avec des repères de coupe et le fond perdu. Normalement, vous utiliseriez un outil comme InDesign, mais il est en fait possible de vous débrouiller avec notre vieux Photoshop fidèle..
Ce tutoriel vous montrera comment concevoir vous-même une carte de visite. Toutefois, si vous souhaitez une carte de visite simple et élégante, conçue par un professionnel, vous pouvez en commander une sur Envato Studio. Voici quelques-unes des options à votre disposition:
Pour seulement 50 $, vous obtenez un modèle de carte de visite moderne, unique, simple et propre, dans tous les formats. Il est prêt à imprimer, avec des marques de fond perdu, un fichier vectoriel illustrator ou un fichier Photoshop et une résolution jpg.
Ce concepteur a réalisé plus de 1 500 travaux sur Envato Studio, avec un taux de recommandation de 100% des clients..
Vous cherchez quelque chose de plus créatif? Astralgirl conçoit des cartes de visite vraiment créatives, professionnelles et qui parlent pour votre entreprise. Le service est à seulement 40 $, et vient également avec un taux de recommandation de 100%.
Si vous recherchez un service de haute qualité, rapide, fiable et sans tracas et que vous voulez obtenir le meilleur résultat pour votre investissement, ce designer est fait pour vous..
Fort de plusieurs années d'expérience dans le secteur du design, SAO Studio peut vous aider à obtenir la carte de visite la mieux adaptée à votre entreprise..
Ce fournisseur vous concevra une carte de visite professionnelle, élégante et moderne. Vous recevrez des fichiers prêts à imprimer dans différents formats, avec fond perdu et PDF éditable (éditable dans Adobe Illustrator). Vous obtiendrez également des fichiers au format Indesign.
Envato Studio compte de nombreux autres concepteurs de cartes de visite, alors parcourez-les et vous êtes sûr de trouver celui qui vous convient.
Sinon, lisez la suite des instructions pas à pas pour le faire vous-même..
Ok, la première chose à faire est donc de créer un nouveau document. Selon l'endroit où vous prévoyez d'imprimer vos cartes, vous aurez peut-être besoin de différentes dimensions. L’imprimante que j’utilise ici à Sydney a une taille de carte par défaut de 90 mm x 55 mm.
Lorsque vous envoyez des documents à des imprimantes, vous devez ajouter une sorte de bordure autour de l'image appelée Saigner. Le fond perdu est essentiellement l’espace situé sur les bords de votre dessin, là où l’image continue de passer, là où l’imprimante va couper le papier. De cette façon, si la coupe atterrit un millimètre de part et d’autre, il n’ya pas de papier vierge sur les bords. La quantité d'espace que vous laissez pour le fond perdu dépend également de votre imprimante. De manière générale, 3mm à 5mm est une bonne quantité de saignement.
En raison d'une bizarrerie de Photoshop (que vous verrez plus tard), nous allons utiliser une valeur de 3 mm. Ainsi, lors de la création de l'image, au lieu de la fixer à 90 mm de hauteur, nous la faisons de 90 mm + fond perdu à 3 mm à gauche et de 3 mm à droite = 96 mm. De même avec la largeur, nous faisons 55 + 3 + 3 = 61mm.
Notez également que, dans la mesure où nous réalisons quelque chose pour l’impression, vous devez définir la résolution sur 300 dpi et le mode couleur sur CMYK. Nous parlerons plus en détail du mode couleur plus tard, mais avec la résolution, notez que 300 dpi signifie que plus d’informations sur l’image sont disponibles, vous permettant ainsi d’obtenir une impression nette..
Si vous devez faire un grand poster, vous pouvez parfois vous en tirer avec seulement 120 dpi, mais cela dépend vraiment de la distance à laquelle la personne regardera votre travail. Si vous imprimez 120 dpi, la qualité de près sera plutot mauvais. Si c'est une affiche géante (pensez mètres plutôt que centimètres), alors vous pouvez vous en sortir. Quoi qu’il en soit, comme il s’agit d’une carte de visite professionnelle, nous devrions en faire une résolution de 300 dpi, c’est donc une belle impression de haute qualité..
Une fois le document créé, nous devons d’abord ajouter quelques guides pour nous indiquer où se trouvent les bords de la carte de visite et où commence le fond perdu. Donc, tout d’abord, appuyez sur Ctrl-R pour activer vos règles. Maintenant, pour ajouter les guides, vous pouvez soit cliquer sur la règle et faire glisser les guides sur le document, soit utiliser une méthode plus précise dans Affichage> Nouveau guide, puis lui attribuer une position horizontale de 3 mm. Répétez à nouveau avec une position verticale de 3 mm. Répétez ensuite deux fois plus avec Vertical / 58mm et Horizontal / 93mm.
Vous devriez maintenant avoir une toile vierge semblable à celle ci-dessous avec quatre guides, chacun à 3 mm du bord.
Maintenant que j'ai créé cette carte pour le concours de cartes FreelanceSwitch, j'ai dû utiliser un élément du pack de vecteurs et de textures de freebie d'Arsenal. J'ai choisi cette belle texture de béton car elle a l'air jolie et urbaine! Vous pouvez télécharger la texture vous-même en visitant le site d'Arsenal et en cliquant sur la section gratuite..
Ainsi, après avoir collé la texture, j'ai appuyé sur Ctrl-T pour la transformer à peu près à la bonne taille. Maintenant, bien que je veuille que la texture soit sale et sale, elle est un peu TROP sale et bruyante. Alors tout d’abord, nous allons nous débarrasser des deux gigantesques lignes qui vont de gauche à droite. Nous pouvons le faire avec l’outil Clone Stamp (S). J'ai discuté de cet outil l'autre jour dans le didacticiel du magazine, mais pour vous rafraîchir, vous appuyez sur Alt pour sélectionner la zone que vous souhaitez cloner (dans ce cas, je viens d'utiliser la zone située juste au-dessus), puis sur la zone sur laquelle vous souhaitez cloner..
L'utilisation d'un pinceau doux sur une texture comme celle-ci en béton signifie qu'il est assez difficile à détecter si vous ne recherchez pas directement des preuves de clonage..
Nous avons donc maintenant une apparence rugueuse et urbaine, mais pas aussi rude.
À ce stade, j'ai décidé que je voulais assombrir la texture. J'ai donc ajouté un calque rempli de la couleur # 797c82 ci-dessus et je l'ai réglé sur Multiplier. Cependant, le look était un peu étrange et a une sorte de dominante bleuâtre (voir ci-dessous) alors que je le veux plus sombre et plus gris. Cela a à voir avec le mode couleur dans lequel nous sommes - CMYK. Il est donc temps de parler un peu des modes de couleur… (du moins tels que je les comprends)
Fondamentalement, CMJN sont les quatre couleurs quadrichromiques avec lesquelles la plupart des imprimantes impriment. En utilisant ces quatre couleurs (Cyan, Magenta, Jaune et Noir / Key), vous pouvez créer la plupart des autres couleurs. En fait, vous pouvez également obtenir des encres spéciales telles que Pantones, dont nous parlerons dans un prochain tutoriel, mais pour la plupart des choses, il s’agit simplement du CMJN droit..
Maintenant, sur votre écran, cependant, vous utilisez le format RVB qui, comme vous le savez, signifie rouge, vert et bleu. La différence vient du fait que sur un écran, vous regardez le mélange de lumière, donc si vous ajoutez toutes les couleurs, vous obtenez du blanc - c’est pourquoi, en RVB, le code de couleur du blanc est R: 255, G: 255, B: 255 - c’est-à-dire complet. rouge, plein vert, plein bleu.
Sur le papier, par contre, vous voyez le résultat de la lumière qui interagit avec un objet. De mon souvenir flou de classe de sciences au lycée quand la lumière éclaire un objet - disons un mur rouge - l'objet absorbe en fait la lumière et réfléchit ceux qui ne le peuvent pas, de sorte que le mur rouge réfléchit le rouge, mais mange efficacement le rouge se reposer, lui donnant l’apparence d’être rouge. Donc, fondamentalement, sur papier, c'est le * contraire * de l'écran où la lumière est projetée. Sur du papier contenant du cyan plein, du magenta complet, du jaune complet et de la clé complète, le noir est noir parce qu'il absorbe toute la lumière (ce qui est l'inverse du RVB où il produit du blanc)..
Maintenant, tout cela n'était que quelques informations utiles expliquant pourquoi il existe différents espaces colorimétriques. L’important est de noter que la gamme de couleurs que vous pouvez créer avec CMJN est plus petite que ce que vous pouvez faire avec RVB. Ainsi, lorsque vous passerez au mode CMJN, vous constaterez que certaines choses ne fonctionnent pas aussi bien, comme les superpositions ou l’obtention de couleurs super vives. Une fois que vous avez réellement imprimé, ils auront toujours l’air joli, mais parfois, pour faire les choses auxquelles vous vous êtes habitué dans Photoshop, vous devez basculer entre les modes couleur. Rappelez-vous cependant que si vous passez en RVB, vous devriez revenir en CMJN avant de l'envoyer pour impression. Pour préserver les effets, nous allons tout aplatir à ce moment-là (vous verrez ce que je veux dire plus tard).
Changement de mode de couleur
J'espère que vous êtes toujours avec moi. En gros, à cette étape, j'ai décidé que je devais repasser en RVB pour obtenir le gris foncé, et plus important encore lors de l'étape suivante, lorsque je souhaite mettre des blocs jaunes superposés. , Je devrai également être en RVB.
Vous pouvez donc le faire en sélectionnant Image> Mode> Couleur RVB. Il vous demandera si vous souhaitez aplatir l'image - dites non! Vous devriez voir un changement immédiat dans la coloration de l'effet d'assombrissement.
Et, oui, j'aurais pu raccourcir cette étape et vous dire de passer en RVB, mais il est utile de connaître les espaces colorimétriques :-)
Nous sommes donc en mode RVB. Ensuite, nous voulons dessiner des blocs diagonaux. Alors prenez l'outil Lasso polygonal (L) puis créez un nouveau calque.
Maintenant, vous voulez dessiner la forme montrée ci-dessous. Pour ce faire, maintenez la touche Maj enfoncée de manière à forcer les angles à des multiples de 45 'et à vous donner une belle forme uniforme..
Une fois que vous avez la forme, remplissez-la avec Color: # c4b10f, qui est une couleur jaune laide, puis définissez le mode de fusion sur Color Dodge. Maintenant, vous devriez avoir un jaune vif qui ressemble à celui ci-dessous. Notez que si vous revenez en CMJN, vous verrez comment cet effet ne fonctionne pas du tout et pourquoi nous avons dû passer en RVB plus tôt..
Quoiqu’il en soit, dupliquez ce calque plusieurs fois jusqu’à ce que vous ayez six barres jaunes et espacez-les approximativement de façon à ce que l’une se trouve à droite et une autre à droite, le reste étant groupé entre eux (nous les répartirons avec précision à la prochaine étape. ).
Maintenant, plutôt que d'essayer d'espacer les yeux ou d'appuyer sur la touche de direction autant de fois que je suis gêné (nous le faisons souvent), nous allons utiliser les outils d'alignement. Alors maintenez d'abord la touche Maj enfoncée et sélectionnez tous les calques contenant des barres jaunes. Puis en haut, cliquez sur l'outil d'alignement indiqué ci-dessous. Cela les espacera automatiquement avec précision!
(Notez que je pense que dans les versions de Photoshop antérieures à CS2, vous devez lier les calques avec ces petits trombones, car la sélection par défilement des calques n'apparaît que dans CS2 - la version que j'utilise. Les utilisateurs de CS3 sont similaires à CS2.)
OK, maintenant nous avons un petit marquage joliment espacé qui a l’air plutôt industriel!
Ensuite, j'ai créé un nouveau calque au-dessus et avec un gros pinceau noir doux, délicatement brossé sur les bords. N'oubliez pas que tout ce qui est en dehors des guides ne fera probablement pas partie de la carte finale (à moins que l'imprimante ne perde sa coupe), le noir doit donc s'étendre juste au-dessus de la ligne s'il doit être visible dans le produit final..
Donc, juste pour discuter à nouveau du saignement, comme je l’ai mentionné plus tôt, tout ce qui est en dehors de ces guides est simplement un matériau supplémentaire à couper pour l’imprimante. Il est donc important, à aucun moment, de placer des éléments importants tels que du texte sur les bords, à moins que cela ne vous dérange pas que le texte soit éventuellement coupé. D'après mon expérience, la plupart des imprimantes en pratique ne s'éloignent pas très loin de la ligne de coupe, mais cela peut arriver, surtout si vous utilisez une imprimante bon marché..
L’un des problèmes rencontrés dans Photoshop dans ce domaine est qu’il n’ya aucun moyen de masquer automatiquement la zone de fond perdu, ce qui signifie que parfois, lorsque vous regardez le dessin, il n’a pas l’air tout à fait correct. Dans InDesign, vous pouvez passer à un mode de prévisualisation spécial masquant le fond perdu, mais dans Photoshop, nous devons le faire manuellement. Très souvent, je vais créer un calque au-dessus de tous les autres et remplir les zones de fond perdu de blanc. Ensuite, je peux activer ou désactiver ce calque pour que je puisse voir un peu plus précisément les proportions et la zone qui permettront d'atteindre l'élément imprimé final.. Assurez-vous simplement de les désactiver avant de les envoyer à l'imprimante.!
Ensuite, j'ai placé un joli texte sur la carte. C'est en réalité le verso de la carte (nous ferons le recto dans une seconde). J'ai utilisé une police ultra-cool appelée DIN qui est très minime et, comme vous le verrez dans une seconde, a un caractère '@' génial.
J'ai réglé le type à 8 pt. Si je me souviens bien, vous ne devriez jamais aller à moins de 6 pt si vous voulez que quelque chose soit lisible, et si vous voulez qu'il soit lisible. facilement lisible 7.5pt et ci-dessus est le meilleur. Comme pour toutes ces choses, cela dépend de votre public. Lorsque je fabriquais des cartes de visite, j’allais avec quelque chose qu’une personne pouvait lire rapidement en feuilletant sa pile de cartes. Quand je fais quelque chose pour moi-même, j'utilise souvent des caractères de petite taille, car je peux m'en sortir.!
J'ai également défini le type en mode de fusion Lumière linéaire afin qu'il interagisse un peu avec l'arrière-plan. Une fois que cela est fait, nous pouvons enregistrer ce document en tant que Back.psd, puis aller dans Fichier> Enregistrer sous et le sauvegarder en tant que Front.psd, en dupliquant essentiellement le fichier pour en faire une recto..
Encore une fois pour le front, j'ai ajouté un peu de texte avec mon adresse Web et mon adresse e-mail et mon nom. Et pour ceux qui aiment les caractères typographiques, jetez un coup d'œil au caractère "@" - n'est-ce pas génial! DIN est une police de caractères industrielle originaire d'Allemagne sur laquelle vous pouvez lire des informations sur Wikipedia..
La typographie - ou l'art d'utiliser le type / texte dans vos conceptions - est l'une de ces parties extrêmement importantes du design. Si vous venez d'un milieu éducatif non-conceptuel comme le mien, il est très important d'aller lire à ce sujet, car c'est le moyen le plus simple de choisir un bon designer parmi un mauvais. Je ne suis pas le meilleur typographe du moment, mais John Boardley, et il dirige l'un de mes blogs préférés, iLoveTypography. Si vous voulez entrer dans le type, allez lire son blog, c'est la bombe!
La prochaine chose que nous souhaitons faire consiste à désactiver certaines des couches comportant des barres jaunes. Il ne reste donc que trois couches. Je veux que ça ressemble à des barres jaunes qui commencent à l’avant et continuent vers l’arrière.
Ensuite, à l'aide de l'outil Lasso polygonal (L), tracez une forme triangulaire, comme indiqué.
Créez ensuite un nouveau calque juste au-dessus de la texture du béton, remplissez-le de gris foncé et définissez le mode de fusion sur Multiplier. Maintenant, malheureusement, cela rend les bits jaunes terne, nous allons donc résoudre ce problème!
Ctrl-cliquez sur le premier des calques de la barre jaune, puis maintenez la touche Maj enfoncée, cliquez sur le calque suivant, puis sur le calque suivant pour obtenir les pixels sélectionnés pour les trois. Appuyez ensuite sur Ctrl + Maj + I pour inverser la sélection comme indiqué. Lorsque cette option est sélectionnée, cliquez sur le calque triangle et cliquez sur l’icône Ajouter un masque de calque de la palette des calques. Cela masquera les zones des barres jaunes afin qu'elles brillent à travers.
Et là nous l'avons! Terminé…
Nous devons maintenant accéder à Couche> Aplatir l’image, puis à Image> Mode> CMJN pour revenir au mode CMJN et vous préparer à l’impression. Notez que, parce que nous avons aplati l'image, nous préservons la manière dont le jaune interagissait avec la route derrière celle-ci, même si nous sommes de retour en CMJN. Nous avons donc tiré parti de l’utilisation du RVB pour obtenir un effet, puis l’avons aplati et rétabli en CMJN pour pouvoir imprimer..
Maintenant, allez dans Fichier> Imprimer avec aperçu et vous devriez voir quelque chose comme indiqué ci-dessous. Si vous n'avez pas toutes les options, cliquez sur Plus d'options et elles apparaîtront. Cochez la case indiquant les marques de recadrage, puis cliquez sur le bouton indiquant le fond perdu et réglez-le sur 3 mm. Notez que pour une raison quelconque, Photoshop ne vous laisse pas dépasser de beaucoup 3 mm pour le fond perdu. Je ne sais pas vraiment pourquoi ils ont mis un bonnet artificiel dessus, mais il y a peut-être une raison incroyable pour laquelle je ne comprends pas.
Quoi qu'il en soit, une chose à faire (que je viens de comprendre, mais que je n'ai pas faite dans la capture d'écran) est de désélectionner Afficher Bounding Box..
Une fois que vous avez terminé, vous devriez pouvoir imprimer au format PDF, faire la même chose pour le verso et l’envoyer à votre imprimante. Notez que pour imprimer au format PDF, une copie d’Acrobat doit être installée (pas seulement le logiciel gratuit Acrobat Reader, mais également la version complète). Si vous avez cela, alors vous avez tous fini maintenant!
Si vous n'avez pas Acrobat, ne craignez rien… tout n'est pas perdu!
Si vous ne possédez pas Acrobat, oubliez la méthode d'impression avec aperçu pour revenir à votre document, créez un nouveau calque en haut, puis utilisez l'outil de sélection de colonne unique pour effectuer des sélections autour de vos repères, comme indiqué..
Nous allons maintenant dessiner nos propres repères de coupe. Pour ce faire, nous devons nous assurer d'utiliser ce que l'on appelle Registration Black. Le noir d'enregistrement correspond à 100% de toutes les couleurs CMJN (comme indiqué). Il y a un peu plus que cela, et vous pouvez en lire plus sur Wikipedia si vous êtes intéressé.
Quoi qu'il en soit, sélectionnez la bonne couleur, puis remplissez les sélections de l'étape précédente. Puis, à l’aide de l’outil Rectangle de sélection, coupez les lignes de manière à ce qu’il ne reste que de petites lignes simples dans chacun des quatre coins restants - c’est-à-dire quatre paires de repères de rognage. Ensuite, allez dans Enregistrer sous et enregistrez votre fichier au format PDF à l'aide de Photoshop. Cela devrait convenir à une imprimante, bien que je n’aie jamais vraiment essayé d’envoyer un fichier avec des repères de coupe semblables à une imprimante, il est donc probablement préférable de leur demander si tout va bien avant d’imprimer des zillions de cartes :-)
Quoi qu'il en soit, voici mes petites cartes de visite simples. Ils ont l'air plutôt chouette et devraient être prêts à imprimer. Dans les exemples de fichiers, vous trouverez à la fois le recto et le verso ainsi que le fichier PSD avec lequel j'ai rendu cette petite image ci-dessous, qui est ma tentative rapide de simuler les cartes imprimées..
N'oubliez pas que chez FreelanceSwitch, il y a un concours pour créer des cartes de visite utilisant des vecteurs d'un pack d'échantillons Arsenal spécial. Donc si tu veux Gagnez 370 $ en équipement de vecteur, tête sur et mettre dans votre entrée. Vous n'avez pas besoin de faire tous les éléments prêts pour l'impression, il est donc facile et facile d'entrer.
Vous cherchez plus? Pourquoi ne pas regarder dans la conception de cartes de visite professionnelles avec Tuts + Cours.
Si vous souhaitez obtenir de l'aide pour la conception de vos cartes de visite, Envato Studio propose une vaste collection de services de conception de cartes de visite que vous pourrez explorer. Vous pouvez également consulter des modèles de cartes de visite sur Envato Market..
Accentsconagua