• Início
  • Sobre
  • Artigos
  • Contacte-nos

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

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

Criar uma Caixa Beautiful Icon no Photoshop

Ei uma técnica mais Photoshop tutorial por aqui, agora neste momento eu vou mostrar-lhe como criar um ícone na caixa Photoshop.This é muito simples e eficaz. Eu espero que você aprecie este tutoriais.

Aqui é o efeito que nós estamos indo para:

final

Etapa # 1

Abra o photoshop e criar um novo documento, o meu é 567 × 464px com fundo branco.

box-icon-step-0

Etapa # 2

Selecione a ferramenta retângulo certifique-se de que você tem as opções selecionadas.

box-icon-step-a

Faça um retângulo, o nome da frente da camada.

box-icon-step-1

Etapa # 3

Agora preencha o retângulo com af915b #
box-icon-step-2

Etapa # 4

Aplique uma sombra interna para a sua caixa de retângulo.
box-icon-step-3-a

O retângulo deve ter esta aparência.

box-icon-step-3

Etapa # 5

Ferramenta caneta Faça nova camada o nome da nova camada é superior e escolha, coloque-o em cima do retângulo original, em seguida, selecione a ferramenta Free Transform Ctrl + T, agora reduzir a altura e vá em Edit - Transform - Perspectivas e mover-se um alto canto interno até que você tenha uma forma de caixa.

Etapa # 6

Agora preencha a camada superior com # e1cea4

Seu olhar Box como este

ace-box-icon

Etapa # 7

Aplique uma sombra interna para a sua caixa de camada superior.
box-icon-step-5-a

box-icon-step-5

Etapa: 8

Criar linha preta na nova camada e reduza a opacidade 40% duplicar esta linha preta, mova-o um passo para trás e reduzir os 20% de opacidade.
box-icon-step-6

Etapa # 11

Criar uma listra branca na parte superior, selecione a ferramenta Free Transform Ctrl + T com o botão direito e selecione Perspectivas puxe um canto dentro. Agora selecione a Pen Tool e crie listra branca e colocar a forma abaixo, selecione a ferramenta Free Transform Ctrl + T com o botão direito e selecione Perspectivas puxe canto inferior segunda interior. fundir essas duas camadas e reduzir os 40% de opacidade.

A caixa deve ser semelhante a este.

box-icon-step-7

Etapa # 12

Selecione a ferramenta texto e digitar o texto na frente.
final-a

Agora aplique alguns efeitos

gradinat
final-gradiant1

Inner Shadow
final-inner-dropshdow

Sombra
final-inner-shadow

Final Preview

final

Qual a sua opinião sobre este tutorial, queira compartilhar conosco. Comentário nós

Se você gostaria de receber mais tutoriais de nós, por favor, considerem assinar a nossa feed de RSS ou por e-mail.

Arquivado em: Photoshop, Tutorials por admin

Promover Conosco

Tags: Photoshop, Tutoriais

Artigos Relacionados:

Se você gostou de ler este artigo, confira outros artigos relacionados abaixo:

    • Retro a imagem em 2 minutos: Photoshop
    • Desenho e Pintura Efeito No Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Como criar Smooth Texto Efeito Glossy em Photoshop
    • Como Mudar A Cor de carro em apenas 2 minutos usando o Photoshop
Untitled Document

One Comments

  1. Iris diz em: 3 de setembro de 2009 at 11:44 Said:

    really nice! obrigado : D

Enviar um comentário

XHTML: Você pode usar estas tags: href="" citar=""> <b> <blockquote citar=""> <code> < del datetime = "">> <i> <q do <strike> <strong>


«Free Rust Textures
Developer's Paradise Sites da Semana de 04 de setembro de 2009 »
Untitled Document

    Inscrever-se

  • Assine o nosso feed
  • Assine por e-mail
  • Siga-nos no Twitter
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador

    • Pesquisa

      Untitled Document
  • Calendário

    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áginas

      • Início
      • Sobre
      • Artigos
      • Contacte-nos
    • Categorias

    • Css (15)
    • Design / Inspiração (39)
    • Freebies (19)
    • Design Gráfico (9)
    • Photoshop (10)
    • Recursos (17)
    • Seo (1)
    • Ferramentas (5)
    • Tutorials (22)
    • Tipografia (3)
    • Desenvolvimento Web (4)
    • Wordpress (4)
    • Archives

    • Setembro 2009
    • Agosto 2009
    • Julho 2009
    • Junho 2009
    • Maio 2009
    • Recent Posts

    • CSS
    • Design / Inspiration
    • Freebies
    • Design Gráfico
    • Photoshop
    • Popular Posts

    • Como criar bem parecido formulário sem tabela
    • 6 gratuito e de alta qualidade Brick Wall Textures
    • Bem-vindo à ACE
    • Tutorial para criar um bonito, simples, menu horizontal CSS
    • 25 site desenhos rodapé, tendências e estilos
    • 35 Creative ilustrativa Website Headers
    • Developer's sites paraíso da semana de 02 julho 2009
    • Tag cloud

    CSS Design Fontes Freebies Design Gráfico Design Gráfico Ícones Inspiração Photoshop Resources Tools Tutoriais Tipografia desenvolvimento Web Wordpress

    • Amigos

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Developer Help
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTuts
      • Compartilhe Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nós funcionamos
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You The Designer
    • 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 em YouTheDesigner.


    Cartões de Visita Online

    Web Design Blog Directory

.
Untitled Document
Voltar ao topo

Geral

Estes talvez de algum interesse
  • Sobre Nossa Empresa
  • Testemunhos
  • Detalhes de Contato
  • Blog
  • Social - Twitter, Flickr

Obras

Exemplos de projetos passados
  • Sobre Nossa Empresa
  • Testemunhos
  • Detalhes de Contato
  • Blog
  • Social - Twitter, Flickr

Serviços

Isto é o que se vende hoje
  • Sobre Nossa Empresa
  • Testemunhos
  • Detalhes de Contato
  • Blog
  • Social - Twitter, Flickr

Detalhes de Contato

Quer nos contratar? começar aqui ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Todos os direitos reservados, Ace Infoway Índia carros Ace Infoway Índia para seu projeto de design que vem. Ver carteira nosso.