Économisez jusqu'à 10 € sur votre première commande en vous abonnant à notre newsletter.

Trucs et Astuces

Chaque semaine, Micro Application vous propose une astuce différente choisie parmi différentes thématiques :

Bureautique, Internet et création de sites, Photo et vidéo, Windows, ...

Une astuce gratuite chaque semaine ?

Envie de découvrir une nouvelle astuce chaque semaine ?





L'astuce : Un en-tête pour vos pages web


Nous allons, pas à pas, créer des styles de boutons personnalisés, et les appliquer à différents éléments, pour réaliser une interface personnalisée pour votre site web.



1. Créez une forme vectorielle

  • Dans les paramètres de l'outil plume (P), choisissez le bouton le plus à gauche "Calque de forme".
  • Créez alors le tracé, en cliquant simplement pour créer des sommets et en cliquant / glissant pour créer des courbes. (L'outil plume utilise un système de tracé appelé "courbes de Béziers")


  • 2. Le titre


     
  • Saisissez le texte de votre titre avec l'outil texte (T).
  • Déformez le texte en cliquant sur le bouton "Créer un texte déformé", dans la barre de propriétés.
    Dans la fenêtre de dialogue qui s'ouvre alors, choisissez la déformation qui convient le plus à la forme que vous avez créée.

  •  
  • Dans la palette des Styles (si elle n'est pas ouverte, allez dans Fenêtre > Styles), cliquez sur la petite flèche en haut à droite, et choisissez "Boutons de verre".
    Dans la boîte de dialogue, choisissez "Ajouter".
    Vous venez d'ajouter des styles à votre palette de styles.
  • Ajoutez également les styles "Effets de texte 2".
  • Vérifiez dans la palette des calques que votre calque de texte est bien sélectionné, et cliquez sur un style dans la palette des Styles (ici "Double lueur turquoise")


  • 3. Le bouton


     
  • Créez un calque de forme avec l'outil Ellipse (U).
  • Appliquez-lui un Style "Verre bleu".

  •  
  • Le style que vous avez choisi applique en fait une série d'effets au calque. Ces effets s'affichent en dessous du calque dans la palette des Calques.
  • Vous pouvez modifier les effets individuellement en double-cliquant dessus, et en modifiant les paramètres.
    Ici, on modifie les effets en remplaçant à chaque fois la couleur de l'effet par celle de la forme vectorielle du fond.
  • Enregistrez les modifications que vous avez apportées au Style, en cliquant sur le bouton "nouveau" de la palette des Styles.
    Nommez. Cliquez "OK"


  • 4. Créez d'autres boutons


     
  • Créez plusieurs calques, avec des formes vectorielles ou des formes créées au pinceau...
  • Appliquez-leur le style que vous venez de créer.
    Vous obtenez une série de boutons de formes différentes, mais de style semblable.


  • Il ne vous reste plus qu'à découper votre nouvelle interface, pour en faire une page HTML, ce qui fera l'objet d'une prochaine astuce.


    Un service offert par

    POUR ALLER PLUS LOIN...

    Retouchez vos Photos !
    Améliorez vos clichés et créez des images d’exception !

    Plus d'infos

    19,95 €
    Acheter en téléchargement
    Roman Photo Créateur
    Créez, animez et imprimez en quelques clics vos propres romans-photos !

    Plus d'infos

    34,95 €
    Acheter en boîte
    PhotoPlus X2 Digital Studio
    Retouche, classement et partage

    Plus d'infos

    79,95 €
    Acheter en boîte
    Acheter en téléchargement
     

    Les autres astuces Retouche photo




    Mon projet Maison