All Articles Photoshop
Créer des effets Web 2.0 Verre dans Photoshop
Geoff Blake on Fri, March 18th | 0 comments
Creating Web 2.0 style glass effects in Photoshop is not only fun and easy, but you get eye-popping results, too. To pull this off, we'll be making use of Photoshop's vector drawing tools, layer effec

Créer des effets Web 2.0 de verre de style dans Photoshop n'est pas seulement amusant et facile, mais vous obtenez des résultats époustouflants, aussi. Pour retirer ceci, nous allons apporter l'utilisation d'outils de Photoshop dessin vectoriel, effets de calque et les dégradés.

Let's check it out!

Étape 1 - Document de Set-Up

Lancez Photoshop et créer un nouveau document en choisissant Fichier

Étape 2 - Création de l'objet de base

Ensuite, nous allons souhaitez créer l'objet de base que nous voulons appliquer l'effet de verre. Vous pouvez littéralement l'utilisation sous quelque forme que vous souhaitez. Pour coller avec mon thème du Web 2.0, je vais créer un rectangle arrondi. Ainsi, à partir de Photoshop Toolbox, allez-y et sélectionnez l'outil Rectangle arrondi trouvés enterrés avec Photoshop d'autres outils de dessin vectoriel. Ensuite, cliquez et faites glisser une forme à la taille que vous souhaitez. Ne vous inquiétez pas pour la couleur que la forme se remplit avec. Nous allons corriger cela en une seconde.

Étape 3 - Appliquer un Gradient Overlay

Maintenant, nous voulons appliquer notre incrustation en dégradé. Dirigez-vous vers le panneau Calques. Notez que votre objet vectoriel apparaît sur ce calque de forme propre. Double-cliquez sur le côté droit de la couche de forme pour ouvrir la boîte de dialogue Style de calque. Ensuite, cliquez sur Gradient Overlay dans la colonne de gauche. Ici, vous pouvez soit choisir un dégradé existant ou à aller de l'avant et de créer votre propre.

Etape 4 - Définition d'une Lueur interne

Maintenant nous allons définir une lueur intérieure pour donner notre objet un look un peu en trois dimensions. Dans la colonne de gauche de Style de calque de la boîte de dialogue, choisissez Lueur interne. Réglez le mode de fusion Superposition, la couleur blanche et de la gamme (au fond) à environ 15. Enfin, bricoler un peu avec le curseur de taille (qui se trouve presque au centre morts de la boîte de dialogue. Lorsque vous êtes satisfait de vos résultats, cliquez sur OK pour fermer la boîte de dialogue Style de calque.

Étape 5 - Création de la partie en verre réfléchissant effet un

Nous sommes enfin prêts à créer l'effet de verre réfléchissant. Dans le panneau Calques, maintenez la touche Cmd (Mac) ou Ctrl (PC) et cliquez sur la vignette à droite dans le calque de forme. Ceci charge votre forme comme une sélection. Ensuite, créez un nouveau calque vide. De la boîte à outils, sélectionnez l'outil Ellipse de sélection puis maintenez la touche Maj enfoncée Opt (Mac) ou Alt Shift (PC) et faites glisser sur le sommet de votre forme et à mi-chemin vers le bas. Ne soyez pas découragés si cela vous amène quelques tentatives. Continuez d'essayer et défaire jusqu'à ce que vous ongle.

Étape 6 - Création de la partie en verre réfléchissant effet deux

Let's create that reflection. Set your Foreground color to white and grab the Gradient tool. From the Options bar at the top, choose Foreground To Transparent from the Gradient Picker, then drag from the top of your object to just below your selection. Ka-Pow! There's your reflection effect.


Again, this step may take you a few tries to get right. Once you have it, get rid of your marching ants (Select > Deselect) and adjust the opacity of your reflection in the Layers panel.

Il ya tellement de différentes applications de cet effet, y compris les boutons de navigation, les menus, les bannières publicitaires, des graphismes en-tête, et ainsi de suite. Et comme vous pouvez le voir, c'est rapide, facile et amusant!

Besoin de plus? Découvrez la gamme complète des tutoriels Photoshop ici !

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: