Créer un bouton avec Photoshop photoréaliste

wg1

Bouton photoréaliste avec Photoshop Aujourd'hui, je suis dans l'humeur pour obtenir des conseils graphiques! Nous verrons, étape par étape, comment faire une clé (un clavier) avec Photoshop photoréaliste. J'ai utilisé la version d'Adobe Photoshop CS3 Extended , mais pour ce dont vous avez besoin dans ce tutoriel est bon qualsisi version précédente de Photoshop. Sinon, étant donné la simplicité des opérations à effectuer, nous pourrions utiliser n'importe quelle autre application graphique qui - au moins - la couche de support (désormais presque tous faire maintenant) et un effet spécial. Pour ceux qui n'ont pas les outils d'infographie vous recommandons fortement évolué tester un complètement libre comme GIMP , vient d'arriver à la version 2.4.

1. COUCHE DE BASE DE CRÉATION

image Ouvrez une nouvelle feuille blanche assez grande feuille de papier (512 × 512 pixels) et s'appuient sur ​​une couche - ce que nous appelons «de base» d'un carré (300 × 300 pixels) avec des bords arrondis. Faites-le de la couleur que vous voulez (juste après la superposer un gradient) et a utilisé un arrondissement des bords d'au moins 32 pixels. À ce stade, nous appliquons les effets suivants:

image
Lueur externe: Utiliser la couleur # 000000 noir

image
Lueur interne: Utilisez la couleur # 000000 noir

image
Biseau avec relief

image
Incrustation en dégradé: le gradient va du gris au blanc # ffffff # 7d7d7d

Finalement, vous devriez obtenir quelque chose comme ceci:

image

2. Établissement de clé COUCHE

Nous allons créer un nouveau calque au-dessus du calque "base" et l'appeler "bouton". Dessiner une nouvelle fois un carré, la même procédure utilisée à l'étape 1, mais cette fois le faire plus petit (230 × 230). Nous appliquons cette couche les effets suivants:

image
Lueur externe: Utiliser le blanc # ffffff

image
Toute Glow: toujours blanc

image
Biseau avec relief

image
Incrustation en dégradé: # ffffff du blanc au noir # 000000

A la fin nous obtenons quelque chose comme ça, et nous sommes déjà en bonne voie:

image

3. Créer un calque OMBRE

Maintenant que l'essentiel est fait, nous commençons à ajouter quelques détails qui feront la clé de notre plus réaliste qu'il ne l'est déjà. Nous allons maintenant utiliser l'outil de sélection pour sélectionner le bouton ensemble moins de l'intérieur, dans la pratique au bord de la touche de 3D.

Faites un clic droit sur le calque "base" et sélectionnez le menu "Pixels Sélectionnez" (ou maintenez enfoncée la touche Ctrl clic avec le bouton gauche sur le calque "base") pour sélectionner la totalité du bord du premier niveau.

imageimage

Maintenant, appuyez simultanément sur les touches Ctrl et Alt et cliquez avec le bouton gauche de la souris sur le calque "bouton" à "éliminer" la forme de la couche "bouton" de manière à ne sélectionner que le conseil d'administration 3D. Quiandi Créez un nouveau calque et nommez-le "ombre". Avec cette nouvelle sélection de cette nouvelle couche appliquer un dégradé à l'aide de l'outil approprié image Modéliser et d'ajuster la pente de cette manière image Ou noir transparent avec la répétition.

Nous appliquons le gradient dans le coin inférieur droit, inclinandoci de 45 degrés (Fig.1):

image
Fig.1
image
Fig.2
image
Fig.3
image
Fig.4

Vous devriez obtenir le Fig.2. Sélectionnez maintenant la partie en haut à gauche de la couche «ombre» et a supprimé, comme le montre la figure 3. Comme une étape finale d'ajuster l'opacité »de la couche d'ombre pour obtenir la Fig.4.

4. CRÉATION D'UNE COUCHE RIDES

Pour donner une touche de réalisme à la matière de la touche, nous ajoutons un nouveau calque et appelez-le "rides". Cela nous aidera à simuler la rugosité du bouton en plastique. Nous sélectionnons la forme entière de la touche Ctrl et en cliquant avec le bouton gauche de la souris sur le calque "base" en premier. Passons sur ce nouveau calque "rides" et remplissez-le avec du blanc, un clic droit sur la sélection et le choix de «remplissage» (ou utiliser le raccourci Ctrl + Alt + Suppr ou Del selon l'endroit où vous avez choisi le blanc - Rez-de orimo ou au deuxième étage ):

image

Ce "carré" blanc, à la fin, nous appliquons l'effet Ajout de bruit, comme indiqué ci-dessous:

image
Ici, j'ai utilisé une valeur de 6

Toujours en gardant une sélection de compléments Emboss (Menu Filtres> Esthétiques> Estampage), comme indiqué ci-dessous:

image

Les propriétés de cette couche "rides" définir le mode de fusion "Densité couleur +" et l'opacité à 50% (ce que vous voulez pour amplifier ou atténuer l'effet des rides): image

image
La clé complète

Si nous voulons, nous pouvons la compléter par l'ajout d'un caractère:

image

Il n'y a aucun commentaire pour cet article

Laisser un commentaire

TAG XHTML PERMIS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> code d'insertion:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Arrêtez SOPA