Si vous cherchez à pimenter votre logo, l’ajout d’un contour dans Photoshop est un excellent moyen de le faire! La grande chose à propos des graphiques, c’est que vous pouvez transformer votre logo en simple contour ou ajouter une bordure à votre logo existant. Avec autant de styles parmi lesquels choisir, vous pouvez facilement trouver le look de contour parfait pour votre logo. Maintenant, bien que nous couvrirons des moyens plus techniques de décrire un logo, voici la façon la plus simple de faire les choses si vous voulez une méthode rapide et facile.
Pour définir un logo dans Photoshop, assurez-vous d’abord que le logo a un arrière-plan transparent, puis double-cliquez sur le calque du logo pour ouvrir les styles de calque. Dans les Styles de calque, définissez le style sur Trait, définissez le remplissage du trait sur « Couleur unie » et ajustez la largeur si nécessaire. Maintenant, vous avez défini votre logo!
Tout au long de ce tutoriel, vous apprendrez tout ce qu’il y a à savoir sur la présentation d’un logo dans Photoshop. Qu’il s’agisse de couleurs unies, de logos à contour unique, de contours dégradés, etc., votre logo sera plus élégant que jamais grâce à ces conseils.
Comment Dessiner un logo Dans Photoshop
Commençons d’abord par le type de contour de logo le plus basique dans Photoshop.
Étape 1: Créez Une Sélection De Votre Logo
Si votre logo est sur le même calque qu’une image ou a un fond blanc, vous devrez le supprimer pour que cela fonctionne. Il existe de nombreuses façons de créer une sélection de votre logo, mais celle que je recommande est l’outil Baguette magique.
Pour sélectionner l’outil Baguette magique, appuyez sur W sur votre clavier ou localisez-le dans votre barre d’outils.
Une fois actif, accédez à la barre des paramètres supérieure et définissez la taille de l’échantillon sur 5 par 5 en moyenne, la tolérance à 25 et cochez anti-alias. Si vous souhaitez connaître le but de chacun de ces paramètres, consultez ce tutoriel vidéo.
Avec les paramètres de votre baguette magique dans l’ordre, assurez-vous que votre calque de logo est sélectionné, puis cliquez sur votre logo dans le canevas pour le sélectionner. L’outil Baguette magique sélectionnera toutes les couleurs similaires à votre échantillon, qui dans ce cas est votre logo.
Si votre logo a plusieurs couleurs, maintenez la touche Maj enfoncée et cliquez sur les couleurs supplémentaires que vous souhaitez ajouter à votre sélection.
Maintenant, il vous reste une sélection autour de l’ensemble de votre logo.
Etape 2 : Ajouter La Sélection À Un Masque de Calque
Avec cette sélection active, vous pouvez supprimer l’arrière-plan de votre logo en ajoutant un masque de calque. Cliquez simplement sur l’icône du masque de calque en bas du panneau calques pendant que votre calque de logo est sélectionné.
Maintenant, votre logo aura un fond transparent.
Étape 3: Ouvrez Styles de calque
Ensuite, double-cliquez sur le calque de votre logo pour ouvrir les Styles de calque. Ce panneau abrite toutes les options de conception de calques, telles que la création d’un contour (alias trait).
Étape 4: Définissez le Style Sur « Trait »
Pour ajouter un contour à votre logo, cliquez sur « Trait » dans les options de styles sur le côté gauche de la boîte de dialogue.
Étape 5: Définissez Le Remplissage du trait Sur Couleur Unie
Définissez le remplissage sur « Couleur unie » dans les paramètres du trait pour que votre contour soit rempli de couleur. Vous pouvez également remplir vos contours avec des dégradés ou des motifs, mais j’y reviendrai plus tard.
Avec l’option de couleur unie choisie, vous pouvez cliquer sur la boîte de couleur pour sélectionner une couleur pour votre contour.
Étape 6: Réglez La Position de Course Sur « Centre »
Maintenant, changez la position de votre course en Centre. Cela ajoutera un contour également sur les bords de votre logo plutôt que seulement sur le bord intérieur ou extérieur. Bien que le paramètre « Extérieur » fonctionne mieux pour les personnes de contour, l’option centre offre de meilleurs résultats pour les logos.
Étape 7: Ajustez vos paramètres de Contour supplémentaires Au besoin
Avec tous vos paramètres principaux dans l’ordre, parcourez et ajustez la taille de votre contour et le mode de fusion au besoin. Pour la plupart des situations, vous voudrez laisser le mode de fusion réglé sur Normal. En ce qui concerne la largeur du contour, augmentez simplement la valeur de la taille pour un contour plus épais de votre logo.
Une fois satisfait, cliquez sur OK pour quitter les styles de calque.
Le résultat
Vous avez maintenant ajouté un contour de couleur unie à votre logo à l’aide de styles de calque dans Photoshop. La beauté des styles de calques est que vous pouvez maintenant revenir en arrière et les modifier plus tard si nécessaire. En regardant votre calque de logo, double-cliquez simplement sur votre FX de calque pour ouvrir à nouveau les styles de calque et modifier vos paramètres de contour. De cette façon, vous pouvez facilement ajuster la couleur ou la taille de votre contour plus tard dans votre flux de travail!
Comment Transformer Un Logo En Contour Dans Photoshop
Pour cet exemple suivant, vous apprendrez à dire supprimer la couleur de votre logo et ne laisser qu’un contour coloré derrière.
Étape 1: Sélectionnez Votre Logo Avec l’Outil Baguette Magique
Après des étapes similaires à la dernière section, sélectionnez à nouveau l’Outil Baguette Magique en appuyant sur W ou recherchez-le dans votre barre d’outils.
Lorsque l’outil est actif, accédez à votre barre de paramètres supérieure et définissez la Taille de l’échantillon sur 5 par 5 en moyenne, la tolérance à 25, puis cochez anti-alias.
Cliquez ensuite sur votre logo pour échantillonner sa couleur et créer une nouvelle sélection. S’il y a plusieurs couleurs dans votre logo, maintenez la touche Maj enfoncée et cliquez sur les couleurs que vous souhaitez ajouter à votre sélection.
Si l’outil Baguette magique sélectionne des parties de votre image que vous ne souhaitez pas sélectionner, maintenez la touche Alt ou Option enfoncée et cliquez sur la sélection pour supprimer ces couleurs.
Maintenant, vous avez une sélection active autour de votre logo que vous pouvez utiliser pour créer votre contour.
Étape 2: Créer un nouveau calque Au-dessus de votre logo
Vous devez créer votre trait sur un calque distinct de votre logo pour que cet effet fonctionne. Pour créer un nouveau calque, cliquez sur l’icône nouveau calque en bas du panneau Calques. Assurez-vous qu’il se trouve au-dessus de votre calque de logo dans la pile de calques.
Étape 3: Allez dans Edit > Stroke
Avec votre sélection active et votre nouveau calque sélectionné, allez dans Edit > Stroke pour caresser votre sélection.
Étape 4: Définissez La Largeur Du Contour Et La Couleur
Dans la boîte de dialogue qui apparaît, vous pouvez ajuster l’apparence de votre trait. Tout d’abord, choisissez une largeur pour votre course. Plus ce nombre est élevé, plus votre logo sera épais.
Ensuite, cliquez sur l’option Couleur et choisissez une couleur pour le contour de votre logo.
Réglez ensuite la position sur « Centre » afin que votre contour s’étende également sur le bord extérieur et intérieur de votre sélection.
Une fois que vous êtes satisfait, cliquez sur OK pour appliquer le trait à votre sélection.
Étape 5: Appuyez sur Commande / Contrôle + D Pour Désélectionner Le Logo
Maintenant, un contour a été créé autour de votre logo, mais la sélection est toujours active. Appuyez sur Commande +D (Mac) ou Contrôle +D (PC) sur votre clavier pour le désélectionner.
Étape 6: Masquez votre calque de logo
Pour finaliser l’effet, cliquez sur l’icône du globe oculaire à côté de votre calque de logo pour le rendre invisible. Maintenant, il ne reste plus que le calque avec votre contour dessus, créant un logo uniquement pour les contours.
Le Résultat
Avec ces étapes simples, vous pouvez supprimer la couleur unie de votre logo et le remplacer par un contour. C’est un moyen facile de créer un look différent pour votre logo et de pimenter votre image de marque!
Comment Tracer un contour Loin des Bords d’un logo
Dans les deux derniers exemples, vous avez appris à créer un contour autour des bords exacts de votre logo, mais que faire si vous vouliez éloigner le contour ? Avec une légère variation de ce que vous avez appris jusqu’à présent, vous pouvez facilement le faire.
Encore une fois, vous devez commencer par sélectionner votre logo. Si le logo est déjà découpé, appuyez simplement sur Commande ou Contrôle et cliquez sur la vignette du calque du logo. Cela transformera votre logo en une sélection active basée sur les pixels visibles du calque.
Si votre logo n’a pas encore été découpé, vous pouvez apprendre à le faire rapidement ici.
Avec votre sélection active, allez dans Sélectionner > Modifier > Développer.
Dans la boîte de dialogue qui apparaît, définissez un certain nombre de pixels pour spécifier à quelle distance vous souhaitez que votre contour se trouve du logo. Dans cet exemple, je vais définir 50 pixels pour un espacement modéré.
Maintenant, la sélection active va augmenter vers l’extérieur du montant que vous avez spécifié dans la boîte de dialogue précédente. Créez maintenant un nouveau calque et placez-le au-dessus de votre calque de logo afin de pouvoir le modifier de manière non destructive.
Une fois le nouveau calque sélectionné, ajoutez un trait à la sélection en allant dans Modifier > Trait. Dans la boîte de dialogue qui apparaît, définissez la largeur, la couleur et la position de votre contour. Puisque je veux que mon trait apparaisse aussi loin que possible du logo, je mettrai la position sur « Extérieur. »Maintenant, le trait n’apparaîtra que sur le bord extérieur de la sélection active.
Une fois que vous êtes satisfait des paramètres, cliquez sur OK pour ajouter le trait à votre sélection. Appuyez ensuite sur Commande +D (Mac) ou Contrôle +D (PC) pour désélectionner la sélection active.
Puisque vous avez élargi la sélection loin de votre logo, le trait est créé loin du bord pour un look plus unique.
Vous pouvez même essayer d’utiliser le contour pour un aspect auréolé en sélectionnant le calque de contour et en le repositionnant avec l’outil Déplacer (V).
Comment Ajouter Un Contour Dégradé À Un Logo Dans Photoshop
Pour créer un contour de logo dégradé, assurez-vous que votre logo a un arrière-plan transparent, puis double-cliquez sur le calque du logo pour ouvrir les Styles de calque. Ensuite, sélectionnez le style de trait et définissez le remplissage sur Dégradé. Vous pouvez personnaliser davantage le contour du dégradé en choisissant un préréglage dans l’Éditeur de dégradé.
Décomposons cela plus en profondeur.
En utilisant les méthodes que vous avez apprises plus tôt dans cet article, assurez-vous que votre logo a un arrière-plan transparent. Je recommande toujours d’utiliser l’outil Baguette magique pour ce type de sélection.
Une fois que le logo a un fond transparent, double-cliquez sur votre calque de logo pour ouvrir les styles de calque. Comme précédemment, sélectionnez le style de trait, mais définissez maintenant le remplissage sur Dégradé.
Pour personnaliser votre contour de dégradé, cliquez sur l’éditeur de dégradé et choisissez parmi l’un des dégradés prédéfinis disponibles.
Si vous préférez créer vos propres couleurs personnalisées, double-cliquez sur les échantillons de couleurs sous l’aperçu du dégradé pour les modifier. Pour en savoir plus sur la personnalisation des dégradés, consultez ce tutoriel.
Avec l’apparence de votre dégradé dans l’ordre, vous pouvez ajuster des paramètres supplémentaires tels que l’angle, le style et l’échelle du dégradé. Pour la plupart des contours de logo, le style Dégradé linéaire fonctionne mieux, mais n’hésitez pas à expérimenter. L’option angle changera la direction dans laquelle va votre dégradé. Enfin, l’échelle zoomera sur votre dégradé et modifiera l’apparence de la transition de couleur.
Une fois que vous êtes satisfait des paramètres de contour supplémentaires, cliquez sur OK pour quitter les styles de calque. Maintenant, il vous reste un superbe contour dégradé autour de votre logo!
Comment Ajouter un Contour à Motifs à Un Logo Dans Photoshop
Pour ajouter un contour à motifs à un logo dans Photoshop, il vous suffit de choisir l’option de remplissage de motif dans les Styles de calque. Comme avant, assurez-vous que votre logo a un fond transparent, puis double-cliquez dessus pour accéder aux styles de calques.
En cliquant sur le Style de trait, changez le type de remplissage en « Motif. »
En cliquant sur l’Aperçu du motif, vous pouvez choisir entre une variété de motifs par défaut dans Photoshop. Si vous voulez pimenter les choses, vous pouvez obtenir de nouveaux modèles gratuitement de Brusheezy.
À partir de là, vous pouvez personnaliser l’échelle et l’angle de votre motif selon les besoins en fonction de votre style.
Passez ensuite en revue et ajustez le reste de vos paramètres de trait pour affiner le contour à motifs du logo. Une fois terminé, cliquez sur OK.
Maintenant, vous avez un motif cool autour de votre logo plutôt qu’un contour uni de couleur jane!
Comment Remplir Un Contour de Logo Avec Une Image
L’effet final de contour de logo dans Photoshop remplit le contour avec une image. À l’aide d’un masque d’écrêtage, cela peut être fait très rapidement sans jamais utiliser les Styles de calques!
Après avoir supprimé l’arrière-plan du logo, appuyez sur Commande ou Contrôle et cliquez sur la vignette du calque du logo pour créer une sélection.
Créez maintenant un nouveau calque et placez-le au-dessus du calque du logo afin de pouvoir modifier le contour indépendamment du logo.
Lorsque votre nouveau calque est sélectionné et que la sélection est active, accédez à Modifier le trait > pour définir votre sélection. Dans la boîte de dialogue qui apparaît, choisissez la largeur souhaitée pour le contour. La couleur n’a pas d’importance car elle sera couverte par une image à l’étape suivante. Enfin, cliquez sur OK pour appliquer le trait à votre sélection.
Appuyez ensuite sur Commande ou Contrôle +D pour désélectionner la sélection active.
Ouvrez maintenant le calque d’image avec lequel vous souhaitez remplir votre contour et placez-le au-dessus du calque de contour. Une fois l’image placée, faites un clic droit dessus et sélectionnez Créer un masque d’écrêtage. Cela rendra votre calque d’image visible uniquement dans les paramètres du calque sur lequel il est coupé, qui est le contour.
Vous pouvez ensuite personnaliser la position et la taille de votre image dans le contour en accédant à l’outil Déplacer (V), en cliquant sur votre calque d’image, puis en cliquant et en faisant glisser sur la boîte de transformation pour l’ajuster.
Et maintenant, vous avez un contour autour de votre logo rempli d’une image!
Comme vous pouvez le voir, il existe une variété d’excellentes façons de définir un logo dans Photoshop. Que vous souhaitiez un simple contour coloré, un contour dégradé, un contour d’image, etc., vous avez maintenant toutes les compétences pour le faire! Maintenant, pour vous aider à personnaliser davantage l’apparence de votre logo, consultez ce prochain tutoriel expliquant comment changer la couleur de n’importe quel logo dans Photoshop!
Présentation heureuse,
Brendan 🙂