Vous aurez besoin

• - Programme Photoshop
• - une image pour laquelle il faut réaliser un sol fond transparent.
• - savoir créer nouveau calque
• - être capable d'utiliser l'outil Remplissage et de dessiner des formes dans Photoshop

Instructions

Double-cliquez sur le nom du calque avec l'image et dans le champ qui apparaît, écrivez tout nouveau nom pour ce calque. Ceci est nécessaire pour déplacer librement ce calque et obtenir un fond transparent lors de la suppression de parties de l'image. Si l'image a déjà un fond opaque et uniforme, alors sélectionnez-la avec le " Baguette magique" Pour ce faire, sélectionnez cet outil dans la barre d'outils et cliquez sur la couleur d'arrière-plan, après quoi tout ce qui est de la couleur que vous avez spécifiée (sur laquelle la souris a cliqué) dans la zone fermée sera sélectionné. Supprimez la sélection en cliquant sur Supprimer la clé.

Dans la fenêtre Calques, avec le calque inférieur sélectionné, définissez le pourcentage souhaité de son opacité en déplaçant le levier dans le champ Opacité et en regardant la transparence de l'arrière-plan changer en . Plus la valeur d’opacité est faible, plus l’arrière-plan sera transparent ; plus il est opaque.

Sources :

• Il s'agit simplement de créer des sites Web et des bannières

De nombreux propriétaires de sites Web sont confrontés à la question de savoir comment mettre à jour leur site Web ou y ajouter quelque chose de nouveau. Vous pouvez beaucoup changer sur le site : police, jeu de couleurs, emplacement des blocs d'informations, contexte général. Dans cet article, vous apprendrez comment installer image comme arrière-plan pour site.

Vous aurez besoin

• Éditeur de code HTML

Instructions

Il existe deux manières de modifier l'apparence de votre ressource. La première est de contacter un spécialiste (webmaster) et il contribuera à tout moyennant des frais. changements nécessaires. Une autre façon est la suivante. Afin de changer apparence ton site, vous devez apprendre les bases du code HTML et utiliser l'un de ses éditeurs.

La première chose à laquelle vous devriez faire attention avant image au site en arrière-plan, c'est la disposition en largeur site: est-il fixe ou étiré pour remplir tout l'écran. Si la largeur est fixe, vous pouvez placer en toute sécurité image. Il s’affichera également pour tous les utilisateurs. Si le site est « fluide », alors l’image sera ajustée à la largeur de l’écran pour chaque utilisateur et pourra être affichée.

Vous connaissez donc la largeur de mise en page site. Préparez une image à publier. Téléchargez-le sur le serveur où se trouve votre site. L'image doit être enregistrée dans l'un des trois formats suivants : jpeg, gif ou png. Pour un affichage correct, le fond doit avoir la même largeur que la largeur de la page.

Ouvrez l'éditeur de code html sur lequel vous souhaitez modifier l'arrière-plan. Recherchez la ligne "background-image". S'il n'y a pas de ligne de ce type, écrivez-la dans le champ de balise « body ». Tout comme la photo.
Dans ce code, "url("images/bg.jpg")" est le chemin d'accès à votre arrière-plan. Écrivez-le. Enregistrez vos modifications.

Veuillez noter

Pour un affichage correct, le fond doit avoir la même largeur que la largeur de la page.

Conseils utiles

Pour modifier votre site, utilisez Dreamweaver.

Sources :

• comment créer un site Web d'images en 2019

Photoshop ouvre de larges possibilités aux utilisateurs en matière de traitement de photographies et de dessins - vous pouvez créer n'importe quel effet visuel, et le nombre de ces effets n'est limité que par votre imagination, ainsi que par votre capacité à travailler dans Photoshop. L'un des plus expressifs et beaux effets est la transparence de l'image. La possibilité de rendre l'arrière-plan d'une photo transparent, ainsi que de réduire la transparence globale de l'image, vous aidera dans la poursuite de l'édition d'image.

Instructions

Créer nouveau fichier– ouvrez l'option Nouveau dans le menu Fichier et dans la fenêtre des paramètres, sélectionnez l'option Transparent. Le fichier créé sera entièrement constitué d’un fond transparent. Pendant que ce fichier, appuyez sur Ctrl+V pour coller ce que vous avez copié fichier précédent zone sélectionnée. Votre image en tant que deuxième couche du fichier couvrira le fond transparent.

Sélectionnez n'importe quel outil dans la barre d'outils qui peut être utilisé pour sélectionner certaines zones - appelez-les M ou W. Redimensionnez le dessin pour plus de commodité et sélectionnez les zones que vous souhaitez rendre transparentes.

Une fois la sélection prête, fermez-la et appuyez sur Supprimer. Les parties supplémentaires de l'image disparaîtront et vous verrez à la place un arrière-plan transparent.

Dans certains cas, vous aurez peut-être besoin d'un design translucide - par exemple, le translucide peut être une décoration inhabituelle pour un collage ou un site Web, et le texte translucide peut également être utilisé comme fichier . Pour appliquer du texte translucide à une photo, ouvrez l'image souhaitée, puis sélectionnez-la dans le menu outil de texte(T).

Sélectionner bonne taille, et coloriez, puis écrivez le texte souhaité sur la photo. Un calque de texte distinct apparaîtra dans la palette Calques. Déplacez le curseur de la ligne Opacité du panneau Calques sur 30 à 40 %. Vous verrez comment l'inscription devient translucide.

Vidéo sur le sujet

Lors de la création logo il est hautement souhaitable de pouvoir rendre son arrière-plan transparent - dans ce cas, il s'intégrera de manière plus organique dans n'importe quelle conception, qu'il s'agisse d'une page de site Web, d'un document dans Format Word, flash ou clip vidéo, etc. De plus, le logo translucide peut être appliqué en filigrane sur les images et photographies. L'outil le plus courant pour ce type de œuvres graphiques - Adobe Photoshop.

Très souvent, vous pouvez trouver une image appropriée sur Internet, par exemple pour l'insérer dans un site Web. Ou peut-être que vous faites un collage et que vous devez en ajouter d’autres à un dessin. Mais les images dont vous avez besoin ont généralement une sorte d’arrière-plan.

Voyons comment nous pouvons créer un fond transparent pour une image à l'aide de l'éditeur Adobe Photoshop. J'ai l'anglais installé Version Adobe Photoshop CS5, je vais donc le montrer dessus. je vais essayer de donner diverses combinaisons touches de raccourci.

Si Photoshop n’est pas encore installé, que vous l’utilisez rarement ou qu’il est en anglais, vous pouvez créer un arrière-plan transparent dans Paint.net. C'est simple éditeur de langue russe images, qui ne prendront pas beaucoup de place sur votre disque dur. En cliquant sur le lien, vous pouvez lire l'article détaillé. Vous pouvez télécharger le programme Paint.net depuis notre site Web.

Tout d’abord, regardons un exemple simple. Disons que vous avez une image sur un fond uni, cela peut être un logo ou le nom de quelque chose. Faisons ce logo ou cette inscription sur fond transparent dans Photoshop.

Ouvrez l'image souhaitée dans l'éditeur. Créons maintenant un arrière-plan transparent pour le calque. Dans la fenêtre « Calques », double-cliquez sur le calque ajouté – il y aura un cadenas en face. La fenêtre « Nouveau calque » s’ouvrira, cliquez sur « OK » dedans. Après cela, le verrou disparaîtra.

Choisir un outil "Baguette magique". Dans la barre de propriétés, précisez le niveau de sensibilité, définissez différentes significations pour comprendre son fonctionnement, par exemple 20 et 100. Pour désélectionner l'image, appuyez sur « Ctrl+D ».

Réglez la sensibilité et cliquez sur la zone d'arrière-plan avec la baguette magique. Pour ajouter à l'arrière-plan sélectionné les parties qui ne sont pas sélectionnées, maintenez la touche « Shift » enfoncée et continuez la sélection. Pour supprimer les zones sélectionnées, cliquez sur « Supprimer ».

Maintenant, au lieu d'un arrière-plan, il y a un échiquier - cela signifie que nous avons réussi à le faire fond blanc transparent. Supprimer la sélection – « Ctrl+D ».

Si vous avez une image ou une photographie contenant de nombreuses couleurs et objets différents, réfléchissez à la manière dont créer un arrière-plan transparent pour une image dans Photoshop.

Dans ce cas, nous utiliserons l'outil « Sélection rapide» . Cliquez sur la baguette magique avec le bouton gauche de la souris avec un léger retard et sélectionnez l'outil souhaité dans le menu.

Nous devons maintenant sélectionner l'objet que nous voulons laisser sur un fond transparent. Dans la barre de propriétés, définissez différentes tailles et cliquez sur l'objet en y ajoutant des zones. Si un arrière-plan inutile est sélectionné par erreur, appuyez sur « Alt » et supprimez-le.

Pour voir le résultat, appuyez sur "Q". Les parties de l'image qui deviendront transparentes seront surlignées en rose.

Copiez les zones sélectionnées en appuyant sur « Ctrl+C ». Ensuite, créez un nouveau fichier, « Ctrl+N », avec un arrière-plan transparent.

Collez-y les fragments copiés, « Ctrl + V ». S'il reste des parties inutiles de l'arrière-plan, supprimez-les à l'aide de l'outil Gomme. Nous enregistrons les photos prises sur un fond transparent pour Format PNG ou GIF.

Rendez le fond blanc de l'image transparent ou créez un arrière-plan transparent pour des fragments individuels d'une image couleur ou d'une photographie dans Photoshop. Après cela, vous pouvez les utiliser si nécessaire : ​​les insérer dans un site Web, les ajouter à un autre dessin ou réaliser des collages intéressants.

Notez cet article : Programme en ligne Pixir - créez un fond transparent pour une image.

Sergueï Fechtchoukov

Parfois, vous tombez sur une image très appropriée pour votre article et tout irait bien... Mais l'arrière-plan de l'image ne correspond pas à l'arrière-plan du blog ou du bloc de texte. Apparemment, personne n'a ce problème et personne n'a un fond blanc, ce qui conviendrait dans la plupart des cas. J'ai besoin fond transparent!

Je n'ai trouvé aucune bonne idée sur Internet. comment faire un fond transparent Pour photo terminée, j'ai donc commencé à expérimenter moi-même et j'ai trouvé une solution plus ou moins adaptée !

Comment créer 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 ici un fond blanc dont je souhaite me débarrasser et créer un fond transparent à la place. Pixlr, une version en ligne de Photoshop, nous y aidera.

Téléchargement de notre image. À droite dans la fenêtre « Couches », un calque « Arrière-plan » apparaîtra, sur lequel se trouve un verrou (empêche la suppression de l'arrière-plan de l'image).

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

Prenez maintenant la baguette magique (barre d'outils, colonne de droite, deuxième bouton en partant du haut), précisez les paramètres suivants : tolérance = 21, cases à cocher pour le lissage 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 le 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.

En conséquence, le résultat est la même image avec un arrière-plan transparent.

Le seul point négatif de Pixlr- vous ne pouvez pas enregistrer l'image au format .gif, qui conserve également un fond transparent, mais est beaucoup plus léger que le format .png. Mais s’il n’y a pas d’autre choix, pourquoi ne pas en profiter ?

merci à Natalia Petrova

Par défaut, tous les nouveaux calques dans Photoshop sont créés avec une opacité de 100 %. Mais le degré de transparence du calque peut être modifié à l'aide des paramètres Opacité Et Remplir situé en haut de la palette Calques.

Opacité(Opacité) est un paramètre avec une échelle de 100 % qui permet de modifier le degré de transparence de l'ensemble du calque, avec tous les effets appliqués. Si la valeur est différente de 100%, le calque sous-jacent sera visible. Un niveau de transparence de 0% indique une absence totale d'images visibles.

La transparence de la couche peut être comparée au papier calque que l'on applique sur les dessins afin de les copier.

Remplir(Remplir) est un paramètre mis à l'échelle à 100 % qui vous permet de modifier la visibilité d'un calque sans affecter ses superpositions.

À quoi ressemble la transparence dans Photoshop

Logiquement, la transparence image numérique- c'est un manque de saturation et de densité des couleurs. Si vous imaginez la couleur comme un film, alors la transparence est l’intensité de la lumière qui la traverse. Mais Comment afficher la translucidité sur un ordinateur ?

Photoshop introduit symbole transparence envers le monde infographie — fond d'échecs.

Aujourd’hui, cette convention est devenue une norme. De nombreux programmes et services Web utilisent des arrière-plans en damier en matière de transparence. Par exemple, Yandex.Images ou Google Images affichent des images avec des éléments transparents sur un fond en damier.

3 façons de rendre un calque d'image transparent

Vous avez d’abord besoin de la couche nécessaire. La technique consistant à en sélectionner deux ou plus en utilisant Touches Ctrl ou Maj .

Note

Le calque d'arrière-plan (avec l'icône de verrouillage) ne peut pas être transparent. Pour lui, ces paramètres sont inactifs.

Encore une remarque

La vignette du calque ne changera pas, quelle que soit la valeur d'opacité que vous définissez.

Méthode 1 : Saisir des chiffres

Entrez la valeur de transparence requise en nombres de 0 à 100 dans la fenêtre des paramètres spéciaux de la palette. Étant donné que les deux paramètres ont presque le même effet, vous pouvez utiliser l’un ou l’autre, rappelez-vous simplement de quoi il s’agit.

Méthode 2 Contrôle du curseur

Un peu à droite des chiffres se trouve un bouton avec une petite flèche. Si vous cliquez dessus, un curseur apparaîtra. Vous devez le déplacer avec la souris vers la gauche ou la droite pour diminuer ou augmenter la transparence du calque, respectivement.

L'affichage numérique affichera la valeur actuelle et l'image elle-même changera avec le mouvement de votre main.

Méthode 3 sur 3: Utiliser le clavier

Pour un certain nombre d'outils Photoshop, il est possible de modifier l'opacité d'un calque à l'aide du clavier. Sélectionnez un outil, par exemple, ou (il existe également de nombreux autres outils, vous pouvez les trouver par force brute).

Appuyez maintenant sur les chiffres de votre clavier :

• Le chiffre 1 changera l'opacité à 10 %, 2 à 20 %, 5 à 50 % et ainsi de suite ;
• Le chiffre 0 signifie 100 % ;
• Composez le 55 et vous obtenez 55%, 67 fait 67% et ainsi de suite

Utiliser la même technique pour changer Remplissages, maintenez la touche Maj enfoncée ainsi que les chiffres.

Comment rendre transparente une section distincte d'un calque

Pour rendre transparent non pas tout le calque, mais seulement lui terrain séparé, cela demandera un certain effort. Il n’existe aucun outil en tant que tel à cet effet. Cependant, selon le problème, il existe au moins deux solutions.

Les deux solutions sont unies par le travail initial, peut-être le plus long : créer un espace dédié. La logique de l'action est simple : vous devez sélectionner un fragment de l'image avec lequel un travail ultérieur aura lieu.

Dans notre exemple, disons que vous devez rendre transparent un fond rond gris. Pour ce faire, j'utiliserai l'outil. Sur le panneau des paramètres, vous devez définir le paramètre Ajouter à la sélection, puis cliquez sur toutes les zones souhaitées jusqu'à ce que vous les sélectionniez toutes.

Une fois la zone sélectionnée apparue, vous pouvez rendre ce fragment transparent.

Méthode 1 : Couper zone requise images vers un nouveau calque

Vous devez d’abord vous assurer qu’aucun des outils permettant de créer une zone sélectionnée n’est actif. Par exemple Baguette magique, qui a été utilisé à l’étape précédente.

Maintenant vous pouvez cliquer clic droit souris par sélection. apparaîtra menu contextuel. Nous sommes intéressés par l'équipe Couper vers un nouveau calque.

En conséquence, ce fragment sera séparé de l'image actuelle et déplacé vers un nouveau calque. Et puis vous pouvez faire ce que vous voulez avec ce nouveau calque, y compris modifier la transparence.

Méthode 2 sur 3: Utiliser une gomme

Cette méthode convient si vous devez obtenir non pas une réduction uniforme de la transparence, mais une réduction flottante, c'est-à-dire rendre cet effet plus fort à certains endroits et plus faible à d'autres.

Sélectionnez , dans la barre d'options, définissez la valeur Opacité différent de 100 %. Effacez ensuite les zones de l'image qui se trouvent dans la zone sélectionnée. L'outil n'affectera que les pixels que vous avez sélectionnés.

Changer la valeur Opacité, si vous devez obtenir un effet inégal.

Comment enregistrer une image avec transparence

Il y en a beaucoup, mais seuls deux d'entre eux prennent en charge la transparence : PNG et GIF.

GIF a une limitation - le pixel doit être transparent ou non, il n'y a pas de troisième option, c'est-à-dire qu'une valeur de transparence, par exemple 59 %, ne sera plus prise en charge. Ce format est également limité quant au nombre de couleurs utilisées : il ne peut y en avoir plus de 256.

Par conséquent, l'image doit être enregistrée au format PNG. Seulement, il est dépourvu de tous défauts et est capable d'afficher des pixels translucides.

Pour créer une image PNG dans Photoshop, vous devez exécuter la commande : Fichier - Enregistrer sous. Une boîte de dialogue apparaîtra dans laquelle vous devrez spécifier un emplacement à enregistrer sur votre ordinateur, ainsi que sélectionner dans la liste déroulante Type de fichier — PNG(*.PNG).

Si vous remarquez une erreur dans le texte, sélectionnez-la et appuyez sur Ctrl + Entrée. Merci!

Comment faire un fond transparent dans Photoshop ?

Photoshop est l'un des plus programmes populaires parmi les personnes intéressées par le design, le graphisme et le dessin. Les personnes qui sont loin d'être créatives, mais qui ont besoin de ses fonctions, peuvent également avoir besoin de Photoshop. Par exemple, vous deviez utiliser une sorte d'image dans le texte, mais il était inacceptable de la placer avec l'arrière-plan existant. Pour ce faire, vous pouvez soit changer le fond, soit utiliser un fond transparent. Essayons de comprendre comment créer un arrière-plan transparent dans Photoshop.

Comment créer un arrière-plan transparent dans Photoshop - la première méthode :

Faites un clic gauche sur "Fichier" (dans le coin gauche coin supérieur). Sélectionnez « Nouveau » dans la liste déroulante. Dans « Contenu d'arrière-plan », sélectionnez « Transparent ». Cette méthode devrait être utilisée par ceux qui souhaitent créer propre image pas de fond. Cela ne fonctionnera pas si vous souhaitez supprimer l'arrière-plan de l'image finale. Pour ce faire, vous devez utiliser la deuxième méthode.

Comment créer un fond transparent dans Photoshop - la deuxième méthode :

L'éditeur graphique Photoshop est différent dans la mesure où il utilise des calques. L'image derrière laquelle le fond transparent est réalisé doit être copiée sur un nouveau calque. Cela se fait en appuyant simultanément sur les touches Ctrl et J (nous utiliserons ci-après une abréviation couramment utilisée, par exemple Ctrl+J). Pour ce faire, vous pouvez utiliser une autre méthode : cliquez avec le bouton droit sur le calque et sélectionnez « Dupliquer le calque » dans le menu déroulant. Dans la fenêtre suivante qui apparaît, cliquez sur "OK". Vous devriez vous retrouver avec deux calques identiques, un seul d’entre eux sera appelé « calque 1 » et l’autre « fond ».

La deuxième étape consiste à masquer le calque appelé « arrière-plan ». Pour cela, il vous suffit de cliquer sur l'image de l'œil située à gauche du calque.

La troisième étape consiste à séparer l'image de l'arrière-plan. Cela peut être fait à l'aide d'un outil appelé élastique. Sur le clavier, il est activé par la touche "E". Les dimensions de l'outil élastique peuvent être modifiées à l'aide des touches "[" et "]" sur Mise en page anglaise. Vous devrez modifier la taille de l'outil afin de « effacer » soigneusement l'arrière-plan autour de l'objet. Si vous avez tout fait correctement, vous aurez alors un "échiquier" autour de l'objet - c'est l'absence de fond, c'est-à-dire un fond transparent.

La dernière étape consiste à enregistrer l'image avec un fond transparent. L’épargne est standard. Dans le coin supérieur gauche, avec le bouton gauche de la souris, sélectionnez « Fichier » et sélectionnez « Enregistrer sous » dans la liste déroulante. Sous l'image et la ligne « Nom du fichier », il y aura une ligne « type de fichier ». Dans cette ligne, vous sélectionnez le format dans lequel l'image sera enregistrée. Vous pouvez sélectionner le format « .psd » ou « .png ». Il est recommandé d'utiliser le dernier format. Après cette action, cliquez sur « enregistrer ». DANS Format JPEG la transparence n’est pas assurée.

Vous pouvez désormais utiliser l'image sans l'arrière-plan d'origine en l'insérant dans le document requis. A noter que l'outil « élastique » est assez difficile pour les débutants si la main n'est pas « bourrée » travail quotidien dans ce programme. Par conséquent, des difficultés peuvent survenir lorsque l'on essaie d'« effacer » l'arrière-plan autour de petits objets, comme l'herbe, par exemple. Nous pouvons vous conseiller soit d'améliorer vos compétences, soit de les utiliser pour le travail tablette graphique(ce qui est plus typique pour les professionnels), ou essayez une autre méthode.

Comment créer un arrière-plan transparent dans Photoshop - la troisième méthode :

Il est nécessaire de convertir l’arrière-plan de l’image en calque. Pour ce faire, faites un clic droit sur l'arrière-plan dans la zone de droite où sont affichés les calques. Sélectionnez « Couche depuis l'arrière-plan » / « Depuis l'arrière-plan » (la plupart des versions de Photoshop téléchargées à partir de torrents sont activées). Anglais. Cette remarque est également vraie pour de nombreux tutoriels). Dans le menu qui s'ouvre, cliquez sur « OK ». Sélectionnez l'outil « Baguette magique ». Il ne peut être utilisé que si le fond à découper est de couleur uniforme (sinon nous utilisons l'outil Lasso). Sélectionnez l'arrière-plan. Cliquez sur Supprimer. Après cela, nous voyons notre objet sur le fond d'un terrain d'échecs. C'est le fond transparent. Il ne reste plus qu'à sauvegarder l'image en utilisant la méthode décrite ci-dessus.

Il y a un grand nombre tutoriels vidéo sur ce sujet. Par exemple, vous pouvez suivre la séquence d'actions dans la vidéo de l'article.

Vous êtes maintenant sur le point d’apprendre les bases. programme graphique Photoshop et en même temps réalisé leur besoin de qualité conception visuelle votre travail. Félicitations!