Forest et Ance travaillent tous les deux avec une variété de logiciels et aiment partager des techniques de programme et des idées avec les autres.
Stanley Dai sur Unsplash
Comment rendre un fond blanc transparent
J’ai récemment été confronté au simple problème de supprimer un fond blanc d’une image .jpeg pour certains travaux de développement Web que je faisais. Bien que je sache comment faire cela dans Photoshop, je voulais trouver un moyen de le faire dans Adobe Illustrator afin de pouvoir limiter mon flux de travail à un seul programme.
Il existe de nombreuses méthodes pour supprimer les arrière-plans des images, et cette méthode n’est que celle que vous pouvez appliquer dans Illustrator. Cette méthode est efficace pour les images .jpeg simples, mais moins pour les photographies. Si vous souhaitez supprimer un arrière-plan d’une photo, vous pouvez regarder cette vidéo.
Forêt et Ance Kvasnikoff
Une note sur cette méthode
Cette technique implique l’utilisation de l’outil de traçage automatique avec butée, qui crée un contour d’illustration. Par conséquent, ce processus fonctionne mieux avec des images simples qui ont un fond blanc.
1. Ouvrez votre fichier .jpeg dans Adobe Illustrator
- Ouvrez Illustrator.
- Sélectionner embouteillage alors Ouvert et localisez votre fichier .jpeg.
2. Activez la grille de transparence
Pour voir plus facilement si vous rendez réellement l’arrière-plan de votre fichier .jpeg transparent, procédez comme suit :
- Sélectionner Voir alors Afficher la grille de transparence.
Forêt et Ance Kvasnikoff
3. Préparez-vous à tracer votre image
Vous devrez maintenant ouvrir une fenêtre de trace pour faire votre travail.
- Sélectionner la fenêtre alors Trace d’image.
Forêt et Ance Kvasnikoff
4. Définissez vos paramètres de traçage
Pour créer une trace qui supprimera le fond blanc de votre .jpeg, choisissez les paramètres suivants dans votre fenêtre de trace :
- Préréglage : Quitter Défaut (cela peut changer lorsque vous apportez des modifications à d’autres paramètres).
- Afficher : Sélectionner Résultat du traçage.
- Mode : sélectionner Couleur.
- Palette : Sélectionner Ton plein.
- Avancé : développez pour afficher les paramètres avancés et laissez toutes les options sur leurs paramètres par défaut, sauf Méthode. Changer de méthode pour Attenant (icône de gauche).
- Options : Vérifier Aligner les courbes sur les lignes et Ignorer le blanc.
- Sélectionner Itinéraire.
Faites défiler pour continuer
Remarque : vous pouvez vérifier Aperçu avant de tracer pour voir comment la modification de chaque paramètre affectera votre image.
Forêt et Ance Kvasnikoff
5. Vérifiez votre image et enregistrez
Vous devriez maintenant avoir une image avec un fond transparent. Pour enregistrer votre image sans arrière-plan, effectuez l’une des opérations suivantes :
- Exportez le fichier au format .png en sélectionnant embouteillage alors Enregistrer sous. Choisir la .png suffixe dans la fenêtre de sauvegarde.
- Sélectionner embouteillage alors Enregistrer pour le Web pour enregistrer le fichier dans .png format.
Remarque : les autres formats de fichiers prenant en charge les arrière-plans transparents incluent .gif, .bmpet .tiff.
Forêt et Ance Kvasnikoff
Dites adieu à l’arrière-plan !
Toutes les images .jpeg non rectangulaires ont une couleur d’arrière-plan, généralement blanche. Lorsque vous utilisez ces images sur des documents, des pages Web ou des présentations qui n’ont pas d’arrière-plan blanc, elles peuvent être gênantes, gênantes et carrément non professionnelles. J’espère que ce guide vous a aidé à modifier vos images .jpeg afin qu’elles puissent améliorer, plutôt que nuire, à la qualité de vos médias.
© 2015 Forêt et Ance Kvasnikoff
Vous avez d’autres méthodes ou des questions ?
Rose le 13 février 2020 :
Vous avez travaillé sur quelques images mais pas sur d’autres ?
Julia le 29 novembre 2019 :
Salut! Cela a fonctionné la première fois, mais maintenant ils économisent tellement pixélisé ! Toute aide est la bienvenue.
Dany le 04 octobre 2019 :
Qui d’autre est de la classe de La rue ?
McKenna le 25 juin 2019 :
TELLEMENT utile !!!
Amir Ghafari le 08 octobre 2018 :
te tanker tellement
jojo le 30 août 2018 :
Merci beaucoup !!! 🙂
Érica le 12 avril 2018 :
J’ai encore des problèmes parce que mon logo contient du blanc, donc la trace détecte le blanc et lorsque la trace est terminée, il y a une ligne qui descend tout droit au milieu de l’endroit où se trouve le blanc dans le logo. Des suggestions sur la façon d’ajuster les paramètres de trace afin qu’il ne détecte pas le blanc dans le logo ?
Erin Riley le 26 mars 2018 :
Vous êtes un dur à cuire ! Merci beaucoup!!!
ricben le 18 mars 2018 :
Je dois également exprimer mes remerciements. J’ai cherché des options et essayé ce que d’autres ont suggéré avec un certain succès, mais RIEN ne s’est approché de la façon dont cela a fonctionné.
J’ai passé des heures et vous venez de me faire gagner d’innombrables heures à l’avenir. Merci beaucoup!
MOBEEN le 10 février 2018 :
MERCI BEAUCOUP.! Cela m’a aidé dans mon entreprise
L’élu le 09 janvier 2018 :
OMGGG cela aide beaucoup !!! Taaaanks.~~
Elsa le 20 décembre 2017 :
MERCI BEAUCOUP!!!!!!!!!!!!!!!!!!!!
guerre le 15 octobre 2017 :
çaaaaaaaaaaaa beaucoup
mignon le 18 septembre 2017 :
merci beaucoup
Ashley le 02 août 2017 :
super merci beaucoup !!
bri le 17 juillet 2017 :
Ne fonctionne pas. Cela gâche mon image elle-même et ne prend aucune décision claire sur quoi que ce soit.
David le 17 juin 2017 :
Merci Bro, je commençais à être vraiment p-o’d et sur le point de frapper mon écran d’ordinateur avant de tomber sur ça !
Jim le 06 juin 2017 :
Merci!
JASKJosh le 12 mai 2017 :
Parfait merci!
Grâce terrible le 11 mai 2017 :
Excellent!! Ça marche. Merci!!
Tiffany le 20 mars 2017 :
Tutoriel le plus simple – merci !
Nicolas le 07 mars 2017 :
Merci, mais mon avis, j’ai le moyen le plus simple.
1. Sélectionnez l’image
2. Cliquez sur « Opacité »
3. Changez le « Normal » en « Sombre » ou « Multiplier »
4. Tada
5. Vous êtes les bienvenus
JEFFREY le 21 février 2017 :
Je ne trouve pas la fonction de suivi d’image dans mon menu ?
Le gars qui faisait tout de travers !! le 12 janvier 2017 :
DUDE… HOLY BAWLS, tu viens de me faire gagner un temps indescriptible… J’ai utilisé l’outil de point d’ancrage tout ce temps… Je veux te serrer dans mes bras.
Marquer le 28 octobre 2016 :
forêt! Merci pour l’aide. Vous ne venez jamais nous rendre visite à Seldovia !
Chat le 28 octobre 2016 :
Cela m’a BEAUCOUP aidé ! Merci tonnes!
Martin le 24 octobre 2016 :
J’essaie mais avec un fond noir et j’ai du mal, des conseils ?
Jawhar Peterson le 18 octobre 2016 :
Génial, j’ai gagné du temps pour essayer de comprendre! super tuto !
mer profonde le 16 octobre 2016 :
une grande aide sanglante – A TRAVAILLÉ pour moi
Merci
David le 13 octobre 2016 :
En tant qu’utilisateur peu fréquent d’Illustrator, cela a été d’une grande aide pour faire sortir le texte d’un calque psd et dans un svg. Bien que cela semble assez simple et direct, j’avais passé beaucoup trop de temps sur cet effort avant de tomber sur ce post.
Merci beaucoup!
Linda le 05 octobre 2016 :
merveilleux tuto, il m’a rendu la vie beaucoup plus facile….
Merci
Tracé de détourage Inde du Royaume-Uni le 27 septembre 2016 :
C’est juste pour des images spécifiques… comme la vôtre. Merci pour le tutoriel !
maman le 15 septembre 2016 :
c’était génial mais quand j’essaie de copier et coller l’image ailleurs, elle ne s’affiche pas
lara le 09 septembre 2016 :
Merci – vraiment magnifique !
Laura le 19 août 2016 :
Super merci!
Jacqueline le 02 août 2016 :
Merci beaucoup!
… le 20 mars 2016 :
Merci ! extrêmement utile
Somme le 05 octobre 2015 :
Votre tutoriel était le meilleur absolu par rapport à n’importe qui d’autre en ligne ! bon travail.