em , , , ,

Tutorial: Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

Preview Descrição: Neste tutorial veremos como criar um fundo personalizado para um cartão de dia dos namorados.

  • [message]
    • ##check##AVISO: Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo arquivo, defina o tamanho em 1024×768, 72 dpi´s, modo de cor em RGB e fundo branco, pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja marcada na barra de opções da ferramenta, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para inverter as cores, sua cor de Foreground deve ser branca, clique e arraste em seu documento afim de criar um retângulo do tamanho da área que vamos trabalhar como na foto abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

02. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

03. Clique no gradiente e defina como na foto abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

04. Depois de pressionar Ok sua imagem deve ficar como na foto abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

05. Pressione Shift+U para selecionar a Custom Shape Tool, clique no ítem Shape na barra de opções da ferramenta e escolha o Shape mostrado logo abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

06. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco e logo após pressione a letra X do teclado para alternar as cores, sua cor de Foreground deve ser a branca, com o Shape escolhido selecionado clique e arraste em seu documento para preencher como na foto abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

07. Defina o valor de Fill da layer para 10%.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

08. Pressione Ctrl+E para mesclar as layers e vá em Filter> Distort> Twirl, defina os valores abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

09. Pressione Ok e sua imagem deve ficar como na foto abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

10. Pressione a letra U do teclado para selecionar a Custom Shape Tool novamente, clique em Shape na barra de opções da ferramenta e escolha o Shape de coração.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

11. Clique e arraste para criar um Shape de coração como na imagem abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

12. Sua imagem deve ficar parecida com a imagem abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

13. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

14. Para o Gradiente defina os seguintes valores.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

15. O coração deve ficar como o da imagem abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

16. Agora clique na layer que contém o coração na paleta de layers e pressione Ctrl+J para copiar, agora selecione a Convert Point Tool, (ela está no mesmo menu da Pen Tool porém não pode ser acessada via atalho de teclado) e crie uma forma como mostrada na imagem abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

17. Defina o Fill da layer em 0% e vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

18. Defina os seguintes valores para o gradiente aplicado.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

19. Sua imagem deve ficar como a da foto abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

20. Agora vá em Layer> Group Layers para criar uma pasta com sua layer dentro, arraste a outra layer do coração para dentro desta pasta, clique sobre a pasta e arraste para cima do ícone de Create New Layer para duplicar a pasta, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique em um dos pontos diagonais da caixa de Free Transform e altere o tamanho do coração copiado, clique na layer que contém o Shape do coração e vá em Layer> Layer Style> Gradiente Overlay e defina os valores abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

21. Sua imagem deve ficar como a da foto abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

22. Repita o procedimento do passo 20 e crie outros corações, ao final você terá o resultado abaixo.

Especial dia dos Namorados: Fundo para cartão de dia dos Namorados

site de origem: http://www.fstutorials.com/tutorial/photoshop/valentines_day_cards/6300

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

21 Comments

  1. Oi Lucas, quanto ao uso da Convert Point Tool sinta-se a vontade para fazer uso da ferramenta que achar mais adequada, o importante na verdade é o resultado final, no Photoshop existem vários meios de se chegar a um mesmo resultado final por isso não se sinta preso aos passos do tutorial caso ache mais fácil usar outro método, quanto as “linhas” que você citou são derivadas dos pontos de ancoragem, quando você clicar com a Direct Selection Tool ou a Convert Point Tool em um ponto de ancoragem e puxa você verá estas linhas que ajudam na criação de curvas, quanto aos pontos do meio do Shape o que você pode fazer é dar um zoom no centro do Shape e e com a ferramenta Direct Selection Tool, letra A do teclado clicar nas pontas do Shape e puxá-las para o centro fazendo com que todas as pontas se encontrem, enfim, tudo isto é opcional, espero que as dicas que dei ajudem na execução do tutorial, obrigado pela visita e desculpe a demora na resposta!! 🙂

  2. oi André!

    tirei um Print Screen da minha tela pra vc ver!

    verifiquei e vi que a opção Shape Layers esta marcada sim!

    e em vez de usar a Convert Point Tool pra fazer aquela “linha”, eu não posso por exemplo duplicar e fazer uma seleção usando a Polygonal Lasso Tool e depois só aplicar o gradiente dentro da seleção??

    Aqui esta o Print Screen!
    i299.photobucket.com/albums/mm309/babyguinho/Diadosnamorados.jpg

    Espero resposta!

    Abraços!

  3. Oi Igor e Dani Amor Eterno, nada de oficial vindo da Adobe sobre este problema mas pesquisando por aí vi que muitas pessoas já enfrentaram este problema inclusive em outras versões do Adobe Photoshop, algumas sugestões do que fazer são:

    1-Problema de memória, neste caso convém checar se existe memória suficiente no computador para rodar a versão instalada na máquina.

    2-Fechar e abrir novamente o Photoshop.

    3-Ir em Edit> Preferences> General e clicar em Reset All Warning Dialogs, depois disto pressionar Ok, fechar o Photoshop e abrir novamente.

    Espero que alguma destas dicas funcione, espero o retorno de vocês, se puderem tirar prints da tela com o “bug” e realizando os procedimentos acima, caso algum funcione criarei um post sobre o assunto ok? obrigado pela visita!!

    Oi Lana, a versão do Photoshop não influi em nada no resultado final, tente melhorar a técnica, refazer algumas vezes! 🙂 obrigado pela visita!!

  4. olá André, a versão do meu Photoshop é CS2 em Inglês, e a configuração do meu computador é:

    Processador Intel Pentium 4 2.8Ghz
    Windows XP Home Edition
    Memória 256 MB RAM
    HD 80 GB
    Gravador de CDs e Leitor de DVDs
    Fax Modem 56 kbps
    Floppy Disk 1,44 MB
    Mouse PS/2, com Scroll
    Teclado ABNT2
    Som, Rede e Vídeo integrados

    (isso é o que tá na etiqueta que veio do lado do pc)

    agora o que tá escrito nas “Propriedades” do “Meu Computador

    Sistema:
    Microsoft Windows XP
    Home Edition
    Versão 2002
    Service Pack 2

    Positivo Informática Ltda
    POS-ST SERIES
    Intel(R)
    Pentium(R) 4 CPU 2.80GHz
    2.80 GHz, 224 MB de RAM
    Extenção de endereço físico

    só isso, mas não sei se respondi sua pergunta direito, se não for isso, como é que eu faço pra ver a configuração?

    Abraços!

  5. Oi Digo, fico feliz que ela tenha gostado, obrigado pela visita!! 🙂

    Oi Lucas, qual a versão do seu Photoshop? e qual a configuração do seu computador? vou pesquisar sobre este bug, outro dia teve um comentário parecido ao seu, obrigado pela visita, assim que tiver alguma resposta postarei aqui no blog ok? volte mais vezes!! 🙂

    Oi Hallan, valeu pela dica, isso nunca ocorreu com meu Photoshop, nem do PC e nem do Mac, mas estou pesquisando para ver o que acontece e o porque disto, quanto ao cartão, bom, pelo menos você tem tempo de aprimorar a técnica, quando tiver namorada já sabe como fazer, obrigado pela visita!! 😀

    Oi Igor e Dani amor eterno, qual a versão do seu Photoshop? e a configuração do computador? já estou pesquisando sobre este bug, assim que tiver alguma resposta postarei aqui no blog, obrigado pela visita!!

    Oi Lucas, respondendo a suas perguntas:

    1 – Faça o seguinte, depois de criar o Shape pressione Ctrl+T, isto irá abrir a caixa de Free Transform a partir dai você pode mover seu Shape livremente pelo documento.

    2 – Antes de responder essa gostaria de confirmar com você, a opção Shape Layers está marcada na barra de opções da ferramenta no alto da tela? ou seja, quando você criou o Shape ele automaticamente apareceu com os detalhes brancos como na foto do passo 06? se sim ao diminuir o Fill da layer de Shape você notará que a cor de preenchimento irá ficar cada vez mais transparente.

    3 – Com a Convert Point Tool ao clicar nos pontos existentes no Shape que foi criado você irá transformar de curva para ângulo fechado e vice-versa, ao clicar mantenha o botão do mouse pressionado e arraste para ajustar o ângulo da curva afim de criar a forma mostrada na imagem, essa ferramenta requer um pouco de habilidade para um resultado bom, mas nada muito complicado.

    Espero ter ajudado, obrigado pela visita e desculpe a demora na resposta! 🙂

  6. Olá Igor e Dani Amor Eterno, faça isso que eu disse sim, eu tbm não sei o que aconteceu, mas me lembro de estar com a ferramenta custom shape tool seleciona, e tudo aconteceu depois q eu cliquei em alguma coisa no menu superior, não sei foi nas opções da ferramenta ou se foi outra coisa, mas sei que eu cliquei em alguma coisa. Só tome cuidado antes de reparar, salve seus brush personalizados e alguma coisa que não tenha vindo junto com o photoshop pq ele vai voltar ao estado original dele.

  7. oi André, gostei mt do efeito, mas nao consegui terminar… =( … o problema começa no passo 6, meu Shape não fica com a ponta das “retas brancas” exatamente no centro, no centro fica um espaço vermelho e eu também não consegui diminuir o Fill, eu coloco 10% mas continua como se fosse 100%… ficou horrivel, mas resolvi continuar só pra tentar fazer os outros passos, no passo 8 não ficou muito legal pq no passo 6 como eu disse as “retas brancas” não se juntaram no centro por isso ficou um espaço vermelho, do passo 10 até o 15 eu consegui fazer, mas no passo 16 eu não consigo desenhar aquela “linha” que vai ser onde vai ficar o brilho, por isso não consegui terminar o tutorial… minhas dúvidas são:

    1)…como eu faço pra que meu Shape “Registration Target 2” fique com as “retas” se encontrando no centro da imagem?

    2)…pq quando eu diminuo o Fill para 10%, a imagem continua como se o Fill estivesse em 100%?

    3)…como que se usa a Convert Point Tool pra fazer aquela “linha” no coração??

    só isso, e mais uma vez parabéns pelo blog e pelo tutorial!

    flws

  8. olá André e Hallan,

    pensei que havia resolvido meu problema, mas ele voltou, de novo a “mãozinha”, mas dessa vez deu isso sem eu mexer em nada, pude ver que não é só comigo que acontece esse problema, já que aconteceu com o Hallan e com o Lucas Lazaro, alguém tem alguma idéia do que pode ocasionar esse tipo de “problema”??

    tentei fazer como ontem (fechar o Photoshop pelo Gerenciador de Tarefas do Windows, mas não funcionou, vou seguir os conselhos do Hallan, de apenas reparar, mas se alguém souber o motivo para esse problema, por favor deixe aqui no blog!

    Adorei o tutorial de hoje!! Muito mesmo, parabéns André, e também não vejo a hora de ver os outros efeitos que você vai postar!

    Abraços a todos!

  9. Oi Lucas Lazaro, eu ja passei por isso tbm, vamos ver se da certo aí. Sabe quando vai desinstalar um programa e antes de desinstalar ele pergunta se vc quer desinstalar completamente, se vc quer desinstalar personalizado ou se vc quer apenas reparar algum problema? è só vc clicar em desinstalar o Photoshop mas na hora que ele te perguntar tudo isso que eu disse vc clicar em repair (reparar). Foi assim que eu resolvi esse meu problema.

    Espero que funcione, Vlw.

    André, enquanto aos cartões ja que eu não tenho namorada, vou fazer um pra minha mãe =] Tô doido pra ver os outros efeitos que vc disse, Vlw.

  10. HELPP ANDRE!!

    Cara, meu photoshop deve te bugado ( ou eu bugei ) que agora todas as ferramentas q eu vou usar são substituidas pela “mãozinha” de arrastar imagem, não consigui usa nenhuma outra ferramenta o pontero do mouse só fica com essa luvinha maldita e não deixa eu usa nenhuma outra!!

    Me ajuda ae se você sabe o que esta acontecendo!

  11. Oi Hallan, fico feliz que tenha gostado, como estavam pedindo efeitos para este dia dos namorados vou postar nos próximos dois dias mais dois efeitos para serem usados em cartões e montagens deste tipo, obrigado pela visita!! 😀

    Oi Mauricio, já respondi seu e-mail! obrigado pela força! volte sempre!

O painel de Julius Popp.

Download grátis de um livro de Photoshop completo.