Criando um Bottom no Photoshop.

COMPARTILHE:

revisado dia 05/10/10. Descrição: Neste tutorial veremos como criar um bottom usando layer styles, seleções e alguns outros recursos do P...

revisado dia 05/10/10.

Preview Descrição: Neste tutorial veremos como criar um bottom usando layer styles, seleções e alguns outros recursos do Photoshop.

tutoriaisphotoshop.net






01. Pressione Ctrl+N para criar um novo documento, pressione Ok e logo após pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher todo o background de preto, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, com a tecla Shift pressionada clique e arraste para criar um círculo como o da foto abaixo, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte o interior do círculo de qualquer cor, neste tutorial foi usada a cor 7eb631.

tutoriaisphotoshop.net

02. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores a seguir.

tutoriaisphotoshop.net

03. Layer> Layer Style> Inner Shadow.

tutoriaisphotoshop.net

04. Layer> Layer Style> Inner Glow.

tutoriaisphotoshop.net

05. Layer > Layer Style> Gradient Overlay.

tutoriaisphotoshop.net

06. Layer> Layer Style> Satin.

tutoriaisphotoshop.net

07. Após aplicar estes Layer Styles sua imagem ficará como a imagem abaixo.

tutoriaisphotoshop.net

08. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, novamente pressione a letra M do teclado para selecionar a Elliptical Marquee Tool e crie uma elipse como a da foto abaixo, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para o transparente e preencha o interior da elipse como na foto abaixo, este efeito ficará posicionado no canto superior direito do bottom.

tutoriaisphotoshop.net

09. Pressione Ctrl+J para duplicar a layer, retire a visibilidade da layer original, clique com a tecla Ctrl pressionada sobre a miniatura da layer copiada na paleta de layers para ativar a seleção, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, com a tecla Alt pressionada crie outra elipse sobre a seleção existente, isto irá retirar uma parte da seleção fazendo com que você fique com algo próximo ao da foto abaixo, pressione Ctrl+Shift+I para inverter a seleção e pressione Delete, caso seja necessário vá em Select> Transform Selection para diminuir e ajustar o tamanho do gradiente editado.

tutoriaisphotoshop.net

10. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Horizontal, repita o procedimento e escolha a opção Flip Vertical, posicione a cópia no canto inferior esquerdo do bottom como na imagem abaixo.

tutoriaisphotoshop.net

11. Ative novamente a visibilidade da layer que criamos antes, clique na layer do círculo verde e defina o Fill em 0%, sua imagem deverá ficar parecida com a imagem abaixo.

tutoriaisphotoshop.net

12. Abra uma imagem qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte ao documento do Bottom e pressione Ctrl+V para colar, deixe a layer com a imagem abaixo da layer do círculo

tutoriaisphotoshop.net

13. Agora clique na miniatura da layer do círculo com a tecla Ctrl pressionada para ativar a seleção ao redor do círculo, clique na layer da imagem que estiver sendo usada, pressione Ctrl+Shift+I para inverter a seleção e pressione Delete, seu bottom irá ficar como o da imagem abaixo.

tutoriaisphotoshop.net

14. Algumas varições possíveis.

tutoriaisphotoshop.net

site de origem: http://psdtuts.com/photo-effects-tutorials/photoshop-button-maker/

COMENTÁRIOS

BLOGGER: 74
  1. mais uma vez vc esta de parabens ^^

    seu blog é perfeito *_*

    alias, pq vc não faz seu blog virar um site? assim daria pra colocar mais coisas sobre o photoshop. seria uma boa não acha?

    e mais uma vez parabens pelo blog

    ResponderExcluir
  2. Olá André, estou passando por aqui para lhe parabenizar por esse trabalho tão maravilhoso!! Eu não sabia nada sobre photoshop e tinha muita vontade de aprender, mas infelizmente não tenho condições de pagar um curso (aqui onde moro é muito caro). Quando encontrei este blog fiquei maravilhada, pois vi a possibilidade de aprender muito, vc não imagina a minha felicidade. Hoje já executo alguns trabalhos ensinados por vc, algumas coisas eu ainda fico meio perdida, pois o meu photoshop é em português Eu sempre recorro ao PS HELP, mas algumas coisas ainda não foram traduzidas, recorro aos dicionários de inglês, etc, mas nem sempre consigo a tradução. Mas eu vou indo. Todos os dias eu visito o blog para ver as novidades, e cada dia é uma surpresa para mim. Parabéns por ser esta pessoa sem egoísmo, pois vc divide com milhares de pessoas os seus conhecimentos. Abraços e até a próxima!!! Que Deus derrame chuvas de bênçãos em sua vida!!!

    ResponderExcluir
  3. Oi Josiane, não transformo o blog em site pelo simples fato de que como site a atualização seria bem mais complicada, o formato de blog pelo menos por enquanto está de bom tamanho para mim :), que tipo de coisas você gostaria de ver por aqui? ou acha que poderia ter a mais se o blog fosse um site? obrigado pela visita!! :)

    Oi Néia, foi por isso que instalei um script para tradução dos termos, porém ele só funciona no Firefox, se você estiver utilizando o Internet Explorer não poderá ver o script em ação, o nome de ferramentas, filtros, modos de blend etc, que estejam em inglês agora aparecem sublinhados como se fossem links, ao passar o mouse por cima aparece uma caixa com a tradução do termos em português com a foto da ferramenta (caso seja ferramenta), ainda não apliquei em todo o blog mas estou trabalhando para colocar o script em todos os tutoriais, mas como disse, infelizmente ele só funciona no Firefox, caso você ainda não tenha usado ele é um navegador bem leve e gratuito, muito bom por sinal, a cada dia que passa mais e mais pessoas estão usando, baixe e tente navegar no blog com ele e você verá o script que citei, obrigado pela visita!!! :)

    ResponderExcluir
  4. Puts,very good!
    Com a própria imaginação poderá adicionar detalhes deixando o perfeito.Além de já está muito realista.Vlw

    ResponderExcluir
  5. Sou novo no blog, mais já aprendi muito, pois os trabalhos são de muita qualidade.

    ResponderExcluir
  6. Nossa cara.. essa eu gostei em!!
    Mto boa... fazer montagem com foto pessoal ficaria bem legal heheh

    Bom ta de parabens por reunir mais essa no blog!!

    Abraços!

    ResponderExcluir
  7. Adoreiii esse e os outros tutorias!!! Parabens e obrigada, seus tutos ajudam muito os iniciantes como eu!
    Obrigada mesmo!! *_*
    beijus!!

    ResponderExcluir
  8. Oi Eduardo, qualquer trabalho no Photoshop pode ser melhorado infinitas vezes, e isso é que é a parte legal do programa, pois você pode pegar um efeito e melhorar ele infinitas vezes :), obrigado pela visita!!

    Oi Ulisses, obrigado pela visita, volte sempre!! :)

    Oi Gustavo, dá para criar bastante coisa usando este tutorial, obrigado pela visita!! :)

    Oi Suelen, eu que agradeço a visita, volte sempre!! precisando é só deixar um recado ok?

    ResponderExcluir
  9. Andre na passagem(09)não consegui retirar a visibilidade da layer original.
    Como eu faço???
    ahaaa e parabens pelo blog, os trabalhos são otimos!!!

    ResponderExcluir
  10. Oi Tiago, basta clicar no olho que existe na frente da layer, qualquer coisa mande outro recado ok? obrigado pela visita!!

    ResponderExcluir
  11. Muito bom esse tutorial, parabens pelo blog!

    ResponderExcluir
  12. Parabéns André, mais um ótimo tutorial, fica bem legal o efeito, valeu!

    Aproveitando e abusando da tua paciência, será que poderias me dizer como fazer pra que minha "Ferramenta Linha (U)" volte ao normal? Não sei o que fiz mas agora ela sempre fica uma seta, já tentei de tudo e não consegui tirar isso, se puder me ajudar eu agradeço.

    ResponderExcluir
  13. Oi Guido, eu que agradeço a visita!! volte sempre!! :)

    Oi Ad®iano, você deve estar com a Custom Shape Tool selecionada para mudar para Line Tool você pode proceder de 2 maneiras, pressionando Shift+U até selecionar a Line Tool na paleta de ferramentas ou clicar e segurar o botão do mouse sobre a ferramenta na paleta de ferramentas, você verá diversas opções e entre elas a Line Tool, obrigado pela visita!! :)

    ResponderExcluir
  14. Olá André!!!! tdo bem?? meu nome é Adalberto e sou principiante no Photoshop, e adorei este site, pois com ele já consegui relaizar muitos trabalhos e ganhar algum dinheirinho extra, pois trabalho com fotografia, mas nada sério, como diverção mesmo. Estou tentando fazer este Botom mas não está dando certo, eu crio o novo documento, faço o círculo mas qdo vou ao próximo passo que é clicar na layer style, ele não deixa, pois a mesma não está em negrito como os outros comandos, pq será??? me ajuda!!!! uma grande abraço... e parabéns pelos tutoriais....

    ResponderExcluir
  15. Oi André, obrigado por responder mas o problema não era esse, isso eu já sabia fazer e não precisaria te incomodar, o problema era na line tool mesmo e não na custom shape, todas as linhas que eu tentava desenhar acabavam com uma seta mas consegui resolver isso clicando nas opções de geometria, daí foi só tirar a seleção de seta no final, só não sei como que não achei isto antes, na pressa de querer tirar acabei passando batido por este detalhe!

    Valeu velho, abração!

    ResponderExcluir
  16. Oi Adalberto, o círculo deve ser criado em uma nova layer, assim que desenhar o círculo com a Elliptical Marquee Tool, pressione Ctrl+Alt+Shift+N e aí sim pinte o círculo na cor desejada, depois basta aplicar os Layer Styles, obrigado pelas visitas e pelo elogio ao blog!! :) volte sempre!!

    Oi Ad®iano, fico feliz que tenha conseguido arrumar aí!! obrigado pela visita!! :)

    ResponderExcluir
  17. Oi André!

    Eu tenho o Photoshop CS2......adorei esse tutorial de criação de bottom. Mas não sei o que está ocorrendo....

    Eu segui todas as configurações do Layer Styles, porém o resultado final do meu ficou diferente do que vi aqui....não entendi :-(

    Já fiz e refiz e tá tudo como foi pedido aqui, mas fica diferente o efeito :-(

    O que será?

    Brigadinhaa e parabéns pelas dicas

    ResponderExcluir
  18. Oi Sabrina, você poderia mandar um .jpg do seu resultado para eu ver? mande no meu e-mail guitarfreaks@gmail.com, obrigado pela visita!! :)

    ResponderExcluir
  19. André, seu blog é realmente perfeitoooo... Me ajudou muito e me ensinou muito, mas eu estou com um problema. Eu não manjo muito de Photoshop, e estou coçando a usá-lo agora, mas eu não entendi o que você fez nos passos 10 e 11. Eu não entendi qual é a layer a ser duplicada no passo 10, logo não entendi o que é deletado =(
    No passo 11 não entendi como você fez para transformar a seleção naquele reflexo de luz...
    Se puder me ajudar ficaria muito grato ^^

    Desde Já Agradeço,
    E Parabéns Pelo Blog

    ResponderExcluir
  20. Desculpe o errinho....
    Correção "...estou começando* a usá-lo..."

    ResponderExcluir
  21. Oi Legey, no passo 10 foi feita uma cópia (Ctrl+J) do brilho que existe no canto superior direito do bottom, depois com foi aberto a caixa de Free Transform (Ctrl+T) para que pudessemos inverter a cópia do brilho e mudarmos sua posição horizontal, no passo 11 mostra como a cópia que foi criada no 10 ficou posicionada, abrindo a caixa de Free Transform você tem a possibilidade de rotacionar, distorcer e redimendionar a vontade qualquer objeto selecionado em sua composição, espero ter ajudado, obrigado pela visita!! :)

    ResponderExcluir
  22. Ajudou sim André =D Valeu mesmo

    ResponderExcluir
  23. Eu que agradeço a visita Legey, volte sempre!! :)

    ResponderExcluir
  24. minha nossa eh mto perfeito esse blog
    parabens =)

    mas eu nunca consegui fazer esse bottom aii e sei k nunca vou conseguir haha
    tento todos os dias serio mas nunca consigo
    kuando eu conseguir n vou conseguir nem dormir hauha
    xD
    parabenss mesmo pelo blog

    bjaoo

    ResponderExcluir
  25. Oi André ...
    entao...po cara primeiro queria te parabenizar ae pelo blog..bem dificil fazer isso o que vc faz com tanto detalhe..

    entao sobre o Botton..fiquei com duvida na parte 9 pq nao consigo fazer akele brilhinho...em cima do brilho oval...e outra...no passo 11 o meu nao fica com akele efeito espelhado... quando eu escureço pra zero no FILL ele some..e soh fica aparecendo os brilhos entao nao fica mto realista..queria uma ajudinha..pq gostei muito dessa ideia..OBRIGADO des de ja!

    ResponderExcluir
  26. Oi Raíssa, com o tempo você pega o jeito e consegue sim, obrigado pela visita!! :)

    Oi Caio, basicamente o que se faz é um brilho grande (o primeiro a ser feito) depois uma versão menor que fica por cima deste brilho e depois uma cópia deste brilho menor que vai na parte de baixo do bottom :), espero ter ajudado, obrigado pela visita!!

    ResponderExcluir
  27. Entao andre...eu etendi isso perfeitamente..mais o que eu nao consigo eh fazer o brilho menor..
    pq no passo 09 a seleçao eh maior do que quando aparece no passo 10.E nao sei como faço para pintar a seleçao..pra fazer o brilho se eh com o gradiente..ou se eh com a lata d tinta..e no passo 11..no seu fico com um efeito que parece ter um vidro sobre o broche todo o meu apenas aparece os brilhos feitos nos passos anteriores..se puder me ajudar..ficarei mto grato..abraços

    obs: no site que vc deixou ai..tem um passo que ensina a fazer esse brilho mais nao entendi direito como eles fizeram..

    ResponderExcluir
  28. Oi Caio, na realidade ele parece menor no passo 10 por causa do gradiente, caso você tenha feito tudo certo nem é preciso usar a lata de tinta nem o gradiente, mas em todo caso use o gradiente que foi usado no primeiro brilho, que vai do branco para o transparente, no passo 11 apenas deixamos o Fill da layer com o círculo verde em 0% para ver apenas o brilho e como ele fica sobre o broche, espero ter ajudado, obrigado pela visita!! :)

    ResponderExcluir
  29. pow kra, eu to insistindo aki, mas n to conseguindo!

    parei no passo 9, n sei c tah dando errado pq fiz algo d errado antes, mas sei la, nao to conseguindo fazer o passo 9 d jeito nenhum... =(

    poxa, c puder claro, tem como me ajudar?

    alguém!

    xD

    ah! parabens pelo blog, ta sinistro! todas as suas postagens tao perfeitas, um dia quem sabe, vou ser um expert, talvez por causa d seu blog!

    haha, vlw!!! abraçao

    ResponderExcluir
  30. Oi Jean Sette no passo 9 o que acontece de errado? o problema é com a seleção ou o preenchimento? obrigado pela visita e pelo elogio ao blog!! :)

    ResponderExcluir
  31. a minha seleçao nao estava como a sua e o meu button nao tinha uma camada q estava como akela, soh tinha a jah editada, entende?

    obg

    ResponderExcluir
  32. Oi Jean, e qual a dúvida? obrigado pela visita! :)

    ResponderExcluir
  33. andre sugai,

    duvida 1 - eh para copiar a layer do button ou da elipse?

    duvida 2 - o que vc fez para o button imagem nao ter efeito nehum?

    tpw, por enquanto soh essas :D

    abraçao

    parabens

    ResponderExcluir
  34. correçao - "o button da imagem"

    =)

    ResponderExcluir
  35. Oi Jean, respondendo suas perguntas:

    1- a layer da elipse (ou brilho).

    2- no bottom foram aplicadas apenas layer styles.

    Obrigado pela visita!! :)

    ResponderExcluir
  36. ixi...
    kra, msm assim...

    shuashuahsu

    mas rlx

    sou meio q um principiante... e apesar de ter consegido realizar alguns desses efeitos q vc postou nesse blog, esse é um dos unicos q esta me dando trabalho...

    hehekra, mandando um papo, soh vc vendo q pode tirar minha duvida.

    apesar q meu msn tah com problema, eu vou baixar outro, logo apos t mando pr vc ver como esta fikando a minha montagem, pois apartir do passo 9 em diante nao consigo fazer mais nada... hehe

    abraço kra

    e parabens pelos tutos!

    ResponderExcluir
  37. Oi Jean, com o tempo você pega mais experiencia e irá conseguir reproduzir o efeito sem problemas :), obrigado pela visita!!

    ResponderExcluir
  38. Ae André, primeiramente quero lhe parabenizar pelo trabalho, pois é fantástico, você tem uma grande criatividade e com isso poderá ir longe se quiser!

    Eu estou fazendo todas as matérias que você publicou, mas essa do Bottom é muito foda.. eu coisegui fazer algumas partes, mas o brilho do Bottom eu não consegui, e quanto a cor transparente que você cita em um dos passos eu também não consegui entender direito,resumindo: NÃO CONSEGUI! hehe!

    Se você poder me adiciona no msn? Assim seria mais facil eu te perguntar algumas duvidas em relação á algumas matérias okay ?

    mascote_152@hotmail.com

    esta ai o msn.. vlw cara!

    ResponderExcluir
  39. Oi Maskoote, este tutorial é realmente complicado em algumas partes mas qual parte do brilho você não conseguiu fazer? obrigado pela visita!!

    ResponderExcluir
  40. André.. eu impaquei LITERALMENTE na parte 08! Bom eu consegui colocar a elipse.. e tudo só não entendi a cor que vai do branco ao transparente.. e do 08 pra frente não consegui mais nada..

    ResponderExcluir
  41. Oi Maskoote, assim que você selecionar a Gradient Tool vá na barra de opções da ferramenta no alto da tela, lá você terá o tipo de gradiente que está sendo usado, clique sobre ele e uma caixa irá abrir com outros diversos tipos de gradientes que podem ser utilizados, escolha o gradiente que vai do branco para o transparente e aplique normalmente, espero que isso ajude, obrigado pela visita!! :)

    ResponderExcluir
  42. Vlw André.. consegui fazer!

    xD

    É eu pesquisei no blog, mas acho que não encotrei tutorial pra fazer banner's.. tem aki esse tipo de tutorial ?

    ResponderExcluir
  43. Oi Maskoote, sobre criação de banners ainda não existe nenhum no blog, mas em breve postarei ok? você pode conferir todos os tutoriais do blog aqui, obrigado pela visita!!

    ResponderExcluir
  44. Respondendo a Matheusbelohorizonte.

    Oi Matheusbelohorizonte!, sempre que tiver uma dúvida você pode postar no próprio tutorial independente da data pois recebo as dúvidas por e-mail e acho que facilitam as coisas para ambas as partes, bom, no passo 9 é um pouco complicado mesmo.. mas vamos lá, criado o brilho do reflexo você deve dar um Ctrl+J e duplicar a layer do brilho/reflexo, retirar a visibilidade do brilho original e deixar apenas a cópia que foi feita visível, clique com a tecla Ctrl sobre a miniatura da layer da cópia na paleta de layers para ativar a seleção ao redor do brilho/reflexo, agora você deve pressionar a letra M do teclado para selecionar a Elliptical Marquee Tool e com a tecla Alt pressionada (você verá um sinal de "menos" ao lado do ponteiro do mouse, crie um círculo sobre a seleção, isto irá deletar parte da seleção que está ativa, o objetivo é deixar a seleção como a da foto 9, agora você terá o brilho e a seleção bem menor, então você pressiona Ctrl+Shift+I para inverter a seleção e pressiona delete para deletar tudo (brilho/reflexo) que estiver fora da seleção depois basta pressionar Ctrl+T e rotacionar um pouco o brilho e deixar na posição da foto 9, vou postar essa minha resposta no post do tutorial que você teve dúvidas pois pode ajudar outras pessoas, caso queira responder por favor responda no próprio tutorial ok? espero ter ajudado, obrigado pela visita!!

    ResponderExcluir
  45. Ola

    tenho um duvida

    quando eu vou fazer a layer Style

    o preview fica no formato quadrado
    e não redondo

    entao o bottom fica quadrado e nao redondo
    gostaria de saber se tem algo a mais
    entre a explicação 1 e 2

    o meu photoshop é o CS 8.0

    Obrigado !!!!!!

    ResponderExcluir
  46. André.. Help help help..
    Sou apaixonada por bottons, tenho até uma pequena coleção, qdo vi esse tutorial entrei de cabeça.. mas ñ estou conseguindu passar da etapa 8.Queria até usar esses bottons p/ fazer meu convite de aniversário. Não tem como vc me mandar por email a base ( até a etapa 11) salvo em psd?? Assim,eu msma faria meus bottons e c/ o tempo aprenderia tdas a etapas. S for possível.( sanoneve@bol.com.br)
    Obrigada.. seu blog é perfeitooo!
    sugestão> esses mais dificeis vc poderia postar em video n youtube, assim daria p/ ver oq vc fez..

    bjus

    ResponderExcluir
  47. Olá Pedro, meu nome é Hallan, vou tentar te ajudar.
    Verifique se vc criou uma nova layer (camada) antes de fazer o circulo verde, para criar a nova layer (camada) aperte Ctrl+Shift+Alt+N, porque assim quando vc for fazer as layer stykes vc vai estar fazendo somente no círculo e não na pagina inteira, talvez seja por isso que sua preview esteja quadrada.
    Bom é isso, espero ter ajudado :D, se não com certeza o André te ajuda.

    Hallan

    ResponderExcluir
  48. Parabéns pelo tutorial! Confesso que eu não consegui seguir até o fim, porque me perdi justamente na famosa etapa 9! Não consegui fazer a seleção e deixar daquele jeitinho, então pulei elas todas direto pra etapa em que vc abre outra imagem e deixa ela no formato do bottom! Então copiei as layer stylers do círculo original e apliquei na imagem redonda, assim como copiei os brilhos feitos com gradientes, e diminuí e inverti para que cada um se aplicasse ao tipo de imagem que selecionei (mais clara, mais escura, mais colorida), daí ficou igual!
    Mas o tutorial está perfeito, parabéns!

    ResponderExcluir
  49. oi? ashei muito show esse tuto,mais so que ta em ingles,pode traduzir?

    http://www.spoono.com/photoshop/tutorials/tutorial.php?id=77

    ResponderExcluir
  50. Aee Parabéns pelo Blog/site, enfim vow poder criar botões diferentes e "descentes" pros destaques do meu blog.. Valew!
    Não Dexista desse Blog!;D

    ResponderExcluir
  51. Toh ralando aqui, mas não toh conseguindo de jeito nenhum
    No passo 11 simplesmente o circulo central some e fica soh as coutras camadas no formato de lua

    ResponderExcluir
  52. Pessoal!!!!!!!!!!!!!!!!!!!!!!
    Pra quem não ta conseguindo fazer a bola sumir eu depois de muito tentar consegui.

    Depois de criar a bola e antes de começar a fazer o brilho você deve colocar o "Preenchimento" em 0%. Lembrando que deve colocar o preenchimento em 0% antes de começar a fazer os "Blending" ou "Mesclagem" em português. Lembrando também que não é Opacidade... é Preenchimento.

    Boa sorte!

    ResponderExcluir
  53. Andre , uso o Photoshop CS2 e não consigo usar o Gradient no passo 08 , da um erro ...

    Please , help is needed :O .

    Braços !

    ResponderExcluir
  54. André, seguinte, muito bom o trabalho sendo feito aqui. Só queria uma ajuda em especial numa questão que outras pessoas jah perguntaram. Ali no passo 11, onde o fill fica em 0%, o seu bottom continua "aparecendo". E o meu some completamente, fica apenas um grande background preto com os brilhos já criados. Não sei se esqueci algum efeito anterior, mas estou a um tempo ensima deste tutorial e não pretendo largá-lo antes de saciar esta dúvida. Logo, já vi e revi os passos e os níveis nos efeitos aplicado no bottom e parece que estão todo como você mostra.
    Gostaria de informações sobre este passo, pois quando colo a figura em cima acontece a mesma coisa e não o bottom não aparece mais (não tem mais o efeito de "relevo").
    Grata desde já.

    ResponderExcluir
  55. Olá André, frequento seu blog já tem algum tempo e pude aprender bastante aq, mas esse tutorial n tá rolando. O problema é q estou fazendo um trampo na área de design gráfico pra uma dessas Comissões Internas de Prevenção de Acidentes (CIPAs) e esse botton ficaria perfeito junto com a logo deles. Tem como vc colocar um vídeo passo-a-passo no youtube explicando como vc fez isso? valeu por tudo, témais.

    ResponderExcluir
  56. Um dos melhores sites de tutoriais pra Photoshop do mundo. Valeu pessoal pela dica. Um abraço a todos e fiquem com Deus...

    ResponderExcluir
  57. Esse tutorial nao esta certo!!!

    ResponderExcluir
  58. Aff , faço tdo certo e o círculo nao fuca assim! >.<

    ResponderExcluir
  59. Ele nao fica arredondado que nem no passo 07! :@

    ResponderExcluir
  60. Você poderia explicar melhor? Chegou uma hora que eu não entendi mais nada do que disse... Seu tutorial esta muito incompleto... Obrigada...

    ResponderExcluir
  61. Meu.. perfeito esse tuto, vou fazer um bottom com a minha foto e da minha namorada juntos... vlw por compartilhar isso com agente

    ResponderExcluir
  62. Nossa muiito bom, mas faz uns dois meses que tento fazer esse botton e travo no nove, meu photoshop é o CS3 será que não tem um jeito mais fácil de fazer esse botton não? Obg

    ResponderExcluir
  63. Tb, travo no 9, :/
    Tá um pouco mal explicado, mas esse blog é o melhor de todos !

    ResponderExcluir
  64. André,estou com problemas em realizar a etapa 11.
    Diz que preciso deixar a Fill em 0% da Layer do Círculo Verde, mas quando retiro o Fill, o circulo desaparece, ficando somente os efeitos de brilho que são mostrados nos passos 8, 9 e 10. Estou com problemas para realizar a etapa 11, este é o meu problema.

    ResponderExcluir
  65. Eu tive o mesmo problema de travar no passo 9, então, eu acho que sei a solução do seus problemas. Vocês tem que clicar segurando o control na caixinha quadrada do layer e não no nome do layer. Tambem tive problemas com isso, mas vou lógo avisando que não vai ficar perfeito como o do André, pq ele explicou os passos básicos e como não vai poder pegar na mão de ninguém pra fazer os desenhos certinhos, nõ tem jeito de ficar como o dele. De qualquer forma, parabéns pelos tutoriais do blog e obrigado.

    ResponderExcluir
  66. Nossa fico maravilhoso mas eu tentei mas não consegui chega ao resultado

    ResponderExcluir
  67. Muito legal esse efeito, mas não consigo realizar a etapa q pede pra deixar o Fill em 0% da Layer do Círculo Verde, ele some totalmente...gostaria de entender pra concluir o botton.

    ResponderExcluir
  68. Gente acho que é como o André sugai disse pelo que eu entendi,o passo 11 não fica mesmo como a da foto,ele postou assim só p/explicar de como o boton ficaria em cima do desenho,o meu tbem c/fill em zero ficou todo preto,só se vê os efeitos do brilho,mas vcs tentaram colocar uma imagem p/vewr como é que fica?o meu ficou perfeito,parecendo uma camada em vidro mesmo lindo.
    Obrigada André sugai pela pasciência de explicar eu mesma li e reli várias vz até conseguir fazer,não sei se estou certa ,mas gostei do resultado.Mas ainda estou na dúvida,tem uma vez que fiz e ele ficou mesmo igual a da foto do passo 11,parecendo a camada em vidro,nossa não sei mais nada,só sei que gostei de aprender ,

    ResponderExcluir
  69. oie
    seu blog está de parabéns!!
    esse tutorial é ótimo! Mas só uma sugestão: você poderia disponibilizar o arquivo psd dos tutorias para estudo, para não ter que ficar ps-> o tuto->ps->o tuto... até terminar de fazer o tutorial...

    ResponderExcluir
  70. olá André parabens pelo blog, só estou com uma duvida e quanto ao tamanho como faço para definir o tamanho do meu boton, por exemplo tem as medidas 4,5 e 3,5 e 2,5 tenho uma matriz de 4,5

    desde já obrigada

    ResponderExcluir
  71. Dica, você poderia ter criado o circulo inicial com a Elipse Tool e depois ter transformado em Smart Object, adicionando um fundo e perspectiva dava pra criar um mockup bem legal de botton.

    ResponderExcluir
  72. By reading this article I get a lot of lessons and this is very useful . cara menggugurkan kandungan

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,412,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,517,outubro,745,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,156,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,474,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando um Bottom no Photoshop.
Criando um Bottom no Photoshop.
http://www.andresugai.org/Tutoriais/10.2007/T13/imagem10.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/10/criando-um-bottom-no-photoshop.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/10/criando-um-bottom-no-photoshop.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar