Mostrando postagens com marcador preenchimento gradiente. Mostrar todas as postagens
Mostrando postagens com marcador preenchimento gradiente. Mostrar todas as postagens

quarta-feira, 10 de junho de 2009

Um problema dos preenchimentos gradientes

Observe o texto abaixo, ele tem um preenchimento gradiente que vai de sua parte inferior escura até a parte superior clara.



Veja o que acontece quando inclinamos o objeto:


Ops... Acho q inclinamos o preenchimento gradiente também! Ele ficou na diagonal! Não era para acontecer isso...

Como resolver? A primeira coisa a fazer é converter para curva (Arrange / Convert to Curves) (Ctr Q).Selecione o objeto e coloque um preenchimento uniforme usando a cor mais escura que irá empregar no gradiente. Assim, aqui iremos fazer um gradiente de branco para preto, logo preenchemos de preto.

Agora vá em preenchimento gradiente e coloque o ângulo desejado. O resultado é apresentado abaixo:

Um exemplo mais elaborado

Para mostrar como uma boa sombra valoriza o preenchimento gradiente do objeto, observe a figura abaixo. Cada esfera está não só refletindo a fonte de luz usada, está também projetando sua sombra. Tente reproduzir a figura usando aquilo que já aprendemos!



Conseguiu? Parabéns! Estamos evoluindo rápido!

Se não conseguiu, confira abaixo as etapas para chegar ao resultado desejado.

-comece criando um círculo e use o preenchimento gradiente Circle para criar a ilusão de volume (falamos nisso algum tempo atrás)
-selecione esse circulo, ative a função de geração de sombra, clique na parte inferior do contorno e projete a sombra adequada.
-use a ferramente Pick, selecione a sombra e pressione “+” no teclado numérico. Pronto! Sua segunda esfera está criada.
-selecione a segunda esfera, vá no preenchimento e mude a cor
-repita o procedimento para a terceira esfera.

Sombras: o DRAW faz para você

No post anterior construímos nossa própria sombra usando preenchimento gradiente. Espero que você tenha dedicado alguma atenção e buscado regular o preenchimento da sombra até encontrar algo realístico. O conhecimento desenvolvido lá será importante para entender o que vamos usar neste post.

Fazer sombras usando preenchimento gradiente é sempre possível e muitas vezes é a melhor coisa a fazer. Mas se preferir, o DRAW pode tentar fazer a sombra para você, através da ferramenta Interactive Drop Shadow.



Vamos criar nosso retângulo “em pé”. Agora selecione a ferramenta de sombras do DRAW e clique na aresta inferior do objeto. Arraste até encontrar a inclinação desejada:



Solte e veja sua sombra automática:



Mas está escuro! Quero algo mais suave! Está vendo um quadrado vertical no meio da linha que liga o quadrado branco e o preto? Pois ele regula o tom de cinza da sua sombra. Tente deslocar esse quadrado até criar algo mais adequado.



Você pode usar essa ferramenta para gerar sombras em qualquer lado da peça. Se quiser uma projeção a esquerda, clique na aresta vertical esquerda:



Uma observação final: o objeto que gera a sombra deve ter seu interior preenchido, seja uniforme ou gradiente. Se esse objeto não tiver preenchimento (Fill: None), a sombra será apenas do contorno. A sombra das arestas! Muito real!

Sombras: faça você mesmo

Toda a ilusão de volume gerada em um desenho é função do correto jogo de sombras empregado. Vamos começar com um exemplo simples. Criamos um retângulo. Selecione esse objeto e pressione “+” no teclado numérico. Um segundo retangulo será gerado exatamente sob o original.

Selecione um deles, não importa qual, e use a alça superior de giro para provocar a torção mostrada abaixo. Repare que estou usando as alças de giro, não de redimensionamento.



Na figura acima temos a ilusão que um dos retangulos está inclinado em relação ao outro. Para melhorar a ilusão de projeção, use a alça superior de redimensionamento e diminua um pouco o retangulo inclinado:



A idéia agora é usar um preenchimento uniforme no retangulo que está “em pé” e um gradiente cinza dando a impressão de cinza no objeto “deitado”.

Comece aplicando um preenchimento uniforme no retangulo “em pé”. Se tudo estiver certo, esse preenchimento deve ocultar grande parte do outro retangulo. Se isso não ocorrer, puxe o retangulo “em pé” para frente (ctr + page up).

Agora, use um preenchimento gradiente indo de cinza escuro até branco no retangulo “deitado”. Faça de modo a parecer uma sombra.



Talvez você tenha dificuldade para achar um preenchimento de sombra realista. Eu gosto muito de usar o tipo “Square”, com o centro um pouco deslocado, como mostra a figura abaixo. Tente, experimente e escolha aquilo que mais lhe agradar.

segunda-feira, 8 de junho de 2009

Outros prenchimentos gradientes

Esfera

O preenchimento gradiente (Fountain Fill) pode criar efeitos de sombra que dão impressão de volume aos seus objetos. Crie um circulo e experimente pintar seu interior com preenchimento gradiente do tipo Radial. O resultado abaixo foi conseguido deste modo:





Você consegue visualizar uma esfera iluminada? Não muito... A luz está bem na vertical sobre a esfera, e isso talvez esteja prejudicando o efeito. Que tal deslocar um pouco o centro branco? Clique e arraste usando o quadrado no canto superior direito do formulário de preenchimento:



Agora aplique! Lembre-se de tornar a linha de contorno invisível escolhendo a opção None na ferramenta Outline (contorno). Bem melhor! Só falta uma sombra projetada no “chão”, mas isso é assunto para um próximo post.




Cone

Além do Radial, o DRAW conta também com o preenchimento gradiente do tipo Conical.





Quadrado:

Por fim, o preenchimento gradiente do tipo Square (quadrado).



Um gradiente diferente

Que tal construir a bandeira da França usando preenchimento gradiente?



Tente por um instante fazer esse preenchimento. Ei! Não vale usar três objetos, cada um com um preenchimento uniforme diferente (vermelho, branco e azul), estamos usando gradiente aqui!

Se você foi em Custom, criou uma seta da cor branca, e posicionou na metade do objeto, deve ter alcançado algo assim:


Tecnicamente está certo, temos o vermelho a esquerda, o branco no centro, e o azul a direita. E a ferramenta gradiente fez o papel dela, misturando as tintas.

Como ir contra a natureza do gradiente e obter cor sólidas? O segredo é a criação de duas setas para cada cor!

Da esquerda para a direita temos:

-o quadrado é vermelho
-a primeira seta é vermelha
-a segunda seta é branca
-a terceira seta é branca
-a quarta seta é azul
-o quadrado é azul.



O truque é manter uma seta próxima da outra, reduzindo (ou eliminando) a área de mistura. As demais regiões são misturas de duas cores iguais, o que na pratica não é mistura.

Preenchimento: Uniforme e Gradiente

Uma única cor
Os objetos possuem contorno e interior. Contorno é aquela linha, por padrão preta, que dá forma ao objeto. Sabe aquelas 4 linhas retas que formam um quadrado? Sim! Isso é o contorno! E o interior? Bom, acho que você já sabe ne?

Como você já percebeu, os interiores podem ser preenchidos por qualquer cor, a sua escolha. O modo mais prático para isso é selecionar o objeto e clicar com o botão esquerdo do mouse sobre uma cor da paleta. Pronto! O objeto foi preenchido com a cor selecionada. Outro modo de selecionar a cor de preenchimento é clicar na ferramenta Fill na barra lateral. Escolha opção Uniform Fill para preencher com uma única cor. Ou ainda Shift + F11.

Preenchimento Gradiente

Até aqui você preencheu os objetos com uma única cor. Mas isso é muito pouco para as suas necessidades atuais! Por isso chegou a hora de conhecer o preenchimento gradiente (ou Fountain Fill). Selecione Fountain Fill na ferramenta Fill, ou pressione F11. O formulário abaixo deve ser exibido.



O preenchimento gradiente é o mais simples de todos. Vamos manter os valores padrões apresentados na figura acima e ver como um retângulo se comporta sendo preenchido assim.



Clique e arraste o quadrado a direita do formulário para mudar o ângulo de preenchimento. Vá movendo o mouse ate encontrar o ângulo desejado.



A propriedade Edge Pad diminui a zona de transição entre as duas cores. Quando Edge Pad é zero, temos a máxima mistura, como no exemplo acima. Mas se mudarmos esse parâmetro para 49 o resultado é radical:



Por padrão o DRAW compõe um preenchimento gradiente usando 256 passos. Ou seja, 256 etapas de transição entre uma cor e a outra. Mas isso não é obrigatório, você pode usar mais ou menos. O quadro abaixo foi preenchido usando apenas 8 passos (steps).



Cuidado: não use passos demais, isso não vai melhorar seu desenho e por outro lado tornará o carregamento do arquivo mais lento. O padrão (256) em geral é adequado.

O DRAW constrói o gradiente de modo que o tom intermediário entre as duas cores fique na metade do objeto. Isso é regulado pelo parâmetro Mid-point. Deseja deslocar para a esquerda o ponto de meio tom? Use um mid-point menor que 50.



A transição entre as duas cores pareceu natural para você? Pois saiba que ela é apenas uma das opções de “caminho” entre a cor inicial e final. Selecione a seta em sentido anti-horario para acrescentar uma passagem por tons rosas:




Ou se preferir, acrescente tons verdes usando a seta em sentido horário!




As possibilidades do preenchimento gradiente do DRAW vem crescendo a cada versão. Se você achava que duas cores era pouco para compor o preenchimento de uma peça, porque não experimenta usar três cores? Em 'color blend' escolha 'Custom'. Um caminho pontilhado entre os dois extremos do preenchimento é mostrado.



Clique duas vezes em algum ponto de caminho, isso fará aparecer uma seta preta. Nesse ponto você pode inserir uma terceira cor. A figura abaixo ilustra a inclusão da cor preta. Veja como o DRAW é obrigado a ir de azul até preto e imediatamente de preto para branco.



Caso deseje uma faixa da cor preta, crie uma segunda seta preta e selecione a cor preta novamente.



Na verdade, isso não tem fim, pois você pode criar outras setas de outras cores. Abaixo, uma seta representa a cor preta e a seguinte a cor amarela:



Uma dica: olhe sempre para o quadrado no canto superior esquerdo enquanto estiver misturando as cores. Apesar do retângulo de mistura ser tentador, é aquele pequeno quadrado lá em cima que representa o resultado real. Isso porque, apenas ele considera as propriedades Angle e Edge Pad.