Aviso Rápido: se você terminar este tutorial, mostre a todas as pessoas da comunidade. clique aqui e mostre seu trabalho.
resultado final
resultado final em gif
Crie um arquivo 500 px x 400px com o fundo branco e resolução de 72 dpi( pixel por inch ou pixel por polegada), para quem quiser imprimir a resolução tem que ser de 300.
Desbloquei a camada background( para isso clique duas vezes na palheta das camadas e cliquem em ok.)
na própria palheta das camadas a ícone que da acesso aos efeitos... clique nele, selecione o modo gradiente overlay e coloque as configurações abaixo.
Obs Imagem abaixo . não é clicar na seta e sim clicar no gradiente que com toda a certeza está branco com preto.
Clique Duas vezes para poder acessar as cores ( Clique somente na seta. se clicar em outro canto surgirar uma nova seta. se acontecer isso aperte ctrl+z para retornar)
Faça isso para ambas as setas...
lembre-se que as cores são a #46d3e8 e a #0353a4
Agora usando a ferreamenta shape crie, selecione o coração e desenhe sobre nosso plano azul.
Detalhes.
1 - Nas shapes ha vários corações, selecione o que é mais proporcional.
2 - qaundo você for desenhar o coração, você tem que segurar shift para que ele saia perfeito [sem deformações(um termeo técnico: sair fora de proporção)]
3 - para que uma nova camada seja criada ao desenha o coração a ferramenta Shape Layer tem que esta ativada.
Tente deixa o desenho mais ou menos do modo que esta abaixo. (Lembro que a cor do coração não importa.)
vá em efeitos e configure como asseguir ( tudo tem que esta como nas imagens abaixo)
em Inner Shadow ( Sombra Interna)
em outer Glow ( Brilho Externo)
Em Bevel and Emboss (Chanfro e Entalhe) A abaixo na imagem é a #ff0000
em Gradient Overlay
Em Stroke
Nossa imagem deve esta mais ou menos assim
Agora Selecione o coração para isso, segure ctrl e clique na camada, perceba que ficará uns pontos se moviemntando mostrando a seleção.
Com a Ferramenta Eliptical Marquee tool faça uma subtração na seleção que cerca o coração...
para isso ative o modo de subtrair seleção e deixe a seleção confome a imagem abaixo.
agora crie uma nova camada... Ctrl+shift + N ou procure a ferramenta create new layer e de o nome de gradiente.
Selecione a ferramenta Gradiente e configuel ela da seguinte forma.
Na diagonal de cima para baixo faça o gradiente
a imagem deve ficar assim
aperte CTRL + D PARA DESLECIONAR
agora iremos criar uma máscara para nosso coração para podermos eliminar essa faixa e deixa ele com um aspecto de luz na parte superior.
Clique no modo Add layer mask
Perceba que foi criado uma mascara na camada layer.
mude as cores foreground e background para preto e brançdo para isso pressione D no teclado.
vá novamente em gradiente e configure da seguinde forma.
Agora vamos apagar essa faixa e deixa apenas a parte mais branca.
Faça a Gradiente de baixo para cima na vertical...
faça sempre em posições difentes até apagar a faixa Veja a imagem
Nosso trabalho deve ficar assim.
Bem o coração esta pronto agora vamos fazer a parte escrita.
eu usei a font "Forte" se quiser baixar ela clica aqui. Para instalar a fonte vá em Inicar> Configurações> Painel de Controle e Fontes. cole dentro da pasta fontes.
Dê uma olhada na imagem como esta.
Veja que a fonte tem um efeito.
se quiser colocar o mesmo efeito que eu siga os passos abaixo.
Aplique para as duas camadas de texto.
Após isso vamos da outro efeito na fonte.
vamos curva-lás, para isso aparte CTRL + T e procure a ferramenta warp.
se você tem o photoshop cs, procure por essa ferramenta aqui, isso tem que ser ainda com o free trasfomaition ativado.
depois procure por warp e coloque em arc.
configure da forma que você quiser.
Pronto agora vamos fazer o efeito no fundo...
selecione a layer background e depois a ferramenta texto, e apenas clique em qualquer lugar, não escreva nada apenas clique e der enter ( tem que ser o enter 2 o que fica nos numeros do lado do seu teclado) veja a imagem abaixo.
Selecione as cadamas background e a nova camada de texto que criamos.
após isso aperte CTRL + E. isso juntará as camadas em uma só.
ou vá em .
após isso nossas camadas estão assim.
nossa imagem esta assim.
estamos quase terminando.
vamos colocar mais detalhes na imagem
Novamente selecione a ferramenta shape e selecione o coração.
vamos desenha pequenos coração entono do maior.
use a cor branca no foreground e desenha apenas um.
mude a opacidade do coração para 40 % e após isso duplique ele.
aperte ctrl + t e aumente ele com proporção (segurando shift)
selecione a shape 2 e a copy shape 2 e aperte Ctrl + e para juntar as camadas.
nossa imagem deve esta assim.
agora vamos colocar vários corações desse tipo.
selecione a camada shape 2 e com a ferramenta move posicione sobre o coração e segure alt.
qaundo você arrastar será criada uma cópia do coração.após criada a cópia você pode arrastar para ondo você quiser.
crie mais ou menos 3 corações de cada lado.
Pronto nosso cartão esta terminado.
agora é só da para a mamãe. hehehe
ate mais ai galara. foi difícl mas fizemos hehe.
quem quiser baixar a versão pronta em alta definição em psd pode clicar aqui e baixar de graça.
bem para quem tem uma mãe que é ligadona na internet, é legal fazermos uma versão animada do cartão. para isso basta você apertar CTRL + SHIFT + M e irmos diretamente para o image ready.
ou aperte onde mostra a imagem.
quando abrir o programa veja que ha uma palheta de animação. se não houver acione ela apertando F11
veja que só ha um frame...
faça o seguinte. desabilite todas as camadas clicando no olho que fica do lado delas deixando somente a camada do fundo azul.
após isso clique onde a imagem pede.
agora temos dois frames defina logo o tempo de cada frame eu coloquei 0,5 sec para cada;
agora no frame dois habilite um coração.
adicone outro frame e habilite outro coração.
faça isso com todas as camadas uma por uma habilitando seguidamente. ate ficar como a imagem abaixo
no final teremos algo parecido com o que temos abaixo.
Opções
Tópicos relacionados
"Cartão dias das mães estático e animado. com download" | Login/Criar Conta | 0 Comentários
Nenhum comentário permitido para usuários Anônimos.
Os comentários são escritos sob responsabilidade de quem os posta. Etutoriais.net não é responsável por seu conteúdo.