Comment créer de jolie Bouton pour un site ? Résolu/Fermé

Question

Bonjour à tous, je souhaiterais que quelqu'un m'aide pour la créations de boutons pour un site internet. Merci d'avance.
J'imagine déja les réponse que vous aller me donner : _apprend le CSS
_ect ...
Mais je ne vois toujours pas comment créer de jolie effet sur un bouton.

Merci 

Desperadosse

yota · Accepted Answer

Salut,
Avant tout qu'est qu'un bouton sur une page web?
Il s'agit tout simplement d'un lien mais au lieu d'avoir du texte on met une image. Avant css ou autre apprentissage il faut apprendre le HTML. C'est pas compliqué et c'est la base de tout site internet, 10 minutes de lecture pour comprendre et quelques heures de pratique suffisent.
Le CSS permet d'améliorer la mise en page ou le HTML a ses limites, c'est un complément et les deux sont des langages de balisage. Le navigateur lit la balise et son contenu et l'affiche.
On peut par exemple indiquer en CSS que lorsque l'on passe la souris sur une image celle ci est remplacée par une autre.
Javascript le permet aussi, c'est un langage de programmation orienté objet et non de balisage(plus complexe mais aussi offrant plus de possibilités).
Donc dans le cas d'un bouton pour aller sur une autre page voire un endroit précis dans la même page c'est un lien utilisant plusieurs images:
_Image1: Le bouton est dit relâché ou inactif
_Image2: La souris est sur le bouton, l'image est légérement différente(plus claire, plus foncée, avec des contours plus marqués, etc...°
_Image3: On clique sur le bouton il est dit enfoncé, une autre image va indiquer cet état de la même maniére que précédement. A noter l'image enfoncé est souvent inutile vu que "l'action" du bouton indique de charger une autre page,  elle n'apparaît que le temps entre le clic et le chargement et qui dans des condition normales est du dixième de secondes.

Voilà pourquoi on parles de photoshop(ou n'importe quel éditeur d'image comme fireworks), il ne sert pas à créer un bouton au sens propre mais les images différentes de celui ci.

Pour une animation on peut utiliser lmême principe mais avec un gif animé à la place d'une image("gif" et "jpg" sont les formats généralement utilisés pour une image fixe, jpg offrant une meilleure qualité et gif un poids d'image trés léger et géres la transparence d'une image-un ovale a un fond recatanagulaire en  .jpg).
Il est tout à fait possible de créer des gifs animés avec fireworks.

Flash est un logiciel d'animation fait pour le web. Il permet des animations plus détaillés/précises/complexe et interactive qu'un simple gif qui n'est qu'une succession d'image de qualité assez basse.
Etant un outil spécifique il faut bien sûr apprendre à s'en servir, il comportes outre des possibilités d'interpolation(créer automatiquement les étapes intermédiaires entre 2  images) d'insérer de la programmation(Action Script) et de créer aussi bien du format gif que swf(la majorité des trucs qui bouge sur internet comme les bandeaux publicitaires animés).
Apprendre flash pour créer un bouton ça serait un peu devenir architecte pour construire un mur, c'est disproportionné. Le CSS ou le javascript suffisent en général. Par contre pour faire une animation, un menu avec des visuels très élaborés(genre menu de jeu vidéo) flash est le bon logiciel bien qu'avec une mise en page adéquate et beaucoup de recherche/travail graphique on puisse déjà faire des choses poussée aussi.

Godboss · Answer

Bonjour,

le meilleur moyen (je pence) et de créer des images sous un logiel style photoshop... Pour les effet utilise le CSS, je ne sais pas si tu connais.

desperadosse · Answer

Je connais photoshop, mais je ne l'est pas . Il ne tourne pas sur mon PC, par contre j'ai firework 8. Le plus chiant c'est que je ne connais pas l'utilisations de la créations de bouton avec ce logiciel spécialement conçu pour le Web. Pourriez vous m'aidez à trouver des lien de tutoriel pour Firework 8.

sportix · Answer

Bah eee ca dépend, bouton ou bouton menu??
sinon tu peux toujours en faire en flash et l'intégrer!
a toi de voir

gero24 · Answer

bonjour, 

pour de joli bouton, la solution c l'animation avec du flash. si tu ve en savoir plus contacte moi.
Jérôme

riversatile · Answer

Vous avez besoin de Adobe Photoshop !

Vous pourrez créer des boutons dans tous les sens...


Pour voir la démonstration d'exemple :

http://www.riversatile.fr/Tutos/image/photoshop/creerboutonweb/adobephotoshop_boutonweb.html

riversatile · Answer

http://www.riversatile.fr/...

desperadosse · Answer

Pouvez vous s'il vous plait m'indiquer quelque lien d'apprentissage débutant au Flash 8  

Merci d'avance

RAD ZONE · Answer

SALUT

en AS2
Commence par voir quelques exemples en video ! 
ICI

tu peux continuer avec la video complette  sur la creation d un site avec flash8

tuto  pour as2
http://www.yazo.net/racine/v4/

un petit tuto pour voir un peu flash et le dessin 
http://www.adobe.com/fr/devnet/flash/articles/design_character_02.html

SI tu as flash CS3 et que tu veux faire de l AS3
tu as ces tuto 
http://wiki.mediabox.fr/tutoriaux/flash

https://helpx.adobe.com/creative-cloud/tutorials-explore.html

RAD

desperadosse · Answer

Merci Beaucoup Rad Zone

Sa m'aide vachement beaucoup !!!

Merci 

Desperadosse

jujumagna · Answer

Bonjour,
ne t'inquiete pas !
 Tu peus creer des boutons magnifiques sans une seule trace de programmation : il te suffit de te rendre sur le site de Flashvortex !

sosso · Answer

ah.... je pensais que c'était mieux de rester dans un post qui traite du même problème...soit, je vais donc recréer un post! ;)

def699 · Answer

bonjour, cela fais des jours que je passe du temp  a chercher une soluce a ce problem , j ai creer une image avec photoshop cs4 et je voudrai la transformer en bouton sur flash pro , j ai deja esseyer mais cela na pas l air d etre les meme fonction que pour faire un bouton flash a partir de flash pro  tt seul .
tous mes calques apparaisse quand j insert un format PSD , et quand j inser une image gif le bouton ce creer mais rien y fais je clique dans le vide , ma tete va exploser  si quelqu u peut m aider svp merci beaucoup

larsenb · Answer

Annuler

Riversatile · Answer

Voici la liste de tous mes Tutoriels :  
http://www.joliespages.com/...

Ou ici :  

http://www.riversatile.fr/category/tutoriels/photoshop/

jesais,mais koi? · Answer

moi je juste un site pour faire un bouton pour mon blog,les autre truc jai deja tout fait

solène 212 · Answer

bonjour, j'aimerais savoir en quelques lignes comment faire un bouton éléctronique. 

Merci de votre compréhension.


Solène

Comment créer de jolie Bouton pour un site ?

17 réponses

Discussions similaires