Obtendo o hexadecimal de uma cor RGB no Corel Draw

Por: Diego Franco - [ November 1st, 2008 ]

Ainda não baixei o Corel X4 portanto este post vale para o Corel X3

Sei que muitos tem o costume de desenhar para a Web usando o Corel, creio que não seja tão produtivo e que ainda com certeza não é a ferramenta ideal para tal, mas cada um trabalha com a ferramenta que gosta não é mesmo? Cabe ainda a pessoa correr atrás de aprender a utilizar as melhores ferramentas para a sua área.

Eu já falei aqui no site sobre declaração de cores com códigos Hexadecimais neste post: http://diegofranco.net/archives/declarando-cores-com-codigos-hexadecimais-como-e-isso-2. Este post complementa o anterior e é para aqueles que queiram obter o código Hexadecimal de uma cor RGB no Corel ou seria melhor “do Corel”.

O Corel não é a ferramenta perfeita para desenvolvimento Web por isso você com certeza encontrará algumas dificuldade se usá-lo para criar layouts para a web. Não vou entrar em detalhes aqui mas posso descrever num próximo post as principais desvatangens de se usar o Corel para o desenvolvimento Web.

O Corel disponibiliza uma paleta de cores chamada Web-Safe-Color infelizmente uma paleta de 216 cores que informa o Hexadecimal de todas as cores contidas nela, com certeza isso não te ajudará muito, pois pode ser que a cor que você queira não faça parte dessa paleta de cores, por isso vou apresentar outras formas de se converter uma cor RGB do corel para Hexadecimal.

Para acessar a paleta Web-safe-color faça o seguinte:

Crie um vetor qualquer, um quadrado por exemplo;
Atribua uma cor;
Selecione-o
Aperte Shift+F11 ou na barra de ferramentas clique em Fill tools > Fill color dialog
No dropdow Pallete: Selecione > Fixed Palletes > Web-safe-color
Pronto você verá todas as cores disponíveis com seu código Hexadecimal conforme imagem abaixo.

Porém como disse anteriormente as cores são limitadas. Sem contar que este código apresentado não procede com a cor real no corel, fiz alguns testes e realmente o resultado não foi a cor exata.

Imagem Web-safe-color Pallete

Portanto a melhor maneira para você obter um resultado extremamente perfeito é printando a tela do corel e colando em um editor de imagens, como exemplo vou usar o fireworks que é bem simples e mostra QUALQUER COR em hexadecimal simplesmente passando o mouse sobre a imagem.

Print a tela com a imagem na qual está a cor que você deseja saber o hexadecimal;
Abra o Fireworks > crie um novo documento > e cole a tela printada;
Desenhe um objeto qualquer por sobre a imagem, um quadrado por exemplo;
Ainda no Fireworks clique no ícone de preenchimento e passe o mouse sobre a tela printada, você verá que o Fireworks mostra em tempo real o código hexadecimal da cor na qual o mouse está passando sobre ela, conforme você pode ver na imagem abaixo. Simples assim.

A idéia aqui não foi de fazer um tutorial mas de dar a “faca e o queijo” o resto é com você.

Procure por: MP3, iPod, celulares, notebooks, câmeras

CorelDraw | Nenhum Comentário » View blog reactions

CorelDraw | Cores | Hexadecimal | RGB

Aproveite! Leia isto também:

VETORIZAÇÃO: Uma lição e algumas ferramentas para alcançar um resultado desejável

Por: Diego Franco - [ April 16th, 2008 ]

A um tempo atrás prometi escrever alguns posts sobre dicas de vetorização creio que este será um bom começo e será extremamente interessante para quem trabalha com silks.

O caso é o seguinte: O cliente lhe envia uma foto qualquer e pede pra você vetorizá-la, ou, nem lhe envia a foto apenas solicita uma ilustração aberrante, a dita cuja será usada em uma camiseta por exemplo.

Se você é arte-finalista e cria ilustrações para camisetas sabe que encontrará algumas limitações como tamanhos de telas limitados, cores específicas, tipos de tinta etc…, claro, isso poderá variar de região para região, cidades de porte maior tendem a ter tecnologias mais avançadas que cidades de porte menor, mas isto não é uma regra.

Consideremos que o nosso amável cliente nos solicita uma arte para uma camiseta na qual homenageará o lendário Fusca, escolhido por mim carinhosamente para ilustrar este post, um marco para sua época que perdura até hoje com suas curvas arrojadas. A camiseta será simples com no máximo três cores.

Vamos ao trabalho. Eis o nosso Fuscão.

Logo abaixo estão as principais ferramentas usadas na vetorização e o que elas fazem: (Vou ser bem direto aqui para não embromar(já ouviu essa palavra?) Os ícones são bem intuitivos. Abaixo de todas as ferramentas estão as etapas da vetorização até o resultado final, espero que gostem.

Ferramenta Bezier >> À medida que você clica ela adiciona pontos (nós) do vetor. Você a usará praticamente na primeira etapa da vetorização, contornando as principais características de seu desenho, sombras, reflexos, objetos, um pouco de senso será muito útil neste momento para definir os principais traços da imagem. Quanto mais pontos você criar, melhor será na hora de moldá-los, mas com o tempo você saberá os lugares corretos onde deverá criá-los.

Ellipse >> O nome já é intuitivo. Para você desenhar círculos (tenho certeza que você já sabia desta).

Convert Line to Curve >> Quando se adiciona os nós com a ferramenta Bezier eles são criados como linhas retas não sendo possível a suavização(arredondamento) dos nós, para que você possa suavizar os nós, construindo curvas, basta selecionar os nós desejados e aplicar esta ferramenta. A partir daí você usará a ferramenta Shape para moldar os nós.

Shape >> Como já disse anteriormente a ferramenta Shape com certeza será a mais usada aqui, é ela que dará formas uniformes ao seu desenho, é com ela que você suavizará os nós. Nesta etapa você excluirá alguns nós, criará e suavizará outros, lembrando que para editar um nó basta selecioná-lo dando um clique sobre ele, para excluir dê um duplo clique sobre o mesmo e para adicionar dê um duplo clique sobre o contorno.

Make Node A Cusp >> Quando você converte suas linhas em curvas(3ª ferramenta), ao clicar em um dos lados do nó para suavizá-lo o outro acompanhará a suavização, para que isto não aconteça, ou seja, no caso de você querer suavizar ou editar somente um lado do nó independente do outro basta selecioná-lo e aplicar esta ferramenta, automaticamente os nós ficarão independentes um do outro. O próprio ícone já é bem intuitivo.