Comment créer un dessin transparent. Comment créer des PNG avec transparence dans Adobe Photoshop (version CC et supérieure) ? Comment faire un fond transparent pour une image

Parfois, vous devez télécharger une image contenant des éléments transparents, à travers lesquels l'arrière-plan d'origine apparaîtra. Dans ces cas, il serait pratique de charger des images PNG car elles sont capables de préserver la transparence.

Dans cet article, nous dirons comment faire de la transparence dans photoshop.

Création de fichier

La première étape consiste à créer un fichier. Pour ce faire, ouvrez Adobe Photoshop et dans le menu Fichier ( déposer) en haut de la page, sélectionnez "Créer" ( Nouveau).

Puis dans la fenêtre qui s'affiche nouveau document » ( Nouveau document) créez un fichier de la bonne taille et assurez-vous que la résolution du document est de 72 pixels par pouce ( parce que le fichier est destiné à être utilisé sur le Web). Et aussi que vous avez choisi la valeur "Transparent" ( Transparent) dans la liste déroulante Contenu d'arrière-plan ( contenu de fond).

*Avant de créer un PNG avec transparence dans Photoshop, nous devons préciser que dans cet exemple, nous créons une image à télécharger comme arrière-plan pour le site, donc la taille du document est définie comme suit : largeur 3000px, hauteur 1730px, qui sont les tailles recommandées pour les téléchargements d'images HD :

Après avoir défini les paramètres, cliquez sur OK pour ouvrir un nouveau document.

Puis dans le panneau Calques ( Couches) assurez-vous que vous travaillez sur le calque transparent et non sur l'arrière-plan :

Une fois que vous avez terminé la création et que vous êtes prêt à enregistrer l'image transparente, selon la version de Photoshop que vous utilisez, dans le menu Fichier ( déposer) vous pouvez utiliser l'une des options possibles :

Versions Photoshop antérieures à CC 2015 :

Maintenant, nous allons dire comment rendre une image transparente dans photoshop, sorti avant CC 2015 . Ces versions utilisent la méthode Enregistrer pour le Web ( Économisez pour le Web et les appareils) pour enregistrer et optimiser les images PNG à utiliser sur le Web. Pour utiliser cette méthode, allez simplement dans le menu Fichier ( déposer), puis - "Enregistrer pour le Web" ( Économisez pour le Web et les appareils):

Ensuite, dans la fenêtre qui apparaît, sélectionnez PNG-24 dans le menu déroulant des valeurs possibles, puis assurez-vous que les options "Transparence" sont sélectionnées ( Transparence) Et " Convertir en sRGB» ( Convertir en sRGB). Cela confirme que l'image contiendra arrière-plan transparent et son mode couleur sera converti en sRGB , l'espace colorimétrique recommandé pour le Web.

Des champs " Taille de l'image» ( Taille de l'image) sont automatiquement remplis avec les valeurs que vous avez spécifiées lors de la création du fichier. Mais si vous souhaitez redimensionner le fichier avant de l'enregistrer, vous pouvez le faire maintenant.

Photoshop version CC 2015 :

Avant, comment rendre les photos transparentes dans photoshop, il faut savoir que depuis la version CC 2015 l'option "Enregistrer pour le Web" ( Économisez pour le Web et les appareils) dans le menu Fichier ( déposer) est marqué Héritage. Et remplacé par une nouvelle option "Exporter" ( Exporter), qui offre des fonctionnalités identiques avec une sauvegarde plus rapide dans un fichier plus petit et dans meilleure qualité. Pour utiliser l'option Exporter, cliquez sur le menu Fichier ( déposer), et puis - " Exporter sous» ( exporter en tant que).

Remarque : Adobe propose toujours une option Enregistrer pour le Web ( Économisez pour le Web et les appareils) dans Photoshop CC 2015, et il est disponible via Fichier > Exporter ( Fichier > Exporter) ou lors de l'utilisation du raccourci clavier Commande+Option+Maj+S (pour Mac) ou Ctrl+Alt+Maj+S (pour PC) :

Ensuite, dans la fenêtre qui apparaît, sélectionnez PNG dans le menu déroulant Format ( Format) et assurez-vous que les options "Transparence" sont sélectionnées ( Transparence) Et " Convertir en sRGB» ( Convertir en sRGB).

Bonjour chers visiteurs. Dans ce tutoriel, je vais vous montrer comment utiliser Photoshop pour supprimer l'arrière-plan et rendre la photo transparente. Vous n'aurez besoin d'aucune connaissance particulière de ce Photo-Monstre, car tout est très simple ici. L'essentiel est que Photoshop soit installé et que vous répétiez toutes les étapes après moi.

Alors, comment créer un arrière-plan transparent dans Photoshop ?

Nous lançons Photoshop et ouvrons la photo expérimentale. Cliquez sur le menu Fichier - Ouvrir et indiquez l'emplacement de l'image.

Ok, la photo est ouverte et commençons à recadrer l'arrière-plan. Tout d'abord, nous devons déverrouiller la couche. Faites attention au coin inférieur droit du programme. Là, vous verrez la couche principale de notre photo et petit cadenas.

Il faut que ce verrou disparaisse, c'est-à-dire que le calque soit déverrouillé. Pour cela, directement sur le château un clic avec le bouton gauche de la souris. Et le château n'est plus !

Maintenant, nous devons supprimer l'arrière-plan. Pour ce faire, nous prenons une sorte d'outil de sélection, par exemple, baguette magique.

Nous appuyons l'outil sur le fond de la photo, mettant ainsi en évidence l'objet dont nous n'avons pas besoin.

Une ligne pointillée est apparue (fourmis en cours d'exécution). Il reste à appuyer sur la touche SUPPR du clavier et l'arrière-plan sera supprimé. Voyez comment cela s'est passé:

Super! Désélectionnez maintenant en appuyant sur CTR + D sur votre clavier.

Eh bien, en général, comment faire un fond transparent dans photoshop nous l'avons compris et maintenant il reste à enregistrer cette photo correctement.

Pour cela, cliquez sur le menu Fichier - Enregistrer pour le Web. Ou utilisez simplement ALT+MAJ+CTRL+S.

Vous verrez une fenêtre dans laquelle nous devons absolument sélectionner le format PNG-24 et seulement après cela, cliquez sur le bouton Enregistrer.

Et maintenant regardez ce qui était et ce qui est devenu :

Enfin, il faut dire que dans certains cas, lorsque vous décidez de créer un fond transparent dans Photoshop sur une image, vous devrez peut-être utiliser d'autres outils de sélection, par exemple, Stylo ou Lasso Magnétique. j'ai utilisé l'outil baguette magique, car il était facile de séparer une personne de l'arrière-plan de ma photo. Si vous supprimez l'arrière-plan d'images complexes, vous devrez transpirer un peu.

C'est tout pour aujourd'hui, bonne chance !

Jetez un oeil à la figure dans le format jpg, le célèbre personnage de dessin animé Mammouth qui a perdu sa mère .. J'ai envie de pleurer .. non, non pas parce que le mammouth ne retrouve pas sa mère (bien qu'à cause de cela aussi), mais parce que le fond bleu lui fait terriblement mal aux yeux ! Je veux juste supprimer ce bleu et remplir le fond de l'image avec une couleur telle qu'elle se confond avec le fond de la page..

Je ne pense pas que ce soit un problème pour toi ! pensez simplement à l'ouvrir avec le même Photoshop et à remplir le fond avec la couleur souhaitée ! mais que se passe-t-il si l'arrière-plan principal de la page est une sorte de texture complexe ?

Un exemple où une image est superposée sur une texture :

Ouvrez Photoshop et dessinez une image avec un mammouth au lieu du fond bleu d'une cellule ? Et essayez ensuite de les adapter à l'arrière-plan principal de la page ? Ce n'est pas une option!!!

Donc, je signale que formats graphiques GIF Et png- prend en charge le mode transparence, permettant ainsi de rendre certaines zones de l'image invisibles à l'œil humain - ce qui est exactement ce dont nous avons besoin !

Maintenant dans l'ordre :

1. Ouvrez l'image dont vous souhaitez rendre l'arrière-plan transparent avec Adobe Photoshop.

2. Ouvrir un signet "Image" >> "Mode" >> "Couleurs indexées".

3. Dans la boîte de dialogue qui apparaît "Couleurs indexées" mettre une tique "Transparence" et appuyez sur "D'ACCORD"

4. Utilisation de l'outil de sélection "Baguette magique" Et "Gomme" nous effaçons l'arrière-plan de l'image, rendant en fait les parties dont nous avons besoin transparentes.

5. Eh bien, enregistrez notre image au format GIF.. signet "Fichier" >> "Enregistrer pour le Web…" dans la fenêtre qui apparaît, indiquez (acceptez) que l'image sera enregistrée au format GIF Cliquez sur "Sauvegarder".. sélectionnez un dossier, écrivez un nom - tout cela, c'est vous, j'espère que vous savez comment ..

Toutes les images avec fond transparent créées !!

Maintenant, il peut être inséré à nouveau dans notre page, sans oublier de changer l'extension jpg sur GIF .

GIF" alt="Mammouth"> !}

Très souvent, lors de la création de cartes de vœux ou de vidéos, je suis tombé sur la question : comment puis-je faire cela ? sans connaissance Photoshop?

Ceux qui connaissent Photoshop le feront sans difficulté. Mais tout le monde n'a pas encore appris ce programme intelligent. Comment peuvent-ils l'être ? N'y a-t-il vraiment aucune issue ?

Après tout, il y a toujours un désir de rendre nos présentations, félicitations, pages les plus attrayantes et professionnelles. Je vous ai déjà dit comment utiliser le programme à cette fin. Il vous aidera à faire vos photos et vous pourrez même faire votre premier avec.

Et maintenant, je vais vous dire un autre secret : aujourd'hui, vous apprendrez à rendre l'arrière-plan de l'image transparent. Et vous le ferez absolument gratuitement et ne passerez que 2 minutes de votre temps.

Nous allons passer aux choses sérieuses.

Trouvez l'image que vous aimez. Pour commencer, il devrait s'agir d'une image sur un arrière-plan sans calque - par exemple, sur un fond blanc. Passons à la page de service. Vous n'avez pas besoin de passer par une procédure d'inscription fastidieuse. Cliquez simplement sur le lien du service en ligne.

La fenêtre suivante s'ouvrira devant vous :

Presse " Télécharger l'image depuis l'ordinateur". Sélectionnez l'image que vous avez préparée. Vous pouvez la placer dans un dossier séparé dans les images. Ou sur le bureau, afin de ne pas chercher longtemps. Cliquez une fois sur cette image et cliquez sur " ouvrir".

L'image apparaît sur la page du serveur :

Sur la droite, il y a 3 fenêtres et une serrure est dessinée au milieu d'elles. Cliquez dessus 2 fois avec le bouton gauche de la souris. Cela ouvrira la porte à la magie.

Sur le côté gauche, vous voyez le panneau " Outils", dont l'un est que " Baguette magique" que nous allons maintenant utiliser. Cliquez dessus une fois, puis cliquez sur n'importe quel espace vide à l'arrière-plan de l'image que vous avez choisie. Une ligne pointillée apparaît autour de l'image.

Dernière étape sur le chemin de la transformation : appuyez sur le bouton " Suppr" (supprimer) sur votre ordinateur. L'arrière-plan devient une boîte. Si tout l'espace autour n'est pas recouvert par une boîte, touchez à nouveau cet endroit avec une baguette magique et appuyez sur le bouton "Suppr"

Une fenêtre apparaît dans laquelle il vous est demandé : "Voulez-vous enregistrer l'image avant de fermer ?" Presse " Oui".

Aujourd'hui, j'ai décidé de m'éloigner un peu du sujet du codage et de parler un peu du design. Bien que le design joue un rôle important dans la création d'un site, je n'ai pas été ami avec le dessin, le graphisme et le design depuis l'enfance. Par conséquent, je recherche des images pour mes publications, comme de nombreux blogueurs, quelque part sur Internet, en utilisant des banques de photos gratuites et des stocks de photos.

Et donc, parfois, une image très appropriée pour votre message tombe et tout irait bien ... Mais l'arrière-plan de l'image ne correspond pas à l'arrière-plan d'un blog ou d'un bloc avec du texte. Évidemment, aucun de moi n'a un tel problème et aucun de mes arrière-plans n'est blanc, ce qui conviendrait dans la plupart des cas. J'ai besoin arrière-plan transparent!

Je n'ai pas trouvé de bonnes idées sur internet. comment faire un fond transparent Pour image finie, alors j'ai commencé à expérimenter moi-même et j'ai trouvé une solution plus ou moins adaptée !

Comment faire un fond transparent pour une image

Prenons un exemple une simple image au format .jpg (en général, le format n'est pas particulièrement important) :

Il y a un fond blanc ici dont je veux me débarrasser et faire un fond transparent à la place. Pixlr, une ressemblance en ligne de Photoshop, nous y aidera.

Chargement de notre image. A droite dans la fenêtre "Calques", apparaîtra le calque "Arrière-plan", sur lequel se trouve un cadenas (ne permet pas de supprimer l'arrière-plan de l'image).

En double-cliquant sur le bouton gauche de la souris sur ce cadenas, vous pouvez supprimer le cadenas de l'arrière-plan. Une coche apparaîtra à la place d'un cadenas.

Maintenant on prend la baguette magique (barre d'outils, colonne de droite, deuxième bouton à partir du haut), précisez les paramètres suivants : tolérance = 21, les ticks sont sur l'anti-aliasing et la continuité(généralement, ces paramètres sont standard), bien que vous puissiez expérimenter avec les paramètres ; et cliquez sur le fond de l'image (dans notre cas, sur un fond blanc).

Maintenant, nous supprimons l'arrière-plan en appuyant sur le bouton "Supprimer" et obtenons l'image dont nous avons besoin avec un arrière-plan transparent.