<Browse> Accueil / Tous , BOUTON , Tutoriel / Blog article: RIATMP1030-Photoshop tutoriel bouton et bannière

| mobile | RSS

RIATMP1030-Photoshop tutoriel bouton et bannière

12 mai 2009
Button and banner tutorial in photoshop
Button et tutoriel bannière dans photoshop

Ceci est un tutoriel très simple créé pour presque tout le monde avec ou sans aucune connaissance préalable dans Photoshop. J'ai étape par étape des lignes directrices pour le faire en 5 minutes. S'il vous plaît cliquer sur l'image pour voir grand.

Click here to download

Voici les étapes:

Etape 1: Créez un nouveau fichier d'environ 860px / 185 px (Fichier -> Nouveau)

Étape 2: Assurez-vous que la fenêtre est ouverte et la couche ajouter un nouveau calque en cliquant sur ​​Créer une icône Nouveau calque en bas à droite de la fenêtre de calque que vous. Donnez à ce nouveau calque "Background" un nom.

Étape 3: Créer environ rectangle arrondi coin 15px où la largeur est 855px et 175px de hauteur est et le remplir avec la couleur # 609590. Votre page doit aimer ça.

Photoshop button and banner tutorial
Bouton Photoshop et tutoriel bannière

Étape 4: Style de calque Sélectionnez (icône en bas à gauche de la fenêtre de calque que vous) - Biseau> et estampage et suivre les paramètres comme indiqué dans l'image ci-dessous.

button tutorial in photoshop, bevel effect
tutoriel sur le bouton dans photoshop, effet de biseau
Étape 5: Ajouter un nouveau calque et créer une sélection comme le cylindre où la largeur est 845px et la hauteur est 40px et 10px de haut et de gauche 10px. Remplir avec la couleur de dégradé de départ du blanc (# ffffff) à la transparence, et elle devrait créer de point culminant au sommet. Voir l'image ci-dessous et votre image devrait ressembler à ceci.

Button tutorial in photoshop
Tutoriel photoshop Button dans
Button and banner tutorial in photoshop
Button et tutoriel bannière dans photoshop

Etape 6: Ajouter une nouvelle couche de créer de sélection comme la largeur cylindre: 830px et height: 40px pour vos boutons et remplissez avec la couleur # eaeaea; «Style de calque - Bevel> et estampage" à côté de sélection et suivez les paramètres comme indiqué dans l'image ci-dessous.

Photoshop button and banner tutorial
Bouton Photoshop et tutoriel bannière

Étape 7: Ajouter un nouveau calque et créer de sélection comme la largeur cylindre: 810px et height: 25px sur le dessus des boutons venez de créer et remplir avec la couleur de dégradé de départ du blanc (# ffffff) à la transparence, et elle devrait créer de point culminant au sommet. Voir l'image ci-dessous, et votre image devrait ressembler à ceci.

Photoshop button and banner tutorial
Bouton Photoshop et tutoriel bannière

Étape 8: Tapez le texte comme vous le souhaitez pour votre structure de menu et séparés par 1pixel fine ligne verticale. Vous pouvez aussi mettre votre logo d'entreprise et le texte en haut. Une fois que vous avez tout le texte de votre image devrait ressembler à ceci.

J'ai trouvé ce tutoriel utile? Vous pouvez acheter un café pour moi, vous pouvez payer ici ! Vive :)

pixel RIATMP1030  Photoshop button and banner tutorial

Photoshop button and banner tutorial
Bouton Photoshop et tutoriel bannière

Share and Enjoy
  •  RIATMP1030  Photoshop button and banner tutorial favicons?domain=digg RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.dzone RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.facebook RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.google RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.linkedin RIATMP1030  Photoshop button and banner tutorial favicons?domain=favorites.live RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.mixx RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.myspace RIATMP1030  Photoshop button and banner tutorial  RIATMP1030  Photoshop button and banner tutorial favicons?domain=reddit RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.stumbleupon RIATMP1030  Photoshop button and banner tutorial favicons?domain=technorati RIATMP1030  Photoshop button and banner tutorial favicons?domain=twitter RIATMP1030  Photoshop button and banner tutorial favicons?domain=buzz.yahoo RIATMP1030  Photoshop button and banner tutorial
Laisser un commentaire 12194 vues, 2 aujourd'hui jusqu'à ce moment | Les

Les commentaires sont fermés.