Neste vídeo eu vou te mostrar como usar personalização em textos no CorelDRAW. Vamos trabalhar em edição de cores e sombras. Efeitos diferenciado em objetos, desenhos e textos.
Vamos ao tutorial? Como aplicar sombras internas! Como Aplicar Sombra em Texto no CorelDRAW 2018 Como Aplicar Efeito Sombra e Personalização no CorelDRAW X6
Curtem, Participem e Comentem.
Arte no corel sempre…
Hoje a dica é um tutorial passo a passo de como criar efeitos e volume de papel cortado.
Esperamos que gostem e apliquem as dicas :)
Assista abaixo o Tutorial completo com a técnica.
Embora o vídeo esteja em inglês é possível habilitar a opção de legendas, mas é possível pegar as dicas assistindo o vídeo, seguindo o que é ensinado passo a passo.
Um abraço e nos vemos na próxima postagem aqui no Blog ;)
Esse é praticamente o mesmo código que o do emboss, mas com uma pequena diferença. Não reparou a diferença? É o seguinte: o Emboss, seria como se fosse um botão e o Pillow Emboss, seria como se fosse o botão pressionado. Dá pra usar os dois efeitos pra brincar com o hover de menus e links, fica bem legal, coloquei eles assim nos testes >> (pagina de testes)
Dá pra brincar bastante com esse efeito, deixar ele tipo transparente. Eu fiquei brincando um pouquinho com ele na página de testes, e ficou bem legal. Fica quase que transparente, como uma marca d'agua. Explicando o código:
padding: 10px; // opcional, é o espaçamento entre o texto e a margem, é bom sempre usar, pra não ficar tudo coladinho.
color:#d2d8a4; // cor da fonte, coloque a mesma cor que o bg pra melhor efeito, pra deixar ~transparente~.
text-shadow: -1px -1px #cor1, 1px 1px #cor2; // a cor1 é a cor da primeira sombra, que seria a de cima da fonte, use uma cor mais escura da que você esta usando no bg e na cor2 uma mais clara, as vezes o preto e o branco não ficam legal.
font-size: 24px; // coloquei a fonte desse tamanho porque o efeito quase não aparece em fontes pequenas, aconselho que a sua fonte seja grossa e com mais de 20px.
Sabe o efeito emboss do Photoshop? É essa imagem ai do lado. Agora você pode usar também com o CSS nos seus themes, sem o uso de imagens. (Página de testes)
Dá pra brincar bastante com esse efeito, deixar ele tipo transparente. Eu fiquei brincando um pouquinho com ele na página de testes, e ficou bem legal. Fica quase que transparente, como uma marca d'agua. Explicando o código:
padding: 10px; // opcional, é o espaçamento entre o texto e a margem, é bom sempre usar, pra não ficar tudo coladinho.
color:#d2d8a4; // cor da fonte, coloque a mesma cor que o bg pra melhor efeito, pra deixar ~transparente~.
text-shadow: -1px -1px #cor1, 1px 1px #cor2; // a cor1 é a cor da primeira sombra, que seria a de cima da fonte, use uma cor mais clarinha da que você esta usando no bg e na cor2 uma mais escura, as vezes o preto e o branco não ficam legal.
font-size: 24px; // coloquei a fonte desse tamanho porque o efeito quase não aparece em fontes pequenas, aconselho que a sua fonte seja grossa e com mais de 20px.
Galera, achei um código super legal em CSS3, que não tem suporte em todos os navegadores, então talvez não funcione em algumas versões de navegadores mais antigos. Veja o efeito clicando aqui
Gostou? E é bem simples o código.
CSS - css que vai no mesmo lugarzinho de sempre, entre as tags <style> e </style>;
HTML - coloque entre as tags <body> e </body> onde quer que o efeito seja aplicado:
<div class="masked"> texto aqui </div>
Coloque o texto que quiser no lugar de 'texto aqui' e é só se divertir!
Configurando o código:
A cor que vai mudando é uma imagem que você pode por qual imagem quiser, não precisa ser necessáriamente em gradiente, pode ser de bolinha, listrado (exemplos na pag de teste la em cima) mas o gradiente é mais legal porque dá pra ver mais e fica bem mais bonito, e é só trocar o bg que eu já coloquei, pelo link do bg que você quiser, igual no lugar em negrito aqui:
O repeat serve pra dizer que o bg tem que se repetir, então mesmo que a img acabe, ele vai continuar colorido, porque seria como se o bg fosse infinito.
O white serve para dar uma cor de fundo, enquanto o bg não carrega, como eles não aparecem muito, recomendo que deixe ou white (braco) ou black (preto).
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - Você pode mudar a sua fonte por aqui, eu gosto de Helvetica por isso deixei essa mesma (Dicas de fontes: lista de fontes nativas da web ou google web fonts).
font-size: 24px; - Mude o tamanho da fonte aqui.
-webkit-animation-duration: 10s; - Aqui você mexe no tempo em que o bg demora pra ~passar~ pela fonte, eu indico que seja entre 10 e 40, dependendo do tamanho da sua fonte, pra não ficar muito lento ou rápido.
E de resto, deixe como esta, a não ser que seja expert no assunto, não recomendo que mexa para não estragar o código.
