IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Effet sur une image


Sujet :

HTML

  1. #1
    Membre actif
    Homme Profil pro
    Analyse système
    Inscrit en
    Juin 2011
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Juin 2011
    Messages : 61
    Par défaut Effet sur une image
    bonjour,
    à cette adresse http://www.jodeyris.com/galerie/index.htm, il y a une peinture que l'on retrouve a cette adresse http://www.jodeyris.com/galerie/rouge.htm (la sixième en partant du haut sur la rangée de gauche). A partir de cette peinture qui a des contours bien définis correspondant aux cotés de la page sur laquelle elle a été peinte, je voudrais comprendre comment il faut faire pour la restituer comme elle est restituée ici http://www.jodeyris.com/galerie/index.htm c'est à dire avec des contours flous qui se perdent dans le blanc à côté et qui ne correspondent donc pas aux contours stricts de la même peinture que je répète qui se trouve ici http://www.jodeyris.com/galerie/rouge.htm (la sixième en partant du haut sur la rangée de gauche).

    merci

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Ce ne sont pas les mêmes images...
    Celle sur l'index est découpée et retouchée, c'est juste du Photoshop.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre actif
    Homme Profil pro
    Analyse système
    Inscrit en
    Juin 2011
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Juin 2011
    Messages : 61
    Par défaut
    oui mais comment est t elle retouchée?sous paint comment on fait cet effet "d enlever les bords" pour qu 'ils se perdent dans le reste de la page?c' est ça qu'il m içnteresse de savoir car je veux faire la même chose

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par programmeur400
    oui mais comment est t elle retouchée?sous paint comment on fait cet effet "d enlever les bords" pour qu 'ils se perdent dans le reste de la page?
    Sous paint ?
    Ben... on va dire que c'est à peu près aussi faisable que du gras avec Notepad
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre actif
    Homme Profil pro
    Analyse système
    Inscrit en
    Juin 2011
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Juin 2011
    Messages : 61
    Par défaut
    bon alors comment fait 'on pour faire ça sous photoshop?

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    On demande à un graphiste.

  7. #7
    Membre actif
    Homme Profil pro
    Analyse système
    Inscrit en
    Juin 2011
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Juin 2011
    Messages : 61
    Par défaut
    je dois faire la même chose je veux une explication serieuse
    merci

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par programmeur400
    je dois faire la même chose je veux une explication serieuse
    merci
    Ah ben oui, dans ce cas ça change tout !

    Tu crois quoi ? Que le simple fait de "je dois faire la même chose" va rendre possible de se former à Photoshop sur un forum ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  9. #9
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par Bovino Voir le message
    va rendre possible de se former à Photoshop sur un forum ?
    Un forum HTML qui plus est.

  10. #10
    Membre actif
    Homme Profil pro
    Analyse système
    Inscrit en
    Juin 2011
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Juin 2011
    Messages : 61
    Par défaut
    c est fait avec photosop cs5 ou photoshop elements?Quel photoshop acheter pour faire ça?

  11. #11
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    je pense que gimp permettra de le faire mais pas photoshop element.
    tu devrais poser ta question dans la patie imagerie plutot que html.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  12. #12
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    tu peux aussi créer un "encadrement" avec une image .png : (dans ce genre : ici, , , ..., trouvés sur le web)
    - intérieur transparent,
    - bords intégrant le fond sur quelques pixels (effet de transition voulu entre le fond et les photos).

    1/ Et superposer cet "encadrement" sur les photos (un div de z-index plus élevé).
    De cette manière, inutile de modifier les photos.
    - Pour la création de l'"encadrement", (même soucis) : il faut le faire avec photoshop (ou autre) ...
    - pour la superposition : html et css. (ce qui rend presque ta question légitime sur ce forum !)

    2/ Il me vient une autre idée, plus simple (sans z-index, sans superposition de div) :
    - 1 seul div, avec la photo en background,
    - dans ce div, afficher l'image "encadrement"
    ... et le tour est joué ! ...
    Dernière modification par Invité ; 10/08/2011 à 11h49.

  13. #13
    Membre émérite Avatar de Atomya Rise
    Femme Profil pro
    Développeuse Web
    Inscrit en
    Février 2009
    Messages
    443
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 39
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeuse Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2009
    Messages : 443
    Par défaut
    Pour faire ceci avec photoshop...

    1- tu récupères l'image qui se trouve sur se lien : http://www.jodeyris.com/images/galerie/medium/06.jpg

    2- tu l'ouvres dans photoshop

    3- tu créer un nouveau calque avec un fond blanc, puis tu passe se calque en invisible (on l'appellera fond)

    4- Sur l'image de départ, ctrl+A et ctrl+C pour sélectionner toute l'image et la copier, ensuite, tu créer un nouveau calque que tu positionneras au dessus du fond et tu la colle dedans (on l’appellera peinture)

    5- tu supprimes le calque d'origine qui est cadenassé et tu repasse en visible le calque "fond".

    6- sur le calque "peinture" tu va utilisé l'outil "rectangle de sélection", tu va sélectionné le bord rouge à gauche et taper sur la touche DEL de ton clavier, idem pour le bord droit.

    7- Tu doubles clique sur le calque "peinture"

    8- les réglages :
    - lueur interne => opacité 100%, bruit: 0, fond blanc, technique: plus tamisée, source: contour, maigri: 0%, taille: 57px, contour: gaussien, étendue: 55%, variation: 0% et tu appliques.

    9- tu reprends l'outil "rectangle de sélection" et sélectionne la partie à garder, ensuite, tu fais Image/recadrer

    Et voilà, tu as ton image
    Bien sur, on peux faire mieux, mais les bases sont là....
    Images attachées Images attachées  

Discussions similaires

  1. [PPT-2010] effet sur une image
    Par Trinaque dans le forum Powerpoint
    Réponses: 1
    Dernier message: 24/02/2012, 20h14
  2. [GD] effet mirroir sur une image
    Par darkloy dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 01/02/2010, 21h47
  3. Application d'un height 100% sur une image sans effet
    Par Earthwormjim dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 26/05/2009, 01h28
  4. problème avec un rollover (effet de survol) sur une image/bouton
    Par f56bre dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/03/2007, 14h10
  5. [ImageMagick] Effet miroir sur une image
    Par drakan dans le forum Bibliothèques et frameworks
    Réponses: 2
    Dernier message: 22/11/2006, 11h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo