• Accueil
  • À propos de
  • Articles
  • Contactez-nous

: 91 11 9810018780 Mail to: info@aceinfowayindia.com / Téléphone: 91 11 9810018780

  • Article rédigé
  • le 02/09/2009
  • à 09h41
  • par admin

Créer un Beautiful Box icône dans Photoshop

Hey guys une plus Photoshop tutorial ici, maintenant en ce temps je vais vous montrer comment créer une icône dans la case Photoshop.This est très simple et efficace de la technique. J'espère que vous apprécierez cette tutoriels.

Voici l'effet que nous allons faire:

final

Étape # 1

Ouvrir Photoshop et créer un nouveau document, la mienne est de 567 × 464px avec un fond blanc.

box-icon-step-0

Étape # 2

Sélectionnez l'outil rectangle de vous assurer que vous avez les options choisies.

box-icon-step-a

Faire un rectangle, le nom du front couche.

box-icon-step-1

Étape # 3

Maintenant remplir le rectangle avec af915b #
box-icon-step-2

Étape # 4

Appliquez une ombre interne pour votre boîte rectangle.
box-icon-step-3-a

Le rectangle devrait ressembler à ceci.

box-icon-step-3

Étape # 5

Outil apporte une nouvelle couche au nom du nouveau calque est haut et sélectionnez stylet, placez au-dessus du rectangle initial puis sélectionnez l'outil Transformation manuelle Ctrl + T, désormais réduire la hauteur et allez dans Edit - Transform - Perspective et déplacer un sommet coin intérieur jusqu'à ce que vous avez une boîte shape.

Étape # 6

Maintenant remplir la couche supérieure avec # e1cea4

Votre look fort comme celui-ci

ace-box-icon

Étape # 7

Appliquez une ombre interne pour votre boîte de couche supérieure.
box-icon-step-5-a

box-icon-step-5

Etape: 8

Créer ligne noire sur le nouveau calque et réduire l'opacité de 40% dupliquer cette ligne noire, déplacez-le un pas en arrière et de réduire les 20% d'opacité.
box-icon-step-6

Étape # 11

Créer une bande blanche sur le dessus, sélectionnez l'outil Transformation manuelle Ctrl + T et faites un clic droit puis sélectionnez Perspective tirez un coin du sommet intérieur. Maintenant, sélectionnez l'outil Plume et de créer des bandes blanches, et placer la forme sous, sélectionnez l'outil Transformation manuelle Ctrl + T et faites un clic droit puis sélectionnez Perspective tirez le coin inférieur seconde à l'intérieur. fusionner ces deux couches et à réduire les 40% d'opacité.

La boîte devrait ressembler à ceci.

box-icon-step-7

Étape # 12

Sélectionnez l'outil texte et tapez du texte sur le devant.
final-a

Maintenant, appliquez un effet

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Drop Shadow
final-inner-shadow

Final Preview

final

Quelle est votre opinion sur ce tutoriel, s'il vous plaît de partager avec nous. Commentaire nous

Si vous souhaitez recevoir d'autres didacticiels de nous, s'il vous plaît inscrivez-vous à notre flux par RSS ou par e-mail.

Classé sous: Photoshop, Tutoriels par admin

Nous promouvoir

Tags: Photoshop, Tutos

Articles connexes:

Si vous avez apprécié la lecture de cet article, s'il vous plaît consulter d'autres articles connexes ci-dessous:

    • Retro Up Image en 2 minutes: Photoshop
    • Sketch et effet de peinture Dans Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Comment faire pour créer Smooth effet brillant texte dans Photoshop
    • Comment changer une couleur de voiture en seulement 2 minutes en utilisant Photoshop
Untitled Document

One Commentaires

  1. IRIS affirme le: Septembre 3rd, 2009 at 11:44 Said:

    really nice! merci : D

Soumettre un commentaire

XHTML: Vous pouvez utiliser ces tags: fete_christel <abbr titre=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <<q cite=""> <strike> <strong>


«Free Rust Textures
Untitled Document

  • Abonnez-vous par RSS
  • |
  • S'abonner via Email
Sponsor Sponsor
Sponsor Sponsor Sponsor Sponsor

    • Recherche

      Untitled Document
  • Calendrier

    Septembre 2009
    M T W T F S S
    «Août
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30
    • Pages

      • Accueil
      • À propos de
      • Articles
      • Contactez-nous
    • Catégories

    • Css (15)
    • Conception / Inspiration (38)
    • Freebies (18)
    • Graphic Design (9)
    • Photoshop (10)
    • Ressources (17)
    • Seo (1)
    • Outils (5)
    • Tutoriels (22)
    • Typographie (3)
    • Développement web (4)
    • Wordpress (4)
    • Archives

    • Septembre 2009
    • Août 2009
    • Juillet 2009
    • Juin 2009
    • Mai 2009
    • Recent Posts

    • Css
    • Conception / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • Comment créer de bons soins formulaire sans table
    • 6 gratuite et de qualité Brick Wall Textures
    • Bienvenue à ACE
    • Tutorial pour créer une belle, simple, menu horizontal CSS
    • 25 modèles bas de site Web, les tendances et les styles
    • 35 Creative Illustrative Site têtes
    • Sites paradis du développeur de la semaine pour 02 juillet 2009
    • Tag cloud

    CSS Design Fonts Freebies Graphic Design Graphics Design Icônes Inspiration Photoshop Ressources Outils Tutoriaux Typographie développement Web Wordpress

    • Amis

      • Abduzeedo
      • Alist Apart
      • BittBox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Aide pour les développeurs
      • Instant Shift
      • Line25
      • Mirificampress
      • Mon encre blog
      • Noupe
      • PSDFan
      • PsdTuts
      • Partager Brain
      • Six révisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nous fonctionnons
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You The Designer
    • Traducteur

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONSORS

    Départ UPrinting sur YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Haut de page

Général

Il s'agit peut-être d'un certain intérêt
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Travaux

Exemples de projets passés
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Services

C'est ce que où la vente aujourd'hui
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Contact details

Veulent nous embaucher? Pour commencer ici ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tél: 91 11 9810018780

Copyright © 2009, Tous droits réservés, Ace Inforoute Inde Location Ace Inforoute Inde pour votre prochain projet de conception. Voir notre portfolio.