Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > Général Conception Web > Webdesign & Ergonomie
Webdesign & Ergonomie Forum d'entraide Webdesign & Ergonomie : les bonnes pratiques de conception des sites web
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 05/10/2007, 16h44   #1
Nouveau Membre du Club
 
Avatar de fatenatwork
 
Inscription : septembre 2007
Messages : 129
Détails du profil
Informations personnelles :
Âge : 29

Informations forums :
Inscription : septembre 2007
Messages : 129
Points : 31
Points : 31
Par défaut [Traitement d'image] Maquette de site et modification diamge avec photoshop

Bonjour,
je suis debutante en designweb , je suis entrain de reprendre un site existant pour modification,
là je ve utiliser Adobe photoshop CS3 extended pour modifier des images existante du site,
mais je vois trop comment utiliser photoshop pour juste modifier le texte inclus dans une image!
auriez vous un lien ??
Merci
fatenatwork est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/10/2007, 16h53   #2
Modérateur
 
Avatar de Dsphinx
 
Homme
Développeur Web
Inscription : septembre 2005
Messages : 1 032
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Suisse

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

Informations forums :
Inscription : septembre 2005
Messages : 1 032
Points : 754
Points : 754
Hello,

avec Photoshop, tu prend l'outil texte, tu vas sur ton calque modifier ton texte et ensuite tu enregistres ton image pour le web ! Dans ton site, tu remplaces l'ancienne image par la nouvelle (car tu remprends un site...)
__________________
Les cours: XHTML, CSS, PHP, Flash et Javascript
Expliquez votre problème clairement et pensez à remercier ceux qui vous ont aidé.
N'oubliez pas : Le tag résolu est la meilleure des satisfactions sur developpez.com
Aucune question technique par MP.
Dsphinx est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/10/2007, 17h24   #3
Nouveau Membre du Club
 
Avatar de fatenatwork
 
Inscription : septembre 2007
Messages : 129
Détails du profil
Informations personnelles :
Âge : 29

Informations forums :
Inscription : septembre 2007
Messages : 129
Points : 31
Points : 31
Par défaut modification de site

mon problème nest pas mettre à jour le site (je fais genie logiciel à la base )

je parle plutot de gestion des images par photoshop merci
je vais essayer
Merci.
fatenatwork est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/10/2007, 20h56   #4
Membre chevronné
 
Avatar de djoyeux
 
Inscription : août 2007
Messages : 592
Détails du profil
Informations personnelles :
Âge : 32
Localisation : France, Paris (Île de France)

Informations forums :
Inscription : août 2007
Messages : 592
Points : 657
Points : 657
Je te consiel vivement de suivre qq tuto photoshop. Ce logiciel est une usine a gaz est le tutos de permettrons de comprendre comment il fonctionne...

Pour tes images. Celle que tu as a modifier sont au format *.psd ou autre figet tel que gil png ou jpg.

Si elle sont figet il faut que tu supprime ton texte et que tu en rajoute dedans.

Si tu fournit l'image avec tes desideratas je peux t'aidé si tu veux...
__________________
Dieu de l'orthographe pardonne moi.
Ne pas confondre language SMS et abréviation. ça n'a rien a voir...
djoyeux est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/10/2007, 11h44   #5
Nouveau Membre du Club
 
Avatar de fatenatwork
 
Inscription : septembre 2007
Messages : 129
Détails du profil
Informations personnelles :
Âge : 29

Informations forums :
Inscription : septembre 2007
Messages : 129
Points : 31
Points : 31
Par défaut l'image à modifier

Citation:
Envoyé par djoyeux Voir le message
Je te consiel vivement de suivre qq tuto photoshop. Ce logiciel est une usine a gaz est le tutos de permettrons de comprendre comment il fonctionne...

Pour tes images. Celle que tu as a modifier sont au format *.psd ou autre figet tel que gil png ou jpg.

Si elle sont figet il faut que tu supprime ton texte et que tu en rajoute dedans.

Si tu fournit l'image avec tes desideratas je peux t'aidé si tu veux...
je veux modifier le texte de l'image ci-joint:
je veux avoir trois autres boutons de la meme image avec les textes:
"Confirmer" "Annuler" "Commande Familiale".
Si tu connais un lien de tuto Photoshop, ça sera très bien
car c'est urgent
Merci
Images attachées
Type de fichier : gif bt_valider_off.gif (1,2 Ko, 14 affichages)
fatenatwork est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/10/2007, 13h05   #6
Membre chevronné
 
Avatar de djoyeux
 
Inscription : août 2007
Messages : 592
Détails du profil
Informations personnelles :
Âge : 32
Localisation : France, Paris (Île de France)

Informations forums :
Inscription : août 2007
Messages : 592
Points : 657
Points : 657
Pour ton problème c'est pas bien compliqué.

Dans photoshop avec la pipette tu prend la couleur Orange puis avec le crayon tu efface le texte proprement.

2ème solution : avec l'outil penssement.

Après avoir effacé le texte tu utilises l'outil texte pour mettre le texte de ton choix et tu fait fichier enregistré pour le web...
Images attachées
Type de fichier : jpg bouton.jpg (4,9 Ko, 9 affichages)
__________________
Dieu de l'orthographe pardonne moi.
Ne pas confondre language SMS et abréviation. ça n'a rien a voir...
djoyeux est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/10/2007, 18h21   #7
Rédacteur/Modérateur
 
Avatar de N1bus
 
Inscription : janvier 2003
Messages : 2 018
Détails du profil
Informations personnelles :
Âge : 47
Localisation : France, Charente Maritime (Poitou Charente)

Informations forums :
Inscription : janvier 2003
Messages : 2 018
Points : 1 992
Points : 1 992
Bonjour,

La pratique :

Pense "calques" !
  1. Tu crées un calque (ou plusieurs) sur lequel tu dessines le bouton (ou tu le corriges si c'est une image existante)
  2. tu crées des calques de textes avec tes différents labels (1 pour chaque)
  3. tu sauvegardes en PSD. (si dans 3 mois tu veux changer la couleur de tes boutons ou la taille de la police, ce sera bien pratique de retrouver l'empilement des calques)
  4. Tu enregistres pour le web (MAJ+CTRL+ALT+S) chaque bouton en masquant les calques de textes voulus.
Evidemment le "fond" du bouton est en bas, les calques de textes sont au dessus. Imagine que tu regardes d'en haut tes calques empilés.

Note :
Si c'est le bouton orange ci dessus, ne le corriges pas . Essaye de le refaire carrément ce sera plus propre et de bien meilleure résolution que de travailler depuis un gif (compressé). De plus ce n'est pas un bouton compliqué à faire.
N1bus est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/10/2007, 21h40   #8
Membre chevronné
 
Avatar de djoyeux
 
Inscription : août 2007
Messages : 592
Détails du profil
Informations personnelles :
Âge : 32
Localisation : France, Paris (Île de France)

Informations forums :
Inscription : août 2007
Messages : 592
Points : 657
Points : 657
PI : L'outil texte crée de lui même un nouveau calque...
__________________
Dieu de l'orthographe pardonne moi.
Ne pas confondre language SMS et abréviation. ça n'a rien a voir...
djoyeux est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/10/2007, 22h49   #9
Membre Expert
 
Avatar de Hephaistos007
 
Inscription : décembre 2004
Messages : 1 305
Détails du profil
Informations forums :
Inscription : décembre 2004
Messages : 1 305
Points : 1 388
Points : 1 388
Tiens, cadeau. En pièce jointe tu trouveras ton fameux bouton avec un calque de texte éditable.
Images attachées
Type de fichier : psd bt_valider.psd (28,5 Ko, 6 affichages)
__________________
Mieux vaut mobiliser son intelligence sur des conneries que sa connerie sur des choses intelligentes. [SHADOKS]

Cours sur la programmation pour SmartPhones Android (Requière la lecture du cours sur la programmation Java)
Hephaistos007 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 06h33.


 
 
 
 
Partenaires

Hébergement Web