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

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

  • Artigo escrito
  • em 14.12.2009
  • às 05:17
  • por admin

Como criar ícone de pasta no Photoshop

Neste tutorial vamos criar ícone de pasta simples. Isto é muito simples e bastante eficaz tutorial, por isso tudo que você precisa é o Adobe Photoshop para criar esse efeito. Eu espero que você aprecie este tutorial.



folder-icon-heading

Resultado Final

Isto é o que nós fomos fazer hoje

folder-icon-step111

Etapa # 1

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

folder-icon-step1a

Etapa # 2

Selecione a Pen Tool, certifique-se tenho as opções selecionadas.

folder-icon-step1b

Agora usando a ferramenta Pen desenhar algo assim

folder-icon-step1

Agora vamos aplicar estilos camada somesome

Efeito Gradiente

Styling the Button dê um duplo clique na miniatura forma no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar um efeito de gradiente vertical de sua forma. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o Color Gradient Editor.

Create Folder Icon in Photoshop

Dê um duplo clique no left-color-stop e digite o valor de cor # FFD772, em seguida, dê um duplo clique sobre o botão direito do cor-stop e digite o valor de cor # FFFF99.

folder-icon-step2a

Inner Glow

Em seguida aplicar a camada estilo Inner Glow. Alterando os valores de opacidade, Choke e tamanho. Eu escolhi para definir a opacidade em 75%, Choke a 100% e Size em 1px.

Alterar a cor Inner Glow do padrão para # FFFFFF

folder-icon-step2b

Golpe

Finalmente vamos aplicar o Stroke. Primeira alterando os valores de Size. Eu escolhi para definir o tamanho de 1px. Alterando a posição no exterior

Alterar a cor do curso a partir do padrão a # E6C15E6

folder-icon-step2c

Deve ser algo como isto agora

folder-icon-step2

Etapa # 3

Agora duplique a camada com a forma. NowGo a Edit -> Transform -> Perspective uma jogada no canto superior direito fora até que você tenha uma forma como abaixo

folder-icon-step3

Vá em Edit -> Transform -> Scale e escalá-lo um pouco para baixo assim que olha como aberto.

folder-icon-step4

Etapa # 4

Agora vamos adicionar um pedaço de papel. Criar uma nova camada e desenhe um rectângulo como abaixo

folder-icon-step5

Agora vamos aplicar estilos camada somesome

Efeito Gradiente

Denominando de Forma, clique duas vezes sobre a miniatura forma no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar um efeito de gradiente vertical de sua forma. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o Color Gradient Editor.

Create Folder Icon in Photoshop

Dê um duplo clique no left-color-stop e digite o valor de cor # EDEDED, em seguida, dê um duplo clique sobre o botão direito do cor-stop e digite o valor da cor # FFFFFF.

folder-icon-step5a

Golpe

Em seguida vamos aplicar o Stroke. Primeira alterando os valores de Size. Eu escolhi para definir o tamanho de 1px. Alterando a posição no exterior

Alterar a cor do curso a partir do padrão de # DDDDDD

folder-icon-step5b

Agora vá para Edit -> Transform -> Scale e girar o papel.

Deve olhar como este.

folder-icon-step6

Agora coloque o pedaço de papel sob a pasta, e defina a opacidade em 65%.

Agora vamos "curva" no canto superior do papel. Excluir uma pequena parte do canto superior.

Deve ser semelhante a este.

folder-icon-step9

Agora selecione a ferramenta Pen e desenhar a forma (o preto)

folder-icon-step10

Agora vamos aplicar alguns estilos de camada de forma.

Denominando de Forma, clique duas vezes sobre a miniatura forma no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar um efeito de gradiente vertical de sua forma. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o Color Gradient Editor.

Create Folder Icon in Photoshop

Dê um duplo clique no left-color-stop e digite o valor de cor # EDEDED, em seguida, dê um duplo clique sobre o botão direito do cor-stop e digite o valor da cor # FFFFFF.

folder-icon-step5a

Golpe

Em seguida vamos aplicar o Stroke. Primeira alterando os valores de Size. Eu escolhi para definir o tamanho de 1px. Alterando a posição no exterior

Alterar a cor do curso a partir do padrão de # DDDDDD

Resultado Final

Isto é o que nós fomos fazer hoje

folder-icon-step111

Se você gostaria de verificar o seu trabalho, você pode baixar o arquivo PSD para este tutorial

[Download do arquivo: 30kb]

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

  • Add to Mixx!
Ace Hosting Índia

Tags: Photoshop, Tutoriais

Artigos Relacionados:

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

    • Como criar Nice Inset Text Button no Photoshop
    • Como criar um simples botão verde no Photoshop
    • Como criar I-Phone como botão no Photoshop
    • Como criar Tipografia Tipografia no Photoshop
    • Como criar Nice Easy texto efeito 3D no Photoshop
Untitled Document

4 Comentários

  1. Shamima Sultana disse em: 14 de dezembro de 2009 at 7:12 am Said:

    Nice tarefa ... obrigado

  2. Semmy design @ minisite diz em: dezembro 14, 2009 at 4:00 pm Said:

    Tutorial realmente bom! thanks man

    Semmy
    Minisite Design

  3. neeraj disse em: 15 de dezembro de 2009 at 5:20 Said:

    pal nice work ... keep it up.

  4. Rodman disse em: 16 de dezembro de 2009 at 8:50 pm Said:

    wow isto é útil como um tutorial, obrigado por compartilhar no seu blog! Conheço bons tutoriais não são fáceis de passar por estes dias, mas depois isso foi tão fácil e que vai ser útil no meu site

Enviar um comentário

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


CommentLuv Enabled Mostrar mais
Paradise «Developer Sites da Semana de 12 de dezembro de 2009
36 Exmaples de simples, eficaz Grayscale Logos para sua inspiração »

    Inscrever-se

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

    • Pesquisa

      Untitled Document
  • Calendário

    Dezembro 2009
    M T W T F S S
    «Nov
    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 31
    • Páginas

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

    • Css (23)
    • Design / Inspiração (59)
    • Freebies (39)
    • Design Gráfico (12)
    • Photoshop (21)
    • Recursos (35)
    • Seo (1)
    • Ferramentas (9)
    • Tutorials (37)
    • Tipografia (6)
    • Desenvolvimento Web (6)
    • Wordpress (6)
    • Archives

    • Dezembro 2009
    • Novembro 2009
    • Outubro 2009
    • Setembro 2009
    • Agosto 2009
    • Julho 2009
    • Junho 2009
    • Maio 2009
    • Recent Posts

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

    • Como criar Nice Scalable CSS Based Breadcrumbs
    • 5 Passos para Escrever Melhor Parte II CSS
    • Como criar bem parecido formulário sem tabela
    • 30 sites com máxima Orange
    • Big 21, Negrito Tipografia Web Design
    • 20 exemplo impressionante de Infografia para sua inspiração
    • 5 Passos para Escrever Melhor Css
    • Tag cloud

    CSS Design Fontes Freebies Design Gráfico Design Gráfico Ícones Inspiração 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
    • Comunidade News

        • Google prestes a receber uma reforma

          "Quem deseja sucesso constante deve mudar constantemente" e está se tornando cada vez mais evidente que o Google está vinculada a esta escola de pensamento. The Online Marketing Blog está relatando um ...

          11 de dezembro de 2009
        • Como criar um simples botão verde no Photoshop

          dele é muito simples e bastante eficazes tutorial. Eu espero que você aprecie este tutorial.

          9 de dezembro de 2009
        • 11 de Grunge Fontes para Designers

          Neste post você vai encontrar 11 de Grunge Fontes para Designers. Essas fontes livres são perfeitos para afligindo seus projetos. Espero que você aproveite este.

          9 de dezembro de 2009
        • Big 21, Negrito Tipografia Web Design

          ter um olhar para esses 21 Beautiful Big, Tipografia Bold Web Design e deixe-nos saber a sua opinião no comentário.

          9 de dezembro de 2009
    • Adicionar Notícias

      Você pode enviar seus links usando o formulário abaixo e eles costumam ser aprovado dentro de algumas horas.






      Carregando ...

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