Bouton très simple mais attrayant et tutoriel création de l'icône pour presque tout le monde avec un minimum ou presque pas d'expérience de Photoshop. Objectif de ce tutoriel n'est pas seulement montrer l'astuce et la technique de création d'un bouton, mais vous encourage également à faire preuve de créativité et d'imagination pour faire vos propres boutons à l'avenir.


L'un des secrets important dans tout travail créatif est la capacité de voir le résultat à long avant que vous ayez commencé la mise en œuvre. Il ya de nombreux démarche pour y parvenir, pour moi le meilleur moyen est de fermer les yeux et essayer de voir ce que je vais créer. Une fois que j'ai quelque chose d'intéressant essayer de prendre un instantané dans ma mémoire, avant d'ouvrir mes yeux et immédiatement le dessiner sur un papier avant que j'oublie. C'est un exercice que vous pouvez faire et de faire régulièrement permettra d'augmenter votre capacité de voir plus clairement.

Disons que c'est ce que j'ai vu quand je fermais les yeux, maintenant comment puis-je l'exécuter dans Photoshop?

Icône exercice dessiner sur du papier

Étape 2: Vous pouvez conserver fond en blanc ou utiliser une texture de lissage si vous préférez, je viens de rapidement créé une certaine texture à l'aide bibliothèque de textures.

Créer une texture dans photoshop

Étape 3: Ajouter un nouveau calque et donner un nom, créer des arrondis sélection de la zone coin carré (135px X135px) et de rendre le rayon de l'angle de 20px. Il ya plusieurs façons de créer carré arrondi, l'un des un moyen simple est: Dessinez une zone de premier carré et sélectionnez «Choisir -> Modifier -> Smooth" dans le menu principal et sélectionnez rayon 20px.

créer arrondi carré coin

Étape 5: Maintenant son heure pour explorer un certain effet,
Cliquez sur "Ajouter un style de calque" icône dans le bas de la fenêtre de votre couche, et dans la fenêtre Style de calque vérifier case à cocher uniquement "Ombre portée". Suivez l'échantillon d'image ci-dessous.

Etape 6: Maintenant case à cocher "Lueur externe" chèque. Faites comme le montre l'image ci-dessous.

Ajouter une lueur style de calque extérieur

Étape 7: case à cocher suivante cocher "Lueur interne". Faites comme le montre l'image ci-dessous.

Ajouter une lueur style de calque intérieur

Et voici votre effet de style final.

Ajouter un effet de calque dans Photoshop

Etape 8: Ajouter un nouveau calque et sélectionnez «Stroke» dans le menu "Modifier" en haut et donner de la couleur verte, à l'intérieur des frontières 6px. Suivez l'image de l'échantillon.

Utilisez course pour créer la frontière à partir du menu d'édition.

Etape 9: Maintenant vous avez une image de ce genre. Changer le style à partir du panneau couche supérieure de «l'écran» vous donnera un effet de transparence.

Utilisez stocks pour créer la frontière à partir du menu d'édition.

Etape 10: Ajouter un nouveau calque et dessinez une zone de rectangle arrondi, comme indiqué dans l'image ci-dessous. Il est même comme «Étape 3», je décris avant.

Dessinez une zone de rectangle arrondi

Étape 11: «Ajouter un masque de calque" Sélectionnez barre d'icônes en bas dans la fenêtre de la couche, et «l'icône Dégradé 'select de la fenêtre' Outils '. Maintenant, cliquez et faites glisser votre souris sur la boîte de rectangle arrondi à appliquer de haut en bas et vous devriez voir des résultats similaires comme celui-ci.

Ajouter un masque de calque et l'icône Dégradé pour effet d'éclairage

Étape 12: Maintenant, ajoutez une autre couche et dessinez un cercle comme l'image ci-dessous et changer 'Opecity' à partir du panneau couche à environ 50%.

Opecity d'utiliser l'effet culminant

Étape 13: Maintenant, le temps de dessiner une icône que vous voulez vous placez ou vous pouvez utiliser n'importe quelle icône de votre collection existante. Je viens de dessiner un appareil photo rapidement.

Dessiner caméra dans photoshop

effet de la lumière sur le bouton

Une fois que vous avez sur le bouton prêt, il est temps de créer autant que vous voulez en quelques minutes. J'ai maintenant, Sound jouer, écouter, Audio Device, égaliseur, DVD, CD, Mic, enregistrement, vidéo, bande de contrôle du volume, et la caméra.

Son jouer, écouter, Audio Device, égaliseur, DVD, CD, Mic, enregistrement, vidéo, bande de contrôle du volume, et la caméra