Criando Reflexo no Inkscape

Data: 23/03/2009
Categoria: Outros programas
Visualizações: 125
Comentários: Nenhum comentário
VN:F [1.7.8_1020]
Dê a sua nota:
Nota: 0.0/10 (0 Votos)
Criando Reflexo no Inkscape

O design segue tendências, e é comum que cores, estilos e efeitos entrem “na moda”. À algum tempo atrás, lembro-me que o efeito “drop shadow” (aquela sombrinha) era o efeito do momento.

Atualmente, um dos efeitos mais comuns é o reflexo, e vem sendo por tempos popularizado pela Apple e seguido por diversas pessoas e designers. De fato é um efeito bem bonito, mas o que mais vejo é este reflexo sendo mal aplicado, tornando a arte bem feia. Vamos aprender hoje a criar este efeito de reflexo da forma correta.
Um bom efeito de reflexo deve levar várias coisas em conta:

  • Tamanho do reflexo
  • Nível de transparência
  • Fundo
  • Ângulo de visão inferior
Vamos lá então. Primeiro vamos abrir o Inkscape e criar um novo documento. Neste exemplo, criamos uma página A4 e modificamos ela em formato paisagem.
Pegue a ferramenta de texto e escreva o texto que você quer aplicar o efeito. Mude para a fonte de sua preferência, menos Comics Sans, é claro (clique aqui e entenda o porquê)
Com a ferramenta da Seta Preta, selecione o texto e vamos duplicá-lo indo em EDIT > DUPLICATE (ou pressionando o atalho CTRL + D). Sem apertar nada, automaticamente o Inkscape já deixa selecionado o texto de cima. Você não verá diferença pois um texto está exatamente em cima do outro. Vamos invertê-lo indo agora em OBJECT > FLIP VERTICAL (tecla de atalho “V”). Isso irá inverter nosso texto.
Com a Seta Preta, arraste o texto invertido de forma a colocá-lo logo abaixo do original (dica: segure CTRL enquanto arrasta o texto para que ele fique alinhado). Selecione o texto de baixo (que vai ser nosso reflexo).
Agora pegue a ferramenta de Gradient (Ctrl + F1):
Clique mais ou menos na parte superior do texto de CIMA e arraste até a metade do texto de BAIXO (dica: segure CTRL para que a linha fique na vertical perfeitamente).
Veja como deve ficar:
Para entender, na barra superior, você verá o gradiente que aplicou. Clique no botão Edit: (esta opção só aparece com a ferramenta selecionada).
Na janela que abrir, vamos entender o que aconteceu. Como você pode ver na imagem abaixo, na parte superior o menu Drop Down mostra 2 paradas do gradiente (no meu exemplo elas se chamam Stop2393 e Stop2395). A primeira parada leva a cor PRETA.
A segunda parada também leva a cor PRETA, mas possui ALPHA zero (o alpha é o nível de transparência). Selecione a segunda parada (no meu exemplo a Stop2395). Note como o Alpha (representado pela cor “A”) está em “0″, o que indica transparência total. Abaixo você pode ver a primeira parada com o Alpha 100 ainda.
Usando este conceito podemos transformar qualquer objeto de 1 cor em reflexo facilmente. Para mais cores, o melhor é fazê-los de forma separada (cor por cor), visto que o Inkscape ainda não trabalha muito bem com máscaras (uma pena).
Agora vamos dar uma incrementada na nossa arte. Com a ferramenta de criação de elipses () vamos criar uma elipse simulando uma sombra. Veja abaixo o exemplo:
Selecione a elipse e vamos editar seu preenchimento clicando no botão com a elipse selecionada.
Na caixa de diálogo que abrir, vá até a aba “Stroke” e clique no “X” para garantir que ela não tenha nenhuma borda:
Agora vamos na aba “Fill” e configurar o preenchimento. Escolha o quarto botão que fará um gradiente radial (vamos usar o mesmo esquema de gradiente que usamos para o reflexo: de preto para preto com alpha zero).
Voltemos para a área de trabalho e vejamos o resultado. Se vc quiser, pege a ferramenta de gradiente novamente () e puxe as duas pontas das linhas até obter um resultado melhor. Depois disso, reorganize a ordem dos elementos de tal forma que o texto de cima fique por CIMA DE TUDO, depois venha a sombra que criamos e por último o texto de baixo em reflexo por BAIXO DE TUDO (isso fará bastante diferença quando você utilizar outras cores que não o preto). Veja abaixo como o meu ficou:
Agora para finalizar, vamos criar um retânculo com a ferramenta pegando a página inteira e novamente use a ferramenta para criar um gradiente. Faça de baixo para cima, iniciando na parte inferior da página e parando no meio (mais uma vez use o CTRL pressionado para garantir que a linha fique reta). Clique no botão Edit do gradiente novamente com o retângulo selecionado:
Na janela, vamos configurar as 2 paradas da seguinte forma: A primeira preta com alpha 50. A segunda preta com alpha 0. Isso vai criar um cinzinha para branco. Envie o retângulo para baixo de todas as outras imagens selecionando a ferramenta Seta Preta, clicando 1x no retângulo e clicando no botão .
Reorganize os elementos na posição que desejar e confira o resultado final:
Quando for usar um efeito de reflexo, lembre-se sempre de alguns detalhes para evitar um resultado “franskenstein”:
  • Muitos designers gostam tanto do reflexo que acabam deixando-o muito forte. No exemplo acima, acredite, o reflexo já está BEM FORTE. Eu mesmo costumo utilizar algo mais fraco que isso em meus trabalhos. Domine a técnica e não deixe a técnica te dominar.
  • Observe objetos em cima de mesas de vidro para entender como funciona. Utilizar este efeito em textos é relativamente simples, mas em objetos tridimensionais a história é outra. A arte que vai em baixo como reflexo deve ser a do mesmo objeto visto de baixo e não de cima. Veja o exemplo abaixo, note como a imagem da esquerda está com o efeito aplicado de forma incorreta, e a forma certa na imagem da direita:

  • Quando usar letras de tamanhos diferentes, existem algumas possibilidades. Você pode alinhar o reflexo pela letra maior ou separar as letras e fazer o efeito em uma por uma. Se separá-las, vai dar a impressão que a letra maior está mais na frente que as outras.

  • Cuidado com a inversão. Para criar o efeito reflexo, você deve INVERTER a imagem no eixo horizontal (ou seja… verticalmente). Não cometa um erro muito comum que é rotacionar a imagem 180º, ou o resultado será muito estranho (note como o reflexo das letras de baixo não bate com as letras de cima):

Espero que tenham gostado pessoal até mais!

Compartilhe:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • blogmarks
  • Diigo
  • DZone
  • Gwar
  • LinkArena
  • LinkedIn
  • Linkter
  • MSN Reporter
  • Netvouz
  • PDF
  • RSS
  • Socialogs
  • Technorati
  • Twitter
  • Webnews.de
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Yigg

Deixe um comentário

Top Acessos
Nero 9 9.4.26.0
15.569 Visualizações
Atualizar servidores Emule
8.813 Visualizações
Avast! Home Edition 4.8.1368
7.536 Visualizações
Guitar Rage 2.4.3
5.509 Visualizações
Broken Aero Vista Black
5.241 Visualizações
Cartão de visitas (CorelDraw)
4.797 Visualizações
NOD32 4.0.474
4.389 Visualizações
Cross Fire 1041
4.120 Visualizações
Ofertas imbatíveis!

© 2008 - 2010 Pontuaki - Downloads | Todos os direitos reservados | Política de privacidade

Proibida a reprodução total ou parcial sem prévia autorização.