• Inicio
  • Sobre
  • Artigos
  • Contacte connosco

: 91 11 9810018780 E-mail para info@aceinfowayindia.com: / Call: 91 11 9810018780

  • Artigo escrito
  • en 02.09.2009
  • at 09:41 PM
  • por admin

Crear unha Caixa Beautiful Icon no Photoshop

Ei unha técnica máis Photoshop tutorial por aquí, agora neste momento eu vou amosar-lle como crear unha icona na caixa Photoshop.This é moi sinxela e eficaz. Eu espero que apreciar este tutoriais.

Aquí está o efecto que nós estamos indo a:

final

Etapa # 1

Abre o Photoshop e crear un novo documento, o meu é 567 × 464px con fondo branco.

box-icon-step-0

Etapa # 2

Seleccionar a ferramenta rectángulo asegúrese de que ten as opcións seleccionadas.

box-icon-step-a

Fai un rectángulo, o nome da fronte da capa.

box-icon-step-1

Etapa # 3

Agora enche o rectángulo con af915b #
box-icon-step-2

Etapa # 4

Aplique unha sombra interna para a súa caixa de rectángulo.
box-icon-step-3-a

O rectángulo debe ter esta aparencia.

box-icon-step-3

Etapa # 5

Ferramenta pluma Fai nova capa o nome da nova capa é superior e escolla, coloque o enriba do rectángulo orixinal, a continuación, seleccione a ferramenta Free Transform Ctrl + T, agora reducir a altura e faga click no botón Edit - Transform - Perspectivas e moverse un alto ángulo interno ata que teña unha forma de caixa.

Etapa # 6

Agora, cubra a capa superior co número e1cea4

Seu ollar Box coma este

ace-box-icon

Etapa # 7

Aplique unha sombra interna para a súa caixa de capa superior.
box-icon-step-5-a

box-icon-step-5

Etapa: 8

Crear liña negra na nova capa e reduza a opacidade 40% duplicar esta liña negra, move-o un paso para atrás e reducir o 20% de opacidade.
box-icon-step-6

Etapa # 11

Crear unha Listra branca na parte superior, seleccione a ferramenta Free Transform Ctrl + T co botón dereito e selecciona perspectivas puxe un canto dentro. Agora, escolle a Pen Tool e crea Listra branca e pór a forma continuación, seleccione a ferramenta Free Transform Ctrl + T co botón dereito e selecciona perspectivas puxe ángulo inferior segunda interior. fundir estas dúas capas e reducir os 40% de opacidade.

A caixa debe ser semellante a este.

box-icon-step-7

Etapa # 12

Seleccionar a ferramenta texto e escribir o texto na fronte.
final-a

Agora aplique algúns efectos

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Sombra
final-inner-shadow

Final Preview

final

Cal é a súa opinión sobre este tutorial, quere compartir connosco. Comentario nós

Se desexa recibir máis tutoriais de nós, por favor, consideren asinar a nosa feed de RSS ou por e-mail.

Arquivo en: Photoshop, Tutorials por admin

Promover connosco

Tags: Photoshop, Tutoriais

Artigos relacionados:

Se lle gusta de ler este artigo, confía outros artigos relacionados a continuación:

    • Retro a imaxe en 2 minutos: Photoshop
    • Debuxo e Pintura Efecto No Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Como crear Smooth Texto Efecto Glossy en Photoshop
    • Como cambiar a cor do coche en apenas 2 minutos a usar o Photoshop
Untitled Document

One comments

  1. Iris di en: 3 de setembro de 2009 ás 11:44 Said:

    really nice! obrigado : D

Enviar un comentario

XHTML: Podes usar estas etiquetas: href = "" citar = ""> <b> <blockquote citar=""> <code> < del datetime = "">> <i> <q do <strike> <strong>


«Free Rustam Texturas
Developer's Paradise Sites da Semana do 04 de setembro de 2009 »
Untitled Document

    Rexístrate

  • Asine o noso feed
  • Asinado por e-mail
  • Siga connosco en Twitter
  • Patrocinados
  • Patrocinados
  • Patrocinados
  • Patrocinados
  • Patrocinados
  • Patrocinados

    • Procura

      Untitled Document
  • Calendario

    Setembro 2009
    M T W T F S S
    «Ago
    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áxinas

      • Inicio
      • Sobre
      • Artigos
      • Contacte connosco
    • Categorías

    • Css (15)
    • Deseño / Inspiración (39)
    • Freebies (18)
    • Deseño Gráfico (9)
    • Photoshop (10)
    • Recursos (17)
    • Seo (1)
    • Ferramentas (5)
    • Tutoriales (22)
    • Imprenta (3)
    • Desenrolo Web (4)
    • Wordpress (4)
    • Archives

    • Setembro 2009
    • Agosto 2009
    • Xullo 2009
    • Xuño 2009
    • Maio 2009
    • Recent posts

    • CSS
    • Deseño / Inspiration
    • Freebies
    • Deseño Gráfico
    • Photoshop
    • Popular posts

    • Como crear así coma formulario sen táboa
    • 6 gratuíto e de alta calidade Brick Wall Texturas
    • Benvido á ACE
    • Tutorial para crear un bonito, simple, menú horizontal CSS
    • 25 sitio debuxos rodapé, tendencias e estilos
    • 35 Creative ilustrativa Website Headers
    • Developer's sitios paraíso da semana do 02 de xullo 2009
    • Tag cloud

    CSS Deseño Fontes Freebies Deseño Gráfico Deseño Gráfico Iconas Inspiración Photoshop Resources Tools Tutoriais Tipografía desenvolvemento web WordPress

    • Amigos

      • Abduzeedo
      • Nationalsozialismus Pisos
      • Bittbox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Developer Help
      • Instantánea Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTuts
      • Compartir Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nós funcionan
      • Web Design Depot
      • Web Design Ledger
      • Web Design Wall
      • You The Design
    • Translator

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

    Saída UPrinting en YouTheDesigner.


    Tarxetas de Visita Online

    Web Design Blog Directory

.
Untitled Document
Volver arriba

Xeral

Estes quizais dalgún interese
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Obras

Exemplos de proxectos pasados
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Servizos

Isto é o que se vende hoxe
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Detalles de Contacto

Tanto nos contratar? comezar aquí ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Todos los derechos reservados, Ace Infoway India coches Ace Infoway India para o seu proxecto de deseño que vén. Ver carteira noso.