Crie efeitos de iluminação em botões no CorelDRAW

Neste tutorial vou mostrar como criar de maneira bem simples e fácil, efeitos de iluminação no CorelDRAW que podem ser usados em botões, balões, banners ou onde mais você quiser.

Botões com efeitos de iluminação

Para este procedimento vou usar o CorelDRAW na versão X5 (por causa do computador que estou usando), mas no X6 ou versões anteriores o procedimento é exatamente o mesmo. Veja o vídeo completo também, no final deste post.

Passo 1. Crie um novo documento no CorelDRAW no modo de cores RGB.

Caso seu aplicativo esteja configurado para criar documentos automaticamente em CMYK, basta acessar o menu Ferramentas> Gerenciamento de cores> Configurações do documento, e em Modo de cores primário mudar o modo para RGB.

Passo 2. Ative a ferramenta Elipse (F7) e desenhe um circulo em sua página. Você pode manter a tecla Ctrl pressionada para desenhar um círculo perfeito.

Passo 2. Ative a ferramenta Elipse (F7) e desenhe um circulo em sua página. Você pode manter a tecla Ctrl pressionada para desenhar um círculo perfeito.

Passo 2. Ative a ferramenta Elipse (F7) e desenhe um circulo em sua página. Você pode manter a tecla Ctrl pressionada para desenhar um círculo perfeito.

[alert-announce]Você pode alinhar o seu círculo no centro da página depois de desenhá-lo pressionando a tecla P. Isso facilita o trabalho de alinhamento dos objetos que você irá desenhar depois. [/alert-announce]

Passo 3. Com o círculo selecionado abra a janela de preenchimento gradiente na caixa de ferramentas, ou pressione o atalho de teclado F11. Configure com as opções mostradas abaixo.

Passo 3. Com o círculo selecionado abra a janela de preenchimento gradiente na caixa de ferramentas, ou pressione o atalho de teclado F11. Configure com as opções mostradas abaixo.

Passo 3. Com o círculo selecionado abra a janela de preenchimento gradiente na caixa de ferramentas, ou pressione o atalho de teclado F11. Configure com as opções mostradas abaixo.

[alert-announce]Você pode escolher a combinação de cores que quiser. O importante neste caso é manter o tom mais escuro na parte de cima do seu círculo. [/alert-announce]

Passo 4. Defina a cor do contorno para um tom um pouco mais escuro que o preenchimento que você escolheu. Em seguida, configure a espessura para que se pareça com o mostrado abaixo.

Passo 4. Defina a cor do contorno para um tom um pouco mais escuro que o preenchimento que você escolheu. Em seguida, configure a espessura para que se pareça com o mostrado abaixo.

No exemplo eu usei uma espessura de 1mm, mas este valor pode mudar de acordo com o tamanho do seu círculo.

Passo 5. Ative novamente a ferramenta Elipse (F7), e desenhe um circulo menor. Posicione-o na parte superior do círculo maior, como mostrado a seguir. Para garantir que o círculo menor fique alinhado exatamente no meio do círculo maior, selecione o círculo menor com a ferramenta seleção, mantenha pressionada a tecla Shift e selecione o círculo maior. Uma vez que os dois círculos tenham sido selecionados, pressione a letra C no seu teclado para alinhá-los no centro verticalmente.

Passo 5. Ative novamente a ferramenta Elipse (F7), e desenhe um circulo menor. Posicione-o na parte superior do círculo maior, como mostrado a seguir. Para garantir que o círculo menor fique alinhado exatamente no meio do círculo maior, selecione o círculo menor com a ferramenta seleção, mantenha pressionada a tecla Shift e selecione o círculo maior. Uma vez que os dois círculos tenham sido selecionados, pressione a letra C no seu teclado para alinhá-los no centro verticalmente.

Passo 6. Pinte o círculo menor com a cor branca e retire a cor do contorno.

Passo 6. Pinte o círculo menor com a cor branca e retire a cor do contorno.

Passo 7. Ative a ferramenta de transparência interativa, e configure com as opções mostradas abaixo.

Passo 7. Ative a ferramenta de transparência interativa, e configure com as opções mostradas abaixo.

Observe que o controle de cor preta da ferramenta de transparência fica na parte inferior do círculo, e o de cor branca na parte superior. Segue a tecla Ctrl, clique e arrasta o controle preto um pouco mais para baixo, a tecla Ctrl permitirá que o controle seja movido em linha reta. Faça o mesmo com o branco, puxando-o bastante para cima. Isto deve suavizar o efeito de transparência tornando o efeito mais real. Se você deslizar a barrinha branca que fica entre os controles preto e branco, poderá acentuar mais a cor ou a transparência para um dos lados que o arrastar.

Observe que o controle de cor preta da ferramenta de transparência fica na parte inferior do círculo, e o de cor branca na parte superior. Segue a tecla Ctrl, clique e arrasta o controle preto um pouco mais para baixo, a tecla Ctrl permitirá que o controle seja movido em linha reta. Faça o mesmo com o branco, puxando-o bastante para cima. Isto deve suavizar o efeito de transparência tornando o efeito mais real. Se você deslizar a barrinha branca que fica entre os controles preto e branco, poderá acentuar mais a cor ou a transparência para um dos lados que o arrastar.

Passo 8. Vamos desenhar um terceiro círculo. Ative novamente a ferramenta Elipse (F6) e faça este círculo como mostrado abaixo, seguindo os mesmo passos mostrados anteriormente para alinhá-lo no centro do nosso círculo principal.

Passo 8. Vamos desenhar um terceiro círculo. Ative novamente a ferramenta Elipse (F6) e faça este círculo como mostrado abaixo, seguindo os mesmo passos mostrados anteriormente para alinhá-lo no centro do nosso círculo principal.

Passo 9. Novamente pinte o objeto de branco e retire a cor de contorno.

Passo 9. Novamente pinte o objeto de branco e retire a cor de contorno.

Passo 10. Novamente com a ferramenta Transparência interativa, defina as opções a seguir.

Passo 10. Novamente com a ferramenta Transparência interativa, defina as opções a seguir.

Passo 11. Ainda com a ferramenta transparência ativa, clique na pequena taça que é exibida na barra de propriedades de ferramenta, na parte de cima da janela. Isto abrirá a janela de preenchimento gradiente, que define como a transparência é aplicada sobre o objeto.

Passo 11. Ainda com a ferramenta transparência ativa, clique na pequena taça que é exibida na barra de propriedades de ferramenta, na parte de cima da janela. Isto abrirá a janela de preenchimento gradiente, que define como a transparência é aplicada sobre o objeto.

Passo 12. Tudo o que você tem a fazer, é inverter as cores do gradiente. Definindo no De: a cor preta e em Para: a cor branca.

Passo 12. Tudo o que você tem a fazer, é inverter as cores do gradiente. Definindo no De: a cor preta e em Para: a cor branca.

Passo 12. Tudo o que você tem a fazer, é inverter as cores do gradiente. Definindo no De: a cor preta e em Para: a cor branca.

Ao clicar no ok você perceberá que a transparência do objeto foi invertida. O centro mantem-se branco enquanto as extremidades do circulo vão ficando transparentes gradativamente.

Ao clicar no ok você perceberá que a transparência do objeto foi invertida. O centro mantem-se branco enquanto as extremidades do circulo vão ficando transparentes gradativamente.

Passo 13. Para finalizar o efeito. Desloque os controle da transparência para que criar uma iluminação mais suave, como mostrado abaixo.

Passo 13. Para finalizar o efeito. Desloque os controle da transparência para que criar uma iluminação mais suave, como mostrado abaixo.

Passo 14. Se o brilho inferior ficar muito forte, você pode voltar a janela de configuração do gradiente da transparência, clicando na pequena taça novamente, e mudando a cor branca para um cinza claro.

Passo 14. Se o brilho inferior ficar muito forte, você pode voltar a janela de configuração do gradiente da transparência, clicando na pequena taça novamente, e mudando a cor branca para um cinza claro.

O resultado final é uma transparência mais suave, e um efeito interessante.

O resultado final é uma transparência mais suave, e um efeito interessante.

Experimente variações de cores para conhecer outros resultados.

Experimente variações de cores para conhecer outros resultados.

Assista ao vídeo criado com este tutorial

Fácil hein? Até a próxima!

Assinantes Premium do Clube do Design ainda ganham um bônus. Podem baixar o arquivo e o vídeo deste tutorial no link abaixo.

[ms-protect-content id=”35326, 35331″ access=”no”]

Clique aqui para baixar o arquivo

[/ms-protect-content]

Compartilhe este artigo:

Este post tem 0 comentários

  1. Parabéns pelo blog Liute.
    Ele está muito legal os tutorias são ótimos.
    Esta ferramenta de ferramenta de transparência realmente cria efeitos fantásticos.
    Estou terminando meu treinamento de Corel Draw pelo curso adv, http://www.cursoadv.com.br
    É incrível o que podemos criar com um pouco de dedicação, paciência e talento.

  2. Oi, Liute Cristian Gostaria de parabenizar a você por esse trabalho maravilhoso que fazes. Abraços.

  3. Perfeito seus tutoriais…. Já trabalhando a um bom tempo no Corel, mais com suas aulas aprendi MUITA coisa diferente, MACETES incríveis, junto com as aulas da Criativosfera estou compreendo mais do que é ser um designer.

    Estou ansioso pelas aulas de AI…. Estou estudando o CS6 também com as aulas do CARDQUALI…

    Parabéns e sucesso….

  4. Olá ! Bom Dia…gostaria de saber se todas versões do CorelDraw e Photoshop s
    ão pagas ou tem alguma gratuita ? Obrigado pela atenção

  5. Bom demais… Eu aprendi tanta coisa no Photoshop que torcia o nariz para o Corel…Como fui besta…Muitos efeitos fáceis com poucos cliques. Hoje tento aprender cada vez mais sobre o Corel…Além de claro, minha eterna briga com as gráficas, nada pessoal Liute rsrsrsrs,que só aceitam .cdr . Vejo com bons olhos algumas que aceitam arquivos em psd. Agora peço uma dica. Como faço para conseguir um .cdr a partir de um psd mas que eu consiga manter os efeitos, que até hoje só consigo fazer no Photoshop? Acredito que seja uma dúvida de muitos designers. E mais uma vez parabéns pelo blog…

Deixe uma resposta

Mais artigos pra você ler:
Windows fechando aplicativos imediatamente depois de abertos

Windows fechando aplicativos imediatamente depois de abertos

Um problema que enfrentei e que me tirou do sério nos últimos dias foi este: eu abria o Affinity Photo…
Affinity Photo #1 - O que é o Affinity Photo

Affinity Photo #1 - O que é o Affinity Photo

O Affinity Photo traz um novo começo para a edição de imagens para fotógrafos profissionais, retocadores e artistas conceituais. Com…
Illustrator básico para vetorização #01

Illustrator básico para vetorização #01

Quando lancei no ano passado o curso de Lettering completo na Suíte Criativa, deixamos bem claro que seria ensinado a…
10 dicas para criar ícones impressionantes

10 dicas para criar ícones impressionantes

Hoje, vou falar um pouco sobre o design de ícones a partir de uma perspectiva mais geral. Vou compartilhar com vocês…
Fechar Menu