Détourer proprement le LOGO d'une associationRésolu/Fermé

Question

Bonjour à tous,

J'ai peu de compétences sur l'aspect graphisme.

Mon objectif était de DETOURER cette image : http://4.bp.blogspot.com/-1_CJSKA8MW8/VdiHEM9NgnI/AAAAAAAAAPI/cALw3khv7bI/s1600/LOGO-TRANSPARENT.png


... Et donc de l'enregistrer en .png (sur fond transparent), pour avoir :

  - un modèle en 120x120 px,
  - un modèle en 110x110 px,

J'ai utilisé la baguette magique de Photoshop ... puis réduit l'image aux tailles voulues ... avant "d'enregistrer pour le web" en format .png


Comme vous le voyez ICI (dans ma bannière) : http://www.xchoolixim.org/ 

... Le résultat est moyen. Le cercle noir n'est pas net ; il y a du blanc qui dépasse. Je sais que mon image de départ est "moyenne" mais je pense qu'il serait possible d'obtenir un meilleur résultat.

Quelqu'un pourrait pourrait-il m'aider sur cette opération ?

Merci ...

Jean-Yves



Configuration: Windows Vista / Chrome 44.0.2403.155

astuces72 · Answer

slt
sinon refaire entièrement l'image

transat · Answer

Salut
C'est mieux comme ceci ?
https://www.cjoint.com/c/EHwpFpl6WcS
PS: Au lieu de la baguette ,j'ai utilisé la gomme magique
 
La curiosité sur CCM n'est pas un défaut mais une qualité

malku · Answer

Bonsoir Transat,

Tu as réussis un détourage plus discret mais ... tu me livres une "bannière-image" ... alors que moi, je veux juste détourer proprement mon LOGO pour inclure ensuite cette image dans ma bannière texte.

Moi, je veux juste le logo détouré.
Je n'en suis pas au stade de faire une bannière pour le moment.

... pourtant, je me dis que lorsqu'on examine l'image détourée ICI : http://4.bp.blogspot.com/-1_CJSKA8MW8/VdiHEM9NgnI/AAAAAAAAAPI/cALw3khv7bI/s1600/LOGO-TRANSPARENT.png

... elle ne semble pas trop dégradée. Apparemment, c'est en réduisant sa taille que je la dégrade ou les défauts apparaissent plus.

Y a t-il une solution pour obtenir un logo ok aux tailles souhaitées ?

Le liseret noir autour du logo ne peut-il pas être reconstitué simplement ? Les blancs qui apparaîssent éliminés ?

Donnes-moi ton avis ...  :)

Mr · Answer

Salut
Il est facile de détourer proprement une forme géométrique (cercle, carré rectangle) il faut se servir des formes vectorielles de photoshop
tu crées un nouveau calque 
tu le passes dessous
Tu traces une ellipse
crées un masque d'écrêtage
ensuite tu positionne et tu agrandis l'ellipse par ctrl T jusqu'à avoir ton détourage parfait
enfin tu enregistres en png

Quand tu enregistres une image jpeg, tous les logiciels lissent l'image avec des pixels intermédiaires
Par exemple entre du blanc et du noir il y  aura un pixel noir, puis un gris foncé, puis un gris moyen ,puis un gris clair puis un blanc,  et non un blanc à coté d'un noir.

C'est plus joli car ça évite les effets d'escaliers mais à cause de ça il est absolument impossible d'avoir un détourage parfait au pixel prés avec la baguette magique,ni avec aucun outil de sélection automatique, tu ne pourra y arriver qu'avec la plume ou bien les masques vectoriels
Ce qui t'arrive c'est que ta baguette arrive à sélectionner tous les pixels blancs, mais n'arrive pas à prendre les différents pixels gris adjacents, d'où l'impression que ton détourage n'est pas clean.


Y a t-il une solution pour obtenir un logo ok aux tailles souhaitées ? 

Ton logo est dégradé à force d'être enregistré et réenregistré, on voit même que les couleurs sont délavées
Il faudrait carrément le refaire et en vectoriel car c'est le seul moyen d'avoir différentes taille sans aucune perte.

Pour limiter les dégâts car tu ne peux que les limiter sers toi de la méthode bicubique la plus adaptée à la réduction (tu vois ça en bas dans image taille de l'image)
Et à la fin un peu de filtre renforcement accentuation


Le liseret noir autour du logo ne peut-il pas être reconstitué simplement ?

Ca oui, tu détoures comme je t'ai indiqué mais ce coup ci en enlevant aussi le contour noir
Ensuite tu vas dans les styles de calques et tu refais un contour

malku · Answer

Ok, à vrai dire j'ai jamais trop pratiqué les calques, etc.

Quand tu dis "Tu traces une élipse" ... Tu veux dire un cercle dans mon cas ?

Comment tracer un cercle facilement avec photoshop ? Quel outil pour créer un cercle parfait ?

Une partie du problème vient peut-être aussi du fait que je veux créer des images plus petites ... l'une en 120x120 px et l'autre en 110x110 px ... On dirait que la réduire dégrade la qualité.

Sinon, est-ce que tu penses que je peux trouver un tutoriel bien fait pour faire ce travail ? (Sur une forme ronde). Ce n'est pas forcément un travail simple pour moi,

JY

Pierrecastor · Answer

Salut

Si ca t'intéresse, je peux essayer de refaire le logo entièrement pour qu'il sois plus net.
 
Je peux même tenter une version vectoriel, ça sera une bonne façon pour moi de m'y remettre. Ca te permettra d'avoir une image que tu peux réduire ou agrandir à l'infinie sans perte de qualité.


Allumez un feu pour quelqu'un et il sera au chaud pour le reste de la journée. Mettez à feu un homme et il sera au chaud pour le restant de sa vie. 
-Terry Pratchett-

malku · Answer

Bonsoir Pierre ...

... Oh Ouiiii ... Ce serait super gentil. En plus, c'est pour une association très au Guatemala à qui je donne un coup de main pour faire un espace sur Internet.     www.xchoolixim.org

Je pourrais t'adresser l'image d'origine qui me semble être celle de meilleure qualité si tu me donnes ton adresse courriel.

On fait comment ?

Jean-Yves

transat · Answer

Re
voici le logo détouré
 
Clic droit et "enregistre la
Colle  la ensuite sur un fond rouge et tu verras qu'elle n'a pas de fond blanc autour 
Si tu veux reconstituer le liseré noir, tu adaptes une sélection sur le liseré
Tu vas dans contour et remplissage et tu joues sur l'épaisseur du liseré
https://www.cjoint.com/c/EHwskoZaNZS 
Edith
Je passe la main à Pierre car refaire ce genre de dessin ,cela dépasse mes compétences.Bonne soirée à vous
La curiosité sur CCM n'est pas un défaut mais une qualité

malku · Answer

Tu pourrais peut-être me pas passer ton mail en Message Personnel (MP) ... pour que je te passes ce que j'ai ? ...

JY

malku · Answer

Non ...

... C'est TRES gentil d'essayer ! 
Et de me faire un diagnostic si ça ne marche pas,

A bientôt,

malku · Answer

Sinon, si cela n'est pas possible, tu ne penses pas qu'il est possible d'obtenir un detourage plus net que celui qui est en ligne ICI : www.xchoolixim.org

Je ne veux pas non modifier leur Logo.

Si l'image est trop mauvaise, je laisserai pour le moment sur le blog le LOGO detoure tel qu'il est ... Je leur demanderai de chercher une meilleure version de celui-ci ... mais je sais pas s'ils ont encore la version originelle encore en leur possession.

Merci, en tous les cas.

JY

malku · Answer

Ah ok, excuses-moi. La, j'ai eteint mon ordi., et je suis sur mon IPad ... Donc avec moins de facilite pour examiner l'element.

Par exemple, je ne peux pas voir sa taille ...

Je voudrais ce logo detoure en 120x120 px   et 110x110 px      Est-il déjà dans cette taille ???    ... car ma crainte est que le fait de reduire la taille entraine une nette degradation des contours.

Je dois sortir 20 min. acheter un truc ... Et ensuite, je me re-connectes a l'ordi

malku · Answer

Pierre ... 

Merci beaucoup ! ! !  Je suis content !  La netteté du logo en ligne sur www.xchoolixim.org est bien meilleure que ce que j'avais réussi.

Bien sûr, l'image d'origine est une très "mauvaise source" mais le résultat final est OK ...

Je verrais avec eux s'il ont une meilleure source plus tard ... ou s'ils veulent le refaire mais A COURT TERME, je suis bien content d'avoir pu améliorer ce que j'avais mis en ligne.

Bonne nuit !

Jean-Yves

malku · Answer

Je vous remercie aussi bien sûr tous ... Astuce72, Transat et Mr ... pour votre aide ce soir.

Bonne nuit à tous,

Détourer proprement le LOGO d'une association

14 réponses

Discussions similaires

Newsletters