Transparence et masquage dans Adobe Illustrator. Comment supprimer l'arrière-plan SVG à l'aide d'Adobe Illustrator ? adobe illustrateur fond transparent

04.06.2021 Tutoriels Windows

Le programme Photoshop vous permet non seulement d'éditer et d'éliminer les défauts de la photo, mais également de modifier l'image au-delà de la reconnaissance. L'un des effets intéressants est le changement de couleur des yeux. Vous aurez besoin de - photoshop; - sélectionné ...

Chaque personne a des photographies qui aident à ressusciter en mémoire les moments de vie les plus intéressants, les plus importants et les plus enchanteurs. Et à notre époque, certaines de ces images sont stockées sous forme électronique. Ce qui permet de changer quelque chose en eux, ...

Parfois, les propriétaires d'appareils photo veulent rendre leurs photos inhabituelles, différentes de la norme rectangulaire ennuyeuse. Grâce aux capacités de Photoshop, il est tout à fait possible de faire une photo ovale, ronde ou tout autre forme libre. À toi…

Très souvent, lors du traitement d'images, il devient nécessaire de supprimer un fragment ou, au contraire, d'en ajouter. Peut-être que ce détail décorera un autre dessin ou qu'il est devenu superflu dans l'image originale. Photoshop offre plusieurs façons...

Chaque utilisateur de ce produit logiciel, comment Adobe Photoshop, sait que dans ce programme, avec le désir et l'habileté, vous pouvez créer n'importe quoi : retoucher des photos, créer des images en trois dimensions, etc. Le meilleur cadeau pour la Saint Valentin...

Beaucoup connaissent la situation où vous ressortez bien sur la photo, mais l'arrière-plan est inintéressant ou ennuyeux. Ou peut-être voulez-vous simplement changer l'arrière-plan pour rendre la photo originale, plus pittoresque et plus lumineuse. Ou expérimentez...

La suppression de l'arrière-plan d'un portrait ou d'une photographie d'un objet est effectuée si cela encombre l'image ou si vous devez transférer l'objet sur un autre arrière-plan. Cette opération peut être effectuée à l'aide d'un raster éditeur graphique comme GIMP. Instruction...

Découper n'importe quel élément d'une photo n'est pas du tout difficile, surtout si vous avez les bons programmes. Certains d'entre eux permettent de découper une photo le long du contour en quelques clics de souris. Instruction 1Ouvrez le programme Microsoft ...

Adobe Photoshop est l'un des programmes d'édition d'images les plus utilisés. Avec lui, vous pouvez changer l'apparence, la silhouette et même "échanger les corps". Cette application donne un champ de créativité inimaginable. …

Parfois, pour qu'une photo ait l'air complète, il manque une bagatelle. Cela vaut la peine d'arrondir les bords de la photo et la vue est complètement différente. Il existe deux façons de donner un peu de piquant à votre photo avec des bords doux et arrondis6 ou en utilisant…

La possibilité de travailler dans Photoshop vous donne la possibilité non seulement de retoucher des photos et d'y ajouter de beaux effets de couleur, mais également de transformer radicalement des photographies, en les rendant inhabituelles et accrocheuses. Par exemple, vous pouvez depuis n'importe quel…

Photoshop vous offre de grandes possibilités de créer divers effets visuels dans les photographies et toutes autres images. Avec l'aide de Photoshop, vous pouvez simuler presque tous les phénomènes - par exemple, les représenter sur n'importe quelle photo ...

Dans la plupart des cas, non seulement sur les appareils photo amateurs, mais aussi sur les appareils photo professionnels, les cadres sont obtenus comme une sorte de produit semi-fini - afin d'obtenir une qualité et une beauté maximales de l'image, les photos doivent être retouchées, alignées ...

Illustrator propose plusieurs options pour définir la transparence des objets vectoriels et bitmap. Les plus simples d'entre eux sélectionnent un objet et définissent l'opacité souhaitée à l'aide du curseur Opacité(Opacité) de la palette personnalisée Transparence(Transparence). Cette palette, qui peut être ouverte ou fermée, est appelée depuis la liste des palettes qui s'ouvre à l'activation de la commande Fenêtre(Fenêtre). Si, lors du choix d'une commande Fenêtre=>Transparence la palette s'ouvre sous une forme incomplète, vous devez alors utiliser séquentiellement les commandes Affiche des vignettes(Développer à partir de l'icône) et Afficher les options(Afficher les options) dans le menu de la palette.

De plus, la visibilité de sections individuelles de l'image peut être contrôlée à l'aide de masques de calque (masques d'écrêtage masque d'écrêtage) et masques de translucidité ( masque d'opacité). Les masques de type pochoir déterminent comment les calques individuels sont empilés les uns sur les autres, peuvent rendre des fragments d'image individuels complètement ou partiellement visibles ou complètement invisibles, et vous permettent d'effectuer des ajustements de transparence complexes pour n'importe quel objet. Et puisque la transparence dans ce cas est implémentée comme un masque sur l'objet, l'utilisateur peut modifier l'objet à n'importe quelle étape du travail sans affecter le masque. Vous pouvez également définir la transparence pour des groupes d'objets, cependant, si vous devez modifier des objets individuels d'un groupe, le dernier d'entre eux devra être dissocié et tous les paramètres de transparence du groupe seront détruits.

Réglage de l'opacité sans masquage

Palette Transparence(Transparence) vous permet de modifier facilement la transparence de tous les objets raster et vectoriels (formés par les plus différentes façons: utilisation des contours différents types, caractères de la palette Symboles(Symboles) ou sous forme de texte) et faire apparaître efficacement les objets sous-jacents. Faites attention, par exemple, à la Fig. 1, qui est prise comme image d'origine. Puis une série de contours lui a été ajoutée : le contour supérieur a été créé avec l'outil Stylo(Plume) et remplie d'un dégradé linéaire, et une série de gouttelettes d'eau obtenues à l'aide d'une palette Symboles. Tous les contours impliqués ont leurs propres niveaux de transparence (Fig. 2, 3).

Riz. 3. L'apparence finale de la photo après avoir ajusté la transparence des objets individuels

L'établissement d'une option de transparence spécifique n'est pas un obstacle pour l'édition ultérieure des objets pour lesquels, si nécessaire, vous pouvez toujours modifier l'option de remplissage ou de contour, la taille et la position, le niveau de transparence, etc.

De plus, dans la palette Transparence(Transparence) il est possible de sélectionner les modes de fusion des couleurs ( mode de fusion): Normal(Normal) ( ce mode défini par défaut) Multiplier(Multiplication), Filtrer(Éclaircissement), etc., qui peuvent être appliqués non seulement à un seul objet, mais également à un groupe ou à un calque et, en combinaison avec un niveau de transparence, vous permettent d'obtenir effet recherché visibilité des objets.

Définition de l'opacité des objets vectoriels

Envisagez la possibilité de définir l'opacité pour des objets individuels. Pour ce faire, dessinez quelques objets simples qui se croisent. De tels objets sont préférables, car il est plus facile de se familiariser avec leur exemple diverses possibilités opacité. À cet exemple trois fleurs superposées sur un fond noir agiront comme des objets (Fig. 4). Sélectionnez deux objets, par exemple les deux fleurs du haut, et modifiez leurs valeurs de transparence dans la palette Transparence, par exemple, comme le montre la Fig. 5, pour cela il vous suffit de faire glisser le curseur Opacité(Opacité). Notez que les fleurs sont désormais transparentes les unes par rapport aux autres et par rapport à l'arrière-plan (Fig. 6).

Dans la deuxième option, vous devez restaurer la valeur de transparence à 100 %. Pour ce faire, groupez d'abord les deux fleurs sélectionnées avec la commande Objet=>Groupe(Objet=>Groupe), ce qui activera automatiquement la case à cocher Groupe à élimination directe Transparence. Modifiez ensuite à nouveau l'opacité en définissant la valeur du paramètre Opacité(Opacité) réglé sur 70 %. En conséquence, les objets deviendront transparents par rapport à l'arrière-plan, mais pas les uns par rapport aux autres (Fig. 7). Le fait est que l'activation de la case à cocher Groupe à élimination directe(Groupe sans arrière-plan) dans la palette Transparence vous permet de supprimer (mais seulement visuellement) la translucidité des objets translucides dans un groupe qui se chevauchent dans ce groupe.

De plus, dessinez une série de plusieurs petits éléments du même type, comme des étoiles (Fig. 8). Regroupez-les avec la commande Objet=>Groupe(Objet=>Groupe) et définissez leur mode de fusion des couleurs Filtrer(Éclaircissement) avec opacité (Fig. 9). En conséquence, les étoiles changeront de couleur et ressembleront à celle illustrée à la Fig. Dix.

Riz. 9. Réglage de l'opacité et du mode de fusion pour le nouveau groupe

Riz. Dix. Apparence image entière après avoir ajusté les paramètres d'opacité

Sélectionnez les deux groupes d'objets, puis regroupez-les à nouveau et cochez la case Isoler le mélange(Mode de fusion Isoler) dans la palette Transparence cela isolera les objets lors de la définition de leur mode de fusion. En conséquence, le mode de mélange des couleurs sera appliqué aux objets inclus dans le groupe et tous les autres objets (dans ce cas, une seule étoile sur une fleur verte) seront ignorés (Fig. 11). N'oubliez pas que la case à cocher Isoler le mélange(Mode de fusion Isoler) n'a de sens que si nous parlons sur les modes de fusion des couleurs autres que Normal(Normal).

Riz. 11. Modification de l'apparence de l'image à la suite de l'isolement d'objets

Ajuster l'opacité d'un bitmap

Et maintenant, essayons d'expérimenter avec un bitmap (Fig. 12). Former un contour vectoriel autour de l'image sous la forme d'un rectangle avec un remplissage couleur blanche(Fig. 13). Modifier l'opacité dans la palette Transparence, par exemple, comme le montre la Fig. 14. L'image ressemblera à la fig. 15. Le résultat peut être beaucoup plus intéressant si le rectangle est rempli d'un dégradé radial (Fig. 16, 17). De plus, il vaut la peine d'expérimenter les modes d'opacité, en changeant, par exemple, le mode par défaut Normal en marche Filtrer(Fig. 18).

Riz. 15. Aspect de l'image après modification de l'opacité du rectangle

Riz. 16. Réglage de l'opacité du rectangle dans la palette de transparence après remplissage avec un dégradé radial

Riz. 17. Apparence de l'image après avoir rempli le rectangle avec un dégradé et changé l'opacité en mode Normal

Riz. 18. Apparence de l'image après avoir rempli le rectangle avec un dégradé et modifié l'opacité en mode Écran

Contrôler l'opacité avec un masque de calque

Masque de calque ou masque d'écrêtage ( masque d'écrêtage), vous permet de supprimer ou, comme on dit, de masquer les zones inutiles de l'image (Fig. 19, 20) sans détruire le contenu du calque.

Riz. 20. Visibilité de l'image après la création d'un masque de calque ovale

La création d'un masque de calque s'effectue en plusieurs étapes. Tout d'abord, un contour est formé au-dessus de la couche d'image, qui est censée être utilisée comme masque à l'avenir. Ensuite, vous devez sélectionner l'image et le contour. Il est souvent plus pratique de le faire dans la palette Couches, en cliquant successivement sur les boutons ronds correspondant aux objets en maintenant la touche enfoncée Décalage dans ce cas, l'apparence du bouton cercle pour chaque élément sélectionné changera. Après cela, vous devez appuyer sur le bouton Créer/libérer un masque d'écrêtage sur la palette Couches ou utilisez la commande Objet=>ClippingMask=>Créer. En conséquence, tout ce qui tombe à l'intérieur du contour restera visible et la zone à l'extérieur du contour sera masquée. Si l'écrêtage du masque a échoué, vous pouvez l'annuler à tout moment en appelant la commande Objet=>ClippingMask=>Libérer ou en cliquant sur le bouton Créer/libérer un masque d'écrêtage sur la palette Couches.

Veuillez noter que le bouton Créer/libérer un masque d'écrêtage sur la palette Couches est généralement indisponible et ne devient actif que si la palette contient Couches zone activée groupe(Fig. 21). De plus, gardez à l'esprit que tous les objets qui sont ensuite ajoutés au groupe de calques avec le masque de calque sont également coupés au masque (Fig. 22) et deviennent invisibles. En même temps, les objets incorporés dans le calque au-dessus du groupe seront visibles (Figure 23).

Riz. 22. Le résultat du recadrage des étoiles ajoutées sur la partie masque de calque des étoiles est devenu invisible

Riz. Fig. 23. Apparition de l'image avec la palette Calques ouverte l'astérisque ajouté au-dessus du groupe avec le masque de calque est visible

texte texturé

Très souvent, les masques de calque sont utilisés lors de la création de texte de texture, c'est-à-dire de texte découpé dans une sorte de texture ou simplement à partir d'une photographie. Par exemple, utilisons une photo (Fig. 24) et imprimons un texte arbitraire dessus (Fig. 25). Sélectionnez le texte avec le contour de la photo et appliquez la commande Objet=>ClippingMask=>Créer. En conséquence, l'image ressemblera à la Fig. 26, et la palette Couches prend la forme correspondant à la Fig. 27. Si vous le souhaitez, l'image résultante peut être soumise à une modification supplémentaire, par exemple, faire un trait (Fig. 28), appliquer un filtre approprié (Fig. 29), etc.

Remplissage avec une texture de chemins vectoriels arbitraires

Ouvrez une texture appropriée (Fig. 30), que vous prévoyez d'utiliser pour remplir un contour (Fig. 31) dans cet exemple, nous avons utilisé un fragment du contour de lézard que nous avons créé dans l'une des leçons précédentes, et copions le contour à la texture via le presse-papiers (Fig. 32), si nécessaire, en modifiant sa taille et sa position. Pour masquer l'espace en dehors du chemin, ce qui équivaut visuellement à remplir le chemin avec une texture, sélectionnez le chemin avec la texture et utilisez la commande Objet=>ClippingMask=>Créer. En conséquence, l'image ressemblera à la Fig. 33, et la palette Couches prend la forme correspondant à la Fig. 34.

Pour compléter l'image, faites une copie du contour via le presse-papiers, cliquez avec le bouton droit sur la copie et sélectionnez la commande pour la refléter. Transformer=>Réflexion avec des paramètres comme dans la Fig. 35. Placez correctement la copie (fig. 36) et donnez au lézard une forme légèrement incurvée à l'aide du filtre Tourner(plier) commande Effet => Distorsion et transformation => Torsion(Effect => Distort and Transform => Bend) avec approximativement les mêmes paramètres que sur la fig. 37. Le résultat obtenu peut ressembler à la fig. 38.

Riz. Fig. 36. Aspect de l'image obtenue à partir de deux contours combinés, préalablement remplis d'une texture

Simuler l'effet de l'intersection d'objets

Et maintenant, considérons une version plus complexe de la création d'un masque d'écrêtage dont nous avons besoin pour simuler l'effet de croisement d'objets. Formez d'abord trois cercles (dans cet exemple, leur rôle sera joué par les lettres latines " o”) de telle sorte que chaque cercle suivant chevauche partiellement le précédent (Fig. 39). Sélectionnez les trois cercles et copiez-les dans le presse-papiers avec la commande Édition=>Copier(Edition=>Copier). Collez ensuite une copie depuis le presse-papiers avec la commande Edition=>Coller devant(Retouche => Coller devant) pour que l'image d'origine et sa copie se superposent. Après cela, utilisez l'outil Restangle pour former un rectangle sans remplissage et sans bordure à l'intersection des premier et deuxième cercles (Fig. 40). Notez que le rectangle doit se retrouver sur le même calque Couche 1, mais surtout tous les autres objets (Fig. 41).

Riz. 40. L'apparition d'un rectangle à l'intersection des deux premiers cercles

Pour créer un masque de calque, sélectionnez le rectangle formé et le premier cercle et appliquez la commande Objet=>ClippingMask=>Créer(Fig. 42). Ensuite, de la même manière, créez un rectangle à l'intersection des deuxième et troisième cercles et sélectionnez ce rectangle avec le deuxième cercle (Fig. 43). Si la méthode habituelle échoue, sélectionnez les objets souhaités via la palette Couches: pour cela en appuyant sur la touche Décalage cliquez sur les boutons circulaires disponibles pour chaque élément du calque (Fig. 44), et dans ce cas l'apparence du bouton circulaire pour chaque élément sélectionné changera. Créez un masque d'écrêtage avec la commande Objet=>ClippingMask=>Créer l'image résultante ressemblera à la Fig. 45.

Riz. 44. Fenêtre de la palette Calques avec le deuxième cercle et le deuxième rectangle sélectionnés

Au final, pour rendre l'image plus spectaculaire, sélectionnez sur la palette Couches trois cercles inférieurs et mettez une ombre dessus avec la commande Effet => Styliser => Ombre portée(Effet => Style => Ombre) puis dessinez le fond sous les cercles avec un dégradé, pour lequel vous devrez créer un nouveau calque Couche 2. Pour cela, activez le calque Couche 1, ouvrez le menu de la palette Couches et sélectionnez la commande Nouvelle Couche(Nouveau calque) résultat au-dessus du calque Couche 1 un calque apparaîtra Couche 2. Dessinez dessus un rectangle (cela fera que les cercles seront sous le rectangle et seront invisibles), qui servira d'arrière-plan, remplissez-le avec un dégradé approprié et appliquez une ombre avec la commande Effet => Styliser => Ombre portée(Effet=>Stylisation=>Ombre). Pour que les cercles reposent sur le rectangle d'arrière-plan, changez les calques L jour 1 et Couche 2 endroits en les faisant glisser les uns sur les autres dans la palette Couches(Fig. 46). Il est possible que l'image prenne approximativement la forme illustrée à la Fig. 47.

Riz. 47. Aspect final des cercles qui se croisent sur un fond dégradé

Ajustement de l'opacité en créant un masque d'opacité

Masque de translucidité ( Masque d'opacité) détermine quelles zones de l'image doivent être clairement visibles et lesquelles seulement partiellement, c'est-à-dire translucides ou pas visibles du tout. Dans ce cas, toutes les couleurs peuvent être visibles à travers le masque semi-transparent spécifié, ainsi que les remplissages décoratifs et dégradés situés sous et à l'intérieur du masque.

Le processus de formation d'un masque est assez simple et consiste à superposer deux objets ou plus l'un sur l'autre, à définir le niveau de transparence requis pour chacun d'eux et à définir le plus haut comme masque à l'aide de la commande Créer un masque d'opacité(Créer un masque semi-transparent) dans le menu de la palette Transparence. La création d'un masque d'opacité sera signalée par l'apparition dans la palette Transparence icônes de masque à côté de l'icône d'objets masqués, séparées par l'icône "chaîne", et modifiant la visibilité des fragments d'image (Fig. 48, 49, 50). Apparence de la palette Couches changera en fonction de ce qui est actif sur le ce moment image temporelle (Fig. 51) ou masque (Fig. 52).

Riz. 50. Icône d'image de la palette de transparence à gauche, icône de masque à droite

Riz. 51. Image et palettes Calques et Transparence image active

Riz. Fig. 52. Image et palettes Calques et masque actif de transparence

Le masque d'opacité est créé en fonction de la forme de l'objet sélectionné le plus haut, et au moins les deux objets du haut doivent être sélectionnés - la sélection d'un seul d'entre eux créera un masque vide. L'ajout de nouveaux objets à l'image n'affecte pas le masque de translucidité créé auparavant ; tous les objets ajoutés seront visibles par défaut, car ils sont créés au-dessus du masque (Fig. 53), bien qu'ils puissent être déplacés sous le masque si vous le souhaitez.

Riz. 53. Le résultat de l'ajout d'un nouvel objet sous la forme d'un cadre au-dessus de l'image masquée

En conséquence, l'objet supérieur deviendra un masque et son remplissage en niveaux de gris affectera la mesure dans laquelle l'une ou l'autre zone de l'image en dessous sera visible. Par exemple, si vous remplissez complètement le masque de blanc, les fragments d'image à l'intérieur du masque seront complètement visibles, avec un masque noir, les objets masqués seront invisibles, et l'utilisation d'un masque dégradé noir et blanc fera apparaître les objets masqués là où le commence la zone blanche et s'estompe là où le dégradé devient noir. De plus, vous pouvez créer un masque de translucidité à l'aide de n'importe quel remplissage dégradé, maillage dégradé et même remplissage décoratif.

Il convient de noter que la règle ci-dessus concernant la couleur du masque et la visibilité de l'objet est ambiguë. Oui, case à cocher inverser le masque(Masque inversé) dans la palette Transparence va provoquer l'inversion de l'effet noir et blanc et les zones noires deviennent transparentes, tandis que les zones blanches, au contraire, deviennent opaques (Fig. 54) ; activer/désactiver la même case à cocher agrafe(Crop) vous permet d'échanger les zones masquées et non masquées.

Riz. 54. Modifier l'apparence de l'image suite à l'inversion du masque

Un masque de translucidité peut être formé à partir de n'importe quel objet vectoriel et transformé à l'aide de divers filtres déformants, ce qui vous permet d'obtenir des effets très intéressants. Le texte peut également être enregistré sous forme de masque opaque pour créer rapidement des titres de texte personnalisés (tout en permettant la modification du texte). La forme du masque d'opacité peut être ajustée en cliquant simplement sur l'icône du masque dans la palette Transparence lorsque la touche est enfoncée autre. En conséquence, l'objet, sur la base duquel le masque a été créé, sera sélectionné et deviendra disponible pour l'édition. Une fois l'édition terminée, cliquez sur l'icône de l'image.

Pour suppression complète masque d'opacité, sélectionnez-le et utilisez la commande Libérer le masque d'opacité(Supprimer le masque de transparence), et pour le masquer temporairement, utilisez la commande Désactiver le masque d'opacité(Retirer le masque de transparence). Les deux commandes sont sélectionnées dans le menu de la palette Transparence.

Effets photo

Tout d'abord, ouvrez une photo (Fig. 55) et formez un rectangle dessus, remplissez-la avec un dégradé linéaire et traitez-la avec un filtre Zigzag (Effet => Distorsion et transformation => ZigZag Effet => Distorsion et transformation => Zigzag) (Fig. 56).

Riz. 56. Apparition de l'objet ? sur la base duquel le masque semi-transparent sera créé

Créez un masque avec la commande Créer un masque d'opacité Transparence. En conséquence, l'image ressemblera à la Fig. 57, et dans la palette Transparence l'icône du masque créé apparaîtra (Fig. 58). Et maintenant essayez d'éditer le masque : sélectionnez-le en cliquant sur l'icône dans la palette Transparence tout en maintenant la touche enfoncée autre, utilisez l'effet Lueur intérieure (Effet => Styliser => Lueur intérieure(Effet=>Styliser=>Lumière intérieure) et ajoutez une ombre appropriée ( Effet => Styliser => Ombre portée Effet=>Stylisation=>Ombre). Il est possible que l'image ressemble à la Fig. 59.

Riz. 57. Aspect de la photo après application d'un masque translucide

texte texturé

Comme mentionné ci-dessus, le texte de texture est assez souvent créé à l'aide d'un masque de calque, mais des opportunités non moins larges pour couper du texte à partir d'une texture ou de toute photo s'ouvrent lors de l'utilisation de masques translucides.

Prenons, par exemple, la fig. 60 et imprimez du texte noir dessus (comme pour tout texte texturé, les lettres doivent être suffisamment grandes et larges) (Fig. 61). Sélectionnez le texte et la photo et utilisez la commande Créer un masque d'opacité(Créer un masque semi-transparent) dans le menu de la palette Transparence avec la case cochée agrafe(Recadrer). Il est possible que le résultat ressemble à la Fig. 62, et dans la palette Transparence l'icône du masque créé apparaîtra (Fig. 63). Veuillez noter qu'en cas d'échec de la localisation initiale du texte, il est facile de le déplacer après avoir créé le masque, après l'avoir préalablement sélectionné avec des outils Sélection(Surligner) ou Sélection directe(Sélection partielle).

Riz. Fig. 62. Apparition du texte de texture découpé sur une photo à l'aide d'un masque semi-transparent

En conclusion, essayez de donner au texte un effet tridimensionnel. Pour ce faire, sélectionnez le texte et copiez-le dans le presse-papiers avec la commande Édition=>Copier(Edition=>Copier). Collez ensuite une copie depuis le presse-papiers avec la commande Edition=>Coller devant(Retouche => Coller devant) pour que l'image d'origine et sa copie se superposent. Déplacez ensuite légèrement la copie inférieure du texte vers la droite et vers le bas et sur la palette Transparence réduire son opacité de 100% à environ 50-40%. Le texte de texture résultant sera similaire à celui illustré à la Fig. 64.

Un résultat tout aussi intéressant peut être obtenu avec un remplissage de texte dégradé (Fig. 65). En même temps, pour former une ombre spectaculaire à la toute fin, avant de créer le masque, copiez le texte créé dans le presse-papiers, puis créez le masque de la manière habituelle dans ce cas, après avoir créé le masque, la palette Transparence aura la même forme que celle illustrée à la Fig. 66, et le texte ressemblera à la Fig. 67.

Riz. 67. L'apparence du texte de texture basé sur un masque dégradé semi-transparent

Ensuite, collez une copie du texte du presse-papiers avec la commande Edition=>Coller à l'arrière(Édition => Coller à l'arrière) pour que la copie soit en dessous du texte d'origine. Enfin, déplacez la copie inférieure du texte de 2 à 3 pixels vers la droite et vers le bas (Figure 68).

Texte de couleur translucide

Ouvrez la photo sur la base de laquelle le texte translucide sera créé (Fig. 69). Imprimez le texte sur la photo téléchargée dans n'importe quelle couleur vive, par exemple l'orange (Fig. 70), la palette des calques ressemblera à la fig. 71 (notez que le calque de texte est au-dessus du calque d'arrière-plan). Échangez les calques par simple glisser-déposer, puis sélectionnez les deux calques dans la palette Couches et créer un masque avec la commande Créer un masque d'opacité(Créer un masque semi-transparent) (Fig. 72). Le texte ainsi obtenu conservera sa couleur d'origine (c'est-à-dire l'orange), mais le fond s'y verra très bien (Fig. 73). Lorsque vous avez terminé, appliquez une ombre au texte avec la commande Effet => Styliser => Ombre portée(Effet=>Stylisation=>Ombre) avec les paramètres appropriés (Fig. 74).

Bouton translucide

Créez un cercle et remplissez-le d'un dégradé radial noir et blanc (Fig. 75). Faites ensuite deux copies du cercle et placez chaque copie avec la commande Édition=>Coller(Edition => Coller) sur un calque à part, puis dans la palette Couches trois couches apparaîtront : Couche 1, Couche 2 et Couche 3 avec le même cercle sur chacun. Verrouiller temporairement et rendre les calques invisibles Couche 2 et couche 3. Allez au calque 1, activez la palette Pente et changez les paramètres de remplissage dégradé en quelque chose comme celui illustré à la fig. 76. En conséquence, le cercle sur la première couche prendra la forme conformément à la fig. 77, et l'apparition de la palette Couches ressemblera à du riz. 78.

Déverrouiller le calque Couche 2, sélectionner avec l'outil Sélection les deux couches inférieures et créez un masque avec la commande Créer un masque d'opacité(Créer un masque semi-transparent) dans le menu de la palette Transparence avec les cases à cocher activées agrafe(Trim) et inverser le masque(Masque inversé). Pour vérifier le masque, activez temporairement le mode Grille de transparence Commande (Grille de transparence) Affichage=>Afficher la grille de transparence(Affichage=>Afficher la grille de transparence), et vous verrez que le cercle est translucide dans sa partie centrale (Fig. 79, 80).

Riz. Fig. 80. L'apparence du cercle après la création du masque avec le mode Grille de transparence activé

Déverrouiller le calque Couche 3, sélectionnez le cercle, remplissez-le de blanc et utilisez les sélectionner la direction(Sélection partielle) modifier le contour du cercle afin qu'il ressemble à la figure illustrée à la fig. 81. Formez un rectangle sur le cercle blanc modifié afin qu'il recouvre complètement le futur masque. Remplissez-le ensuite d'un dégradé linéaire noir et blanc (Fig. 82). Sélectionnez les deux objets avec l'outil Sélection(Sélectionner), créez un masque avec la commande Créer un masque d'opacité(Créer un masque semi-transparent) et régler les paramètres de transparence conformément à la fig. 83. Le bouton résultant ressemblera à celui illustré à la fig. 84.

La touche finale pourrait être l'ajout d'une ombre noire à droite et en bas du bouton. Pour le créer au-dessus du calque Couche 3 créer un nouveau calque Couche 4, copiez le cercle du calque Couche 1 dans le presse-papiers et collez-le sur le calque Couche 4équipe Édition=>Coller(Edition=>Insérer). Supprimez ensuite le remplissage du cercle, faites une bordure noire épaisse de 4 px autour de lui, un flou gaussien avec des options de flou de 5 px (commande Effet>=Flou>=Flou gaussien Effet>=Flou>=Flou gaussien) et déplacez-le avec un léger décalage vers la droite et vers le bas par rapport au bouton créé (Fig. 85).

Riz. 82. Former un rectangle sur le contour d'un cercle modifié blanc

J'ai trouvé une image SVG gratuite sur le net. J'expérimente la conception de sites Web en utilisant SVG. Le problème que j'ai est que l'arrière-plan du SVG est blanc.

Comment supprimer/supprimer un fond blanc à l'aide de Adobe Illustrator?

Réponses

Brendan

Essayez l'outil Sélection directe (raccourci A ou le pointeur blanc de la souris dans la barre d'outils) et voyez si vous pouvez cliquer dessus.

Si vous ne pouvez pas le sélectionner et le supprimer, il y a de fortes chances que le « fond » blanc ne soit pas du tout un fond ; c'est plutôt la couleur du plan de travail. Pour des raisons évidentes, c'est blanc dans Illustrator, mais c'est finalement une chose arbitraire. Si vous voulez vraiment changer la couleur du plan de travail, vous pouvez le faire.

Omné

En supposant qu'il y ait un arrière-plan, vous devriez pouvoir le sélectionner et le supprimer. Vous pouvez y parvenir avec de nombreux diverses méthodes, un problème avec les SVG est qu'ils comportent parfois de nombreux calques et groupes complexes.

Essayez d'abord de voir si vous pouvez le sélectionner avec l'outil de sélection directe, s'il est dans un groupe, un double-clic sur l'objet l'isolera et vous pourrez le sélectionner individuellement.

Je ne comprends pas pourquoi l'outil baguette magique ne fonctionne pas pour vous si c'est le seul objet de couleur blanche qui était censé fonctionner...

Alternativement, vous pouvez essayer de trouver cet objet à partir de vos objets, regardez dans la fenêtre des calques.

Comme il s'agit d'un SVG libre de droits, il serait utile que vous nous donniez un lien.

Jamix

Merci, il s'est avéré que mon "arrière-plan" était un rectangle noir que j'ai trouvé dans la fenêtre "Calque".

Machei

Un outil web simple qui vous permet de changer les couleurs image vectorielleà l'aide d'un éditeur de graphiques raster

spnk.pl/svg-edit-colors/

Kurt

Veuillez expliquer ce que vous voulez dire ou comment utiliser l'outil que vous avez lié. Ne donner qu'un lien sans explication n'est pas le bienvenu...

Machei

Désolé, je n'ai pas eu le temps de l'expliquer. Mon outil a été créé il y a 2-3 jours, vous pouvez supprimer le fond (ou autre élément) couleur spécifiéeà l'aide d'un éditeur de graphiques raster. J'ai aussi téléchargé le tutoriel sur YouTube.

repondu

c'est si simple, si vous voulez changer l'arrière-plan du fichier SVG, veuillez d'abord visiter la palette des calques, là vous devez sélectionner le chemin que vous voulez vraiment modifier, et après avoir sélectionné cette partie (chemin) dans le panneau des calques, cliquez sur sur la fenêtre (petite ligne rouge verticale)) en bas de la fenêtre rendra l'arrière-plan transparent et vous avez terminé.

Comment faire du PNG avec transparence dans Adobe Illustrator ? Très simple. Nous ouvrons fichier souhaité et allez dans le menu Fichier > Économisez pour le Web et les appareils(Alt+Ctrl+Maj+S). Dans la fenêtre qui s'ouvre, dans la liste Format de fichier optimisé sélectionnez PNG et cochez la case Transparence(Transparence).

Ensuite, nous déterminons quelles couleurs seront transparentes. Toutes les couleurs présentes dans l'image sont contenues dans l'onglet tableau des couleurs(Nuancier) et sont affichés sous forme de carrés de couleur. Sélectionnez un outil dans la barre d'outils sur le côté gauche de la fenêtre pipette(pipette).

Les couleurs peuvent être définies de deux manières. Le moyen le plus simple consiste à spécifier la couleur avec une pipette directement sur l'image - après cela, la couleur sera mise en surbrillance sur la table des couleurs avec un trait sombre. Si vous savez exactement quelle couleur doit être transparente, vous pouvez la sélectionner directement sur la table des couleurs en cliquant sur la case colorée correspondante. Et dans les premier et deuxième cas, si vous devez sélectionner plusieurs couleurs, vous devez travailler avec la touche Maj (ou Ctrl) enfoncée. Rendons maintenant les couleurs sélectionnées transparentes. Pour cela, cliquez sur l'icône Mappe les couleurs sélectionnées sur Transparent(Rend les couleurs sélectionnées transparentes). Dans l'image du haut, cette icône est encerclée et la couleur rouge est définie sur transparent. Une zone transparente apparaîtra sur l'image et le carré sur la table des couleurs changera d'apparence - une partie deviendra un triangle blanc. Cliquez à nouveau sur l'icône Mapper les couleurs sélectionnées sur Transparent pour annuler la transparence de la couleur sélectionnée.

Quelques mots sur la méthode de réglage de la transparence. Le menu déroulant en est responsable. Spécifier l'algorithme de tramage de transparence, en russe - Algorithme de simulation de transparence (fig. ci-dessous). Il y a quatre choix : No Transparency Dither - aucun algorithme, Diffusion Transparency Dither - algorithme diffus, Pattern Transparency Dither - algorithme basé sur le modèle et Noise Transparency Dither - algorithme basé sur le bruit. En mode d'algorithme de diffusion, le curseur Quantité devient actif, vous permettant de modifier la valeur de diffusion. Que mettre en pratique ? Selon le but et l'image. Je laisse toujours la valeur par défaut - No Transparency Dither.

Cliquez sur Enregistrer - le PNG transparent est prêt. Le travail a été effectué dans la version CS4 d'Adobe Illustrator, mais toutes les actions et les raccourcis clavier sont pertinents pour les versions antérieures.

Si l'image avait des limites claires, aucun traitement supplémentaire n'est nécessaire. Dans le cas d'utilisation d'ombres ou si les bordures de transparence ne sont pas tout à fait claires, il faut parfois bricoler en rouvrant le PNG transparent créé dans Photoshop et en effaçant un pixel de la bordure de l'image avec un élastique. Si le PNG transparent est créé par quelqu'un d'autre et que vous devez l'utiliser, et que la couleur d'arrière-plan de l'image est très différente de la couleur d'arrière-plan de la page Web, un tel traitement des bords est simplement nécessaire. Vous devrez utiliser l'outil Crayon pour aligner les couleurs le long des bords, en sélectionnant les pages proches de l'arrière-plan. Dans ce cas, il est nécessaire de convertir l'image en RVB avant le traitement et, à la fin, de revenir aux couleurs indexées. Les images montrent comment cela se fait. La première image est un PNG transparent, préparé pour un fond rouge (une bordure rouge rugueuse est visible sur un fond blanc), la seconde est une bordure agrandie, supprimant complètement ce que nous obtenons des "dents".

Réglage de l'opacité sans masquage

Palette Transparence(Transparence) vous permet de modifier facilement la transparence de tous les objets raster et vectoriels (formés de différentes manières : en utilisant des contours de différents types, des symboles de la palette Symboles(Symboles) ou sous forme de texte) et faire apparaître efficacement les objets sous-jacents. Faites attention, par exemple, à la Fig. 1, qui est prise comme image d'origine. Puis une série de contours lui a été ajoutée : le contour supérieur a été créé avec l'outil Stylo(Plume) et remplie d'un dégradé linéaire, et une série de gouttelettes d'eau obtenues à l'aide d'une palette Symboles. Tous les contours impliqués ont leurs propres niveaux de transparence (Fig. 2, 3).

Riz. 3. L'apparence finale de la photo après avoir ajusté la transparence des objets individuels

De plus, dans la palette Transparence(Transparence) il est possible de sélectionner les modes de fusion des couleurs ( mode de fusion): Normal(Normal) (ce mode est défini par défaut), Multiplier(Multiplication), Filtrer(Éclaircissement), etc., qui peuvent être appliqués non seulement à un seul objet, mais également à un groupe ou à un calque, et en combinaison avec le niveau de transparence, vous permettent d'obtenir l'effet de visibilité souhaité de l'objet.

Définition de l'opacité des objets vectoriels

Envisagez la possibilité de définir l'opacité pour des objets individuels. Pour ce faire, dessinez quelques objets simples qui se croisent. De tels objets sont préférables, car ils permettent de se familiariser plus facilement avec les différentes options d'opacité. Dans cet exemple, trois fleurs qui se chevauchent sur un fond noir agiront comme des objets (Fig. 4). Sélectionnez deux objets, par exemple les deux fleurs du haut, et modifiez leurs valeurs de transparence dans la palette Transparence, par exemple, comme le montre la Fig. 5, pour cela il vous suffit de faire glisser le curseur Opacité(Opacité). Notez que les fleurs sont désormais transparentes les unes par rapport aux autres et par rapport à l'arrière-plan (Fig. 6).

Riz. 9. Réglage de l'opacité et du mode de fusion pour le nouveau groupe

Riz. 10. Apparence de l'image entière après avoir ajusté les paramètres d'opacité

Sélectionnez les deux groupes d'objets, puis regroupez-les à nouveau et cochez la case Isoler le mélange(Mode de fusion Isoler) dans la palette Transparence cela isolera les objets lors de la définition de leur mode de fusion. En conséquence, le mode de mélange des couleurs sera appliqué aux objets inclus dans le groupe et tous les autres objets (dans ce cas, une seule étoile sur une fleur verte) seront ignorés (Fig. 11). N'oubliez pas que la case à cocher Isoler le mélange(Mode de fusion Isoler) n'a de sens que si vous parlez de modes de fusion des couleurs autres que Normal(Normal).

Riz. 11. Modification de l'apparence de l'image à la suite de l'isolement d'objets