• Inici
  • Sobre
  • Articles
  • Contacti'ns

: 91 11 9810018780 Mail a: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Article escrit
  • el 02/09/2009
  • a les 09:41
  • per admin

Crear una icona caixa preciosa en Photoshop

Hey nois tècnica d'un més Tutorial Photoshop per aquí, ara en aquest temps jo et mostraré com crear una icona en el quadre de Photoshop.This és molt simple i eficaç. Espero que gaudeixin d'aquest tutorials.

Aquí està el sentit que anem a:

final

Pas # 1

Photoshop Obrir i crear un nou document, el meu és 567 × 464px amb un fons blanc.

box-icon-step-0

Pas # 2

Seleccioneu l'eina rectangle, assegureu-vos que vostè té les opcions seleccionades.

box-icon-step-a

Fer un rectangle, el nom de la part davantera de la capa.

box-icon-step-1

Pas # 3

Ara ompli el rectangle amb af915b #
box-icon-step-2

Pas # 4

Aplicar una ombra interior de la caixa de rectangle.
box-icon-step-3-a

El rectangle s'hauria de veure així.

box-icon-step-3

Pas # 5

Eina de la ploma nova capa Fer el nom de la nova capa és superior i seleccionar, col.locar a la part superior del rectangle original, a continuació, seleccioneu l'eina Transformació lliure Ctrl + T, ara reduir l'alçada i aneu a Edició - Transformar - Perspectiva i moure un principi cantonada interior fins que tenen forma de caixa.

Pas # 6

Ara ompli la capa superior amb # e1cea4

La teva mirada quadre com aquest

ace-box-icon

Pas # 7

Aplicar una ombra interior de la caixa de la capa superior.
box-icon-step-5-a

box-icon-step-5

Pas: 8

Crea línia negre a la nova capa i reduir l'opacitat del 40% duplicar aquesta línia negre, es mouen un pas enrere i reduir l'opacitat del 20%.
box-icon-step-6

Pas # 11

Crear una franja blanca a la part superior, seleccioneu l'eina Transformació lliure Ctrl + T i feu clic dret perspectives seleccioneu a continuació, llenci una cantonada superior interna. Ara, seleccioneu l'eina de la ploma i crear una banda blanca i el lloc sota la forma, seleccioneu l'eina Transformació lliure Ctrl + T i feu clic dret perspectives seleccioneu a continuació, llenci l'angle inferior segon a l'interior. fusionar aquestes dues capes i reduir l'opacitat del 40%.

La caixa ha de tenir aquest aspecte.

box-icon-step-7

Pas # 12

L'eina Selecciona un text i escriviu el text en la part davantera.
final-a

Ara apliqui algun efecte

gradinat
final-gradiant1

Ombra interior
final-inner-dropshdow

Ombra
final-inner-shadow

Final Preview

final

Quina és la seva opinió sobre aquest tutorial, per favor, comparteixi amb nosaltres. Comenta'ns

Si desitja rebre més tutorials de nosaltres, si us plau considera subscriure't al nostre feed de RSS o per correu electrònic.

Filed under: Photoshop, Tutorials per admin

Promoure Us

Etiquetes: Photoshop, tutorials

Articles relacionats:

Si heu gaudit llegint aquest article, si us plau, fes un cop d'ull a altres articles relacionats a continuació:

    • Retro Fins imatge en 2 Minuts: Photoshop
    • Efecte de dibuix i pintura en Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Com crear efecte de text llis brillant en Photoshop
    • Com canviar un color de cotxe en només 2 minuts Ús de Photoshop
Untitled Document

Enviar un comentari

XHTML: Pots utilitzar aquestes etiquetes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> l'datetime = ""> <em> <i> <strike> <strong>


«Lliure Rust Textures
Untitled Document

  • Subscriure per RSS
  • |
  • Subscripció per correu electrònic
Patrocinador Patrocinador
Patrocinador Patrocinador Patrocinador Patrocinador

    • Cerca

      Untitled Document
  • Calendari

    Setembre 2009
    M T W T F S S
    «Agost
    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
    • Pàgines

      • Inici
      • Sobre
      • Articles
      • Contacti'ns
    • Categories

    • CSS (15)
    • Disseny / inspiració (38)
    • Regals (18)
    • Disseny Gràfic (9)
    • Photoshop (10)
    • Recursos (17)
    • Seo (1)
    • Eines (5)
    • Tutorials (22)
    • Tipografia (3)
    • Desenvolupament Web (4)
    • Wordpress (4)
    • Arxius

    • Setembre 2009
    • Agost 2009
    • Juliol 2009
    • Juny 2009
    • Maig 2009
    • Recent Posts

    • Css
    • Disseny / Inspiració
    • Regals
    • Disseny Gràfic
    • Photoshop
    • Llocs Popular

    • Com crear una bona manera sense mirar la taula
    • 6 Lliure i d'alta qualitat Brick Wall Textures
    • Benvingut a ACE
    • Tutorial per crear un bell, simple, menú CSS horitzontal
    • 25 dissenys peu de pàgina web, les tendències i estils de
    • 35 Creative il.lustrativa Web Capçaleres
    • Llocs paradís del desenvolupador de la setmana de juliol 02 2.009
    • Núvol d'etiquetes

    CSS Disseny Fonts gratuïts Disseny Gràfic Disseny gràfic icones Inspiració Photoshop Recursos Eines Tutorials Tipografia desenvolupament web Wordpress

    • Amics

      • Abduzeedo
      • A part ALIST
      • BittBox
      • CrazyLeaf Disseny
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Alimenti la seva creativitat
      • Ajuda per a desenvolupadors
      • Instant Shift
      • Line25
      • Mirificampress
      • El meu bloc de tinta
      • Noupe
      • PSDFan
      • PSDTUTS
      • Compartir Brain
      • Sis revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Funcionem
      • Web Designer Depot
      • Dissenyador Web Ledger
      • Web Designer Wall
      • You The Designer
    • Traductor

      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
  • PATROCINADORS

    Hora de sortida UPrinting a YouTheDesigner.


    Targetes en Línia

    Web Design Blog Directory

.
Untitled Document
Tornar al principi

General

Aquestes potser d'algun interès
  • Sobre La nostra empresa
  • Testimonis
  • Dades de contacte
  • Bloc
  • Socials - Twitter, Flickr

Obres

Exemples de projectes anteriors
  • Sobre La nostra empresa
  • Testimonis
  • Dades de contacte
  • Bloc
  • Socials - Twitter, Flickr

Serveis

Això és el que la venda d'avui
  • Sobre La nostra empresa
  • Testimonis
  • Dades de contacte
  • Bloc
  • Socials - Twitter, Flickr

Dades de contacte

Volen contractar a nosaltres? Comenci aquí ...
  • Avaluació Projecte Lliure
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Tots els drets reservats, Ace Infoway Índia Lloguer Ace Infoway l'Índia per al seu projecte de disseny que ve. Veure la nostra cartera.