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.
Resultado Final
Isto é o que nós fomos fazer hoje
Etapa # 1
Abra o photoshop e criar um novo documento, o meu é 550px × 550px com fundo branco.
Etapa # 2
Selecione a Pen Tool, certifique-se tenho as opções selecionadas.
Agora usando a ferramenta Pen desenhar algo assim
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.
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.
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
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
Deve ser algo como isto agora
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
Vá em Edit -> Transform -> Scale e escalá-lo um pouco para baixo assim que olha como aberto.
Etapa # 4
Agora vamos adicionar um pedaço de papel. Criar uma nova camada e desenhe um rectângulo como abaixo
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.
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.
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
Agora vá para Edit -> Transform -> Scale e girar o papel.
Deve olhar como este.
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.
Agora selecione a ferramenta Pen e desenhar a forma (o preto)
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.
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.
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
Se você gostaria de verificar o seu trabalho, você pode baixar o arquivo PSD para este tutorial
Se você gostaria de receber mais tutoriais de nós, por favor, considerem assinar a nossa feed de RSS ou por e-mail.
Artigos Relacionados:
Se você gostou de ler este artigo, confira outros artigos relacionados abaixo:




















































Shamima Sultana disse em: 14 de dezembro de 2009 at 7:12 am Said:
Nice tarefa ... obrigado
Semmy design @ minisite diz em: dezembro 14, 2009 at 4:00 pm Said:
Tutorial realmente bom! thanks man
Semmy
Minisite Design
neeraj disse em: 15 de dezembro de 2009 at 5:20 Said:
pal nice work ... keep it up.
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