Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML
HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 09/08/2011, 15h00   #1
 
Homme
Analyse système
Inscription : juin 2011
Messages : 59
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Analyse système

Informations forums :
Inscription : juin 2011
Messages : 59
Points : -7
Points : -7
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
programmeur400 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 15h07   #2
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

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

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 797
Points : 35 797
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 !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, 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
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 15h12   #3
 
Homme
Analyse système
Inscription : juin 2011
Messages : 59
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Analyse système

Informations forums :
Inscription : juin 2011
Messages : 59
Points : -7
Points : -7
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
programmeur400 est déconnecté   Envoyer un message privé Réponse avec citation 02
Vieux 09/08/2011, 15h17   #4
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

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

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 797
Points : 35 797
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 !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, 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
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 15h19   #5
 
Homme
Analyse système
Inscription : juin 2011
Messages : 59
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Analyse système

Informations forums :
Inscription : juin 2011
Messages : 59
Points : -7
Points : -7
bon alors comment fait 'on pour faire ça sous photoshop?
programmeur400 est déconnecté   Envoyer un message privé Réponse avec citation 01
Vieux 09/08/2011, 15h23   #6
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
On demande à un graphiste.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 15h25   #7
 
Homme
Analyse système
Inscription : juin 2011
Messages : 59
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Analyse système

Informations forums :
Inscription : juin 2011
Messages : 59
Points : -7
Points : -7
je dois faire la même chose je veux une explication serieuse
merci
programmeur400 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 15h29   #8
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

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

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 797
Points : 35 797
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 !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, 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
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 15h39   #9
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Citation:
Envoyé par Bovino Voir le message
va rendre possible de se former à Photoshop sur un forum ?
Un forum HTML qui plus est.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/08/2011, 16h13   #10
 
Homme
Analyse système
Inscription : juin 2011
Messages : 59
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Analyse système

Informations forums :
Inscription : juin 2011
Messages : 59
Points : -7
Points : -7
c est fait avec photosop cs5 ou photoshop elements?Quel photoshop acheter pour faire ça?
programmeur400 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/08/2011, 00h05   #11
Modérateur
 
Avatar de Vil'Coyote
 
Développeur Web
Inscription : février 2008
Messages : 3 303
Détails du profil
Informations personnelles :
Âge : 31
Localisation : France, Marne (Champagne Ardenne)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : février 2008
Messages : 3 303
Points : 4 481
Points : 4 481
je pense que gimp permettra de le faire mais pas photoshop element.
tu devrais poser ta question dans la patie imagerie plutot que html.
Vil'Coyote est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/08/2011, 10h57   #12
Rédacteur
 
Avatar de jreaux62
 
Homme Jérôme Réaux
Webdesigner
Inscription : août 2008
Messages : 2 993
Détails du profil
Informations personnelles :
Nom : Homme Jérôme Réaux
Âge : 45
Localisation : France, Pas de Calais (Nord Pas de Calais)

Informations professionnelles :
Activité : Webdesigner
Secteur : Arts - Culture

Informations forums :
Inscription : août 2008
Messages : 2 993
Points : 5 786
Points : 5 786
Envoyer un message via Skype™ à jreaux62
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é ! ...
__________________
"Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément."
Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique.
Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
jreaux62 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/08/2011, 05h38   #13
Membre Expert
 
Avatar de Atomya Rise
 
Femme Emilie Lefol
En recherche d'emploi
Inscription : février 2009
Messages : 411
Détails du profil
Informations personnelles :
Nom : Femme Emilie Lefol
Âge : 26
Localisation : France, Somme (Picardie)

Informations professionnelles :
Activité : En recherche d'emploi
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : février 2009
Messages : 411
Points : 1 277
Points : 1 277
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
Type de fichier : jpg 06.jpg (34,6 Ko, 2 affichages)
__________________

Si un message vous a aidé, pensez à voter positivement pour lui ! Merci
Pas de question technique en privé
- Si on criait sur la place publique les fautes de tout le monde, on ne pourrait plus fréquenter personne ! (Marcel Pagnol)
- Technocrates, c’est les mecs que, quand tu leur poses une question, une fois qu’ils ont fini de répondre, tu comprends plus la question que t’as posée. (Coluche)
Atomya Rise est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 08h15.


 
 
 
 
Partenaires

Hébergement Web