Maison / Un service en ligne / Photoshop en ligne avec fond transparent. Comment faire un fond transparent sur une image. Le service LunaPic supprime l'arrière-plan de l'image

Photoshop en ligne avec fond transparent. Comment faire un fond transparent sur une image. Le service LunaPic supprime l'arrière-plan de l'image

Courir fichier d'installation et suivez les instructions du programme. Une fois l'installation terminée, Photo Editor s'ouvrira automatiquement.

Charger l'image dans le programme

Cliquez sur le bouton Fichier ouvert, dans la fenêtre qui apparaît, recherchez la photo souhaitée et cliquez sur Ouvrir. En outre, l'image peut être simplement glissée dans la fenêtre du programme.

Supprimer l'arrière-plan

Sur panneau du haut sélectionner l'onglet Remplacement de l'arrière-plan. Cliquez sur le bouton Sélection automatique, – le programme mettra automatiquement en surbrillance les silhouettes des personnes sur la photo.

Pour sélectionner un objet manuellement, utilisez le pinceau vert et sélectionnez l'objet vers lequel vous souhaitez transférer arrière-plan transparent. Il n'est pas nécessaire de faire attention à chaque millimètre de l'image - tout défaut peut être corrigé par la suite. Ensuite, avec un pinceau rouge, marquez la zone autour de l'objet souhaité. Cliquez sur le bouton Plus loin.

Vous devez maintenant affiner les bords de la partie découpée de l'image. Pour ajuster la sélection de grandes zones de l'image, sélectionnez la masque-pinceau. Pour affiner le bord de la zone sélectionnée, passez le pinceau dessus Mèche de cheveux. Lorsque vous êtes satisfait du résultat, passez à l'étape suivante.

Par défaut, le fond de l'image sera transparent. Si nécessaire, il peut être remplacé. Pour rendre l'arrière-plan unicolore, sélectionnez l'une des options prédéfinies (le programme propose des arrière-plans noir, gris et blanc) ou utilisez la palette. Pour mettre une autre photo en arrière-plan, cliquez sur le bouton Ajouter une image et sélectionnez l'image souhaitée. Appuyez ensuite sur le bouton Appliquer.

Enregistrer le résultat

Cliquez sur le bouton Sauvegarder. Par défaut, le programme propose d'enregistrer le fichier en JPEG. Ce format ne prend pas en charge la transparence, vous devez donc en choisir un autre. Ouvrir un onglet Type de fichier et sélectionnez BMP, DPX, PNG, TGA ou TIFF. Cliquez sur Sauvegarder. Le programme ouvrira automatiquement le dossier avec le fichier résultant.

Vous savez maintenant comment enregistrer une image avec un arrière-plan transparent. en utilisant MovaviÉditeur de photos. Mais le programme dispose de nombreuses autres options d'édition, telles que la suppression des objets indésirables des images, la restauration d'anciennes photos et l'application de filtres aux photos. Expérimentez et chaque cadre sera inoubliable !

Bien sûr, le format JPEG ne prend pas en charge la transparence, mais l'idée d'utiliser JPEG au lieu de PNG pour les textures transparentes est dans l'esprit des gens depuis longtemps. Kamrad PaulZi a suggéré il n'y a pas si longtemps d'utiliser le format SVG pour HTML, qui stocke l'image elle-même et le masque. Jim Studt suggère d'utiliser des champs EXIF ​​​​dans les JPEG et d'y stocker des masques, et de les afficher sur une page Web à l'aide de Canvas.
Les deux méthodes sont relativement difficiles à utiliser et sont conçues pour le Web, j'ai donc opté pour l'option la plus simple : stocker séparément le JPEG avec perte pour RVB et le masque sans perte en PNG, et les combiner au stade de l'obtention d'une UIImage dans le programme. Je veux dire tout de suite que j'écris sur MonoTouch, donc je cite le code en C #, bien que dans ObjC cela se fasse presque exactement de la même manière, en tenant compte de la syntaxe.

Séparation des canaux

Pour le partitionnement, j'utilise les utilitaires de la console d'ImageMagik.
Cette commande sépare le canal alpha :
convert file.png -channel Alpha -separate file.mask.png

La commande suivante crée fichier jpeg, en supprimant les données de transparence. Fait révélateur, certains autres utilitaires (dont Photoshop) lors de la conversion fichier png en JPEG, ils y ajoutent une sorte de fond unicolore et ne l'enregistrent ensuite qu'en RVB, ce qui donne une belle image, mais incorrecte, avec un alpha prémultiplié.
convertir fichier.png -qualité 90 -alpha off fichier.jpg

La qualité du fichier reçu est régulée par le paramètre qualité 90. 90% de qualité pour JPEG est plus que ce qu'Apple met pour les captures d'écran de programmes et de films. Je pense que chacun peut ajuster cette valeur à son goût.

Optimisation

Le masque est obtenu sous la forme d'un PNG en niveaux de gris 8 bits sans transparence. Ce format se comprime très bien. opter ou via le site www.tinypng.org.
Avec JPEG, la situation est plus intéressante. Il serait possible de se cantonner uniquement au réglage de la qualité, mais récemment je suis tombé sur un merveilleux utilitaire jpegrescan par Loren Merritt, l'un des développeurs ffmpeg et encodeur x264 ( à ses dépens, on soupçonne qu'il est le représentant d'un esprit extraterrestre ou d'un cerveau cybernétique).
L'utilitaire utilise une approche inhabituelle : il sélectionne différents coefficients pour la compression progressive et choisit les plus optimaux. Les gains sont de 5 à 15% à qualité d'image identique. L'utilitaire n'a pas sa propre page, seulement un sujet de discussion et le code perl lui-même : pastebin.com/f78dbc4bc

Afin de ne pas saisir les commandes manuellement à chaque fois, j'ai écrit un simple script bash :
#!/bin/bash basefile=$(1##*/) maskfile="$(basefile%.*).mask.png" jpegfile="$(basefile%.*).jpg" convert $1 -channel Alpha - séparer $maskfile convertir $1 -quality 90 -alpha off $jpegfile optipng $maskfile jpegrescan $jpegfile $jpegfile

Voici la sortie du script :


Dans mon cas, deux fichiers de 380Kb et 35Kb ont été obtenus à partir d'un fichier de 1.8Mb.

Collage

Le collage lui-même est très simple - deux images sont chargées dans une UIImage, puis une CGImage est créée à partir d'elles à l'aide de la méthode WithMask (dans ObjC, il s'agit respectivement de CGImageRef et initWithMask), puis enveloppées dans une nouvelle UIImage.
Résultat UIImage ; using(UIImage uiimage = UIImage.FromFile(file)) using(UIImage mask = UIImage.FromFile(maskFile)) ( CGImage image = uiimage.CGImage; image = image.WithMask(mask.CGImage); result = UIImage.FromImage(image , uiimage.CurrentScale, uiimage.Orientation); )

Dans un vrai projet, je l'ai rendu un peu plus compliqué et j'ai vérifié la présence du fichier *.mask.png, et s'il manque, alors je retourne l'habituel UIImage.FromFile().

Profit

Visuellement, le jeu n'a pas changé en aucune façon. Le retard de chargement et de collage des textures n'est pas perceptible à l'œil nu, c'est pourquoi je ne l'ai pas mesuré. Le projet lui-même a diminué de 6 (!!) mégaoctets, à la fois sous forme .ipa, dans iTunes et sur l'appareil.

Capture d'écran du jeu en PNG. Aucun artefact ou problème de compression/transparence n'est visible.
Un peu gênant le double du nombre de photos dans le dossier du projet, mais ça peut être surmonté. Les changements de code sont minimes. Pour les graphiques d'interface, cette méthode n'est pas idéale en raison de la nécessité d'attribuer manuellement une UIImage et de ne pas charger à partir de NIB / XIB, mais elle convient tout à fait aux contrôles ou textures personnalisés. Même si un JPEG est enregistré avec une qualité de 100 %, la taille des fichiers résultants peut être inférieure à celle du PNG original sans perte.

PS ImageMagick et optipng sont installés à partir des ports (MacPorts/Fink/Brew) et portent le même nom. Le script jpegrescan se télécharge à partir de

Très souvent lors de la création cartes de voeux ou vidéo, je suis tombé sur la question : comment cela peut-il être fait ? 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 dossier séparé en images. Ou sur le bureau, vous n'avez donc pas à chercher longtemps. Cliquez une fois sur cette image et appuyez 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 la photo finie, j'ai donc 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 baguette magique(barre d'outils, colonne de droite, deuxième bouton à partir du haut), spécifiez 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.

L'essentiel est de spécifier une image sur votre ordinateur ou votre téléphone, puis de cliquer sur le bouton OK en bas de cette page. Par défaut, le fond uni de l'image est remplacé par un fond transparent. La couleur de fond de l'image d'origine est déterminée automatiquement, il vous suffit de spécifier dans les paramètres par quelle couleur la remplacer. Le paramètre principal qui affecte la qualité du remplacement est "l'intensité de remplacement" et il peut être différent pour chaque image.

Un exemple de photo d'une rose rose sans modifications et après avoir remplacé le fond uni par du transparent, du blanc et du vert :


Premier exemple avec une fleur de rose sur fond transparent se fait avec les réglages suivants :
1) Intensité de remplacement - 38 ;
2) Lissage sur les bords - 5 ;
3) Remplacez le fond uni par un fond transparent ;
4) Recadrage (<0) или Добавление (>0) le long des bords - "-70" ;
5) Inverser - désactivé (coche non cochée).

Pour créer deuxième exemple, avec un fond blanc, les mêmes paramètres ont été utilisés que dans le premier exemple, à l'exception du paramètre : "Remplacer le fond uni par" - blanc. DANS troisième exemple, avec un fond vert, les paramètres sont également utilisés, comme dans le premier exemple, à l'exception du paramètre : "couleur au format hexadécimal" - #245a2d.

L'image d'origine n'est en aucun cas modifiée. Vous recevrez une autre image traitée avec un fond transparent ou le fond que vous spécifiez.

1) Spécifiez une image au format BMP, GIF, JPEG, PNG, TIFF :

2) Paramètres de remplacement d'un arrière-plan uni
Taux de remplacement : (1-100)

Lissage des bords : (0-100) Remplacez l'arrière-plan uni par : transparent (PNG-24 uniquement) rouge rose violet bleu turquoise ciel vert citron jaune orange noir gris blanc ou couleur hexadécimale : ouvrez la palette Rogner (<0) или Добавление (>0) sur les bords : (de -100 à 100)
(Intensité pour un recadrage supplémentaire ou l'ajout de pixels autour d'une sélection sur un fond transparent) Inverser la sélection (au lieu de l'arrière-plan, remplacer le premier plan)