Quantcast
Channel: mockup – Clube do Design
Viewing all articles
Browse latest Browse all 1079

Crie banners com sombras elegantes no CorelDRAW

$
0
0

Se você desenvolve projetos para web com certeza já precisou de um banner bem estiloso para colocar naquele site do seu cliente. No tutorial de hoje vou mostrar como desenvolver efeitos de sombras elegantes para banners usando o CorelDRAW. Usarei neste tutorial o CorelDRAW X5, mas como vamos usar apenas recursos simples, você poderá desenvolver em versões posteriores ou anteriores sem problemas.

Passo 1. Crie um novo documento e na janela de Novo documento escolha a predefinição web.

imagem 1

Passo 2. Automaticamente, o aplicativo irá habilitar o modo de exibição por pixels, vamos mudar este recurso para o modo de exibição Aperfeiçoado. Para isso acesse o menu Exibir> Aperfeiçoado.

imagem 2Passo 3. Selecione a ferramenta Retângulo (F6) e crie um retângulo do tamanho que desejar. Você pode definir o tamanho exato depois, na barra de propriedades. Preencha este retângulo com a cor branca e, em seguida, alinhe este retângulo no centro da página pressionando a letra P.

imagem 3

imagem 4

Passo 4. Faça uma cópia do retângulo pressionando a tecla + do seu teclado numérico, ou Ctrl+C / Ctrl+V (Copiar e colar). Arraste a cópia para baixo do retângulo original, preencha com um cinza médio e retire a cor de contorno.

Sempre que mover qualquer objeto, segure a tecla Ctrl, isso fará com que ele se movimente em linha reta, restringindo o seu movimento na horizontal ou vertical.

imagem 5

Passo 5. Com o retângulo cinza selecionado, pressione o atalho de teclado Ctrl+Q (Organizar> Converter em curvas) para converter o retângulo em curvas. Em seguida, arraste uma linha guia a partir da régua lateral para dentro do documento e pressione P para alinhá-la ao centro da página.

imagem 6

Passo 6. Esta linha guia servirá de base para criarmos uma curva em nosso retângulo cinza. Ative a opção Alinhar às linhas guia, no menu suspenso na parte superior de sua área de trabalho.

imagem 7

Passo 8. Com a ferramenta Forma (F10) selecione os dois nós inferiores do retângulo cinza e, em seguida, clique no botão converter em curvas na barra de propriedades de ferramentas. Usando como referência a linha guia, faça uma curva na parte inferior do retângulo. Basta posicionar o cursor do mouse exatamente onde a linha guia e a linha do retângulo se cruzam, clicar e arrastar para baixo.

imagem 8

imagem 9 imagem 10

Passo 9. Com a ferramenta seleção, reduza um pouco o tamanho desta forma. Use um dos controles laterais enquanto mantém pressionada a tecla Shift, isto fará com que a forma diminua simultaneamente em ambos os lados.

imagem 11

imagem 12

imagem 13Passo 10. Ainda com a forma cinza selecionada, acesse o menu Bitmap> Converter em bitmap e use as configurações abaixo para converter a forma em um bitmap.

imagem 14

Passo 11. Agora vamos aplicar um desfoque no nosso novo bitmap. Para isso acesse o menu Bitmap> Desfocar> Desfocagem gaussiano e defina os valores abaixo. Eles podem ser diferentes dependendo do tamanho da imagem escolhida.

Você pode habilitar o pequeno cadeado na parte inferior da janela para ver o efeito enquanto move o controle.

Clique no Ok, em seguida, para confirmar.

imagem 15

Passo 12. Posicione esta forma cinza desfocada sobre o retângulo branco. Não se esqueça de usar a tecla Ctrl para movê-lo em linha reta. A forma cinza deve ficar em cima do retângulo branco, vamos agora posicionar a forma cinza atrás do retângulo branco, para isso, clique com o botão direito sobre a forma cinza, aponte para a opção Ordenar e clique na opção Para trás da página.

imagem 16

imagem 17

Passo 13. Faça os ajustes necessários dimensionando, achatando e posicionando corretamente a forma desfocada.

imagem 18

Passo 14. Para finalizar, use a ferramenta Forma (F10) e apare as áreas extras da forma desfocada. Basta selecionar os nós laterais e arrastá-los como mostrado abaixo.

imagem 19

Você pode criar resultados diferentes usando a mesma técnica. Basta usar sua criatividade e imaginação.

Banners com sombras elegantes

Espero que tenham gostado da dica. Compartilhe conosco nos comentários.


Viewing all articles
Browse latest Browse all 1079