11/10/2010

E 0800 703 3000

BATE-PAPO

Efeito de sombra e volume - Jorge Elia

E-MAIL

SAC

BUSCAR

VOIP

E-MAIL GRTIS

SHOPPING

NDICE PRINCIPAL

Canais
Fruns
Multimdia
Blogs
Shop
Agenda de Eventos
Pro
Banco de Currculos

Por uma internet mais criativa e dinmica

Faa Login ou Cadastre-se
E-mail:
Esqueci a senha

Senha:

Entrar

Manter conectado

Pesquisar

Arquitetura e Design
3ds max
Acessibilidade
Arquitetura da Informao
Fireworks
Flash
Lightwave 3D
Photoshop
Suite Corel
Teoria/Design
Usabilidade
Banco de Dados
Access
DB2
Interbase
MySQL
Oracle
PostgreSQL
SQL Server
Carreira
Certificaes
Mercado
Tendncias
CMS e Framework
CakePHP
Django
Drupal
Joomla
imasters.com.br//efeito_de_sombra_e

1/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Ruby on Rails
Sistemas de E-commerce
Wordpress
Zend Framework
Desenvolvimento
Agile
Ajax
Aplicativos mveis
Dreamweaver
Flash
Flex
Gerncia de Projetos
SEO
Software Livre
Visual FoxPro
Visual Studio
Web Standards
WebServices
Gerncia de TI
B. Intelligence
Computao Forense
Direito e Web
E-Gov
Governana de TI
Mercado
Linguagens
.NET
ADO.NET
ASP.NET
C#.NET
VB.NET
ActionScript
ASP
ColdFusion
CSS
Delphi
Java
Java para Mobile
Java para web
Javascript
Ajax
JQuery
Prototype
Perl
PHP
Ruby
UML
Visual Basic
XHTML
XML
Mdia e Marketing Digital
E-commerce
E-Learning
E-mail Marketing
Mdia Social
Mobile Marketing
Publicidade Online
SEO
Web Analytics
Web Marketing
imasters.com.br//efeito_de_sombra_e

2/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Web Writing
Redes e Servidores
Apache
Cisco
Linux
Segurana
Windows Server
Tecnologia
Gadgets
TV Digital
VoIP

Suite Corel
Feeds Newsletter
Quarta-feira, 21 de dezembro de 2005 s 13h28

Efeito de sombra e volume

E a pessoal! Estou de volta e, desta vez, com um efeito bem interessante do CorelDRAW. Quem visualizar
esta ilustrao abaixo jura que foi feita no Photoshop mas, lembram daquele slogan Denorex, parece mas
no ?
Exatamente. Parece que foi feito no Photoshop, mas no. puro CorelDRAW. Ento vamos l.

Abram o CorelDRAW. Eu estou utilizando a verso 12, mas pode ser feito com qualquer verso. Um dos
recursos que vamos utilizar aqui o PowerClip. Para conseguir um resultado bem legal voc tem que utilizar
uma fonte (tipia de letra) grossa, bem larga, para que o efeito de volume fique bem visvel. Eu vou refazer o
mesmo efeito da logomarca da SKY. Clique aqui e baixe o arquivo (sky.rar)
Com o arquivo aberto, faa mais 1 cpia da logomarca da SKY, ficando com 2 logomarcas na rea de
trabalho. Para a primeira logomarca, vamos definir as cores, que um degrad linear, de cima para baixo,
iniciando na cor azul claro e finalizando no azul escuro. Para o azul claro, coloque os seguintes valores C=20,
M=10, Y=0, K=0 e para o azul escuro C=100, M=70, Y=0, K=0. Coloque os valores para cada cor e
faa a mesma inclinao conforme a figura abaixo.

imasters.com.br//efeito_de_sombra_e

3/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Agora, com a outra logomarca selecionada (cpia), aplique a cor azul escuro C=100, M=100, Y=0, K=0 e
selecione o boto Contorno Interativo. Veja abaixo:

Na barra de propriedades do Contorno interativo, coloque as seguintes configuraes:

Contorno = interno,
Etapas de contorno = 1,
Deslocamento de contorno = 0, 5 milmetros,
Cores de contorno = linear,
Cor de fundo = branco,
Preenchimento = vermelho.
Veja abaixo:

Se voc seguiu estas configuraes, depois de aplic-las, a logomarca ficou assim:

imasters.com.br//efeito_de_sombra_e

4/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Ok. Agora, com a logomarca selecionada, desagrupe os objetos depois de ter aplicado o contorno
interativo, acessando o menu Organizar > Separar grupo de contorno ou Ctrl+K. Para ter certeza que os
objetos esto separados, selecione a logomarca de cor vermelha e clique na seta para baixo para ver se no
esto agrupados.

Retorne posio original clicando na seta para cima ou com o comando Ctrl+Z. Precisamos apenas do
contorno em azul e, para isso, vamos ter que fazer uma aparagem. Selecione os dois objetos (logomarca
vermelha com o contorno em azul) e v at o menu Organizar > Formato > Aparagem. Selecione a cor
vermelha e novamente clique na seta para baixo e veja como ficou. Pronto, agora ficamos somente com o
contorno em azul, sem o preenchimento, pois est vazado.

No delete a logo vermelha, ainda vamos utiliz-la. Selecione apenas o contorno azul e sobreponha a
logomarca preenchida em degrad.

Precisamos fazer o sombreamento e, para isso, temos que converter o contorno em imagem para aplicar uma
Desfocagem Gaussiana. Com o contorno azul escuro selecionado, v no menu Bitmaps > Converter
em Bitmap.

imasters.com.br//efeito_de_sombra_e

5/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Na caixa de configuraes que abrir, em opo de cor, escolha CMYK, resoluo 300 dpi, marque as
opes Suavizao de serrilhado, Fundo transparente e Aplicar perfil ICC. Veja abaixo.

Depois de fazer estas configuraes, clique no boto OK. Aps ter feito a converso em bitmap, v
novamente no menu Bitmaps > Desfocagem > Desfocagem Gaussiana e, na janela que abrir, coloque
um valor de 5 pixels e clique no boto OK. Veja como ficou a imagem.

Precisamos colocar esta imagem em PowerClip mas, para isso, temos que fazer uma pequena configurao.
V no menu Ferramentas > Opes e, na janela que se abrir, na aba Editar, desmarque a opo
Contedo de centralizao automtica do novo PowerClip e clique em OK, conforme abaixo. Isso impede
que qualquer imagem ou objeto que voc colocar em PowerClip seja aplicado de forma centralizada, tanto
na vertical quanto na horizontal.

Voltando para a imagem desfocada, selecione agora os 2 objetos, a logomarca em degrad e o contorno
azul desfocado e centralize-os clicando nas setas C e E.
imasters.com.br//efeito_de_sombra_e

6/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Selecione somente o contorno azul desfocado, jogue-o para baixo da logomarca em degrad com o
comando Shift+PageDown e coloque em PowerClip acessando o menu Efeitos > PowerClip > Colocar
em Recipiente e clicando na logomarca em degrad. Veja o resultado:

Est ficando legal, com volume, mas podemos melhorar com apenas um detalhe: est faltando o reflexo da
iluminao. Para fazer este reflexo, vamos ter que utilizar a logomarca em vermelho que sobrou. Selecione a
logomarca vermelha, faa uma cpia com o comando Ctrl+D e mude para a cor amarela. Coloque a
logomarca amarela sobre a logomarca vermelha conforme a posio abaixo:

Selecione os 2 objetos (logomarca amarela e vermelha), aplique novamente a aparagem acessando menu
Organizar > Formato > Aparagem e delete somente a logomarca amarela. Veja abaixo como ficou:

Com a logomarca vermelha aparada, selecione-a, mude para a cor branca e sobreponha a logomarca
degrad conforme a posio abaixo:

imasters.com.br//efeito_de_sombra_e

7/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Novamente, precisamos desfocar estes traos em branco e aplic-lo em PowerClip. Com os traos brancos
selecionados, v no menu Bitmaps > Converter em Bitmap.

Na caixa de configuraes que abrir, em opo de cor, escolha CMYK, resoluo 300 dpi, marque as
opes Suavizao de serrilhado, Fundo transparente e Aplicar perfil ICC. Veja abaixo.

Depois de fazer estas configuraes, clique no boto OK. Aps ter feita a converso em bitmap, v
novamente no menu Bitmaps > Desfocagem > Desfocagem Gaussiana e, na janela que abrir, coloque
um valor de 3 pixels e clique no boto OK. Veja como ficou a imagem.

Ajuste a imagem (agora com efeito de reflexo) sobre a logomarca degrad da maneira que quiser para
simular o reflexo da iluninao. Depois de ajustado, jogue-o para baixo da logomarca em degrad com o
comando Shift+PageDown e coloque-o em PowerClip acessando o menu Efeitos > PowerClip >
Colocar em Recipiente e clicando na logomarca em degrad. Veja o resultado final:

imasters.com.br//efeito_de_sombra_e

8/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Com este processo de volume e sombreamento, utilizando os recursos de aparagem, desfocagem e

PowerClip, voc pode fazer inmeras ilustraes (botes, esferas, barras...), semelhantes aos efeitos
utilizados no Photoshop.
Espero que tenham gostado. Qualquer dvida, deixe um comentrio. At a prxima!

Interao
0
Curtir

Relatar Link QuebradoImprimir

Apollo South America

Gerenciamento de Cores

Me todologia An lise de Ca usa R a iz

Softwa re R e a lityCha rting
www.a pollorca .com .br

Lde r e m ge re ncia m ento de core s.

Cursos e spe cficos pa ra ca da rea .
www.cora lis.com .br

30 comentrios

jesus vicente
21/12/2005 17h09
Sensacional!!!
Realmente a nica limitao do CorelDRAW a imaginao do designer. Parabns pela ula de como utilizar
e combinar os recursos do melhor software de desenho vetorial do mundo!!!
Responder

Daniel Pires de Morais

21/12/2005 18h10

Demais
H tempos estava tentando fazer este tipo de efeito no prrpio corel. Agora ficou mais facil para terminar
meus trabalhos grficos.
Valeu mesmo pela dica.
imasters.com.br//efeito_de_sombra_e

9/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Responder

Miguel Junior
22/12/2005 16h15

Muito Bom
Amigo, bela arte...
Queria parabeniz-lo... esse efeito procurava h tempos...
Responder

Miguel Junior
22/12/2005 16h16

Muito Bom
Amigo, bela arte...
Queria parabeniz-lo... esse efeito procurava h tempos...
Responder

Daniel Augusto Cavalcante

22/12/2005 22h38

Excelente !!!
Com essas aulas d para fazer mil coisas. Valeu!!!
Responder

Danilo Csar Granatto

26/12/2005 17h02

Faltou um detalhezinho
imasters.com.br//efeito_de_sombra_e

10/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

timo efeito!!! Mto bom mesmo!!!!

Mas s faltou um detalhezinho, pra vc conseguir dar o efeito de contorno interno e depois usar a aparagem,
vc tem q transformar o texto em curva e alm disso unir todos os ns pra se tornar um nico objeto, pois se
cada letra estiver separada, num d mto certo nao..!!
Num sei se deu pra entender mto bem o q eu quis dizer, mass...!! hehe
Obrigado!!!
Responder

Everton Oliveira
30/12/2005 08h54

tima Matria
Caiu em cima para a finalizao de um material que estou produzindo aqui, continue nos enviando matrias.
Responder

Jairo Caetano
21/01/2006 04h04

Gostei
TIMA MATRIA, PUDE APLICAR ESSE EFEITO EM MUITOS TRABAHLOS.
NO PRECISA MUDAR NADA FICOU MUITO BOM MESMO COM PALPITES DE TERCEIROS
Responder

Leonardo de Vasconclos
26/01/2006 16h47

no existe logomarca
gostei muito da materia, mais cada vez que eu li logomarca, te confeo que dueu...
vamos l... "um tutorialzinho" rs
logo = marca
marca marca, logo quando se fala logo logomarca, vc est falando em marcamarca que no correto...
passe a utilizar a palavra logotipo ok!

imasters.com.br//efeito_de_sombra_e

11/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

logo= marca
tipo = fonte, letras, grafia
esse o correto... ex: seria uma marca feito por letras ok
celso
Responder

Goiamy
15/02/2006 19h28

22492329
Matria excelente e de grande valia. Realmente no sabia que o Corel propiciava mais este recurso entre
tantos outros. Essa matria foi mais uma demonstrao de que a gente no sabe tudo das coisas, mesmo as
menores e sem muita significncia. Obrigado, Jorge por ter me dado mais uma oportunidade de aprender
mais um pouco sobre esta maravilhosa ferramenta.
Responder

VABIA DE PAULA
05/05/2006 12h50

Sensacional!
Simplesmente fantstico, uso corel h um tempo e no sabia que ele poderia fzr coisas to legais assim.
Parabsns!
Responder

JOBATHAB LAMIM ABTUBES

09/08/2006 16h00

Excelente!
Fiz um curso rpido de computao grfica, aprendi bastante coisa, mas no sabia que era possvel fazer
tanto no Corel Draw. Voc est de parabns, a matria excelente mesmo.
Continue assim!!!!!
Responder

imasters.com.br//efeito_de_sombra_e

12/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Bernardo Souza
25/08/2006 09h31

muito bom
Mas fiz de outra maneira. A invs de transformar o contorno em bitmap e aplicar blur nele, eu usei uma sobra
da cor do contorno, com OPACIDADE 100 e ENEVOAMENTO 5. No efeito de luz, usei o mesmo
esquema, s que usei ENEVOAMENTO 3 e cor branca. Usei esse esquema porque no consegui bons
resultados com o BLUR.
Responder

Derkian Souza
13/10/2006 21h29

Algo de nvo???
Infelizmente no vi nada de novo nessa matria.
Nada que realmente parecesse uma matria exemplar.
***detalhe da propaganda ***
Responder

Rafael Paulino
22/10/2006 22h16

D
tima Matria!!!
Sugesto: Utilizando sombreameto apenas no contorno, ajustanto o esfumaamento e a cor do sombreado
em seguida separando o grupo sombreameto, fica com um visual bem melhor que converter em BMP.
Responder

Jack Santos
imasters.com.br//efeito_de_sombra_e

13/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

18/05/2007 14h07

ACABAMEBTO
Para ficar perfeito s faltou nas converses de contorno para objeto a letra S do Sky ficou com um bico na
curvatura inferior, uma correo com a ferramenta shape (forma ou F10) e edio manual mehora a
finalizao da reproduo do logo, muito legal os efeitos, nem tudo to ruim no corel hehehehehe, abraos!
Responder

Guilherme Maia
29/10/2007 15h29

Bego...
Cara, SENSACIONAL a matria...
Acho que voce deveria expor mais com outros exemplos...

Abrao...
Responder

Samuel Castelo Branco

04/08/2008 16h14

COBTORBO IBTERATIVO
Muito boa a matria, parabns. Escuta tentei fazer esses procedimentos em uma imagem vermelha logo.jpg,
a fim de colocar um contorno branco, mas no conseguir. Favor me informe o procedimento correto. Desde
j agradeo. Um abrao. Castelo. Obs: pode mandar parao meu email: majcbranco@gmail.com
Responder

Joo Gomes Dionzio Beto

07/10/2009 22h04

Show de bola
Sensacional, show de bola. Parabns.

imasters.com.br//efeito_de_sombra_e

14/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

Responder

dipo Ribeiro da Gama

17/11/2009 15h00

Boa pedida!
Cara, parabns, nota 11. Realmente o photoshop parece facilitar + pra fazer o mesmo efeito, mas nada
impede q no se faa com o Corel, bom pra quem curte mais o Corel. vlw
Responder

gil
24/03/2010 01h33
cara demais oq vc faz com o corel.at entao eu achava impossivel. eu sou pintor artistico sabe fa;co fachadas
pintadas, logotipos letreiros desenhos....,recentemente fiz um logo de um estacionamento com efeito de
relevo, o dono gostou tanto q nao quer usar o logo do corel quer usar o da parede sera q tem como eu te
mostrar uma foto e vc me dizer se possivel fazer aquele efeito tambem?????ficaria muito agradecido. a
diferena que eu fiz o reflexo(luz) distante da margem que da a impressao de grossura na letra nao s de
relevo. podemos nos falar
Responder

Gabriel Souza
09/04/2010 19h56
Cara muito bom depois destas dicas apliquei em varios trabalhos de maneiras diferentes
Responder

Designer Maycon
30/06/2010 01h32
cara, muito bom mesmo, eu estava atrs de algo assim a muito tempo, va leu e continue com esta aulas pois
esta ajudando muita gente mesmo!
imasters.com.br//efeito_de_sombra_e

15/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

abraos e parabns!
Responder

Cleiton Lopes
31/07/2010 11h20
Parabens, mandou muito bem em sua aula, consegui um trabalho de alta qualidade com isso. Obrigado.
Responder

junior
09/08/2010 11h28
Muito bom
fazia tempo que eu tava querendo saber como fazer isto
funcionou direitinho
Valeu pela aula!!!!!!!!!!
Responder

Fred Paschoal
21/08/2010 20h16
Muito Legal esse efeito! parabns
Responder

theo ferreira
06/09/2010 16h41
foi sensacional sua esplicao, valeu
Responder

imasters.com.br//efeito_de_sombra_e

16/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

naruto
17/09/2010 16h16
explica para o imbecil do leonardo que ns estamos interessados em core e nao em aulade portugues.
kkkkkkkk.No liga pra esse panaca amigo ele deveria ser mais humilde se pretende realmente ajudar com
uma correo.
Responder

Auro
29/09/2010 21h35
oi amigo estou tentando fazer uma aparagem selecionando a IMAGEM e o QUADRADO sober a imagem,
mais no esta funcionando como devo faz .SEM usar o pawerplip
1 resposta Responder

Bachur
29/09/2010 22h41
Oi Auro. O corel no apara imagens. O ideal seria colocar a imagem em power clip (em algum formato) ou
editar a imagem utilizando a ferramenta "bzier" para editar os pontos e dar um novo formato.
Cancelar resposta

Qual a sua opinio?

Se voc j possui conta iMasters, o login ser feito abaixo.
Nome:
E-mail:
Mensagem

Comentrio:
moderados. Enviar comentrio
Sobre o Autor

Ateno: comentrios considerados spams e/ou ofensivos sero

Jorge Elias Bachur Junior Publicitrio - Diretor de Arte e Criao. Desenvolve campanhas e projetos
on-line, off-line, multimdia, edio de vdeos como freelancer e, atualmente, Coordenador de Design de
imasters.com.br//efeito_de_sombra_e

17/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

uma Indstria.
bachur@bachur.com.br
Outros artigos do mesmo autor:
Calendrio 2006 em 2 minutos
Indique para um amigo

Microsoft Visual Studio LightSwitch

Desenvolva suas aplicaes de uma maneira muito mais gil e simples.

RowFeeder
Monitore e analise diversas palavras-chaves no Twitter e Facebook.

Office 2010
Verso de avaliao do pacote de escritrio da Microsoft.
imasters.com.br//efeito_de_sombra_e

18/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

VirtualBox
Emule um sistema operacioanl dentro de outro.

Google App Inventor

Programa de criao de aplicativos para Android aberto para todos.

Parceiros

iMasters
Sobre o iMasters
Poltica de privacidade
Anuncie
Feeds iMasters
Fruns iMasters
Fale conosco
imasters.com.br//efeito_de_sombra_e

19/20

11/10/2010

Efeito de sombra e volume - Jorge Elia

2001 - iMasters FFPA Informtica Ltda - Todos os direitos reservados.

imasters.com.br//efeito_de_sombra_e

20/20