Étape 1:  Créez un nouveau document de 200*100px avec un fond blanc pour commencer. Créez ensuite un nouveau calque et sélectionnez le. Créez ensuite (à l'aide des outils que vous préferez) une forme arrondie ressemblant à celle sur votre gauche puis remplissez la de noir. Après cela, modifiez l'opacité : 0%.

Étape 2: Votre forme devrait disparaitre, mais pas pour longtemps. Toujours sur le même calque, passez dans les options de Styles de votre calque : Calque > Style de calque > Ombre portée. Reproduisez les paramètres ci-contre. Ne quittez pas la fenetre de Style avant l'étape 6!

Étape 3:  Passez maintenant à la sous-section Lueur Interne. On va de ce fait "solidifier" un peu votre bouton. Reproduisez encore une fois les paramètres sur votre gauche.

Étape 4: Voici l'étape ou la magie opère!   Allez dans la sous-section Biseautage et Estampage.   Le contour brillant n'existe pas par défaut et il va donc falloir le creer. Cliquez sur la courbe située en bas puis donnez lui une allure ressemblant à la mienne. Pas la peine de la recreer au pixel non plus :)

Remarque:  Si vous voulez changer l'allure générale de votre bouton, c'est ici que ca se passe. En modifiant la profondeur par exemple, vous pouvez rendre votre bouton plus ou moins lisse. En jouant sur les différents paramètre, vous pourrez donner un effet plus beau à votre bouton mais faites attention car si certains paramètres sont trop modifiés, vous obtiendrez un résultat quasi-catastrophique ! Ne modifiez les paramètres qu'une fois après avoir mis en palce l'allure générale, comme ca vous pourrez toujours revenir en arrière.

Étape 5: Passez maintenant dans la sous-section Contour du Biseautage et Estampage. Modifiez l'allure de votre courbe une fois de plus.

Étape 6: Pour l'étape finale, passez dans la section Satin. Recopiez une fois de plus ces paramètres. On va ainsi créer un effet de reverberation de la lumière ce qui permet d'avoir un effet beaucoup plus réaliste.

Étape 7: Vous pouvez maintenant quitter la fenêtre des Styles et admirer votre travail :) Vous pouvez aussi ajouter une petite teinte à votre bouton à l'aide du style Incrustation Couleur ainsi que d'autres petits effets sympas, mais je vous laisse experimenter tout ca :)

Variantes: Comme vous pouvez le voir, le bouton est transparent. Pour garder un effet réaliste, il serait bien que vous appliquiez un petit flou gaussien à chaque partie de calque située sous votre bouton (donc en séléctionnant votre forme, Ctrl+clic sur votre calque puis en appliquant le flou gaussien à chaque calque séparément).

view all